/*--------------------- Copyright (c) 2023 ----------------------- 
[Master Stylesheet] 
Project: Themestack 
Version: 1.0.0 
Author: PixelNX 
-------------------------------------------------------------------
[Table of contents] 
1. Global CSS Start 
2. Comman CSS Start 
-- Header CSS Start 
-- Footer CSS Start 
3. Unittesting CSS Start 
4. Woocommerce CSS Start 
5. Demo CSS Start 
6. Responsive CSS Start 

-------------------------------------------------------------------*/
/**** 1. Global CSS Startr ******/
 :root {
     --themestack-title-family: 'Manrope', sans-serif;
     --themestack-globts-family: 'Manrope', sans-serif;
     --themestack-main-bg: #ffffff;
     --themestack-alternate-bg: #f8f8f8;
     --themestack-secondary-bg: #f8f8f8;
     --themestack-font-color: #707070;
     --themestack-title-color: #333333;
     --themestack-white: #ffffff;
     --themestack-white-color: #ffffff;
     --themestack-offf-white: rgb(255 255 255 / 10%);
     --themestack-primary-color: #7e57ff;
     --themestack-primary-light: #ff846f;
     --themestack-border-color: rgba(191,191,207,0.3);
     --themestack-input-border: #eaebec;
     --themestack-input-bg: #ffffff;
     --themestack-yellow: #ffaa17;
     --themestack-footer-bg: #1f232c;
     --themestack-footer-light-bg: #ebeef5;
     --themestack-placeholder: #4c4c4c;
     --themestack-submenu-bg: #f5f5f5;
     --themestack-sub-menu-bg: #f9f9f9;
     --themestack-page-title-bg: #f4f4f4;
     --themestack-blockquote-bg: #020202;
     --themestack-widget-bg: #fcfcfc;
     --themestack-radius0: 0;
     --themestack-radius-comman: 3px;
     --themestack-radius10: 10px;
     --themestack-circle-radius: 50%;
     --themestack-page-title-size: 42px;
     --themestack-font-size: 16px;
     --themestack-font14: 14px;
     --themestack-font18: 18px;
     --themestack-title-size: 22px;
     --themestack-sub-title-size: 26px;
     --themestack-widgets-title-size: 20px;
     --themestack-shadow: 0 0 30px rgb(0 0 0 / 3%);
     --themestack-transition: all 0.3s ease-in-out;
     --themestack-link-color: #353d42;
     --themestack-copyright-bg: #282d38;
     --cn-dark-blue-color:#1e263d;
}
 html {
     font-size: 16px;
}
 * {
     outline: 0 !important;
}
 body {
     font-family: var(--themestack-globts-family);
     font-weight: 400;
     font-size: var(--themestack-font-size);
     line-height: 1.8;
     -webkit-font-smoothing: antialiased;
     overflow-x: hidden;
     background: var(--themestack-main-bg);
     color: var(--themestack-font-color);
}
 body::-webkit-scrollbar {
     width: 6px;
     box-shadow: none;
}
 body::-webkit-scrollbar-track {
     background-color: var(--themestack-alternate-bg);
     box-shadow: none;
}
 body::-webkit-scrollbar-thumb {
     background-color: var(--themestack-primary-color);
     box-shadow: none;
}
 .ts-cart-list .product_list_widget::-webkit-scrollbar {
     width: 6px;
     box-shadow: none;
}
 .ts-cart-list .product_list_widget::-webkit-scrollbar-track {
     background-color: var(--themestack-alternate-bg);
     box-shadow: none;
}
 .ts-cart-list .product_list_widget::-webkit-scrollbar-thumb {
     background-color: var(--themestack-primary-color);
     box-shadow: none;
}
 .post, .page {
     margin: 0;
}
 a {
     color: var(--themestack-title-color);
}
 a:visited:hover, a:hover, a:focus, button, button:hover {
     color: var(--themestack-primary-color);
}
 a, a:hover, a:focus, button, button:hover, .wp-block-calendar a {
     text-decoration: none;
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 img {
     max-width: 100%;
     height: auto;
}
.text-center {
    text-align: center;
    margin: auto;
}
 .text-left {
     text-align: left;
     margin-right: auto;
}
 .text-right {
     text-align: right;
     margin-left: auto;
}
 input, textarea, select, button, button:focus, button:hover, label, .form-control:focus {
     box-shadow: none;
}
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     margin-bottom: 10px;
     color: var(--themestack-title-color);
     text-transform: capitalize;
     font-family: var( --themestack-title-family);
     line-height: 1.2;
}
 strong {
     font-weight: 700;
     color: var(--themestack-title-color);
}
 iframe {
     width: 100%;
     border: none;
}
 a:visited {
     color: inherit;
}
 mark, ins {
     background: transparent;
}
 input[type="button"], input[type="reset"], input[type="submit"] {
     border: 1px solid var(--themestack-border-color);
     background: var(--themestack-input-bg);
     color: var(--themestack-font-color);
     font-size: var(--themestack-font-size);
     line-height: 1.5;
     padding: 0 20px;
     height: 50px;
     border-radius:0;
}
 input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], .form-control:focus, input[type="datetime-local"], input[type="color"], textarea {
     color: var(--themestack-font-color);
     border: 1px solid var(--themestack-border-color);
     background: var(--themestack-input-bg);
     width: 100%;
     padding: 0 20px;
     min-height: 50px;
     line-height: 50px;
     border-radius: 0px;
}
 .input-wrap textarea {
     height: 150px;
     border-radius: var(--themestack-radius0);
     padding: 20px;
     border-radius: 0px;
}
 input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, .form-control:focus {
     border-color: var(--themestack-primary-color);
     color: var(--themestack-font-color);
}
 input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 input::-webkit-input-placeholder, .input-wrap input::-webkit-input-placeholder, .input-wrap textarea::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
     color: var(--themestack-placeholder);
}
 .input-wrap input::-moz-placeholder, .input-wrap textarea::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
     color: var(--themestack-placeholder);
     opacity: 1;
}
 .input-wrap input:-ms-input-placeholder, input:-ms-input-placeholder, .input-wrap textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {
     color: var(--themestack-placeholder);
     opacity: 1;
}
 .input-wrap input:-moz-placeholder, input:-moz-placeholder, .input-wrap textarea:-moz-placeholder, textarea:-moz-placeholder {
     color: var(--themestack-placeholder);
     opacity: 1;
}
 .input-wrap label {
     font-weight: 600;
     color: var(--themestack-title-color);
     margin: 0 0 8px;
}
 .toast {
     background: var(--themestack-primary-color);
}
 .toast-success {
     background: var(--success);
}
 .toast-error {
     background: var(--danger);
}
 .txt-primary {
     color: var(--themestack-primary-color);
}
 .scroll {
     position: fixed;
     right: 15px;
     bottom: 15px;
     cursor: pointer;
     width: 50px;
     height: 50px;
     text-align: center;
     line-height: 48px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     z-index: 99;
     visibility: hidden;
     -webkit-transform: translateY(150px);
     -ms-transform: translateY(150px);
     transform: translateY(150px);
     background-color: var(--themestack-primary-color);
     color: var(--themestack-main-bg);
     border-radius: 50%;
     border: 0;
}
 .scroll.active {
     visibility: visible;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     animation: bounceInDown 1s;
     -webkit-animation: bounceInDown 1s;
     -moz-animation: bounceInDown 1s;
}
 #scroll:hover {
     background-color: var(--themestack-main-bg);
     color: var(--themestack-primary-color);
}
.scroll:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%);
}
 @keyframes bounce {
     0%, 100% {
         transform: translateY(-20px);
    }
     50% {
         transform: translateY(0px);
    }
}
/***** 2. Comman CSS Start *****/
 .display-flex {
     display: flex;
     flex-wrap: wrap;
}
 .nice-select .list {
     width: 100%;
     border-radius: 0;
}
 .nice-select .list {
     max-height: 300px;
     overflow: hidden;
     overflow-y: auto;
}
 .nice-select li:before {
     content: unset;
     display: none;
}
 .nice-select .list::-webkit-scrollbar {
     width: 6px;
     box-shadow: none;
}
 .nice-select .list::-webkit-scrollbar-track {
     background-color: var(--themestack-alternate-bg);
     box-shadow: none;
}
 .nice-select .list::-webkit-scrollbar-thumb {
     background-color: var(--themestack-primary-color);
     box-shadow: none;
}
 .nice-select:active, .nice-select.open, .nice-select:focus {
     border-color: var(--themestack-border-color);
}
 .nice-select .option {
     line-height: 1.5;
     min-height: auto;
     word-break: normal;
     padding-top: 10px;
     padding-bottom: 10px;
     margin: 0;
     border: 0;
}
 .nice-select {
     white-space: normal;
}
 .nice-select {
     width: 100%;
     color: var(--themestack-font-color);
     border: 1px solid var(--themestack-border-color);
     background: var(--themestack-input-bg);
     padding: 0 40px 0 20px;
     height: 50px;
     line-height: 50px;
     border-radius: 0px;
}
 .nice-select:after {
     right: 22px;
     width: 8px;
     height: 8px;
     border-bottom: 2px solid var(--themestack-title-color);
     border-right: 2px solid var(--themestack-title-color);
}
 .nice-select:focus, .nice-select:hover {
     border-color: var(--themestack-border-color);
}
 .nice-select .list {
     background: var(--themestack-main-bg);
}
 body .nice-select .list li.selected, body .nice-select .list li.selected:focus, body .nice-select .list li.selected:hover, body .nice-select .list li.option:focus, body .nice-select .list li.option:hover {
     background: var(--themestack-page-title-bg) !important;
}
 @keyframes buttonripple {
     0% {
         transform: scale(40, 40);
         opacity: .3;
         background: var(--themestack-primary-color);
    }
     20% {
         transform: scale(25, 25);
         opacity: .3 
    }
     100% {
         opacity: 0;
         transform: scale(0, 0);
    }
}
/* Preloader CSS Start */
 .preloader {
     background-color: var(--themestack-main-bg);
     bottom: 0;
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     z-index: 2147483647;
     width: 100%;
     height: 100%;
}
 .preloader-inner {
     background-position: center center;
     background-repeat: no-repeat;
     height: auto;
     position: absolute;
     left: 50%;
     top: 50%;
     text-align: center;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
}
/** Header CSS **/
 .ts-logo .ts-logo-title {
     color: var(--themestack-title-color);
     font-size: 26px;
     font-weight: 800;
}
/* Header Search */
 .ts-search-form {
     position: fixed;
     right: 0;
     bottom: 0;
     top: 0;
     width: 100%;
     left: 0%;
     background: rgb(0 0 0 / 80%);
     z-index: 999;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     cursor: url(../images/close_search.png), auto;
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     -ms-transform: translateY(100%);
     -o-transform: translateY(100%);
     transform: translateY(100%);
}
 .ts-search-form.show-search {
     -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
     -ms-transform: translateY(0%);
     -o-transform: translateY(0%);
     transform: translateY(0%);
}
 .ts-search-form.show-search, .ts-search-form {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .ts-search-form-inner {
     width: 50%;
     position: relative;
     text-align: end;
     -webkit-transform: translateY(200px);
     -moz-transform: translateY(200px);
     -ms-transform: translateY(200px);
     -o-transform: translateY(200px);
     transform: translateY(200px);
     visibility: hidden;
}
 .ts-search-form.show-search .ts-search-form-inner {
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
     visibility: visible;
}
 .ts-search-form.show-search .ts-search-form-inner, .ts-search-form-inner {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .search-bar-inner {
     position: relative;
     height: 50px;
}
 .search-bar-inner input {
     width: 100%;
     height: 50px;
     padding: 15px 55px 15px 15px;
     border: none;
     color: var(--themestack-font-color);
}
 .search-bar-inner input::-webkit-input-placeholder {
     color: var(--themestack-white);
     opacity: 90%;
}
 .search-bar-inner input::-moz-placeholder {
     color: var(--themestack-white);
     opacity: 90%;
}
 .search-bar-inner input:-ms-input-placeholder {
     color: var(--themestack-white);
     opacity: 90%;
}
 .search-bar-inner input:-moz-placeholder {
     color: var(--themestack-white);
     opacity: 90%;
}
 .search-bar-inner input:focus {
     color: var(--themestack-white);
}
 .search-bar-inner button {
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     border: none;
     background: var(--themestack-primary-color);
     fill: var(--themestack-white);
     width: 50px;
     cursor: pointer;
     border-radius: 0 30px 30px 0;
}
 .close-search {
     margin: 0 0 50px 0;
     display: inline-block;
     padding: 0 15px;
}
 .ts-search-btn {
     cursor: pointer;
     width: 18px;
     height: 18px;
     line-height: 18px;
     margin-left: 10px;
}
 .search-bar-inner button svg {
     width: 20px;
     fill: var(--themestack-white);
}
/* Header Cart */
 body.open-cart:before {
     background: rgb(0 0 0 / 0.6);
     content: "";
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 9999;
}
 .ts-cart-quntity {
     position: relative;
}
 .ts-cart-quntity {
     position: relative;
     height: 40px;
     display: inline-block;
     width: 40px;
     text-align: center;
     border: none;
     border-radius: var(--themestack-circle-radius);
     line-height: 40px;
}
 .ts-cart-quntity:before {
     position: absolute;
     content: "";
     background: var(--themestack-primary-color);
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border: none;
     border-radius: var(--themestack-circle-radius);
}
 .ts-cart-count {
     position: absolute;
     top: -4px;
     background: var(--themestack-primary-color);
     border: none;
     border-radius: var(--themestack-circle-radius);
     color: var(--themestack-main-bg);
     height: 20px;
     min-width: 20px;
     line-height: 20px;
     font-size: 10px;
     right: -6px;
}
 .ts-cart-btn {
     cursor: pointer;
     min-width: 80px;
     display: inline-block;
     margin-left: 30px;
}
 .ts-cart-total {
     color: var(--themestack-main-bg);
     display: inline-block;
     margin-left: 10px;
     font-weight: 500;
}
 .ts-header-cart-box {
     position: fixed;
     bottom: 0;
     top: 0;
     z-index: 99999;
     background: var(--themestack-main-bg);
     box-shadow: var(--themestack-shadow);
     max-width: 300px;
     right: -400px;
     text-align: left;
     width: 100%;
     transition: var(--themestack-transition) cubic-bezier(0.64, 0.02, 0.23, 0.96);
     -webkit-transition: var(--themestack-transition) cubic-bezier(0.64, 0.02, 0.23, 0.96);
     -moz-transition: var(--themestack-transition) cubic-bezier(0.64, 0.02, 0.23, 0.96);
     -o-transition: var(--themestack-transition) cubic-bezier(0.64, 0.02, 0.23, 0.96);
     -ms-transition: var(--themestack-transition) cubic-bezier(0.64, 0.02, 0.23, 0.96);
     overflow-y: auto;
}
 .admin-bar .ts-header-cart-box {
     top: 30px;
}
 .open-cart .ts-header-cart-box {
     right: 0;
}
 .ts-cart-head {
     text-align: center;
     padding: 20px 30px 20px;
     position: relative;
     background: var(--themestack-main-bg);
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
}
 .ts-cart-head h4 {
     color: var(--themestack-title-color);
     font-size: var(--themestack-sub-title-size);
     font-weight: 600;
     margin: 0;
}
 .ts-close-cart {
     display: inline-block;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: var(--themestack-circle-radius);
     background: var(--themestack-primary-color);
}
 .ts-close-cart svg {
     height: 12px;
     fill: var(--themestack-main-bg);
}
 body .ts-right-cart-slide .ts-head-icon .ts-close-cart svg {
     fill: var(--themestack-primary-color);
     height: 15px;
     width: 15px;
}
 .ts-cart-products {
     padding: 17px 20px 20px;
     max-height: calc(100% - 80px);
     overflow-y: auto;
}
 .ts-cart-products .woocommerce-mini-cart__empty-message {
     text-align: center;
}
 .woocommerce-mini-cart.cart_list {
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     width: 100%;
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item {
     width: 100%;
     display: block;
     padding: 10px 20px 10px;
     border-bottom: 1px solid var(--themestack-border-color);
     margin-bottom: 17px;
}
.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .remove {
    background: var(--themestack-primary-color);
    color: var(--themestack-white) !important;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--themestack-circle-radius);
    font-size: 16px;
    font-weight: 500;
    padding-top: 0px;
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .remove:hover {
     background: var(--themestack-primary-color);
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item a .attachment-woocommerce_thumbnail {
     object-fit: cover;
     border-radius: var(--themestack-radius0);
     box-shadow: var(--themestack-shadow);
     border: none;
     width: 60px;
     height: 60px;
     margin: 10px 20px 10px 0;
     border-radius: 6px;
}
 .ts-cart-products .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .ts-cart-products .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item a .attachment-woocommerce_thumbnail {
     display: inline-block;
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
     color: var(--themestack-title-color);
     font-size: var(--themestack-font-size);
     font-weight: 400;
     text-align: left;
     width: calc(100% - 25px);
     padding-left: 10px;
     white-space: nowrap;
     overflow: hidden;
}
 .ts-cart-products .woocommerce-mini-cart.cart_list li a:nth-child(2) {
     width: calc(100% - 110px);
     display: flex;
     justify-content: space-between;
     align-items: center;
     justify-content: left;
}
 .ts-cart-products .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
     display: flex;
     justify-content: flex-start;
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .quantity {
     font-weight: 600;
     color: var(--themestack-primary-color);
     display: block;
     margin: 0 0 0 40px;
     font-size: var(--themestack-font18);
}
 .woocommerce #review_form #respond textarea {
     height: 120px;
     padding: 20px;
     line-height: 1.5;
}
 textarea {
     line-height: 1.5;
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove):hover {
     color: var(--themestack-primary-color);
}
 .ts-cart-products .woocommerce-mini-cart.cart_list span.quantity {
     margin: 0px 0 0 10px;
     width: 80px;
}
 .ts-cart-products .woocommerce-mini-cart__buttons {
     margin: 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .ts-cart-products .woocommerce-mini-cart__buttons .ts-btn {
     margin: 0 0 10px;
     min-width: 120px;
}
 .ts-cart-products .woocommerce-mini-cart__total {
     margin: 8px 0 23px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .ts-cart-products .woocommerce-mini-cart__total strong {
     font-weight: 600;
     color: var(--themestack-title-color);
}
 .ts-cart-products .woocommerce-mini-cart__total .woocommerce-Price-amount {
     font-weight: 600;
     color: var(--themestack-primary-color);
}
 .open-cart .ts-header-cart-box-overlay:before {
     position: fixed;
     content: "";
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: var(--themestack-alternate-bg);
     z-index: 999;
     opacity: .6;
}
 .open-cart .ts-header-cart-box-overlay:before, .ts-header-cart-box-overlay:before {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .ts-header-cart-box-overlay {
     display: inline-block;
}
 .ts-cart-products .woocommerce-Price-amount.amount {
     font-size: var(--themestack-font-size);
}
 .ts-cart-box .woocommerce-mini-cart__empty-message {
     padding: 15px 20px 5px;
}
 .ts-cart-box {
     -webkit-transform: translateY(50px);
     -moz-transform: translateY(50px);
     -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
     transform: translateY(50px);
     visibility: hidden;
     opacity: 0;
}
 .ts-cart-box.open-cart {
     visibility: visible;
     opacity: 1;
     -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
     -ms-transform: translateY(10px);
     -o-transform: translateY(10px);
     transform: translateY(10px);
}
/* Cart Header */
 .ts-cart-wrapper {
     position: relative;
     margin-right: 6px;
}
.ts-cart-box {
    position: absolute;
    background: var(--themestack-alternate-bg);
    min-width: 300px;
    max-width: 300px;
    right: -60px;
    z-index: 9;
    border-radius: var(--themestack-radius10);
    overflow: hidden;
    margin: auto;
    transition: all 0.3s;
}
.ts-cart-box .woocommerce-mini-cart__total.total, .ts-cart-box .woocommerce-mini-cart__buttons {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 0;
    margin: 10px 0 0;
    border-top: 1px solid var(--themestack-border-color);
}
 .ts-cart-box .woocommerce-mini-cart__buttons {
     padding: 20px 20px 20px;
}
 .ts-top-header .ts-info-detail ul.woocommerce-mini-cart {
     max-height: 200px;
     overflow: hidden;
     overflow-y: auto;
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item:last-of-type {
     margin: 0 0 3px;
     border: 0;
     padding: 10px 20px 0px;
}
 .ts-top-header .ts-info-detail ul.woocommerce-mini-cart::-webkit-scrollbar {
     width: 3px;
}
 .ts-top-header .ts-info-detail ul.woocommerce-mini-cart::-webkit-scrollbar-track {
     background-color: var(--themestack-alternate-bg);
}
 .ts-top-header .ts-info-detail ul.woocommerce-mini-cart::-webkit-scrollbar-thumb {
     background-color: var(--themestack-primary-color);
}
 .ts-cart-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     margin: 0;
}
 .ts-cart-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .quantity {
     width: 100%;
     margin: 0;
}
 .ts-cart-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .quantity {
     display: none;
}
 .ts-cart-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item:first-of-type a:first-of-type {
     display: none;
}
/* Header Nav */
 .ts-header-wrapper .menu {
     display: flex;
     flex-wrap: wrap;
     text-transform: capitalize;
     justify-content: flex-end;
}
 .ts-header-wrapper ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
.ts-main-header-inner .ts-serach-cart-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ts-date-controls ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.ts-date-controls ul li {
    margin-bottom: 0;
}
 .ts-header-wrapper .menu li {
     position: relative;
     margin: 0;
}
.ts-header-wrapper {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
     background: var(--themestack-white);
}
.ts-header-wrapper .menu li a {
     color: var(--themestack-title-color);
     font-weight: 600;
}
.ts-header-wrapper .menu li.current-menu-item>a, .ts-header-wrapper .menu li.current-menu-item>a:focus, .ts-header-wrapper .menu li.current-menu-item>a:visited {
     color: var(--themestack-primary-color);
}
.ts-header-wrapper .menu li.current-menu-ancestor>a, .ts-header-wrapper .menu li.current-menu-ancestor>a:focus, .ts-header-wrapper .menu li.current-menu-ancestor>a:visited {
     color: var(--themestack-primary-color);
}
.ts-header-wrapper .ts-head-icon .woocommerce-Price-amount.amount {
     color: var(--themestack-title-color);
     font-weight: 700;
     font-size: var(--themestack-font-size);
}
.ts-header-wrapper .menu li a {
     position: relative;
}
 .ts-search-btn svg {
     fill: var(--themestack-primary-color);
     height: 16px;
}
 .ts-header-wrapper .ts-search-btn svg {
     fill: var(--themestack-primary-color);
     height: 16px;
}
 .ts-header-wrapper .row {
     align-items: center;
     justify-content: space-between;
}
 .ts-main-navigation {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
}
/*header style 1 css*/
body.home .ts-header-style1 .ts-main-navigation {
    background: linear-gradient(-90deg, #ffffff 0%, #fcf7ff 100%);
    padding-left: 100px;
    border-radius: 0 0 0 100px;
}
body:not(.themestack-demo) .ts-header-style1 .ts-main-navigation{
    background:none;
}
.ts-header-style1 .container-fluid{
    padding: 0 100px 0 140px;
}
/*header style 1 css*/
/*header style 2 css*/
.ts-header-style2 {
    background: var(--am-light-bg-color);
}
.ts-header-style2 .container-fluid{
    padding:0 120px;
}
.ts-header-style2 .menu>li>a, .ts-header-style2 .menu li a:visited, .ts-header-style2 .menu li a:focus {
    color: var(--themestack-white-color);
}
.ts-header-style2 .ts-date-controls ul li:first-child .start-earning .ts-am-btn {
    padding: 12px 27px;
}
/*header style 2 css*/
/*header style 3 css*/
body.home .ts-header-style3 {
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: transparent;
}
body.home.admin-bar .ts-header-style3{
    top: 40px;
}
.ts-header-style3 .container-fluid {
    padding: 0 100px;
}
.ts-header-style3 .menu>li>a, .ts-header-style3 .menu li a:visited, .ts-header-style3 .menu li a:focus {
    color: var(--themestack-white-color);
    font-weight: 400;
}
/*header style 3 css*/
/*header style 4 css*/
.ts-header-style4 .ts-main-nav-wrapper {
    margin-left: 0;
}
.ts-header-style4 .ts-main-header-inner {
    padding: 0 65px;
}
.ts-header-style4 .ts-main-header-inner .ts-serach-cart-holder {
    margin-left: auto;
}
.ts-header-style4 .menu>li>a, .ts-header-style4 .menu li a:visited, .ts-header-style4 .menu li a:focus {
    color: var(--er-menu-text-color);
    font-weight: 400;
    font-size: 14px;
}
.ts-header-style4 .ts-main-nav-wrapper .menu .sub-menu a, .ts-header-style4 .ts-main-nav-wrapper .menu a {
    font-weight: 400 !important;
    font-size: 14px !important;
}
/*header style 4 css*/
/*header style 5 css*/
body.home .ts-header-style5 {
    background: #fff3e5;
}
.ts-header-style5 .container-fluid {
    padding: 0 0 0 35px;
}
.ts-header-style5 .menu>li>a, .ts-header-style5 .menu li a:visited, .ts-header-style5 .menu li a:focus {
    color: #3c4856;
    font-weight: 400;
}
/*header style 5 css*/
/*header style 6 css*/
.ts-header-style6 .container-fluid {
    padding: 0 80px;
}
.ts-header-style6 .ts-main-nav-wrapper .menu>li>a:before{
    display:none;
}
.ts-header-style6 .ts-cart-box {
    right: 0;
    border-radius: 0;
}
/*header style 6 css*/
/*header style 7 css*/
.ts-header-style7 {
    background: #020230;
}
.ts-header-style7 .container-fluid {
    padding: 0 150px;
}
.ts-header-style7 .menu>li>a {
    color: var(--themestack-white-color);
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Jost';
}
/*header style 7 css*/
/*header style 8 css*/
.ts-header-style8 .container-fluid {
    padding: 0 0 0 80px;
}
.ts-header-style8 .ts-main-header-inner {
    justify-content: flex-end;
}
/*header style 8 css*/
/*header style 9 css*/
body.home .ts-header-style9 {
    max-width: 1300px;
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 9;
    border-radius: 0px 0 50px 50px;
}
body.home.admin-bar .ts-header-style9{
    top: 32px;
}
.ts-header-style9 .container-fluid{
    padding:0 70px;
}
.ts-header-style9 .ts-logo-wrap {
    padding: 20px 0;
}
.ts-header-style9 .menu li a {
    color: var(--app-grey-color);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
}
.ts-header-style9 .ts-search-btn svg {
    fill: var(--themestack-grey-color);
    height: 16px;
}
/*header style 9 css*/
/*header style 10 css*/
body.home .ts-header-style10 {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 9;
    background: transparent;
    padding: 20px 0;
}
body.home.admin-bar .ts-header-style10{
    top:30px;
}
.ts-header-style10{
    background:#211f33;
    padding: 20px 0!important;
}
.ts-header-style10 .container-fluid {
    padding: 0 60px;
}
.ts-header-style10  .ts-main-header-inner .ts-serach-cart-holder {
    justify-content: flex-end;
    margin-left: auto;
}
/*header style 10 css*/
/*header style 11 css*/
@media(min-width:992px){
    body.home .ts-header-style11{
        position: absolute;
        top: 0px;
        right: 0;
        left: 0;
        z-index: 9;
    }
}
.ts-header-style11 .container-fluid {
    padding: 0 100px;
}
body .ts-header-style11 .ts-main-nav-wrapper .menu>li>a:before{
    display:none;
}
body.home .ts-header-style11 .ts-logo-wrap {
    margin-left: auto;
    margin-top: 0px;
    padding: 20px 0 50px 95px;
}
.ts-header-style11 .ts-logo-wrap {
    padding: 20px 0 20px 95px;
    margin-left: auto;
}
body.home .ts-header-style11 .ts-main-header-inner {
    align-items: flex-start;
}
body.home .ts-header-style11 .ts-date-controls{
    margin-top: 15px;
}
/*header style 11 css*/
/*header style 12 css*/
body.home .ts-header-style12 {
    background: transparent;
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    z-index: 9;
}
body.home.admin-bar .ts-header-style12{
    top: 50px;
}
.ts-header-style12 .ts-main-header-inner {
    background: var(--themestack-white-color);
    border-radius: 6px;
    padding: 0 40px;
}
/*header style 12 css*/
/*header style 13 css*/
body.home .ts-header-style13 {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    background: transparent;
    z-index: 9;
}
.ts-header-style13 {
    background: var(--ld-copywrite);
}
body.home.admin-bar .ts-header-style13{
    top: 30px;
}
.ts-header-style13 .container-fluid {
    padding: 0 100px;
}
/*body.home .ts-header-style13 .menu li>a{*/
/*    color: var(--themestack-title-color);*/
/*}*/
.ts-header-style13 .menu li.current-menu-item>a, .ts-header-style13 .menu li.current-menu-item>a:focus, .ts-header-style13 .menu li.current-menu-item>a:visited {
    color: var(--themestack-primary-color);
}
.ts-header-style13 .menu li>a:hover{
    color: var(--themestack-primary-color);
}
/*header style 13 css*/
/*header style 14 css*/
body .ts-header-style14 .ts-main-nav-wrapper .menu>li>a:before{
    display:none;
}
body .ts-header-style14 .menu li a {
    color: var(--ai-grey-color);
    font-weight: 500;
    font-size: 16px;
}
/*header style 14 css*/
/*header style 15 css*/
.ts-header-style15 {
    background: #0b0006;
}
.ts-header-style15 .container-fluid {
    padding: 0 100px;
}
.ts-header-style15 .menu>li>a {
    color: var(--themestack-white-color);
    font-weight: 400;
    font-size: 18px;
}
.ts-header-style15 .menu li a:before{
    display:none;
}
/*header style 15 css*/
/*header style 16 css*/
body.home .ts-header-style16 {
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: transparent;
}
body.home.admin-bar .ts-header-style16{
    top:40px;
}
.ts-header-style16 {
    background: var(--gz-black-color);
}
.ts-header-style16 .container-fluid{
    padding:0 80px;
}
.ts-header-style16 .ts-logo-wrap {
    padding: 15px 0;
}
.ts-header-style16 .menu li a {
    color: var(--themestack-white-color);
    font-weight: 400;
    font-size: 16px;
    font-family: 'Mukta';
}
.ts-header-style16 .menu li a span img {
    margin-right: 8px;
    transition:var(--themestack-transition);
}
.ts-header-style16 .menu li a span img.hovered-image {
    opacity:0;
    visibility:hidden;
    transition:var(--themestack-transition);
}
.ts-header-style16 .ts-main-nav-wrapper .menu>li>a:before{
    display:none;
}
.ts-header-style16 .menu li.current-menu-item>a span img.hovered-image, .ts-header-style16 .menu li:hover>a span img.hovered-image{
    opacity:1;
    visibility:visible;
}
.ts-header-style16 .menu li.current-menu-item>a span img.menu-image, .ts-header-style16 .menu li:hover>a span img.menu-image{
    opacity:0;
    visibility:hidden;
}
/*header style 16 css*/
/*header style 17 css*/
body.home .ts-header-style17 {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 9;
    background: transparent;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
body.home.admin-bar .ts-header-style17{
    top:30px;
}
.ts-header-style17 .container-fluid{
    padding:0 50px;
}
.ts-header-style17 .ts-main-nav-wrapper {
    margin: auto;
}
.ts-header-style17 .menu>li>a {
    font-size:18px;
    color: var(--themestack-white-color);
    font-weight: 400;
}
.ts-header-style17 {
    background: var(--themestack-primary-color);
}
.ts-header-style17 .ts-date-controls ul li:first-child a {
    font-size: 14px;
    font-weight: 400;
    color: var(--themestack-white-color);
    text-transform: capitalize;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    min-width: 100px;
}
.ts-header-style17 .ts-comman-icon svg {
    margin-top: 4px;
}
.ts-header-style17 span.ts-comman-icon img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-right:10px;
}
.ts-header-style17 .ts-comman-icon {
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-right: 10px;
}
/*header style 17 css*/
/*header style 18 css*/
body.home .ts-header-style18{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:9;
    background:transparent;
}
body.home.admin-bar .ts-header-style18{
    top:30px;
}
body .ts-header-style18 .ts-main-nav-wrapper .menu>li>a:before{
    display:none;
}
.ts-header-style18 .container-fluid {
    padding: 0 145px;
}
/*header style 18 css*/
/*header style 19 css*/
.ts-header-style19 {
    background-color: #f9f6ff;
}
.ts-header-style19 .container-fluid {
    padding: 0 100px;
}
.ts-header-style19 .menu li a {
    color: var(--sd-blue-color);
    font-weight: 600;
    font-size: 20px;
}
body .ts-header-style19 .ts-main-nav-wrapper .menu>li>a:before{
    display:none;
}
.ts-header-style19  .ts-main-header-inner {
    justify-content: center;
}
.ts-header-style19 .ts-main-nav-wrapper {
    margin: auto;
}
/*header style 19 css*/
/*header style 20 css*/
.ts-header-style20 .container-fluid {
    padding: 0 120px;
}
.ts-header-style20 .menu li a {
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Mulish';
}
/*header style 20 css*/

/* DEMO HEADER CSS WITH DEMO CLASS */
 body .ts-main-nav-wrapper .menu>li>a {
     display: inline-block;
}
 .themestack-demo .ts-header-wrapper {
     padding: 0;
}
/* Main Header 2*/
.ts-main-header {
    width: 100%;
}
.ts-main-header .ts-main-header-inner {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.ts-main-nav-wrapper {
    margin-left: auto;
}
/* Breadcrumb CSS Start */
.ts-breadcrumb-wrapper {
    background: var(--themestack-page-title-bg);
    padding: 71px 0 80px;
    position: relative;
    background-size: cover !important;
    background-position: center bottom !important;
    color: var(--themestack-font-color);
}
 .ts-breadcrumb-wrapper.breadcrumb-overlay:before {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     background: rgb(0 0 0 / 60%);
     content: "";
}
 .ts-breadcrumb-wrapper.breadcrumb-overlay {
     padding: 71px 0 80px;
}
 .ts-breadcrumb-wrapper.breadcrumb-overlay h1 {
     color: var(--themestack-white);
     position: relative;
}
 .ts-breadcrumb-wrapper.breadcrumb-overlay ul li {
     color: var(--themestack-white);
}
 .ts-breadcrumb-container h1 {
     color: var(--themestack-title-color);
     font-size: var(--themestack-page-title-size);
     font-weight: 700;
     margin-bottom: 7px;
     word-break: break-word;
}
.ts-breadcrumb-container ul {
    list-style: none;
    margin: 0;
    display: inline-block;
    padding: 7px 30px;
    position: relative;
    font-size: var(--themestack-font18);
    background: var(--themestack-primary-color);
    border-radius: 100px;
}
 .ts-breadcrumb-container ul li {
     color: var(--themestack-white-color);
     display: inline-block;
     margin: 0;
     padding: 0;
     font-weight: 500;
     position: relative;
     word-break: break-word;
     text-transform: capitalize;
}
 .ts-breadcrumb-container ul li:before {
     margin: 0 8px;
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 14px;
     content: '\f054';
     font-size: 12px;
     color: inherit;
     font-family: "Font Awesome 5 Free";
     line-height: normal;
     font-weight: 900;
}
body.author .ts-breadcrumb-container ul li:last-child:before {
    display:none;
}
 .ts-breadcrumb-container ul li:first-child:before {
     content: unset;
}
 .ts-breadcrumb-container ul li a, .ts-breadcrumb-container ul li a:hover, .ts-breadcrumb-container ul li a:focus {
     color: var(--themestack-white-color);
}
/****** 3. Unittesting CSS Start ********/
a.more-link.ts-btn {
    padding: 0 15px;
}
button.wp-block-search__button.wp-element-button.ts-btn {
    height: 50px;
    line-height: 50px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    letter-spacing: 1px;
}
.woocommerce-message .ts-btn {
    height: 20px;
}
body:not(.themestack-demo) input#wp-block-search__input-56 {
    height: 55px;
}
figure.is-layout-flex.wp-block-gallery-3.wp-block-gallery.columns-2.is-cropped.alignleft.extraclass {
    margin-right: 10px;
}
figure.wp-container-4.wp-block-gallery-3.wp-block-gallery.columns-2.is-cropped.alignleft.extraclass {
    margin-right: 10px;
}
 .widget.widget_search.widget_block .wp-block-search__label {
     font-size: var(--themestack-widgets-title-size);
     font-weight: 600;
     color: var(--themestack-title-color);
     margin: 0px 0 25px;
     position: relative;
     padding: 0 0 12px;
     text-transform: capitalize;
     font-family: var( --themestack-title-family);
     line-height: 1.2;
}
 .widget.widget_search.widget_block .wp-block-search__label:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 2px;
     background: var(--themestack-primary-color);
     width: 80px;
}
 .wp-block-search__button-outside.wp-block-search__text-button.wp-block-search .wp-block-search__button.ts-btn {
     padding: 0 16px;
     min-width: 100px;
     text-align: center;
}
 .wp-block-file .wp-block-file__button, .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:visited {
     background: var(--themestack-primary-color);
     opacity: 1;
     color: var(--themestack-white);
}
 .search .ts-column-pagination {
     margin: 43px 0 0;
}
body.search .ts-blog-columns article {
    background: var(--themestack-main-bg);
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 45px;
    padding: 30px;
    border-bottom: none;
}
 body.search .ts-blog-columns article>* {
     width: 100%;
}
 .ts-main-post-wrapper article.post.sticky ul {
     margin: 0;
}
 .wp-block-group.has-background {
     color: #787878;
     padding: 13px 20px 3px;
}
 .wp-block-calendar table caption, .wp-block-calendar table tbody {
     color: var(--themestack-font-color);
}
 .wp-block-calendar tbody td, .wp-block-calendar th {
     border-color: var(--themestack-border-color);
}
/** Post Inner **/
 .ts-main-post-wrapper {
     padding: 80px 0 30px;
}
 .sticky-post {
     margin: 0 10px 0 0;
     color: var(--themestack-primary-color);
}
 .entry-title {
     font-size: var(--themestack-sub-title-size);
     font-weight: 600;
     color: var(--themestack-title-color);
     margin: 0 0 18px;
     word-break: break-word;
}
 .entry-title a {
     color: var(--themestack-title-color);
}
 .entry-title a:hover, .entry-title:hover a {
     color: var(--themestack-primary-color);
}
 .entry-title:hover, .entry-title {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .ts-text-icon {
     color: var(--themestack-primary-color);
     display: inline-block;
     margin: 0 3px 0 0;
     vertical-align: text-bottom;
}
.ts-text-icon svg {
    fill: var(--themestack-primary-color);
    height: 15px;
    margin: 8px 5px 0 0;
}
 dl, ol, ul {
     margin: 0 0 0;
}
 ol, ul {
     padding: 0 0 0 30px;
}
 .widget ul, .widget ol {
     list-style: none;
     padding: 0;
}
 .single .ts-blog-head {
     margin-bottom: 23px;
}
.ts-main-post-wrapper article.post {
    background: var(--themestack-main-bg);
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 50px;
    padding: 20px 20px 23px;
    border-bottom: 1px solid var(--themestack-border-color);
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
}
 .ts-main-post-wrapper article.post.sticky {
     padding-top: 29px;
}
 .ts-main-post-wrapper article.post:last-child {
     margin-bottom: 0;
     border: 0;
     padding: 0;
}
 .ts-main-post-wrapper article.post:last-of-type {
     border: 0;
     padding: 30px;
}
.wp-block-pullquote:not(.is-style-solid-color) blockquote.has-text-color.has-light-gray-color p, .wp-block-pullquote:not(.is-style-solid-color) blockquote.has-text-color.has-light-gray-color cite {
    color: var(--themestack-white);
}
 .edit-btn-read-more-wrap {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     margin: 20px 0 0;
     width: 100%;
}
 .edit-btn-read-more-wrap>* {
     margin-right: 20px;
}
 .edit-btn-read-more-wrap .entry-footer {
     margin: 0;
}
 .edit-btn-read-more-wrap>* :last-of-type {
     margin-right: 0;
}
 .edit-btn-read-more-wrap a {
     color: var(--themestack-primary-color);
     text-transform: uppercase;
     font-weight: 600;
     position: relative;
}
.ts-read-more-link:before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    max-width: 0;
    color: var(--themestack-title-color);
    content: attr(data-hover);
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
    white-space: nowrap;
}
.edit-btn-read-more-wrap a.ts-read-more-link:hover:before {
    max-width: 100%;
}

.edit-btn-read-more-wrap .ts-read-more-link:after {
    content: "";
    background: var(--themestack-primary-color);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.edit-btn-read-more-wrap .ts-read-more-link:hover:after {
    width: 100%;
    background: var(--themestack-title-color);
}
.ts-read-more-link:before, .ts-read-more-link:hover:before, .edit-btn-read-more-wrap .ts-read-more-link:hover:after, .edit-btn-read-more-wrap .ts-read-more-link:after {
    -webkit-transition: var(--themestack-transition);
    -moz-transition: var(--themestack-transition);
    -ms-transition: var(--themestack-transition);
    -o-transition: var(--themestack-transition);
    transition: var(--themestack-transition);
}
.edit-btn-read-more-wrap a:hover {
    color: var(--themestack-title-color);
}
 .edit-btn-read-more-wrap .edit-link a, .edit-link a {
     color: var(--themestack-primary-color);
     text-transform: uppercase;
     font-weight: 600;
     font-size: var(--themestack-font-size);
     letter-spacing: .6px;
     position: relative;
}
 .edit-btn-read-more-wrap .edit-link a:after, .edit-link a:after {
     content: "\f044";
     font-family: "Font Awesome 5 Free";
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     font-weight: 900;
     line-height: 1;
     margin-left: 3px;
     font-size: var(--themestack-font14);
     vertical-align: baseline;
}
 .wp-block-button.is-style-squared .wp-block-button__link, .wp-block-button.is-style-squared .wp-block-button__link:before {
     border-radius: 0;
}
 .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link:hover {
     color: var(--themestack-primary-color);
     border: 2px solid;
     background: transparent;
}
 .wp-block-button__link.ts-btn:hover, .wp-block-button__link.ts-btn:focus {
     transition: box-shadow 0.5s;
}
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link {
     box-shadow: none;
     background: transparent !important;
     border: 1px solid var(--themestack-primary-color) !important;
     color: var(--themestack-primary-color) !important;
}
 blockquote {
     background-color: var(--themestack-blockquote-bg);
     background-color: var(--themestack-primary-color);
     padding: 31px 40px 34px;
     position: relative;
     overflow: hidden;
     z-index: 0;
     margin: 40px 0 45px;
     color: var(--themestack-white);
     border-radius: 10px;
}
 blockquote:before {
     content: "\f10d";
     font-size: 30px;
     color: var(--themestack-white);
     padding-bottom: 12px;
     display: inline-block;
     font-family: 'font awesome 5 free';
     font-weight: 900;
}
 blockquote:after {
     content: "\f10d";
     font-family: 'font awesome 5 free';
     font-weight: 900;
     position: absolute;
     right: 30px;
     bottom: -40px;
     color: var(--themestack-white);
     font-size: 100px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     z-index: -1;
     opacity: .1;
}
 blockquote p {
     font-size: var(--themestack-font-size);
     font-weight: 500;
     margin-bottom: 0;
}
 blockquote.wp-block-quote.has-text-align-right:after {
     right: unset;
     left: 30px;
}
 blockquote strong, blockquote a {
     color: var(--themestack-white);
}
 blockquote.has-very-dark-gray-color, blockquote.has-very-dark-gray-color p, blockquote.has-very-dark-gray-color cite {
     color: var(--themestack-white);
}
 .wp-block-quote.is-style-large {
     padding: 26px 40px 32px;
}
 .has-text-color.has-light-gray-color {
     padding: 27px 40px 34px;
}
 .wp-block-pullquote:not(.is-style-solid-color) blockquote {
     padding: 27px 40px 33px;
     margin-top: 30px;
     margin-bottom: 0;
}
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
     color: var(--themestack-title-color);
}
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
     color: var(--themestack-title-color);
}
 .ts-blog-head {
     margin: 0 0 8px;
     display: inline-block;
     width: 100%;
}
 .ts-blog-head .entry-title a {
     font-weight: 700;
     font-size: var(--themestack-sub-title-size);
}
 .entry-content {
     margin: 0;
}
 p {
     margin-bottom: 1rem;
}
 article p>mark, article p>ins {
     background: #fff9c0;
     color: #222222;
}
 .wp-block-audio audio {
     min-width: 200px;
}
 .wp-block-embed {
     word-break: break-word;
}
 .wp-block-embed iframe {
     max-width: 100%;
     width: 100%;
}
 .wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim {
     color: var(--themestack-white);
}
 .wp-block-button, .wp-block-cover, .wp-block-cover-image {
     margin-bottom: 16px;
}
.widget ul.menu ul.sub-menu {
    margin: 12px 0 0 15px;
}
 .wp-block-archives-dropdown select {
     margin: 0 0 30px;
}
/** Lists **/
 ul ul {
     list-style: circle;
}
 ul ul ul {
     list-style: square;
}
 ol ol {
     list-style: lower-alpha;
}
 ol ol ol {
     list-style: lower-roman;
}
 ol li, ul li {
     margin-bottom: 10px;
}
 ol li:last-child, ul li:last-child {
     margin-bottom: 0;
}
 ol li ol, ul li ul, ol li ul, ul li ol {
     margin: 10px 0 0;
}
 select {
     color: var(--themestack-font-color);
     border: 1px solid var(--themestack-border-color);
     width: 100%;
     padding: 0 20px;
     height: 50px;
     line-height: 50px;
     border-radius: var(--themestack-radius0);
     background: var(--themestack-input-bg);
}
 table {
     width: 100%;
     margin: 0 0 30px;
}
 .calendar_wrap {
     margin: 30px 0 0px;
}
 .wp-calendar-table {
     margin: 0;
}
 table th {
     font-weight: 700;
     color: var(--themestack-title-color);
}
table th, table td, .wp-block-calendar tbody td, .wp-block-calendar th {
    border: 1px solid var(--themestack-border-color);
    padding: 10px 10px;
    text-align: center;
}
body:not(.themestack-demo) table th, body:not(.themestack-demo) table td, body:not(.themestack-demo) .wp-block-calendar tbody td, body:not(.themestack-demo) .wp-block-calendar th{
    border: 1px solid var(--themestack-border-color) !important;
}
 .wp-calendar-table tbody td#today {
     background: var(--themestack-primary-color);
     margin: auto;
     color: var(--themestack-white);
}
 form.post-password-form input[type="submit"] {
     border-radius: var(--themestack-radius0);
}
/** Widget **/
 .wp-block-image img {
     border-radius: var(--themestack-radius0);
}
 .widget.widget_rss ul li {
     margin-bottom: 28px;
}
 .widget.widget_rss ul li:last-child {
     margin-bottom: 0;
}
 .widget_rss .rsswidget {
     color: var(--themestack-title-color);
}
 .widget.widget_rss ul li a {
     width: 100%;
     display: inline-block;
     color: var(--themestack-title-color);
     font-weight: 500;
}
 .widget.widget_rss ul li span.rss-date {
     position: relative;
     display: inline-block;
     width: 100%;
     font-size: var(--themestack-font-size);
     font-weight: 500;
     padding-left: 20px;
     color: var(--themestack-primary-color);
     margin: 6px 0 9px;
}
 .widget.widget_rss ul li span.rss-date:before {
     content: "\f073";
     font-weight: 400;
     font-family: "Font Awesome 5 Free";
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .widget.widget_rss ul li cite {
     display: inline-block;
     width: 100%;
     margin-top: 6px;
     font-weight: 500;
     color: var(--themestack-title-color);
}
 .ts-single-data>p:last-child {
     margin-bottom: 0;
}
 .widget .post-date {
     position: relative;
     display: inline-block;
     width: 100%;
     font-size: var(--themestack-font-size);
     font-weight: 500;
     padding-left: 20px;
     color: var(--themestack-primary-color);
     margin: 6px 0 9px;
}
 .widget .post-date:before {
     content: "\f073";
     font-weight: 400;
     font-family: "Font Awesome 5 Free";
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto;
}
/* Recent News Custom Widget */
 .ts-recent-post-widgets h2 {
     margin-bottom: 30px;
}
 .ts-recent-post-widgets ul li>img {
     height: 60px;
     width: 60px;
     object-fit: cover;
     margin: 0 20px 10px 0;
     border-radius: 6px;
}
 .ts-recent-post-widgets ul li {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .ts-recent-post-widgets ul li>a {
     width: calc(100% - 80px);
     margin-bottom: 10px;
}
.ts-recent-post-widgets ul li:last-child>a {
    margin-bottom: 0;
}
 .ts-widget-post-date {
     color: var(--themestack-primary-color);
}
 .ts-widget-post-title {
     font-weight: 600;
     color: var(--themestack-title-color);
}
 .ts-widget-post-title:hover {
     color: var(--themestack-primary-color);
}
 .ts-widget-post-title:hover, .ts-widget-post-title {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .widget.widget_categories ul {
     margin: 0 0 2px;
}
 .ts-widget-post-date {
     color: var(--themestack-primary-color);
     position: relative;
     display: inline-block;
     width: 100%;
     font-size: var(--themestack-font-size);
     font-weight: 500;
     padding-left: 20px;
     margin: 6px 0 9px;
}
 .ts-widget-post-date:before {
     content: "\f073";
     font-weight: 400;
     font-family: "Font Awesome 5 Free";
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto;
}
/* Quick View Plugin */
 .ts-product-info a.button.yith-wcqv-button {
     display: none !important;
}
 body #yith-wcwl-popup-message {
     background: var(--themestack-primary-color);
     top: 20px;
     left: unset;
     right: 0;
     padding: 3px 20px;
     right: 0;
     min-width: 200px;
}
 body #yith-wcwl-popup-message div#yith-wcwl-message {
     color: var(--themestack-main-bg);
}
/*error alet msg*/
.ts-cn-contact-form-box .wpcf7 form.invalid .wpcf7-response-output, .ts-cn-contact-form-box .wpcf7 form.unaccepted .wpcf7-response-output, .ts-cn-contact-form-box .wpcf7 form.payment-required .wpcf7-response-output {
    bottom: 10px;
    left: 0;
    transform: none;
    margin: 0;
}
.ts-cn-contact-form-box .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    position: absolute;
    left: 45px;
    bottom: 10px;
    margin: 0;
    padding: 0 5px;
}
.ts-tr-pricing-form-section .wpcf7 form.sent .wpcf7-response-output {
    background: #46b450;
    bottom: 5px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    max-width: 360px;
    width: 100%;
}
.ts-Wr-contact-section .wpcf7 form.sent .wpcf7-response-output {
    position: absolute;
    bottom: 0;
}
.ts-fl-form-design .wpcf7 form.invalid .wpcf7-response-output, .ts-fl-form-design .wpcf7 form.unaccepted .wpcf7-response-output, .ts-fl-form-design .wpcf7 form.payment-required .wpcf7-response-output {
    position: absolute;
    bottom: -70px;
    left: -20px;
    transform: none;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
}
.ts-tr-pricing-form-section .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .ts-tr-pricing-form-section .wpcf7 form.payment-required .wpcf7-response-output {
    position: absolute;
    left: 7px;
    transform: none;
    max-width: 470px;
    width: 100%;
    right: 7px;
    margin: 0 auto;
    bottom: 0;
}
.ts-am-contact-form-box .wpcf7 form.invalid .wpcf7-response-output, .ts-am-contact-form-box .wpcf7 form.unaccepted .wpcf7-response-output, .ts-am-contact-form-box .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: transparent !important;
}
.ts-Wr-contact-section .wpcf7 form.invalid .wpcf7-response-output, .ts-Wr-contact-section .wpcf7 form.unaccepted .wpcf7-response-output, .ts-Wr-contact-section .wpcf7 form.payment-required .wpcf7-response-output {
    bottom: 80px;
    left: 20px;
    transform: none;
    margin: 0;
}
.ts-Wr-contact-section .wpcf7 form.invalid .wpcf7-response-output, .ts-Wr-contact-section .wpcf7 form.unaccepted .wpcf7-response-output, .ts-Wr-contact-section .wpcf7 form.payment-required .wpcf7-response-output {
    left: 70px;
    bottom: 55px;
    padding: 0;
}
.ts-fl-form-design .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    margin: 0;
    max-width: 410px;
    margin-left: -40px;
    margin-top: 10px;
    position: absolute;
    left: 20px;
    bottom: -30px;
}
.ts-pg-project-form .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    margin: 0 auto;
    max-width: 380px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
}
/*error alet msg*/
#yith-quick-view-modal .yith-wcqv-head a#yith-quick-view-close {
    color: var(--themestack-white-color);
    opacity: 1;
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    background: var(--themestack-primary-color);
}
 .woocommerce div.product .product_title {
     font-size: var(--themestack-sub-title-size);
     margin-bottom: 0;
}
 .woocommerce div.product .woocommerce-product-rating {
     margin-bottom: 15px;
}
/** Tag **/
 .widget_tag_cloud .tagcloud {
     display: flex;
     flex-wrap: wrap;
}
.widget.widget_tag_cloud .tagcloud a, .wp-block-tag-cloud .tag-cloud-link, .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
    text-transform: capitalize;
    background-color:#f4f4f4;
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 6px;
    padding: 7px 15px 4px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 26px;
    color: var(--themestack-title-color);
    border-radius: 0;
    border: 1px solid var(--cn-bg-color);
}
 .widget.widget_tag_cloud .tagcloud a:hover, .wp-block-tag-cloud .tag-cloud-link:hover, .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link :hover {
     color: var(--themestack-white);
     background-color: var(--themestack-primary-color);
}
 .widget.widget_tag_cloud .tagcloud a, .wp-block-tag-cloud .tag-cloud-link, .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link, .widget.widget_tag_cloud .tagcloud a:hover, .wp-block-tag-cloud .tag-cloud-link:hover, .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link :hover {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .cat-links, .tags-links {
     width: 100%;
     display: inline-block;
     font-weight: 600;
     color: var(--themestack-title-color);
}
.cat-links a, .tags-links a, .cat-links a:not([href]):not([class]), .tags-links a:not([href]):not([class]) {
    border-radius: 0;
    text-transform: capitalize;
    background-color: #f4f4f4;
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 8px 15px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 26px;
    color: var(--themestack-title-color);
}
 .cat-links a:hover, .tags-links a:hover, .cat-links a:not([href]):not([class]):hover, .tags-links a:not([href]):not([class]):hover {
     background-color: var(--themestack-primary-color);
     color: var(--themestack-white-color);
}
 .ts-cat-links, .ts-tags-links {
     margin: 0 10px 0 0;
}
 .widget.widget_text .textwidget strong {
     color: var(--themestack-title-color);
}
 .widget .calendar_wrap table th, .widget .calendar_wrap table td {
     padding: 10px 3px;
     font-size: var(--font14);
     text-align: center;
}
 .widget_recent_comments li .comment-author-link {
     display: inline-block;
}
 .widget a {
     text-transform: capitalize;
}
 .widget_recent_comments li a {
     font-weight: 600;
}
 .widget_recent_comments li a, .widget.widget_recent_comments ul li.recentcomments, .widget.widget_recent_comments ul li.recentcomments a {
     color: var(--themestack-font-color);
}
 .widget_recent_comments li a:hover, .widget.widget_recent_comments ul li.recentcomments a:hover {
     color: var(--themestack-primary-color);
}
 .widget_recent_comments li .url, .widget_recent_comments li .comment-author-link {
     color: var(--themestack-font-color);
     font-weight: 600;
}
 .widget.widget_recent_comments ul li.recentcomments {
     margin-bottom: 20px;
     padding-left: 40px;
     position: relative;
     min-height: 40px;
}
 .widget.widget_recent_comments ul li.recentcomments:before {
     content: "";
     width: 40px;
     background-repeat: no-repeat;
     background-size: 50%;
     background-position: center;
     margin-top: 1px;
     background: url(./../images/comments.svg) !important;
     background-repeat: no-repeat !important;
     width: 40px;
     height: 22px;
     top: 2px;
     left: 0;
     position: absolute;
}
 .widget.widget_text .textwidget p img {
     margin: 7px 0;
}
 .widget.widget_text p strong {
     margin: 3px 0;
     display: inline-block;
     width: 100%;
}
 .widget.widget_text .textwidget strong {
     color: var(--themestack-title-color);
}
 .widget_product_search {
     padding: 40px 30px 33px;
}
 body .comments-area ol ol, body .comments-area ol ol ol {
     list-style: decimal;
}
 .comment-list {
     padding: 0;
     list-style: none;
}
 .comment-author {
     width: 80px;
     height: 80px;
}
 .comment-author img {
     width: 80px;
     height: 80px;
     object-fit: cover;
     border: none;
     border-radius: var(--themestack-circle-radius);
}
 .ts-comment-data {
     display: flex;
     flex-wrap: wrap;
     background: var(--themestack-alternate-bg);
     border-radius: var(--themestack-radius0);
     border: none;
}
 .comments-area>ol.comment-list>li blockquote {
     background: var(--themestack-secondary-bg);
     border-color: var(--themestack-main-bg);
}
 .comment-info {
     width: calc(100% - 80px);
     padding: 0 0 0 20px;
}
 .comment-reply-link {
     color: var(--themestack-primary-color);
     text-transform: uppercase;
     font-weight: 600;
     font-size: var(--themestack-font-size);
     letter-spacing: .6px;
     position: relative;
}
 .comment-reply-link i {
     margin: 0 10px 0 0;
}
 h3#reply-title.comment-reply-title small a {
     color: var(--themestack-primary-color);
     text-transform: uppercase;
     font-weight: 600;
     font-size: var(--themestack-font-size);
     letter-spacing: .6px;
     position: relative;
}
 h3#reply-title.comment-reply-title {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /*padding-bottom: 6px;*/
}
 h3#reply-title.comment-reply-title:before, .comments-area>ol.comment-list>li #reply-title:before {
     width: 100px;
}
 .comment-respond {
     margin: 0;
     width: 100%;
}
 .comment-respond .form-submit {
     margin: 0;
}
 .comments-area .no-comments {
     margin: 15px 0 10px;
}
.comments-area>ol.comment-list>li {
     background: var(--themestack-alternate-bg);
     padding: 30px 30px;
     margin: 0 0 20px;
     border: var(--themestack-radius0);
}
.comments-title {
     margin: 0 0 27px;
     font-size: var(--themestack-title-size);
     font-weight: 700;
     color: var(--themestack-title-color);
}
.comments-area .comment-respond {
    margin: 50px 0 0;
    background: var(--themestack-white-color);
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 30px 30px;
}
.input-wrap {
    margin: 0 0 25px;
}
.comment-respond .comment-form-cookies-consent+.row .input-wrap {
    margin-bottom: 20px;
}
 .comments-area .comment-respond>* {
     width: 100%;
}
 .ts-blog-columns>.comments-area {
     margin: 36px 0 0;
}
 h3#reply-title.comment-reply-title small {
     font-size: var(--themestack-font-size);
}
 .comments-area>ul, .comments-area>ol {
     list-style: none;
}
 .comments-area>ul .children, .comments-area>ol .children {
     list-style: none;
     margin: 0;
}
 .comment-head {
     margin: 0 0 15px;
}
 .comment-head h3 {
     font-size: var(--themestack-widgets-title-size);
     font-weight: 600;
     margin: 0 0 6px;
     color: var(--themestack-title-color);
}
 .comment-head h3 a {
     font-weight: 600;
     color: var(--themestack-title-color);
}
 .comment-date {
     margin: 0 0 0;
}
 .comment-head .comment-date a {
     color: var(--themestack-primary-color);
     text-transform: uppercase;
     font-weight: 600;
     font-size: var(--themestack-font-size);
     letter-spacing: .6px;
     position: relative;
}
 .comments-area blockquote {
     margin: 0 0 25px;
}
 .comments-area dt {
     color: var(--themestack-title-color);
}
 .comments-area>ul .children>li, .comments-area>ol .children>li {
     margin-bottom: 30px;
     border-bottom: 1px solid var(--themestack-border-color);
     padding: 0 0 20px;
}
 .comments-area>ul .children>li:last-child, .comments-area>ol .children>li:last-child {
     margin-bottom: 0px;
     border-bottom: none;
     padding: 0 0 0;
}
 .comments-area>ol.comment-list>li .children li:last-child, .comments-area>ul.comment-list>li .children li:last-child {
     margin-top: 0;
     border-top: none;
     padding-top: 0;
}
 .comments-area>ol.comment-list>li .children li:first-child, .comments-area>ul.comment-list>li .children li:first-child {
     margin-top: 23px;
     border-top: 1px solid var(--themestack-border-color);
     padding-top: 30px;
}
 .comments-area>ol.comment-list>li .children li p:last-of-type {
     margin-bottom: 3px;
}
 .comment-respond .comment-notes {
     display: none;
}
 .comment-respond .comment-form-cookies-consent {
     display: none;
}
/** Page And Post **/
 p.has-text-align-center {
     width: 100%;
     display: inline-block;
     margin-top: 10px;
}
.wp-block-file .wp-block-file__button {
    background: var(--themestack-title-color);
    color: var(--themestack-main-bg);
    font-size: 12px;
    padding: 5px 12px;
}
 .wp-block-calendar table th {
     font-weight: 600;
     background: transparent;
     padding: 4px 10px;
}
 .wp-block-latest-posts.wp-block-latest-posts__list {
     padding: 0;
}
 .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
     display: block;
     /*color: var(--themestack-primary-color);*/
     font-size: var(--themestack-font-size);
     font-weight: 500;
}
 .wp-block-latest-comments__comment-author, .wp-block-latest-comments__comment-author:visited, .wp-block-latest-posts.wp-block-latest-posts__list li a, .wp-block-latest-posts.wp-block-latest-posts__list li a:visited {
     color: var(--themestack-primary-color);
}
 .wp-block-latest-comments__comment-author, .wp-block-latest-comments__comment-link {
     font-weight: 600;
}
 .wp-block-cover-text strong {
     color: var(--themestack-white);
}
 .ts-single-data>ol, .ts-single-data>ul {
     margin-bottom: 30px;
}
 .ts-post-meta {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .ts-post-meta>* {
     margin-right: 30px;
}
 .ts-post-meta>*:last-of-type {
     margin-right: 0;
}
 .ts-post-meta.ts-date-with-thumb a {
     font-weight: 500;
}
 .ts-blog-authore {
     text-transform: capitalize;
}
 .wp-block-archives.wp-block-archives-list a {
     color: var(--themestack-title-color);
}
 .wp-block-archives.wp-block-archives-dropdown {
     margin: 0 0 25px;
}
 .ts-single-data .wp-block-calendar td, .ts-single-data .wp-block-calendar th {
     padding: 15px 10px;
}
 body.search .ts-blog-columns article .ts-single-imgae-wrap, .ts-single-imgae-wrap {
     margin: 0 0 35px;
     border-radius: var(--themestack-radius0);
     overflow: hidden;
}
 .ts-post-counting {
     display: inline-block;
     margin: 0 0 0 10px;
     position: relative;
     color: var(--themestack-font-color);
}
 .ts-post-counting:before {
     content: "(";
}
 .ts-post-counting:after {
     content: ")";
}
 .calendar_wrap nav.wp-calendar-nav {
     display: flex;
     justify-content: space-between;
}
 .wp-block-calendar nav.wp-calendar-nav {
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
}
 .wp-block-calendar nav.wp-calendar-nav a {
     text-decoration: none;
     color: var(--themestack-title-color);
}
 .wp-block-categories.wp-block-categories-dropdown {
     margin-bottom: 25px;
}
 .ts-blog-columns {
     margin-bottom: 50px;
}
.category .ts-main-post-wrapper .ts-blog-columns {
    margin-bottom: 40px;
}
body.single.single-post .ts-blog-columns {
    margin-bottom: 50px;
}
 .ts-sidebar-wrapper {
     margin-bottom: 50px;
}
 .widget_archive li, .widget_categories li {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
}
 .widget_archive li .children, .widget_categories li .children {
     width: 100%;
}
 .ts-blog-thumb-page-wrapper .ts-blog-thumb-section {
     margin: 0 0 50px;
}
 .ts-blog-single-imgae .post-thumbnail {
     margin: -25px -30px 35px;
     border-radius: var(--themestack-radius0);
     overflow: hidden;
}
 body .ts-single-data figure {
     margin-bottom: 15px;
     padding-top: 3px;
}
 .ts-details-wrapper {
     width: 100%;
}
 .ts-blog-inner>.comments-area {
     margin-top: 50px;
}
 .comments-area>ol.comment-list>li #reply-title {
     font-size: var(--themestack-widgets-title-size);
}
 .themestack-blogs-section .themestack-blogs-img-inner {
     overflow: hidden;
}
/* Single Post */
.ts-blog-columns .ts-blog-details {
    background: var(--themestack-white-color);
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px 3px;
}
 .ts-blog-columns .ts-blog-details {
     display: flex;
     flex-wrap: wrap;
}
.ts-blog-single-data {
    width: 100%;
}
body:not(.themestack-demo) .ts-unit-body .gallery {
    grid-gap: 20px 5px;
}
body:not(.themestack-demo) .gallery {
    grid-gap: 20px 10px;
}
 .ts-blog-columns .ts-blog-details .post-thumbnail {
     position: relative;
}
 .ts-blog-columns .ts-blog-details .post-thumbnail::before {
     content: "";
     position: absolute;
     z-index: 1;
     inset: 0px;
     opacity: 0;
     background: rgb(255, 255, 255);
     transform: scaleX(1);
     transition: all 0.5s ease 0s;
}
 .ts-blog-columns .ts-blog-details .post-thumbnail:hover::before {
     transform: scaleX(0);
     opacity: 0.5;
}
 .ts-blog-columns .ts-blog-details .post-thumbnail::after {
     content: "";
     position: absolute;
     z-index: 1;
     inset: 0px;
     opacity: 0;
     background: rgb(255, 255, 255);
     transform: scaleY(1);
     transform-origin: 90% center;
     transition: all 0.5s ease 0s;
}
 .ts-blog-columns .ts-blog-details .post-thumbnail:hover::after {
     transform: scaleY(0);
     opacity: 0.5;
}
 .single .ts-blog-single-imgae .post-thumbnail img {
     border-radius: 10px;
}
.ts-blog-single-data .ts-text-icon svg {
    vertical-align: middle;
    margin: 5px 5px 0 0;
}
 .ts-single-blog {
     padding: 80px 0 30px;
}
 .ts-blog-single-imgae .post-thumbnail {
     margin: 0;
}
 .single .ts-blog-single-imgae .post-thumbnail {
     margin: 0 0 34px;
}
 .ts-blog-meta {
     margin: 33px 0 17px;
     width: 100%;
}
 .ts-single-blog .entry-content>ul, .ts-single-blog .entry-content>ol {
     margin-bottom: 20px;
}
 .ts-blog-columns .comments-area>ol.comment-list {
     margin-bottom: 20px;
     width: 100%;
}
 .ts-blog-columns .ts-blog-details .edit-link {
     margin: 0 0 20px;
}
 .comments-area>ol.comment-list>li .comment-respond {
     margin: 33px 0 0;
}
 .comment-respond .comment-form-cookies-consent+.row .input-wrap {
     margin-bottom: 23px;
}
 .ts-categories-tags {
     width: 100%;
}
 .ts-categories-tags div>span a:first-child {
     margin-left: 10px;
}
/* Authore Info */
 .ts-blog-authore-box {
     background: var(--themestack-primary-color);
     padding: 30px 30px 10px;
     display: flex;
     flex-wrap: wrap;
     margin: 23px 0 18px;
     border-radius: 10px;
}
 .ts-blog-authore-img {
     width: 100px;
     height: 100px;
     margin: 0 0 20px;
}
 .ts-blog-authore-img img {
     width: 100px;
     height: 100px;
     object-fit: cover;
     border: 3px solid var(--themestack-white);
     border-radius: 50%;
}
 .ts-blog-authore-info {
     width: calc(100% - 100px);
     padding: 0 15px 0 30px;
     color: var(--themestack-white);
}
 .ts-blog-authore-box p {
     margin-bottom: 8px;
}
 .ts-blog-authore-info h5 {
     font-size: 22px;
     font-weight: 700;
     margin: 0 0 7px;
     color: var(--themestack-white);
}
 .ts-blog-authore-info h5 span {
     color: var(--themestack-primary-color);
     font-weight: 600;
     margin: 0 10px 0 0;
}
/* Comments */
 .comment-reply-title {
     font-size: var(--themestack-title-size);
     font-weight: 700;
     margin: 0 0 0;
     color: var(--themestack-title-color);
     line-height: 1.4;
     margin-bottom: 19px;
}
 .wp-block-latest-comments {
     padding: 0;
}
 .wp-block-latest-comments__comment-date {
     font-size: var(--themestack-font-size);
     margin: 3px 0 5px;
     display: inline-block;
     width: 100%;
     color: var(--themestack-primary-color);
     font-weight: 500;
}
 .comment-list .input-wrap textarea, .comment-list .input-wrap input {
     border: 1px solid var(--themestack-border-color);
}
 .wp-block-categories.wp-block-categories-dropdown .nice-select {
     margin: 0 0 23px;
}
/* Pagination CSS */
 .pagination .nav-links, .woocommerce .woocommerce-pagination ul.page-numbers li {
     display: flex;
     flex-wrap: wrap;
}
.pagination .nav-links>*:not(.dots) {
    height: 40px;
    width: 40px;
    background: #f4f4f4;
    color: var(--themestack-title-color);
    text-transform: capitalize;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: 6px;
    margin: 0 10px 0 0;
    font-size: 16px;
    font-weight: 500;
}
 .pagination .nav-links .dots {
     height: 50px;
     width: 50px;
     color: var(--themestack-title-color);
     line-height: 50px;
     display: inline-block;
     text-align: center;
     border: none;
     margin: 0 10px 0 0;
}
 .page-numbers>span {
     display: none;
}
 .page-numbers svg {
     fill: var(--themestack-title-color);
}
 .pagination .nav-links>*:hover, .pagination .nav-links .current {
     background: var(--themestack-primary-color);
     color: var(--themestack-white);
}
 .pagination .nav-links .dots:hover {
     background: transparent;
     color: var(--themestack-title-color);
}
 .pagination .nav-links>*:hover svg, .pagination .nav-links>*:hover svg path {
     fill: var(--themestack-white);
}
 .pagination .nav-links>*, .pagination .nav-links>*:hover {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .page-links .page-number span, .page-links .page-number a {
     height: 40px;
     width: 40px;
     background: var(--themestack-page-title-bg);
     color: var(--themestack-title-color);
     text-transform: capitalize;
     line-height: 40px;
     display: inline-block;
     text-align: center;
     border: none;
     border-radius: 6px;
     margin: 0 0 0 10px;
}
.page-links .page-number span.current, .page-links .page-number a:hover {
     background: var(--themestack-primary-color);
     color: var(--themestack-white);
}
 .ts-main-page-container .ts-blog-columns .page-links {
     margin: 40px 0 0;
     display: inline-block;
     width: 100%;
}
/* WIDGET WP*/
 .ts-sidebar-wrapper .widget .wp-block-group__inner-container h2 {
     font-size: var(--themestack-widgets-title-size);
     font-weight: 600;
     color: var(--themestack-title-color);
     margin: 0px 0 25px;
     position: relative;
     padding: 0 0 12px;
     text-transform: capitalize;
     font-family: var( --themestack-title-family);
     line-height: 1.2;
}
 .ts-sidebar-wrapper .widget .wp-block-group__inner-container h2:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 2px;
     background: var(--themestack-primary-color);
     width: 80px;
}
/** Search **/
.wp-block-search .wp-block-search__input {
    border-radius: 0px;
}
body .wp-block-search .wp-block-search__button {
    border-radius: 0 !important;
}
 .wp-block-search .wp-block-search__button {
     margin: 0;
}
 .search-form {
     display: flex;
     flex-wrap: wrap;
}
 .search-form label {
     width: calc(100% - 60px);
     margin: 0;
}
 .search-form label input.search-field {
     border-radius: var(--themestack-radius0);
     border-radius: 0px;
}
.search-form .search-submit {
    min-width: 60px;
    width: 60px;
    border-radius: var(--themestack-radius0) !important;
    min-height: 50px;
    border-radius: 0 !important;
    padding: 11px 20px 10px;
    background: var(--themestack-primary-color);
    line-height: 20px;
}
 .search-form .search-submit svg {
     fill: var(--themestack-white);
}
/* Side Bar CSS */
 .widget:last-of-type {
     margin-bottom: 0;
}
 .widget_tag_cloud {
     margin-bottom: 65px;
}
 .ts-recent-post-widgets {
     padding-bottom: 0px;
}
 .widget-title {
     font-size: var(--themestack-widgets-title-size);
     font-weight: 700;
     color: var(--themestack-title-color);
     margin: 0px 0 25px;
     position: relative;
     padding: 0 0 12px;
     display: inline-block;
}
 .widget-title:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 2px;
     background: var(--themestack-primary-color);
     width: 85%;
}
 .widget ul li, .widget ol li {
     margin: 0 0 12px;
     position: relative;
}
 .widget ul li:hover>a, .widget ol li:hover>a {
     color: var(--themestack-primary-color);
}
 .widget ul li:hover a, .widget ol li:hover a, .widget ul li:hover:before, .widget ol li:hover:before, .widget ul li a, .widget ol li a, .widget ul li:before, .widget ol li:before {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .widget ul li:last-child, .widget ol li:last-child {
     margin: 0;
}
 .widget ul.children {
     margin-top: 5px;
}
 .widget ul.children, .widget ol.children {
     margin-left: 15px;
}
 caption {
     color: var(--themestack-title-color);
}
 .wp-block-calendar table th, .wp-block-calendar table td {
     text-align: center;
}
 .wp-block-calendar table th, .wp-calendar-table th {
     background: var(--themestack-primary-color);
     color: var(--themestack-white);
     border-color: rgb(255 255 255 / 21%);
}
 .wp-block-calendar {
     margin: 30px 0 0;
     display: inline-block;
     width: 100%;
}
/* Widget Spacing */
/* Custom Images Widget */
 .ts-custom-img-section {
     margin: 0 0;
     border-radius: 6px;
     overflow: hidden;
}
 .ts-custom-img-section img {
     border-radius: 6px;
}
/* Sperate Widget Spaning */
 .widget.widget_recent_comments .widget-title {
     margin-bottom: 30px;
}
 .widget.widget_recent_comments {
     margin-bottom: 19px;
}
 .widget.widget_archive select {
     margin: 5px 0 7px;
}
 .widget.widget_calendar .widget-title {
     margin-bottom: 30px;
}
 .widget.widget_calendar .calendar_wrap {
     margin: 0 0 2px;
}
 .widget.widget_categories select {
     margin: 5px 0 7px;
}
 .widget.widget_search .widget-title {
     margin-bottom: 30px;
     margin-top: -4px;
}
 .widget.widget_text .widget-title {
     margin-bottom: 21px;
}
 .widget.widget_text select, .widget.widget_text .nice-select {
     margin-bottom: 9px;
}
 .widget.widget_tag_cloud .widget-title {
     margin-bottom: 30px;
}
/* Sidebar Only */
 .ts-sidebar-wrapper .widget.widget_archive select, .ts-sidebar-wrapper .widget.widget_archive .nice-select {
     margin: 0px 0 9px;
}
 .ts-sidebar-wrapper .widget.widget_categories select, .ts-sidebar-wrapper .widget.widget_categories .nice-select {
     margin: 0px 0 9px;
}
 .ts-sidebar-wrapper .widget_pages {
     padding-bottom: 2px;
}
 .ts-sidebar-wrapper .widget.widget_recent_comments {
     padding-bottom: 0px;
     margin-bottom: 38px;
}
 .widget.widget_meta {
     padding-bottom: 2px;
}
 .widget.widget_recent_entries {
     padding-bottom: 2px;
}
/* Footer Widgets Only */
 .ts-footer-wrapper .widget.widget_search .widget-title {
     margin-top: 0;
}
 .ts-footer-wrapper .widget_search .search-form {
     margin: 0 0 7px;
}
 .ts-footer-wrapper .widget.widget_categories ul {
     margin: 5px 0 0px;
}
 .ts-footer-wrapper .widget_tag_cloud {
     margin-bottom: 35px;
}
 .ts-footer-wrapper .widget_recent_comments {
     margin-bottom: 18px;
}
body:not(.themestack-demo) .ts-footer-wrapper .widget:last-of-type {
     margin-bottom: 8px;
     margin-top: 20px;
}
/** Error Page CSS **/
.ts-error-page-wrapper {
    padding: 80px 0 71px;
    text-align: center;
}
 .ts-error-img img {
     max-height: 350px;
     margin: 0 0 21px;
}
 .ts-error-info h1 {
     font-size: 150px;
     font-weight: 900;
     color: var(--themestack-primary-color);
     margin: 0;
}
 .ts-error-info h4 {
     margin: 0 auto 31px;
     text-transform: capitalize;
     font-size: 26px;
     color: var(--themestack-title-color);
     font-weight: 600;
     font-family: var(--themestack-globts-family);
     max-width: 420px;
     line-height: 1.5;
     padding: 2px 0 0;
}
 .ts-error-btn {
     margin: 35px 0 0;
}
 body .yith-wcwl-add-button .yith-wcwl-icon {
     font: normal normal normal 14px/1 FontAwesome;
}
.ts-error-info .ts-heading {
    font-size: 42px;
    margin: 20px 0 20px;
    font-weight: 800;
    color: var(--themestack-title-color);
}
 .no-results.not-found .page-title {
     font-weight: 700;
     font-size: 26px;
}
/***** 4. Woocommerce CSS Start ****/
/* Product Thumb CSS Start */
 .woocommerce .products .ts-product-hover ul {
     margin-bottom: 0;
}
 .ts-product-hover ul {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     width: auto;
     justify-content: center;
}
 .ts-product-image img {
     width: 100%;
     min-height: 260px;
     max-height: 260px;
     object-fit: cover;
}
 .ts-product-thumb h2 {
     margin: 0;
     color: var(--themestack-title-color);
     font-size: var(--themestack-font-size);
     font-weight: 600;
     line-height: 1.5;
}
 .ts-product-thumb h2 a, .ts-product-thumb h2 a:hover, .ts-product-thumb h2 a:visited {
     color: var(--themestack-title-color);
}
 .ts-product-thumb h2:hover a, .ts-product-thumb h2 a:hover {
     color: var(--themestack-primary-color);
}
 .ts-product-title h2, .ts-product-title:hover h2 {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .ts-product-thumb .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
     color: var(--themestack-primary-color);
     font-weight: 600;
     font-size: var(--themestack-widgets-title-size);
}
 .ts-product-hover ul .ts-product-icon {
     height: 50px;
     width: 50px;
     display: inline-block;
     border: none;
     border-radius: 0;
     text-align: center;
     line-height: 50px;
     margin: 0;
     color: var(--themestack-white);
     background: var(--themestack-primary-color);
}
 .ts-product-hover ul .ts-product-icon:hover {
     background: var(--themestack-title-color);
}
 .ts-product-hover ul .ts-product-icon svg {
     height: 16px;
     width: 16px;
     fill: var(--themestack-white);
}
 .ts-product-hover ul li:nth-child(2) a {
     position: relative;
}
 .ts-product-hover {
     position: absolute;
     right: 0;
     left: 0;
     margin: auto;
     bottom: -100px;
}
 .ts-product-thumb:hover .ts-product-hover {
     bottom: 20px;
}
 .ts-product-thumb .ts-product-hover, .ts-product-thumb:hover .ts-product-hover {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .ts-product-hover ul li {
     width: 60px;
}
.ts-product-thumb {
    margin: 0 0 41px;
    position: relative;
    background: var(--themestack-white-color);
    padding: 10px;
    border: 1px solid var(--themestack-border-color);
}
.woocommerce-product-gallery__image {
    border: 1px solid var(--themestack-border-color);
}
 .ts-product-image {
     margin-bottom: 30px;
     position: relative;
     overflow: hidden;
     background: var(--themestack-white);
}
 body.woocommerce .ts-shop-wrapper .ts-product-thumb {
     margin: 0 0 30px;
}
 .ts-products-wrapper .ts-btn-wrap {
     margin: -10px 0 40px;
     justify-content: center;
}
 .ts-product-hover ul li {
     margin: 0;
     margin-bottom: 0;
}
 .price del .woocommerce-Price-amount.amount, del .woocommerce-Price-amount.amount {
     color: var(--themestack-font-color);
     font-weight: 600;
     font-size: var(--themestack-font18);
}
 .woocommerce-billing-fields {
     margin: 30px 0 0;
}
 form.checkout.woocommerce-checkout h3#order_review_heading {
     margin: 45px 0 14px;
}
 .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
     background: var(--themestack-main-bg);
}
 .woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
     border: 2px solid var(--themestack-primary-color);
}
 .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
     background: var(--themestack-primary-color);
}
 .woocommerce div.product div.images .flex-control-thumbs li {
     padding: 10px 10px;
}
 .woocommerce div.product div.images .flex-control-thumbs {
     margin: 20px -10px -11px;
}
 .woocommerce div.product div.images .flex-control-thumbs img {
     border: 1px solid var(--themestack-border-color);
}
 .ts-product-info .ts-sub-heading a {
     font-size: 16px;
     font-weight: 600;
     color: var(--themestack-title-color);
     text-transform: capitalize;
     overflow: hidden;
     width: 100%;
     display: inline-block;
     /*white-space: nowrap;*/
}
 .ts-product-info .ts-sub-heading a:hover {
     color: var(--themestack-primary-color);
}
 .ts-orange {
     color: var(--themestack-primary-color);
}
 .ts-price {
     font-weight: 700;
     font-size: 16px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
}
 .ts-price del {
     margin: 0 0 0 5px;
     font-size: 12px;
}
 .ts-price .ts-orange {
     font-size: 12px;
}
 .ts-product-info {
     padding: 0px 20px 11px;
}
 .ts-main-price {
     color: var(--themestack-primary-color);
}
 .ts-product-info .ts-sub-heading {
     padding: 10px 0 0;
     display: flex;
     flex-wrap: wrap;
}
.woocommerce.single-product .ts-sidebar-wrapper .widget:last-of-type {
    margin-bottom: 0;
}
/* Shop Product Sidebar */
 .bh_product_filters {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     margin: 0 0 20px;
}
 .bh_product_filters .woocommerce-notices-wrapper {
     width: 100%;
}
 .woocommerce-product-search {
     display: flex;
     flex-wrap: wrap;
}
 .woocommerce-product-search input {
     width: calc(100% - 60px);
     margin: 0;
     border-radius: 30px 0 0 30px;
}
 .woocommerce-product-search button {
     min-width: 60px;
     width: 60px;
     border-radius: 0 29px 30px 0 !important;
     padding: 10px 20px;
}
 .woocommerce-product-search button svg {
     fill: var(--themestack-white);
}
 .woocommerce .widget_rating_filter ul li a {
     display: flex;
     flex-wrap: wrap;
}
 .woocommerce .widget_rating_filter ul li .star-rating {
     width: 100%;
     max-width: 120px;
}
 .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
     border-top: none;
     padding: 0;
     margin: 30px 0 20px;
}
 body .star-rating span::before {
     color: var(--themestack-yellow);
}
 .woocommerce.widget_price_filter form {
     display: inline-block;
     width: 100%;
}
 .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
     background-color: var(--themestack-font-color);
}
 body .widget_price_filter .ui-slider .ui-slider-range, body .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
     background: var(--themestack-primary-color) !important;
}
 .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
     background: var(--themestack-primary-color) !important;
     border: none;
     border-radius: var(--themestack-circle-radius);
}
 .woocommerce .widget_price_filter .price_slider_amount {
     text-align: left;
     display: flex;
     flex-wrap: wrap;
     flex-direction: column-reverse;
}
 .woocommerce.widget_price_filter form .price_label {
     display: inline-block;
     width: 100%;
     margin-bottom: 18px;
     font-weight: 500;
}
 .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
     color: var(--themestack-title-color);
     margin-bottom: 10px;
     padding: 0 0 11px;
}
 .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
     display: block;
     font-weight: 700;
}
 .woocommerce.widget ul.product_list_widget li .star-rating {
     width: auto;
     display: block;
     margin: 9px 0 6px !important;
}
 .woocommerce .star-rating::before {
     color: var(--themestack-yellow);
}
 .woocommerce-Price-amount.amount {
     color: var(--themestack-primary-color);
     font-weight: 600;
     font-size: var(--themestack-font18);
}
 .woocommerce ul.product_list_widget li a img {
     margin: 0 20px 10px 0;
     height: 80px;
     width: 80px;
     object-fit: cover;
     float: left;
     border-radius: var(--themestack-radius0);
     border: 1px solid var(--themestack-border-color);
}
 body .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
     border-radius: 30px;
     text-transform: capitalize;
    background-color: var(--themestack-primary-color);
    color: var(--themestack-white) !important;
     width: auto;
     display: inline-block;
     margin-bottom: 10px;
     margin-right: 3px;
     padding: 7px 15px;
     font-size: 14px !important;
     font-weight: 400;
     line-height: 26px;
}
 body .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {
     background-color: var(--themestack-primary-color);
     color: var(--themestack-main-bg);
}
 .woocommerce.widget ul li .product-title {
     color: var(--themestack-title-color);
     font-weight: 500;
}
 .widget mark, .widget ins {
     background: transparent;
}
 .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
     top: 3px;
}
 body #yith-quick-view-content .onsale {
     right: auto;
     min-height: unset;
     min-width: 50px;
     margin: 0;
     background: var(--themestack-yellow);
     padding: 0;
     position: absolute;
     left: 20px;
     top: 20px;
     color: var(--themestack-main-bg);
     width: 50px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     vertical-align: middle;
     font-size: 12px;
     z-index: 1;
     font-weight: 500;
     text-transform: uppercase;
     border-radius: var(--themestack-radius0);
}
 .widget_product_tag_cloud .widget-title {
     margin-bottom: 30px;
}
 .widget_product_tag_cloud {
     padding-bottom: 30px;
}
 body .ts-product-thumb .star-rating::before, body .ts-product-thumb .star-rating span::before {
     letter-spacing: 6px;
}
/* Single Product Price CSS */
 .woocommerce div.product .ts-product-summary-description .price, .woocommerce div.product .ts-product-summary-description .price .woocommerce-Price-amount {
     font-size: var(--themestack-title-size);
     color: var(--themestack-title-color);
     font-weight: 700;
}
 .toast {
     background: var(themestack-primary-color);
}
 .toast.toast-success {
     background: green;
}
 .toast.toast-error {
     background: red;
}
/* Sperate Widget Spacing Woocomerce */
 .widget.widget_price_filter {
     margin-bottom: 46px;
}
 .widget.widget_price_filter .widget-title {
     margin-bottom: 30px;
}
 .widget.widget_rating_filter .widget-title {
     margin-bottom: 25px;
}
 .widget .widget_shopping_cart_content p.woocommerce-mini-cart__empty-message {
     margin: 0;
}
 .widget.widget_product_search .woocommerce-product-search {
     margin-bottom: 7px;
}
 .widget.widget_top_rated_products .widget-title {
     margin-bottom: 30px;
}
 .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child {
     margin: 0;
}
 .widget.widget_products .widget-title {
     margin-bottom: 25px;
}
 .widget.widget_products {
     padding-bottom: 8px;
}
 .widget.widget_recent_reviews {
     margin-bottom: 28px;
}
 .widget.widget_recent_reviews .widget-title {
     margin-bottom: 30px;
}
 .widget.widget_top_rated_products {
     padding-bottom: 18px;
}
 .widget.widget_recently_viewed_products .widget-title {
     margin-bottom: 30px;
}
 .widget.widget_recently_viewed_products {
     padding-bottom: 8px;
}
 .woocommerce .ts-sidebar-wrapper .widget:last-of-type {
     margin-bottom: 0;
}
 .ts-shop-wrapper .ts-sidebar-wrapper {
     margin-bottom: 30px;
}
 .ts-shop-wrapper .ts-blog-columns {
     margin-bottom: 40px;
}
 .woocommerce-Reviews .woocommerce-Reviews-title {
     display: none;
}
 .wp-block-latest-comments__comment-author:hover, .wp-block-latest-comments__comment-author:hover, .wp-block-latest-posts.wp-block-latest-posts__list li a:hover, .wp-block-latest-posts.wp-block-latest-posts__list li a:hover {
     color: var(--themestack-primary-color);
}
 .woocommerce ul.product_list_widget li:before {
     content: unset;
}
 .ts-header-style1 .woocommerce-mini-cart.cart_list li {
     margin-left: 0;
}
 form.post-password-form p {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-end;
}
 form.post-password-form p>* {
     margin: 10px 0 0;
}
 form.post-password-form p>* input {
     border-radius: 0px;
}
 form.post-password-form p>input.ts-btn {
     border-radius: 0px !important;
}
 .woocommerce p label.screen-reader-text, label.screen-reader-text {
     width: 1px;
}
 .woocommerce-checkout .woocommerce-additionts-fields {
     margin: 0;
}
 .wp-block-group.has-background~.more-link.ts-btn {
     margin: 20px 0 10px;
}
 .entry-header .entry-title {
     margin-bottom: 0;
}
 .entry-header .ts-post-meta {
     margin-top: 10px;
}
 .entry-header.ts-blog-head {
     margin: 0 0 18px;
}
 .sticky-post {
     vertical-align: middle;
}
 .single .entry-header .ts-post-meta {
     margin-top: 0px;
}
.ts-post-meta.ts-date-with-thumb a {
    color: var(--themestack-title-color);
}
 .alignright {
     clear: both;
     margin-top: 0.5em;
}
 .ts-main-page-container {
     padding: 80px 0 0;
}
 .woocommerce-variation-add-to-cart {
     display: flex;
     flex-wrap: wrap;
}
 .posted_in>*.al_meta_tag, .sku_wrapper>*.al_meta_tag, .posted_in>*.al_meta_tag:hover, .sku_wrapper>*.al_meta_tag:hover {
     background-color: transparent;
     padding: 0;
}
 .is-style-rounded .wp-block-button__link.ts-btn {
     border-radius: 50px !important;
}
 .al_product_filters .nice-select {
     min-width: 220px;
     padding: 0 40px 0 20px;
}
 .al_product_filters .nice-select:after {
     right: 22px;
     border-bottom: 2px solid var(--themestack-title-color);
     border-right: 2px solid var(--themestack-title-color);
}
 .al_product_filters .woocommerce-notices-wrapper .woocommerce-message {
     margin: 0 0 30px;
}
 .al_product_filters .woocommerce-notices-wrapper {
     margin: 0;
}
 .ts-page-columns .comments-area {
     margin-top: 34px;
}
 .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content p {
     color: #767676;
}
.ts-main-nav-wrapper .menu .sub-menu a, .ts-main-nav-wrapper .menu a {
    font-weight: 600;
}
/*Unit content */
body.single.single-post .ts-sidebar-wrapper {
    margin-bottom: 27px;
}
 .ts-page-columns {
     margin-bottom: 50px;
}
 .ts-main-page-container {
     padding: 80px 0 30px;
}
.widget.widget_recent_comments ul li.recentcomments:before {
     background-size: 50% !important;
     background: url(./../images/comments.svg) !important;
     background-repeat: no-repeat !important;
     width: 40px;
     height: 22px;
     top: 2px;
}
 .woocommerce-account .woocommerce-MyAccount-content {
     padding: 0 15px;
     width: 70%;
}
 .wp-block-group.has-background {
     margin: 0 0 20px;
}
/* Thank You Page CSS */
 .woocommerce-order-received .ts-main-page-container {
     padding: 75px 0 30px;
}
 .woocommerce-order-received .ts-main-page-container .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title {
     font-size: var(--themestack-title-size);
     font-weight: 700;
     margin: 10px 0 0;
     color: var(--themestack-title-color);
     line-height: 1.4;
     margin-bottom: 19px;
}
 .woocommerce-order-received .ts-main-page-container .woocommerce-thankyou-order-received {
     margin: 0 0 22px;
}
 .woocommerce-order-received .ts-main-page-container .order_details li strong {
     margin-top: 3px;
}
 .woocommerce-order-received .ts-main-page-container .woocommerce-order-overview {
     margin-bottom: 56px;
}
 .woocommerce-order-received .woocommerce-order-details {
     margin-bottom: 40px;
}
/* Thumb Ratings */
 body .ts-product-thumb .star-rating {
     overflow: hidden;
     position: relative;
     height: 1em;
     line-height: 1;
     width: 110px;
     font-family: star;
     display: block;
     margin: 8px 0 8px !important;
     float: none;
     font-size: var(--themestack-font-size);
}
 .star-rating {
     font-size: var(--themestack-font-size);
}
 .star-rating::before {
     content: "\73\73\73\73\73";
     color: var(--themestack-yellow);
     float: left;
     top: 0;
     left: 0;
     position: absolute;
}
 .star-rating span {
     overflow: hidden;
     float: left;
     top: 0;
     left: 0;
     position: absolute;
     padding-top: 1.5em;
}
 .star-rating span::before {
     content: "\53\53\53\53\53";
     top: 0;
     position: absolute;
     left: 0;
     color: var(--themestack-yellow);
}
/* Shop Page */
 .al_product_filters {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     margin: 0 0 24px;
}
 .al_product_filters .woocommerce-notices-wrapper {
     width: 100%;
}
 .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
     margin: 0 0 10px;
}
 .ts-products-container {
     width: 100%;
     display: inline-block;
}
 .ts-large-product img {
     width: 100%;
}
 body.woocommerce span.onsale, span.onsale {
     min-height: unset;
     min-width: 50px;
     margin: 0;
     background: var(--themestack-yellow);
     padding: 2px 0 0;
     position: absolute;
     left: 20px;
     top: 50px;
     color: var(--themestack-white);
     width: 50px;
     height: auto;
     text-align: center;
     line-height: 20px;
     vertical-align: middle;
     font-size: 10px;
     z-index: 1;
     font-weight: 600;
     text-transform: uppercase;
     border-radius: var(--themestack-radius0);
}
 body.woocommerce.single span.onsale {
     top: 20px;
}
 .ts-new-prod-tag {
     min-height: unset;
     min-width: 50px;
     margin: 0;
     background: var(--themestack-primary-color);
     padding: 0;
     position: absolute;
     left: 20px;
     top: 20px;
     color: var(--themestack-white);
     width: 50px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     vertical-align: middle;
     font-size: 12px;
     z-index: 1;
     font-weight: 500;
     text-transform: uppercase;
     border-radius: var(--themestack-radius0);
}
 .ts-product-image:not(.ts-new-product) .onsale, .ts-product-image:not(.ts-new-product) body.woocommerce span.onsale {
     top: 20px;
}
 .price mark, .price ins {
     background: transparent;
}
 .price del, del {
     opacity: 1;
     color: var(--themestack-font-color);
}
 code {
     font-size: 1em;
}
/* Pagination SHop */
 body.woocommerce nav.woocommerce-pagination {
     width: 100%;
}
 body.woocommerce .ts-shop-wrapper nav.woocommerce-pagination {
     margin-bottom: 40px;
}
 body.woocommerce nav.woocommerce-pagination ul.page-numbers {
     display: flex;
     white-space: unset;
     padding: 0;
     clear: unset;
     border: none;
     margin: 0;
     flex-wrap: wrap;
}
 body.woocommerce nav.woocommerce-pagination ul.page-numbers li {
     border: none;
     margin: 0;
}
 body.woocommerce nav.woocommerce-pagination ul.page-numbers li>* {
     height: 40px;
     width: 40px;
     background: var(--themestack-page-title-bg);
     color: var(--themestack-title-color);
     text-transform: capitalize;
     line-height: 40px;
     display: inline-block;
     text-align: center;
     border: none;
     border-radius: 6px;
     margin: 0 10px 0 0;
     padding: 0;
}
 body.woocommerce nav.woocommerce-pagination ul.page-numbers li>*.current, body.woocommerce nav.woocommerce-pagination ul.page-numbers li>*:hover {
     background: var(--themestack-primary-color);
     color: var(--themestack-white);
}
/* Shop Single Page */
 body.woocommerce #respond input#submit.alt, body.woocommerce a.button.alt, body.woocommerce button.button.alt, body.woocommerce input.button.alt {
     background-color: var(--themestack-primary-color);
     color: var(--themestack-white);
}
 body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button {
     line-height: 1.5;
     cursor: pointer;
     font-weight: 500;
     background-color: var(--themestack-primary-color);
     padding: 12px 20px;
     background: var(--themestack-primary-color);
     color: var(--themestack-white);
     font-size: var(--themestack-font-size);
     display: inline-block;
     min-width: 170px;
     text-align: center;
     border-radius: 0px !important;
     border: none;
     position: relative;
     overflow: hidden;
     z-index: 1;
     max-height: 50px;
     text-transform: capitalize;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs {
     padding: 0 20px 0;
     margin: 0 0 24px;
     border-bottom: none;
     display: inline-block;
     width: 100%;
     background: var(--themestack-alternate-bg);
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li {
     border: none;
     background-color: transparent;
     display: inline-block;
     margin: 0;
     padding: 0;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
     background: transparent;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
     color: var(--themestack-primary-color);
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li a {
     font-weight: 500;
     color: var(--themestack-title-color);
     padding: 13px 15px 14px;
     min-width: 120px;
     text-align: center;
     margin: 0;
     position: relative;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li a:before {
     content: "";
     position: absolute;
     height: 4px;
     width: 0;
     background-color: var(--themestack-primary-color);
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     margin: auto;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
     width: 40px;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
     color: var(--themestack-title-color);
}
 .woocommerce-tabs ul.tabs li.active a {
     color: var(--themestack-primary-color);
     border-bottom: 0;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before, .woocommerce div.product .woocommerce-tabs ul.tabs li a:before, .woocommerce div.product .woocommerce-tabs ul.tabs li a:before, .woocommerce div.product .woocommerce-tabs ul.tabs li a {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs::before {
     content: unset;
}
 .woocommerce-tabs.wc-tabs-wrapper {
     width: 100%;
}
 .product_meta, .product_meta>span .al_meta_tag {
     font-weight: 600;
     color: var(--themestack-title-color) !IMPORTANT;
    margin-left: 0;
}
 .posted_in>*, .sku_wrapper>*, .tagged_as>* {
     border-radius: var(--themestack-radius0);
     text-transform: capitalize;
     background-color: var(--themestack-primary-color);
     color: var(--themestack-white) !important;
     border-radius: 0px;
     width: auto;
     display: inline-block;
     margin: 0 0 10px 10px;
     padding: 7px 15px;
     font-size: 14px !important;
     font-weight: 500;
     line-height: 26px;
}
 .product_meta .tagged_as>*.al_meta_tag {
     padding: 0;
     background: transparent;
     color: var(--themestack-title-color) !important;
     font-size: var(--themestack-font-size) !important;
     margin: 0;
     font-weight: 600;
}
 .product_meta .tagged_as>* {
     margin: 0 0 10px 10px;
}
 .posted_in>*:hover, .sku_wrapper>*:hover, .tagged_as>*:hover {
     background-color: var(--themestack-primary-color);
     color: var(--themestack-white) !important;
}
 .product_meta>span {
     display: inline-block;
     width: 100%;
}
 .posted_in>*, .sku_wrapper>*, .posted_in>*:hover, .sku_wrapper>*:hover {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .woocommerce #respond input#submit:hover, .woocommerce input.button:hover, body.woocommerce #respond input#submit.alt, body.woocommerce input.button.alt {
     background-color: var(--themestack-title-color);
     background: var(--themestack-title-color);
     color: var(--themestack-white);
}
 .woocommerce div.product form.cart .button, body.woocommerce a.button, body.woocommerce button.button {
     background-color: var(--themestack-primary-color);
     color: var(--themestack-white);
}
 .woocommerce div.product form.cart .button:hover, body.woocommerce a.button:hover, body.woocommerce button.button:hover {
     background-color: var(--themestack-primary-color);
     color: var(--themestack-white);
}
 body.woocommerce a.button, body.woocommerce button.button, body .checkout-button {
     line-height: 1.5 !important;
     cursor: pointer !important;
     font-weight: 500 !important;
     background-color: var(--themestack-primary-color) !important;
     padding: 12px 20px!important;
     background: var(--themestack-primary-color) !important;
     color: var(--themestack-white) !important;
     font-size: var(--themestack-font-size) !important;
     display: inline-block !important;
     min-width: 170px;
     text-align: center !important;
     border-radius: 0px !important;
     border: none !important;
     position: relative !important;
     overflow: hidden !important;
     z-index: 1;
     max-height: 20px;
     text-transform: uppercase;
}
 body.woocommerce a.button:hover, body.woocommerce button.button:hover, body .checkout-button:hover {
     background-color: var(--themestack-primary-color) !important;
     color: var(--themestack-white) !important;
}
 body.woocommerce a.button:hover, body.woocommerce button.button:hover, body.woocommerce a.button, body.woocommerce button.button, body .checkout-button, body .checkout-button:hover, body .checkout-button:before, body .checkout-button:hover:before {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .woocommerce-mini-cart__buttons.buttons .button {
     min-width: 100px;
}
 body .ts-sidebar-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
     padding-left: 40px;
     font-weight: 500;
     text-transform: capitalize;
}
 .woocommerce-error, .woocommerce-info, .woocommerce-message {
     padding: 12px 10px;
     margin: 0 0 30px !important;
     position: relative;
     background-color: var(--themestack-alternate-bg);
     color: var(--themestack-title-color);
     border-top: none;
     list-style: none;
     border: none;
     border-left: 3px solid var(--themestack-primary-color);
     border-radius: var(--themestack-radius0);
     font-weight: 500;
}
 .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
     content: unset;
}
 .woocommerce p.stars.selected a:not(.active)::before, .woocommerce p.stars a::before {
     color: var(--themestack-yellow);
}
 .woocommerce table.shop_attributes th {
     text-align: left;
     padding: 15px 20px;
}
 .woocommerce table.shop_attributes td {
     text-align: left;
}
 .woocommerce table.shop_attributes td {
     font-style: normal;
     padding: 10px 10px;
}
 .woocommerce #review_form #respond form>p {
     margin: 0 0 25px;
}
 .woocommerce #review_form #respond p.comment-form-cookies-consent {
     margin: 28px 0 21px;
     cursor: pointer;
}
 .return-to-shop {
     margin: 0;
}
 .comment-form-cookies-consent input {
     display: none 
}
 .comment-form-cookies-consent label {
     margin: 0;
     position: relative;
     padding-left: 30px;
     cursor: pointer 
}
 .comment-form-cookies-consent label:before {
     content: "";
     position: absolute;
     top: 2px;
     left: 0;
     width: 18px;
     height: 18px;
     border: 1px solid var(--themestack-border-color);
     border-radius: 2px;
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .comment-form-cookies-consent label:after {
     content: "";
     position: absolute;
     top: 6px;
     left: 4px;
     width: 10px;
     height: 6px;
     border-left: 2px solid var(--themestack-main-bg);
     border-bottom: 2px solid var(--themestack-main-bg);
     -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
     -ms-transform: rotate(-20deg);
     transform: rotate(-20deg);
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
     opacity: 0;
}
 .comment-form-cookies-consent input:checked~label:after {
     opacity: 1;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg) 
}
 .comment-form-cookies-consent input:checked~label:before {
     background-color: var(--themestack-title-color);
     border: 1px solid transparent 
}
 .comment-form-cookies-consent input:checked~label {
     color: var(--themestack-title-color);
}
 .ts-product-tabs-wrapper {
     width: 100%;
}
 .ts-large-product {
     text-align: center;
     padding: 0;
     border-radius: var(--themestack-radius0);
     display: inline-block;
     width: 100%;
     position: relative;
     overflow: hidden;
}
 .woocommerce div.product div.images {
     width: 100%;
}
 .ts-single-product-page {
     padding: 80px 0 30px;
}
 .woocommerce div.product form.cart.grouped_form table td, .woocommerce div.product form.cart.grouped_form table th {
     border: 1px solid var(--themestack-border-color);
     text-align: left;
     padding: 20px 10px;
}
 .woocommerce div.product form.cart {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
 .ts-product-summary-description {
     margin-bottom: 60px;
}
 body.single-product .product-qyt {
     display: inline-block;
     margin: 6px 20px 0px 0;
}
 .woocommerce div.product form.cart {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
 .product-qyt .quantity {
     display: flex;
     align-items: center;
     border: 1px solid var(--themestack-border-color);
     border-radius: var(--themestack-radius-comman);
     width: 160px;
     border-radius: 0px;
}
 body button.minus, body button.plus, body button.minus:hover, body button.plus:hover {
     width: 50px;
     height: 40px;
     background: transparent;
     position: relative;
     outline: none;
     transition: 0.3s;
     color: var(--themestack-primary-color);
     min-width: auto;
     padding: 0;
     font-size: var(--themestack-sub-title-size);
     line-height: 0;
     border-left: 0;
     border: none;
}
 .woocommerce .quantity input[type="number"].qty {
     border: none;
     border-radius: 0;
     background: transparent;
     border-left: 1px solid var(--themestack-border-color);
     border-right: 1px solid var(--themestack-border-color);
     height: 48px;
     width: 60px;
     margin: auto 0;
     padding: 0 5px;
     text-align: center;
     line-height: 50px;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 .woocommerce-Reviews .woocommerce-Reviews-title {
     font-size: var(--themestack-sub-title-size);
     font-weight: 600;
     margin: 0 0 15px;
}
 .woocommerce div.product .woocommerce-tabs .panel div#review_form .comment-reply-title {
     font-size: inherit;
     font-weight: 500;
}
 .woocommerce div#review_form_wrapper #review_form #respond.comment-respond .form-submit {
     margin: 0 0 19px;
}
 body.woocommerce #reviews #comments ol.commentlist {
     padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li {
    background: var(--themestack-main-bg);
    box-shadow: 0 0 35px 0 rgb(0 0 0 / 6%);
    padding: 30px 30px;
    margin: 0 0 20px;
    border: var(--themestack-radius0);
}
 .woocommerce #reviews #comments ol.commentlist li .comment-text {
     margin: 0 0 0 100px;
     border: none;
     padding: 0;
}
 .woocommerce #reviews #comments ol.commentlist li img.avatar {
     top: 30px;
     left: 30px;
     padding: 0;
     width: 80px;
     border-radius: var(--themestack-circle-radius);
}
 .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
     font-size: var(--themestack-font18);
     font-weight: 600;
     margin: 0 0 6px;
     color: var(--themestack-title-color);
     text-transform: capitalize;
}
 .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date {
     color: var(--themestack-primary-color);
     text-transform: uppercase;
     font-weight: 600;
     font-size: var(--themestack-font-size);
     letter-spacing: .6px;
     position: relative;
}
 body.woocommerce #reviews #comments ol.commentlist {
     padding: 0;
     margin: 25px 0 10px;
}
 .ts-product-summary-description .yith-wcwl-add-to-wishlist {
     margin: 0 0 20px;
}
 .ts-product-summary-description .yith-wcwl-wishlistexistsbrowse a {
     color: var(--themestack-primary-color);
     font-weight: 500;
     margin: 0 0 0 10px;
}
/* Wishlist Page Style */
 .woocommerce-wishlist .ts-main-page-container {
     padding: 80px 0 40px;
}
 .woocommerce table.shop_table.wishlist_view td.product-name .yith-wcqv-button {
     display: none !important;
}
 table.wishlist_table {
     font-size: var(--themestack-font-size);
}
 table.shop_table.cart.wishlist_table tbody.wishlist-items-wrapper .product-add-to-cart .add_to_cart {
     margin: 0 !important;
     padding: 12px 10px !important;
}
 .yith_wcwl_wishlist_footer .yith-wcwl-share .fa {
     font-family: "Font Awesome 5 Brands";
}
 .yith_wcwl_wishlist_footer .yith-wcwl-share .fa-facebook:before {
     content: "\f39e";
}
 .yith_wcwl_wishlist_footer .yith-wcwl-share .fa-envelope-o:before {
     content: "\f0e0";
}
 .yith-wcwl-share li a {
     min-width: 30px;
     min-height: 30px;
     border-radius: var(--themestack-circle-radius);
     height: 40px;
     padding: 0;
     width: 40px;
     line-height: 40px;
}
 .yith_wcwl_wishlist_footer .yith-wcwl-share .fa.fa-envelope-o {
     font: normal normal normal 14px/1 FontAwesome;
}
 .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section {
     color: var(--themestack-primary-color);
}
 .ts-product-info .yith-wcwl-add-to-wishlist {
     display: none;
}
 .wishlist-title-container {
     display: none;
}
 table.wishlist_table tbody td, table.wishlist_table thead th {
     border-color: var(--themestack-border-color);
}
 body.single-product .ts-blog-columns {
     margin: 0 0 35px;
}
/* Related Products */
 .ts-related-product-wrapper {
     width: 100%;
     padding: 58px 0 13px;
     border-top: 1px solid var(--themestack-border-color);
     margin-top: 73px;
     position: relative;
}
 .ts-related-product-wrapper h4 {
     font-weight: 700;
}
 .ts-related-product-wrapper .ts-heading-wrap>div {
     margin-bottom: 44px;
}
 .ts-related-product-swiper .ts-product-thumb {
     margin: 0 0 16px;
}
 .ts-related-product-wrapper .ts-heading-wrap>div .ts-heading {
     font-size: var(--themestack-title-size);
     text-transform: uppercase;
     font-weight: 700;
     position: relative;
     background: var(--themestack-main-bg);
     padding-right: 20px;
     margin: 0 0 10px;
}
/* Cart Single Page */
 .woocommerce-cart .ts-main-page-container {
     padding: 80px 0 21px;
}
 .woocommerce table.shop_table {
     border: none;
     margin: 0 0 40px;
     border-radius: 0;
     border-spacing: 0 0;
     border-bottom: 1px solid var(--themestack-border-color);
     border-right: 1px solid var(--themestack-border-color);
}
 .woocommerce table.shop_table th, .woocommerce table.shop_table td {
     border-bottom: 0;
     text-align: left;
     border-right: 0;
}
 .woocommerce-page .cart-collaterals .cart_totals table.shop_table {
     border: 1px solid var(--themestack-border-color);
     border-top: 0;
}
 .woocommerce-cart .ts-blog-columns {
     margin-bottom: 43px;
}
.wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
    margin: 0;
    max-width: 250px;
    width: 100%;
}
 .woocommerce table.shop_table td {
     border-color: var(--themestack-border-color);
}
.woocommerce a.remove {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    height: 25px;
    width: 25px;
    text-align: center;
    border-radius: 50%;
    color: var(--themestack-white) !important;
    text-decoration: none;
    font-weight: 500;
    border: 0;
    background: var(--themestack-title-color);
}
 .woocommerce a.remove:hover {
     background: var(--themestack-primary-color) !important;
}
 .woocommerce-cart #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
     width: 80px;
     height: 80px;
     object-fit: cover;
}
 td.product-name a, .woocommerce table.shop_table td a {
     font-weight: 500;
     color: var(--themestack-title-color);
}
 .woocommerce table.cart td.actions .coupon {
     margin-bottom: 0;
     float: left !important;
}
 .cart-collaterals .cart_totals h2 {
     font-size: var(--themestack-title-size);
     font-weight: 600;
     margin-bottom: 0;
     text-transform: capitalize;
     border: 1px solid var(--themestack-border-color);
     padding: 20px;
}
 .cart-collaterals .cart_totals table th {
     padding: 20px;
     text-transform: capitalize;
     border: 1px solid var(--themestack-border-color);
     border-top: none;
     max-width: 100%;
     color: var(--themestack-title-color);
}
 .woocommerce-cart .cart-collaterals .cart_totals tr td {
     padding: 20px;
     text-transform: capitalize;
     max-width: 100%;
}
 body .woocommerce .checkout-button {
     width: 100%;
     line-height: 30px !important;
}
 #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {
     padding: 24px 0 0;
}
 body .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field textarea#order_comments {
     height: 150px;
     padding: 20px;
}
 .woocommerce table.cart td.actions .coupon input#coupon_code {
     width: calc(100% - 170px);
     max-width: 200px;
     padding: 0 20px;
     margin: 0;
     border-radius: var(--themestack-radius0);
     border-radius: 0px;
}
 .woocommerce table.cart td.actions .coupon button.button, .woocommerce table.cart td.actions .coupon button.button {
     max-width: 150px;
     font-size: var(--themestack-font-size);
     font-weight: 500;
     color: var(--themestack-white);
     background: var(--themestack-primary-color);
     min-height: 50px;
     border: none;
     border-radius: var(--themestack-radius0);
     border-radius: 0;
}
 .woocommerce table.cart td.actions .coupon button.button:hover, .woocommerce table.cart td.actions .coupon button.button:hover {
     color: var(--themestack-white);
     background: var(--themestack-primary-color);
}
 .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
     min-width: 170px;
     font-size: var(--themestack-font-size);
     font-weight: 500;
     color: var(--themestack-white);
     background: var(--themestack-primary-color) !important;
     min-height: 50px;
     border: none;
     border-radius: var(--themestack-radius-comman);
     line-height: 50px;
     padding: 0 20px;
     text-align: center;
     border-radius: 0px;
     overflow: hidden;
     text-transform: uppercase;
     transition: box-shadow 0.5s;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus{
    -webkit-box-shadow: inset 34em 0 0 0 var(--cn-dark-blue-color);
    -moz-box-shadow: inset 34em 0 0 0 var(--cn-dark-blue-color);
    box-shadow: inset 34em 0 0 0 var(--cn-dark-blue-color);
    color: var(--themestack-white-color);
}
body.woocommerce-shop .woocommerce a.button:focus{
    color: var(--themestack-primary-color) !important;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
     cursor: not-allowed;
     opacity: .5;
     padding: 0 20px;
     min-width: 170px;
     font-size: var(--themestack-font-size);
     font-weight: 500;
     color: var(--themestack-main-bg);
     background: var(--themestack-primary-color);
     min-height: 50px;
     border: none;
     border-radius: 0px;
}
 .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {
     color: var(--themestack-main-bg);
     background: var(--themestack-primary-color);
}
 table th, .wp-block-calendar th {
     border-color: rgb(255 255 255 / 18%);
}
/* Checkout Single Page */
 .woocommerce-checkout .ts-main-page-container {
     padding: 80px 0 0px;
}
 .woocommerce-checkout .ts-main-page-container .ts-page-columns {
     margin-bottom: 45px;
}
 .woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first {
     width: calc(100% - 170px);
     display: flex;
     flex-wrap: wrap;
}
 .woocommerce form.checkout_coupon .form-row.form-row-last {
     width: 170px;
     display: inline-block;
}
 .woocommerce-checkout-review-order .form-row.place-order {
     margin: 0 0 0;
}
 .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
     float: none;
     width: 100%;
     padding: 0;
}
 .woocommerce p label {
     width: 100%;
     text-transform: capitalize;
}
 .woocommerce-input-wrapper {
     width: 100%;
     display: inline-block;
}
 .select2-container .select2-selection--single {
     width: 100%;
     height: 50px;
     border: 1px solid var(--themestack-border-color);
     border-radius: 0px;
     outline: none;
     background: var(--themestack-input-bg);
     padding: 12px 20px 12px 10px;
}

 .select2-container.select2-container--above.select2-container--open .select2-selection--single {
     border-color: var(--themestack-primary-color);
}
 .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 50px;
     right: 15px;
}
 .woocommerce div.product form.cart .group_table td, .woocommerce div.product form.cart .group_table th {
     vertical-align: middle;
}
 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: var(--themestack-font-color);
}
body .select2-dropdown {
    background-color: var(--themestack-white-color);
    border: 1px solid var(--themestack-border-color);
    border-radius: var(--themestack-radius0);
}
 .select2-container--default .select2-search--dropdown .select2-search__field {
     border: 1px solid var(--themestack-border-color);
     margin: 0 0 20px;
     padding: 0 0 0 20px;
}
 body .select2-results {
     padding: 0 0 0 20px;
}
 .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
     background-color: var(--themestack-primary-color);
     color: var(--themestack-font-color);
}
 .select2-results__option[aria-selected], .select2-results__option[data-selected] {
     color: var(--themestack-font-color);
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--themestack-page-title-bg);
}
.woocommerce form .form-row label {
    font-weight: 600;
    color: var(--themestack-title-color);
    margin: 0 0 8px;
}
 body.woocommerce-checkout .woocommerce form>div>div p {
     width: 100%;
     margin: 0 0 20px;
     padding: 0;
}
 body.woocommerce-checkout .woocommerce form>div>div .woocommerce-privacy-policy-text .woocommerce-privacy-policy-link {
     font-weight: 500;
}
 #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
     border-color: var(--themestack-border-color);
}
 form.woocommerce-EditAccountForm fieldset legend, .woocommerce-billing-fields h3, .woocommerce-additionts-fields h3, h3#order_review_heading {
     font-size: var(--themestack-sub-title-size);
     font-weight: 600;
     text-transform: capitalize;
     margin: 0px 0 20px;
     display: inline-block;
     width: 100%;
}
 .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
     border-color: var(--themestack-primary-color);
}
 body.woocommerce-checkout .woocommerce form>div>div, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
     width: 100%;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
     float: none;
     width: 100%;
     padding: 0;
}
 #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
     background: transparent;
     border-radius: 0;
}
 #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
     padding: 0 0 30px;
     border-bottom: none;
}
 #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
     padding: 0;
}
 .woocommerce-privacy-policy-text {
     margin: 13px 0 34px;
}
 .woocommerce table.shop_table td {
     color: var(--themestack-title-color);
     font-weight: 500;
}
 .woocommerce-privacy-policy-text p {
     margin: 0;
}
 .woocommerce-additionts-fields {
     margin: 0 0 45px;
     display: inline-block;
     width: 100%;
}
 body .woocommerce-additionts-fields .woocommerce-additionts-fields__field-wrapper p#order_comments_field {
     margin: 0;
}
 body .woocommerce-additionts-fields .woocommerce-additionts-fields__field-wrapper p#order_comments_field textarea#order_comments {
     height: 150px;
     padding: 20px;
}
 .woocommerce-additionts-fields h3 {
     margin: 0 0 15px;
}
 .woocommerce-billing-fields__field-wrapper {
     margin: 0 0 45px;
}
 .woocommerce-billing-fields h3 {
     margin: 0 0 15px;
}
 .showcoupon {
     color: var(--themestack-primary-color);
     font-weight: 500;
}
 .woocommerce form.checkout_coupon {
     padding: 26px 30px 24px;
     margin: 0 0 45px;
     text-align: left;
     border-radius: var(--themestack-radius0);
     background: var(--themestack-alternate-bg);
     box-shadow: var(--themestack-shadow);
     border: none;
     display: flex;
     flex-wrap: wrap;
}
 .woocommerce form.checkout_coupon p, .woocommerce form.login p, .woocommerce form.register p {
     padding: 0;
}
.woocommerce form.checkout_coupon p button.button {
    border-radius: 0;
}
.woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first input#coupon_code {
    border-radius: 0;
}
/* Login */
 .woocommerce form.login {
     padding: 21px 30px 30px;
     margin: 0 0 45px;
     text-align: left;
     border-radius: var(--themestack-radius0);
     background: var(--themestack-alternate-bg);
     box-shadow: var(--themestack-shadow);
     border: none;
     display: flex;
     flex-wrap: wrap;
}
 .woocommerce form.login>p, .woocommerce form.register>p {
     width: 100%;
     margin: 0 0 21px;
     padding: 0;
}
 .woocommerce form.login .password-input, .woocommerce form.register .password-input {
     width: 100%;
}
 .ts-login-bottom {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     justify-content: space-between;
     align-items: center;
     margin: 7px 0 26px;
     color: var(--themestack-title-color);
}
 .ts-login-bottom a {
     color: var(--themestack-title-color);
}
 .ts-login-bottom a:hover {
     color: var(--themestack-primary-color);
}
 .ts-login-bottom>span {
     margin: 0 0 10px;
}
 .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
     margin: 0;
     cursor: pointer;
}
 .ts-remember-pswrd input {
     display: none 
}
 .ts-remember-pswrd span {
     margin: 0;
     position: relative;
     padding-left: 30px;
     cursor: pointer 
}
 .ts-remember-pswrd span:before {
     content: "";
     position: absolute;
     top: 0px;
     left: 0;
     width: 18px;
     height: 18px;
     border: 1px solid var(--themestack-border-color);
     border-radius: 2px;
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .ts-remember-pswrd span:after {
     content: "";
     position: absolute;
     top: 4px;
     left: 4px;
     width: 10px;
     height: 6px;
     border-left: 2px solid var(--themestack-main-bg);
     border-bottom: 2px solid var(--themestack-main-bg);
     -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
     -ms-transform: rotate(-20deg);
     transform: rotate(-20deg);
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
     opacity: 0;
}
 .ts-remember-pswrd input:checked~span:after {
     opacity: 1;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg) 
}
 .ts-remember-pswrd input:checked~span:before {
     background-color: var(--themestack-title-color);
     border: 1px solid transparent 
}
 .ts-remember-pswrd input:checked~span {
     color: var(--themestack-title-color);
}
pre {
    font-size: 14px;
    color: var(--cn-black-color);
}
.wp-block-pullquote blockquote p, .wp-block-pullquote blockquote cite {
    color: var(--themestack-white-color);
}
 .wp-block-table .has-fixed-layout {
     background: var(--themestack-page-title-bg);
}
 .has-fixed-layout td {
     color: var(--themestack-title-color);
}
 .wp-block-table.is-style-stripes {
     border-bottom: 1px solid var(--themestack-border-color);
}
/* Register Page */
 .woocommerce form.register {
     padding: 26px 30px 21px;
     margin: 0 0 45px;
     text-align: left;
     border-radius: var(--themestack-radius0);
     background: var(--themestack-main-bg);
     background: var(--themestack-alternate-bg);
     box-shadow: var(--themestack-shadow);
     border: none;
     display: flex;
     flex-wrap: wrap;
}
 .woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
     right: 20px;
     top: 14px;
}
 .woocommerce form.register .woocommerce-privacy-policy-text~.woocommerce-form-row.form-row {
     margin: 0 0 9px;
}
.ts-gz-star, .star-rating {
    font-family: star;
}
/*Lost Password*/
 .woocommerce .woocommerce-ResetPassword {
     padding: 25px 30px 30px;
     margin: 0 0 0px;
     text-align: left;
     border-radius: var(--themestack-radius0);
     background: var(--themestack-alternate-bg);
     box-shadow: var(--themestack-shadow);
     border: none;
     display: flex;
     flex-wrap: wrap;
}
 .woocommerce .woocommerce-ResetPassword>p {
     width: 100%;
     margin: 0 0 4px;
     padding: 0;
}
 .woocommerce .woocommerce-ResetPassword>.woocommerce-form-row.woocommerce-form-row--first {
     margin: 0 0 40px;
}
/* My Account */
 body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation {
     padding: 0 15px;
}
 body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation ul {
     padding: 0;
     list-style: none;
}
 nav.woocommerce-MyAccount-navigation ul li a {
     margin-bottom: 20px;
     border: 1px solid var(--themestack-border-color);
     padding: 10px 20px;
     border-radius: var(--themestack-radius0);
     display: inline-block;
     width: 100%;
     color: var(--themestack-title-color);
     font-weight: 500;
}
 nav.woocommerce-MyAccount-navigation ul li a:hover, nav.woocommerce-MyAccount-navigation ul li.is-active a {
     color: var(--themestack-primary-color);
     border-color: var(--themestack-primary-color);
}
 form.woocommerce-EditAccountForm fieldset legend, .woocommerce-billing-fields h3, .woocommerce-additionts-fields h3, .woocommerce-account .addresses .title h3, h3#order_review_heading, .woocommerce-additional-fields h3 {
     font-size: 20px;
     font-weight: 700;
     color: var(--themestack-title-color);
     margin-bottom: 15px;
     text-transform: uppercase;
}
 .woocommerce-account .woocommerce-MyAccount-content h3 {
     margin-bottom: 20px;
}
 .woocommerce-account .woocommerce span.password-input {
     width: 100%;
}
 .woocommerce table.my_account_orders th {
     padding: 12px 10px;
}
 .woocommerce table.shop_table td a.button {
     color: var(--themestack-main-bg);
}
 .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, body .woocommerce-noreviews a, body .no-comments a {
     min-width: unset !important;
     background-color: transparent !important;
     background: transparent !important;
     color: var(--themestack-primary-color) !important;
     text-transform: capitalize !important;
     outline: none !important;
     padding: 0 !important;
     cursor: pointer !important;
     font-size: var(--themestack-font-size) !important;
     border-radius: 0 !important;
     min-height: unset !important;
     line-height: 1.5;
     box-shadow: none !important;
}
 .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover, body .woocommerce-noreviews a:hover, body .no-comments a:hover {
     color: var(--themestack-title-color) !important;
     background: transparent !important;
}
 .woocommerce .woocommerce-error .button:before, .woocommerce .woocommerce-info .button:before, .woocommerce .woocommerce-message .button:before, .woocommerce-page .woocommerce-error .button:before, .woocommerce-page .woocommerce-info .button:before, .woocommerce-page .woocommerce-message .button:before, body .woocommerce-noreviews a:before, body .no-comments a:before {
     content: unset !important;
}
 .woocommerce-account .woocommerce-MyAccount-content button.button {
     margin-top: 30px;
}
/* Blog Thumbs Page CSS */
 .ts-blog-thumb-page-wrapper {
     padding: 80px 0 23px;
}
 .ts-blog-thumb-page-wrapper .ts-blog-img img {
     max-height: 400px;
     min-width: 100%;
}
 .ts-product-hover ul li span {
     margin: 0 0 0 4px;
}
 .themestack-demo .widget.widget_categories ul {
     margin: 0;
}
/*search modal css start*/
#yith-quick-view-modal {
    overflow: auto;
}
#yith-quick-view-modal .yith-wcqv-wrapper {
    height: auto !important;
    max-height: initial !important;
}
.yith-wcqv-wrapper {
    margin: 50px 0 20px 0;
}
#yith-quick-view-modal.open .yith-wcqv-main {
    overflow-y: hidden;
}
#yith-quick-view-modal .yith-wcqv-main {
    background: var(--themestack-white-color);
}
#yith-quick-view-modal #yith-quick-view-content {
    height: 100%;
}
#yith-quick-view-modal .yith-wcqv-main div#yith-quick-view-content div.product {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
/*search modal css end*/
/* Swiper Bullets */
 .ts-bullets {
     left: 0;
     bottom: 40px;
     width: 100%;
     position: unset;
     margin: 31px 0 0;
}
 .ts-bullets .swiper-pagination-bullet {
     height: 9px;
     width: 9px;
     background-color: var(--themestack-main-bg);
     border-radius: 100%;
     margin: 0;
     cursor: pointer;
     opacity: 1;
}
 .ts-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: var(--themestack-primary-color);
}
 .ts-bullets span {
     margin: 0 8px;
}
 .ts-swiper-nav>div {
     width: 60px;
     height: 50px;
     background: var(--themestack-alternate-bg);
     line-height: 50px;
     text-align: center;
     position: relative;
}
 .ts-swiper-nav>div:hover {
     background: var(--themestack-primary-color);
}
 .ts-swiper-nav>div svg {
     height: 12px;
     margin: 0 0 3px;
     fill: var(--themestack-white);
}
 .ts-swiper-nav>div.ts-nav-prev:after, .ts-swiper-nav>div.ts-nav-prev:before {
     content: '';
     position: absolute;
     left: 100%;
     border-top: 25px solid transparent;
     border-bottom: 25px solid transparent;
     border-left: 15px solid var(--themestack-alternate-bg);
}
 .ts-swiper-nav>div.ts-nav-prev:before {
     left: auto;
     right: 100%;
     border-left: none;
     border-right: 15px solid var(--themestack-alternate-bg);
}
 .ts-swiper-nav>div.ts-nav-prev:hover {
     background: var(--themestack-primary-color);
}
 .ts-swiper-nav>div.ts-nav-prev:hover:before {
     border-right-color: var(--themestack-primary-color);
}
 .ts-swiper-nav>div.ts-nav-prev:hover:after {
     border-left-color: var(--themestack-primary-color);
}
 .ts-swiper-nav>div.ts-nav-next:after, .ts-swiper-nav>div.ts-nav-next:before {
     content: '';
     position: absolute;
     left: 100%;
     border-top: 25px solid transparent;
     border-bottom: 25px solid transparent;
     border-left: 15px solid var(--themestack-alternate-bg);
}
 .ts-swiper-nav>div.ts-nav-next:before {
     left: auto;
     right: 100%;
     border-left: none;
     border-right: 15px solid var(--themestack-alternate-bg);
}
 .ts-swiper-nav>div.ts-nav-next:hover {
     background: var(--themestack-primary-color);
}
 .ts-swiper-nav>div.ts-nav-next:hover:before {
     border-right-color: var(--themestack-primary-color);
}
 .ts-swiper-nav>div.ts-nav-next:hover:after {
     border-left-color: var(--themestack-primary-color);
}
 .ts-swiper-nav>div, .ts-swiper-nav>div * {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .ts-swiper-nav>div.ts-nav-prev b {
     margin: 0 0 0 5px;
}
 .ts-swiper-nav>div.ts-nav-next b {
     margin: 0 5px 0 0;
}
 .ts-swiper-nav {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     position: absolute;
     bottom: 31px;
     top: 0;
     margin: auto;
     left: -100px;
     right: -100px;
     align-items: center;
}
/* Link CSS */
 .ts-link {
     text-transform: uppercase;
     font-size: var(--themestack-font14);
     color: var(--themestack-primary-color) !important;
     letter-spacing: 0.6px;
     padding: 0 0 3px;
     position: relative;
     display: inline-block;
}
 .ts-link:before {
     content: "";
     position: absolute;
     height: 1px;
     background: var(--themestack-primary-color);
     bottom: 0;
     left: 0;
     right: 0;
}
 .ts-link:after {
     content: "";
     position: absolute;
     height: 1px;
     background: var(--themestack-white);
     bottom: 0;
     left: 0;
     right: 0;
     width: 0;
     z-index: 1;
}
 .ts-link:hover:after {
     width: 100%;
}
 .ts-link:hover:after, .ts-link:hover, .ts-link:after, .ts-link {
     -webkit-transition: var(--themestack-transition);
     -moz-transition: var(--themestack-transition);
     -ms-transition: var(--themestack-transition);
     -o-transition: var(--themestack-transition);
     transition: var(--themestack-transition);
}
 .ts-link:hover {
     color: var(--themestack-white) !important;
}

/* Unit Content CHANGES */
 .hide {
     display: none !important;
}
 body:not(.themestack-demo) .ts-single-blog {
     padding: 80px 0 23px;
}
 body:not(.themestack-demo) .ts-main-post-wrapper {
     padding: 80px 0 30px;
}
 body:not(.themestack-demo) .ts-main-page-container {
     padding: 80px 0 23px;
}
/* Widgets */
 .wp-block-categories li, .wp-block-archives li, .widget_nav_menu ul li, .widget_pages ul li, .widget_archive ul li, .widget_categories ul li {
     font-weight: 600;
}
 .wp-block-categories li:last-child, .wp-block-archives li:last-child, .widget_nav_menu ul li:last-child, .widget_pages ul li:last-child, .widget_archive ul li:last-child, .widget_categories ul li:last-child {
     border-bottom: none;
     padding-bottom: 0;
     margin-bottom: 0;
}
 body:not(.themestack-demo) .ts-footer-wrapper .ts-footer-widgets {
     margin-bottom: 23px;
}
 body:not(.themestack-demo) .ts-footer-wrapper .widget:last-of-type {
     margin-top: 0;
}
 code {
     line-height: 1.8em;
     color: var(--themestack-white);
     background-color: var(--themestack-primary-color);
     padding: 3px 8px;
     border-radius: 5px;
}
 .wp-block-code code {
     background: transparent;
}
 p.wp-block-tag-cloud {
     display: flex;
     flex-wrap: wrap;
}
 .calendar_wrap nav.wp-calendar-nav {
     font-weight: 500;
}
 .ts-categories-tags .cat-links, .ts-categories-tags .tags-links {
     display: flex;
     flex-wrap: wrap;
}
 .ts-categories-tags .tags-links .ts-blog-tags {
     margin: 5px 15px 0 0;
}
 .ts-categories-tags .cat-links .ts-blog-Posted {
     margin: 6px 15px 0 0;
}
 h3#reply-title.comment-reply-title small a {
     font-family: var(--themestack-globts-family);
     text-transform: capitalize;
}
 .wp-block-latest-comments__comment-excerpt p {
     font-size: 14px;
}
 .nice-select .current {
     white-space: nowrap;
     width: 100%;
     overflow: hidden;
     padding-right: 20px;
     display: inline-block;
}
 .wp-block-table td, .wp-block-table th {
     border-color: var(--themestack-border-color);
}
 .woocommerce-cart .woocommerce table.shop_table a.remove {
     line-height: 20px;
}
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background: var(--themestack-primary-color);
    color: var(--themestack-white-color);
}
 .themestack-demo .widget.widget_tag_cloud .tagcloud a, .themestack-demo .wp-block-tag-cloud .tag-cloud-link, .themestack-demo .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
     font-size: 14px !important;
}
 .ts-faq-wrapper .card button.btn.btn-link:not(.collapsed) {
     color: var(--themestack-primary-color);
}
 .woocommerce table.cart td.actions .coupon input#coupon_code {
     border-color: var(--themestack-border-color);
}
 .woocommerce .cart-collaterals .cart_totals th, .woocommerce-page .cart-collaterals .cart_totals th {
     background: transparent;
     color: var(--themestack-title-color);
}
 .woocommerce-checkout .woocommerce table.shop_table tfoot th {
     background: transparent;
     color: var(--themestack-title-color);
}
 .woocommerce-checkout .woocommerce table.shop_table tfoot th {
     color: var(--themestack-primary-color);
}
 .woocommerce-checkout .woocommerce table.shop_table tfoot th {
     border-color: var(--themestack-border-color);
}
 .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
     border-radius: 0px;
}
/* Twitter Widget Style */
 .widget-twitter-feed ul li {
     padding: 0;
}
 .widget-twitter-feed ul li:before {
     content: unset;
}
 .widget-twitter-feed ul li h6 a {
     display: inline-block;
     width: 100%;
     color: var(--themestack-primary-color);
     margin: 10px 0 10px;
     text-transform: lowercase;
}
/* Select 2 */
 .select2-container--default .select2-selection--single .select2-selection__arrow b {
     border: 0;
     content: '';
     display: block;
     height: 5px;
     margin-top: -6px;
     pointer-events: none;
     position: absolute;
     right: 12px;
     top: 50%;
     -webkit-transform-origin: 66% 66%;
     -ms-transform-origin: 66% 66%;
     transform-origin: 66% 66%;
     -webkit-transform: rotate( 45deg);
     -ms-transform: rotate(45deg);
     transform: rotate( 45deg);
     -webkit-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out;
     width: 5px;
     right: 22px;
     width: 8px;
     height: 8px;
     border-bottom: 2px solid var(--themestack-title-color);
     border-right: 2px solid var(--themestack-title-color);
}
 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     border-color: var(--themestack-title-color);
     border-width: 2px;
     -webkit-transform: rotate( -135deg);
     -ms-transform: rotate(-135deg);
     transform: rotate( -135deg);
}
 .widget_categories .nice-select ul li:last-child.option {
     padding-bottom: 10px;
}
 .wp-block-group.has-background~.more-link.ts-btn {
     margin-top: 0;
     margin-bottom: 20px;
}
 blockquote a code {
     color: var(--themestack-white);
     background-color: var(--themestack-primary-color);
}
 .ts-footer-widget .menu li a span svg {
     display: none;
}
 .ts-footer-widget .menu li span {
     position: absolute;
     left: 0;
     height: 5px;
     width: 5px;
     border-radius: 0%;
     background: var(--themestack-primary-color);
     top: 8px;
}
 .ts-sidebar-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .remove.remove_from_cart_button {
     top: 20px;
}
 .ts-sidebar-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item img.attachment-woocommerce_thumbnail {
     margin-top: 2px;
}
 .ts-sidebar-wrapper .price_slider_amount {
     margin-bottom: 29px;
}
 .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
     padding: 0 0 1px;
     list-style: none;
     border-bottom: 1px solid var(--themestack-border-color);
     font-weight: 600;
     padding-bottom: 12px;
     padding-left: 18px;
}
 .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-of-type {
     border-bottom: 0;
     padding-bottom: 0px;
}
 .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count {
     float: right;
     color: var(--themestack-primary-color);
}
 .widget .product-categories li {
     border-bottom: 1px solid var(--themestack-border-color);
     font-weight: 600;
     padding-bottom: 12px;
     padding-left: 18px;
}
 .widget .product-categories li:last-of-type {
     border-bottom: 0;
     padding-bottom: 0px;
}
 body .widget.widget_archive ul:not(.list) li, body .widget.widget_categories ul:not(.list) li {
     color: var(--themestack-primary-color);
}
 .widget-list-count, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count {
     display: inline-block;
     color: var(--themestack-link-color);
     font-weight: 500;
     min-height: 30px;
     text-align: center;
}
 .widget-list-count:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count:before {
     content: "(";
}
 .widget-list-count:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count:after {
     content: ")";
}
 .entry-content .wp-block-archives-list li .widget-list-count {
     float: right;
}
/* Widget Box Start */
.widget {
    width: 100%;
    position: relative;
    background: var(--themestack-white-color);
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
    border-radius:10px;
    display: inline-block;
    margin: 0 0 50px;
    padding: 36px 30px 31px;
}
.ts-footer-wrapper .widget {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin: 0 0 38px !important;
}
 .ts-sidebar-wrapper .widget.widget_categories>ul {
     margin: 0;
}
 .ts-sidebar-wrapper .widget.widget_pages {
     padding-bottom: 33px;
}
 .ts-sidebar-wrapper .widget.widget_meta {
     padding-bottom: 33px;
}
 .ts-sidebar-wrapper .widget.widget_recent_entries {
     padding-bottom: 33px;
}
 .ts-sidebar-wrapper .widget.widget_rss {
     padding-bottom: 33px;
}
 .ts-sidebar-wrapper .widget.widget_recent_comments ul li:last-of-type {
     margin-bottom: 23px;
}
.widget.widget_search {
    padding: 36px 30px 40px;
}
 body .ts-sidebar-wrapper .widget.widget_text .nice-select {
     margin-bottom: 0;
}
 .ts-sidebar-wrapper .widget_tag_cloud {
     padding-bottom: 30px;
}
 .ts-sidebar-wrapper .widget.widget_nav_menu {
     padding-bottom: 33px;
}
/* Woo Widgets */
 body .ts-sidebar-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
     padding-left: 20px;
}
 .ts-sidebar-wrapper .widget.widget_shopping_cart {
     padding-bottom: 18px;
}
 .ts-sidebar-wrapper .widget.widget_price_filter {
     padding-bottom: 11px;
}
 .ts-sidebar-wrapper .widget.widget_product_tag_cloud {
     padding: 35px 30px 30px;
}
 .ts-sidebar-wrapper .widget.widget_products {
     padding-bottom: 19px;
}
 .ts-sidebar-wrapper .widget.widget_product_categories {
     padding-bottom: 34px;
}
/* Cat sub menu spacing */
 body .widget.widget_categories .children {
     margin-top: 12px;
}
 body .widget.widget_categories .children:last-of-type {
     margin-bottom: 0;
}
 .widget .nice-select .list li:last-child, .widget .nice-select .list li:last-child {
     padding-bottom: 10px;
}
 .woocommerce .ts-sidebar-wrapper .widget:last-of-type {
     margin-bottom: 10px;
}
/* FOOTER SIDEBAR WIDGET*/
/* RECENT POST*/
 .ts-sidebar-wrapper .ts-recent-post-widgets.widget .widget-title {
     font-size: var(--themestack-widgets-title-size);
     font-weight: 700;
     color: var(--themestack-title-color);
     margin: 0px 0 25px;
     position: relative;
     padding: 0 0 12px;
     display: inline-block;
}
 .ts-sidebar-wrapper .ts-recent-post-widgets.widget .widget-title:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 2px;
     background: var(--themestack-primary-color);
     width: 85%;
     margin: 0;
     top: unset;
}
/* NEWSLETTER INFO */
 .ts-sidebar-wrapper .widget_themestack-widget-newslatter {
     background: #fcfcfc;
     margin: 0 0 30px;
     padding: 35px 30px 40px;
     border: 1px solid var(--themestack-border-color);
     border-radius: 6px;
}
 .ts-sidebar-wrapper .widget_themestack-widget-newslatter .ts-newsletter-title {
     font-size: var(--themestack-widgets-title-size);
     font-weight: 700;
     color: var(--themestack-title-color);
     margin: 0px 0 25px;
     position: relative;
     padding: 0 0 12px;
     display: inline-block;
}
 .ts-sidebar-wrapper .widget_themestack-widget-newslatter .ts-newsletter-title:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 2px;
     background: var(--themestack-primary-color);
     width: 85%;
     margin: 0;
     top: unset;
}
 .ts-sidebar-wrapper .widget_themestack-widget-newslatter .ts-footer-newsletter-inner input {
     background: var(--themestack-input-bg);
     border: 1px solid var(--themestack-border-color);
}
.ts-foooter-spacer{
    padding: 75px 0 37px 0;
}
body.themestack-demo .ts-footer-wrapper .ts-footer-widgets {
    margin-bottom: 0;
}
body:not(.themestack-demo) .ts-foooter-spacer {
    position: relative;
    padding: 75px 0 10px;
    background:#ecf0f9;
}
/* FOOTER SIDEBAR WIDGET*/
body.themestack-demo .ts-page-columns {
    margin-bottom: 0;
}
body.themestack-demo .ts-main-page-container {
    padding-bottom: 0;
}
.ts-blog-columns .ts-blog-details .post-thumbnail::before, .ts-blog-columns .ts-blog-details .post-thumbnail::after{
    display:none;
}
.top-spacer{
    padding-top:80px;
}
.bottom-spacer{
    padding-bottom:40px;
}
.ts-services-details h1.ts-cn-heading {
    font-size: 30px;
}
.comment-list .comment-awaiting-moderation {
    color: var(--themestack-primary-color);
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
}
.comment-head h3 {
    margin: 10px 0 6px;
}
/*DEMO CSS START*/
/*  ==================================== consulting demo css start ==================================== */
.ts-cn-heading {
    color: var(--cn-black-color);
    font-size: 36px;
    font-weight: 700;
    font-family: 'Manrope';
    margin-bottom:0;
}
.ts-cn-paragraph {
    font-size: 16px;
    color: var(--cn-grey-color);
    font-weight: 500;
    line-height:1.5;
    margin-bottom: 0;
}
.ts-cn-contact-heading .ts-cn-heading {
    color: var(--themestack-white-color);
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    font-family: 'Manrope';
    margin-bottom:0;
}
.me-global-map svg {
    min-height: 465px;
}
/* bottom to top css */
.ts-cn-top-icon a {
    display: flex;
    background-color: var(--themestack-primary-color);
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: fixed;
    bottom: 30px;
    right: 20px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
	animation: 4s installation infinite alternate;
}
@keyframes installation {
    0% {
        transform: translateY(0px);
        box-shadow: 0 0 0 0 rgba(156, 87, 255, 0.3);
    }
    50% {
        transform: translateY(-20px);
        box-shadow: 0 0 0 15px rgba(156, 87, 255, 0.3);
    }
}
.ts-cn-top-icon a svg {
    fill: var(--themestack-white-color);
    transform: rotate(270deg);
}
.ts-cn-top-icon a:hover {
  cursor: pointer;
  box-shadow: 0 0 0 25px var(--cn-orange-color) inset;
}
.ts-cn-top-icon a:active {
  background-color: #555;
}
.ts-cn-top-icon a.show {
  opacity: 1;
  visibility: visible;
}
/* bottom to top css end */
/* loader css start */
.ts-cn-loader {
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--themestack-white-color);
}
.ts-cn-loader img {
	width: 100px;
}
/* loader css start end */
.wp-block-button.is-style-outline>.wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline {
    padding: 0 15px;
}
body:not(.themestack-demo) #gallery-7.gallery, body:not(.themestack-demo) #gallery-8.gallery, body:not(.themestack-demo) #gallery-9.gallery {
    grid-gap: 20px 3px;
}
/* button css */
.ts-cn-btn, .ts-btn {
    background: var(--themestack-primary-color) !important;
    color: var(--themestack-white-color) !important;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    min-width: 205px;
    min-height: 55px;
    line-height: 55px;
    border-radius: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: uppercase;
    transition: box-shadow 0.5s;
    letter-spacing: 1px;
    padding-top: 0;
    padding-bottom: 0;
}
.ts-cn-btn:hover, .cn-btn:focus, .ts-btn:hover, input.ts-btn:hover {
    transition: box-shadow 0.5s;
    -webkit-box-shadow: inset 34em 0 0 0 var(--cn-dark-blue-color);
    -moz-box-shadow: inset 34em 0 0 0 var(--cn-dark-blue-color);
    box-shadow: inset 34em 0 0 0 var(--cn-dark-blue-color);
    color: var(--themestack-white-color) !important;
}
/* button css end*/
/* partner section css start */
.ts-cn-partner-wrapper .swiper-container.swiper-initialized.swiper-horizontal {
    overflow: hidden;
	position: relative;
}
.ts-cn-partner-wrapper h1 {
    font-size: 30px;
    font-weight: 500;
    color: var(--themestack-white-color);
    text-align: center;
    margin-bottom: 70px;
    text-transform: capitalize;
}
.ts-cn-partner-wrapper h1 > span{
    color: var(--cn-orange-color);
    font-weight: 600;
}
.ts-cn-partner-wrapper .swiper-slide{
    text-align: center;
    cursor: pointer;
    opacity: 0.5;
    margin-top: 50px;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}
.ts-cn-partner-wrapper .swiper-slide span svg{
    fill: #656f8d;
    transition: all 0.3s ease-in-out;
} 
.ts-cn-partner-wrapper .swiper-slide:hover span svg{
    fill: var(--themestack-white-color);
} 
.ts-cn-partner-wrapper .swiper-slide:hover{
    transform: translateY(-10px)scale(1.1);
}
.ts-cn-partner-heading{
    position: relative;
}
.ts-cn-partner-heading:after{
    content: '';
    width: 2px;
    height: 40px;
    background-color: #2b3653;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;    
}
.ts-cn-partner-heading:before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: var(--cn-orange-color);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -68px;
    transition: all 0.3s ease-in-out;
}
.ts-cn-partner-wrapper .swiper-slide:hover{
    opacity: 1;
}
/* partner section css end */
/* about section css start */
.ts-cn-about-wrapper > .container {
    max-width: 1200px;
    padding: 0;
}
.ts-cn-box-inner:hover{
    background-color: var(--cn-dark-blue-color);    
}
.ts-cn-box-inner:hover span{
    background-color: var(--themestack-white-color);
}
.ts-cn-box-inner:hover svg{
    fill: var(--cn-dark-blue-color);
}
.ts-cn-box-inner-orange:hover span{
    background-color: transparent;
}
.ts-cn-box-inner:hover svg{
    fill: var(--cn-dark-blue-color);
}
.ts-box-inner{
    max-width: 270px;
    width: 100%;    
    border-radius: 20px;
    box-shadow:0 0 30px rgba(73,57,126,0.06);
    background-color: #5ab3ff;
    text-align: center;
    padding: 35px 20px;
    margin-bottom: 30px;
    cursor: pointer;
    transition: all 0.3s;
}
.ts-box-inner span svg{
    fill: var(--themestack-white-color); 
    transition: all 0.3s ease-in-out;      
}
.ts-cn-box-inner span{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #51a3e9;
    display: flex;
    justify-content: center;   
    align-items: center; 
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s ease-in-out;
}
.ts-cn-box-inner h6 {
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 0 15px 0;
    position: relative;
    margin: 0;
    font-family: 'Manrope';
}
.ts-cn-box-inner h6:after{
    content: '';
    width: 2px;
    height: 40px;
    background-color: var(--themestack-white-color);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -35px;
}
.ts-cn-box-inner h6:before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: var(--themestack-white-color);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -43px;
    transition: all 0.3s ease-in-out;
}
.ts-cn-box-inner p{
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 400;  
    margin-top: 60px;
    margin-bottom: 0px;
}
.ts-cn-box-inner {
    max-width: 270px;
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(73,57,126,0.06);
    background-color: #5ab3ff;
    text-align: center;
    padding: 35px 20px;
    margin-bottom: 30px;
    cursor: pointer;
    transition: all 0.3s;
}
.ts-cn-box-inner-purple{
    background-color: #815bff;
    margin-bottom: 0;
}
.ts-cn-box-inner-purple span{
    background-color: #7450eb;
}
.ts-cn-box-inner-orange{
    background-color: var(--cn-orange-color);
    margin-left: 30px;
    position: relative;
    transition: all 0.3s ease-in-out;    
}
.ts-cn-box-inner-orange:hover{
    background-color: var(--cn-dark-blue-color);
}
.ts-cn-box-inner-orange:after{
    content: '';
    background-image: url(../images/orange-box-shape.png);
    background-position: center;
    background-size: cover;
    height: 414px;
    position: absolute;    
    top: -40px;
    left: 0;
    right: 0;
    z-index: -1;
}
.ts-cn-box-inner span svg {
    fill: var(--themestack-white-color);
    transition: all 0.3s ease-in-out;
}
.ts-cn-box-inner-orange span{
    font-size: 70px;
    color: var(--themestack-white-color);
    background-color: transparent;
    font-weight: 800;
}
.ts-cn-about-box-parent{
    display: flex;
    align-items: center;    
}
.ts-cn-left-box{
    position: relative;
}
.ts-cn-left-box:after {
    content: '';
    background-image: url(../images/about-arrow-top.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 95px;
    position: absolute;
    top: 50px;
    right: -80px;    
    width: 58px;
    animation:up-down 2s infinite alternate-reverse;
}
@keyframes up-down{
    0%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(-10px);
    }
}
.ts-cn-left-box:before {
    content: '';
    background-image: url(../images/about-arrow-bottum.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 95px;
    position: absolute;
    bottom: 70px;
    right: -80px;    
    width: 58px;
    animation:up-down 2s infinite alternate-reverse;
}
.ts-cn-about-right-content h1{    
    margin-bottom: 29px;
}
.ts-cn-about-right-content .cn-paragraph{
    text-align: justify;
}
.ts-cn-about-right-content a{
    margin-top: 35px;
}
/* about section css end */
/* service section css start */

.ts-cn-service-wrapper .swiper-container.swiper-initialized.swiper-horizontal {
    overflow: hidden;
	position: relative;
}
.ts-cn-service-heading h1 {
    font-size: 30px;
    color: var(--cn-black-color);
    font-weight: 800;
    position: relative;
    text-transform: capitalize;
    font-family: 'Manrope', sans-serif;
    margin-bottom: 0;
}
.ts-cn-service-heading h1:after{
    content: '';
    max-width: 124px;
    width: 100%;
    height: 4px;
    background-color: var(--themestack-primary-color);
    position: absolute;
    left: 0;
    bottom: -20px;
}
/* purple box */
.ts-cn-service-box{
    background-color: var(--themestack-white-color);
    border-radius: 20px;
    padding: 60px 34px;
    text-align: center;
    margin-top: 65px;
}
.ts-cn-service-inner > span {
    width: 103px;
    height: 103px;
    box-shadow: inset 0 0 30px rgb(126 87 255 / 50%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    position: relative;
    transition:all 0.3s ease-in-out ;
}
.ts-cn-service-inner > span:before {
    content: "";
    position: absolute;
    top: -4px;
    right: 0;
    bottom: -4px;
    left: 0;
    border: 4px solid transparent;
    border-top-color: var(--themestack-primary-color);
    border-bottom-color: var(--themestack-primary-color);
    border-radius: 100px;
    transition: all 0.3s;
}
.ts-cn-service-inner:hover > span:before {
    transform: rotate(90deg);
}
.ts-cn-service-inner:hover > span{
    transform: translateY(-10px)scale(1.03);
}
.ts-cn-service-inner > span > svg{
    fill: var(--themestack-primary-color);
}
.ts-cn-service-inner h5 {
    position: relative;
}
.ts-cn-service-inner h5 a{
    font-size: 22px;
    color: var(--themestack-primary-color);
    font-weight: 600;
    margin: 75px 0 10px 0;
    text-transform: capitalize;
    display:block;
}
.ts-cn-service-inner h5:after {
    content: '';
    width: 2px;
    height: 30px;
    background-color: #ebf0fb;    
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%);
}
.ts-cn-service-inner h5:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: var(--themestack-primary-color);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 53px;
}
.ts-cn-service-wrapper .swiper-slide{    
    cursor: pointer;
}
/* orange box */
.ts-cn-service-inner-orange > span {           
    box-shadow: inset 0 0 30px rgb(255 121 77 / 50%);    
    position: relative;
}
.ts-cn-service-inner.ts-cn-service-inner-orange > span:before {
    border-top-color: var(--cn-orange-color);
    border-bottom-color: var(--cn-orange-color);
}
.ts-cn-service-inner-orange > span > svg{
    fill: var(--cn-orange-color);
}
.ts-cn-service-inner-orange h5{
    position: relative;
}
.ts-cn-service-inner-orange h5 a{
    color: var(--cn-orange-color);
}
.ts-cn-service-inner-orange h5:before {   
    background-color: var(--cn-orange-color);    
}
/* blue box box */
.ts-cn-service-inner-blue > span {   
    box-shadow: inset 0 0 30px rgb(90 179 255 / 50%);  
    position: relative;  
}
.ts-cn-service-inner-blue > span:before {
    border-top-color: #5ab3ff;
    border-bottom-color: #5ab3ff;
}
.ts-cn-service-inner-blue > span > svg{
    fill: #5ab3ff;
}
.ts-cn-service-inner-blue h5{
    position: relative;
}
.ts-cn-service-inner-blue h5 a{
    color: #5ab3ff;
}
.ts-cn-service-inner-blue h5:before {   
    background-color: #5ab3ff;    
}
/* service slider button css start */
.ts-cn-service-wrapper .swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
.ts-cn-service-heading {
    position: relative;
}
.ts-cn-service-btn{
    position: absolute;
    top:29px;
    right: 0;
}
.ts-cn-service-wrapper .swiper-button-next { 
    position: absolute;     
    top: 0;
    background: #fff;
    width: 70px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
}
.ts-cn-service-wrapper .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    position: absolute;     
    left: auto;
    right: 95px;
    top: 0;        
    background: #fff;
    width: 70px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 20px;
}
.ts-cn-service-wrapper .swiper-button-next svg, .cn-service-wrapper .swiper-button-prev svg{
    transition: all 0.3s ease-in-out;
}
.ts-cn-service-wrapper .swiper-button-next:hover svg{
    fill:var(--themestack-primary-color);
}
.ts-cn-service-wrapper .swiper-button-prev:hover svg{
    fill:var(--themestack-primary-color);
}
/* service slider button css end */
/* swiper slider */
.ts-cn-service-wrapper .swiper-pointer-events, .ts-cn-testimonial-wrapper .swiper-pointer-events, .ts-cn-partner-wrapper .swiper-pointer-events{
    touch-action: pan-y;
    overflow: hidden;
    position: relative;
}
/* swiper slider */
/* service section css end */

/* blog section css start */
.ts-cn-blog-wrapper{
    padding: 20px 0;    
}
.ts-cn-abt-left-content {
    padding-top: 193px;
}
.ts-cn-abt-left-content p.ts-cn-paragraph {
    padding-bottom: 17px;
}
.ts-cn-blog-left-content p {
    margin: 28px 0 36px 0;
}
.ts-cn-blog-right{
    text-align: right;
    position: relative;
}
.ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:first-child {
    position: absolute;
    top: 185px;
    left: 60px;
    animation: left-right 2s infinite alternate-reverse;
}
.ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:nth-child(2) {
    position: absolute;
    bottom: 53px;
    left: 105px;
    animation: up-down 1.5s infinite alternate-reverse;
}
.ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:nth-child(3) {
    position: absolute;
    right: -75px;
    animation: up-down 1.5s infinite alternate-reverse;
}
.ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:last-child {
    position: absolute;
    bottom: -35px;
    right: 20px;
    animation: left-right 2.5s infinite alternate-reverse;
}
.ts-cn-blog-wrapper .cn-counter-box {
    text-align: center;
    backdrop-filter: blur(10px);
    background-color: #ffffffb0;
    max-width: 230px;
    width: 100%;
    padding: 18px 35px 30px;
    border-radius: 12px;
    box-shadow: 0px 30px 45px 10px rgb(16 40 132 / 8%);
}
.ts-cn-counter-box {
    text-align: center;
    backdrop-filter: blur(10px);
    background-color: #ffffffc9;
    max-width: 230px;
    width: 100%;
    padding: 10px 15px 28px 15px;
    border-radius: 12px;
    box-shadow: 0px 30px 45px 10px rgb(16 40 132 / 8%);
}
.ts-cn-counter-box h5 {
    font-size: 16px;
    font-weight: 700;
    color: var(--cn-black-color);
    text-transform: uppercase;
    margin-bottom: 0px;
    font-family: 'Manrope', sans-serif;
}
.ts-cn-blog-wrapper .ts-cn-counter-box .counter-item{
    font-size: 42px;
    color: var(--themestack-primary-color);
    font-weight: 800;    
}
/* blog section css end */

/* testimonial section css start */
.ts-cn-testimonial-wrapper .swiper-container.swiper-initialized.swiper-horizontal {
    overflow: hidden;
	position: relative;
}
.ts-cn-testimonial-heading .cn-heading{
    text-align: center;
}
.ts-cn-client-box{
    background-color:var(--themestack-white-color);
    padding: 30px 35px 35px 50px;
    border-radius: 10px;
    margin-top: 60px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.ts-cn-client-heading{
    display: flex;
    align-items: center;
}
.ts-cn-client-name{
    margin-left: 20px;
}
.ts-cn-client-name h6 {
    font-size: 22px;
    font-weight: 800;
    color: var(--cn-black-color);
    transition: all 0.3s ease-in-out;
    font-family: 'Manrope', sans-serif;
    margin-bottom: 0;
}
.ts-cn-client-name p {
    font-size: 14px;
    font-weight: 700;
    color: var(--themestack-primary-color);
    margin-bottom: 0;
}
.ts-cn-client-text p {
    font-size: 15px;
    color: var(--cn-grey-color);
    font-weight: 500;
    margin-top: 20px;
    line-height: 1.5;
    transition: all 0.3s ease-in-out;
    margin-bottom: 0;
}
.ts-cn-qoute-img {
    position: absolute;
    top: -14px;
    right: 35px;
}
.ts-cn-client-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    object-fit: cover;
}
.ts-cn-qoute-img svg{
    fill: var(--themestack-primary-color);
    transition: all 0.3s ease-in-out;
}
.ts-cn-testimonial-wrapper .swiper-container{
    padding-bottom: 75px;
}
.ts-cn-testimonial-wrapper .swiper-pagination-bullet{
    width: 9px;
    height: 9px;
    background-color: var(--cn-grey-color);
}
.ts-cn-testimonial-wrapper .swiper-pagination-bullet-active{
    background-color: var(--themestack-primary-color);
}
.ts-cn-testimonial-wrapper .swiper-slide{
    transition: all 0.3s ease-in-out;
}
.ts-cn-testimonial-wrapper .swiper-slide:hover .cn-client-box{
    box-shadow:1.5px 3.99px 27px 0px rgb(0 0 0 / 10%);
}
/* testimonial section css end */

/* contact section css start */
.ts-cn-contact-heading .ts-cn-heading {
    color: var(--themestack-white-color);
    text-align: center;
    max-width: 500px;
    width: 100%;
    margin: auto;
}
.me-global-map {
    padding-top: 45px;
}
.me-global-map iframe {
    height: 465px;
    border-radius: 20px;
}
.ts-cn-contact {
    background: var(--cn-bg-color);
}
.ts-cn-contact-form-box {
    background-color: var(--themestack-white-color);
    border-radius: 20px;
    padding: 40px 45px;    
    margin-top: -470px; 
    position: relative;
}
.ts-cn-contact-form-box{
    background-color: var(--themestack-white-color);
    border-radius: 20px;
    padding: 40px 45px;    
}
.ts-cn-form-heading{
    text-align: center;
}
.ts-cn-form-heading h2 {
    font-size: 32px;
    font-weight: 800;
    color: var(--cn-black-color);
    font-family: 'Manrope';
}
.ts-cn-form-heading p{
    font-size: 16px;
    font-weight: 600;
    color: var(--cn-black-color);
    text-transform: capitalize;
    margin-top: 10px;
}
.ts-cn-input-field{
    margin-top: 30px;
}
.ts-cn-input-field input{   
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    height: 60px;
    background-color: #f7f7fc;
    border: 1px solid rgba(191,191,207,0.3);
    padding: 0 25px 0 25px;
    margin-bottom: 20px;
}
.ts-cn-contact .ts-cn-input-field input::placeholder, .ts-cn-contact .ts-cn-input-field textarea::placeholder{
    color: var(--cn-grey-color);
}
.ts-cn-input-field textarea{
    font-size: 16px;
    font-weight: 500;
    color: var(--cn-grey-color);
    width: 100%;
    height: 140px;
    background-color: #f7f7fc;
    border: 1px solid rgba(191,191,207,0.3);
    padding: 20px 25px 0 25px;
    margin-bottom: 12px;
    resize: none;    
}
span.wpcf7-spinner {
    display: none;
}
.ts-cn-form-btn input{
    background:none;
    border:none;
    width:100%;
    font-size: 16px;
    font-weight: 600;
    color: var(--themestack-white-color);
    text-transform: uppercase;
}
.ts-cn-form-btn input.ts-cn-btn:hover{
    -webkit-box-shadow: inset 24em 0 0 0 var(--cn-dark-blue-color);
    -moz-box-shadow: inset 24em 0 0 0 var(--cn-dark-blue-color);
    box-shadow: inset 24em 0 0 0 var(--cn-dark-blue-color);
}
.ts-cn-form-btn input:focus{
    outline:none;
    border:none;
}
/* contact section css end */
/* footer section css start */
.ts-cn-footer-wrapper {
    background-color: var(--cn-bg-color);
    padding-bottom: 80px;
}
.ts-cn-footer-info{
    background-color: var(--themestack-white-color);
    border-radius: 20px;
    padding: 35px 45px 35px 45px;
    margin-top: 4px;
}
.ts-cn-footer-parent{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ts-cn-add h2 {
    font-size: 22px;
    color: var(--cn-black-color);
    font-weight: 800;
    font-family: 'Manrope';
    margin-bottom: 0;
}
.ts-cn-footer-btm-info .widget-title {
    margin-bottom: 35px;
}
.ts-cn-add.ts-cn-address p {
    max-width: 270px;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--cn-grey-color);
    padding-top: 10px;
    margin-bottom: 0;
}
.ts-cn-add a {
    font-size: 16px;
    color: var(--cn-grey-color);
    font-weight: 500;
    padding-top: 10px;
    max-width: 150px;
    width: 100%;
    display: block;
}
.ts-cn-address{
    position: relative;
}
.ts-cn-address:after {
    content: '';
    width: 2px;
    height: 90px;
    background-color: #ececf1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
}
.ts-cn-footer-bottom-wrapper{
    margin-top: 75px;
}
.ts-cn-footer-first .cn-paragraph{
    margin-top: 25px;
    font-weight: 500;
}
.ts-cn-footer-btm-heading h1{
    font-size: 22px;
    font-weight: 800;
    color: var(--cn-black-color);
    position: relative;
}
.ts-cn-footer-btm-heading h1:after{
    content: '';
    width: 106px;
    height: 2px;
    background-color: var(--themestack-primary-color);
    position: absolute;
    left: 0;
    bottom: -5px;
}
.ts-cn-footer-btm-info ul.menu {
    padding-left: 0;
}
.ts-cn-footer-btm-info ul.menu li{
    list-style: none;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}
.ts-cn-footer-btm-info ul.menu li a{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--cn-grey-color);
    transition: all 0.3s ease-in-out;
}
.ts-cn-footer-btm-info ul.menu li:hover{
    transform: translateX(5px);
}
.ts-cn-footer-btm-info ul.menu li a:hover{
    color: var(--themestack-primary-color);
}
.ts-cn-footer-btm-info ul.menu li a span svg{
    margin:-2px 10px 0 0;
    width: 11px;
    height: auto;
    fill: var(--themestack-primary-color);
}
.ts-footer-wrapper .twitter-feeds ul li .ts-footer-content .ts-footer-text p.ts-white-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--cn-grey-color);
    transition: all 0.3s ease-in-out;
    padding-top: 0;
}
.ts-footer-wrapper .twitter-feeds ul li .ts-footer-content .ts-footer-text p.ts-date-footer {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--themestack-primary-color);
    transition: all 0.3s ease-in-out;
    padding-top: 0;
}
.ts-footer-wrapper .twitter-feeds ul li.ts-cn-paragraph{
    font-weight: 500;
    margin-left: 30px;
}
.ts-footer-wrapper .twitter-feeds ul li img{
    margin:-4px 18px 0 0;
}
.ts-footer-wrapper .twitter-feeds li a{
    font-size: 16px;
    font-weight: 500;
    color: var(--cn-grey-color);
}
.ts-footer-wrapper .twitter-feeds ul li .ts-footer-content{
    display:flex;
}
.ts-footer-wrapper .twitter-feeds ul li .ts-footer-content .ts-footer-icon svg {
    fill: var(--themestack-primary-color);
    width: 15px;
    height: auto;
    margin: -3px 10px 0 0;
}
.ts-footer-wrapper .ts-footer-text p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--cn-grey-color);
    margin-bottom: 0;
    padding-top:35px;
}
.ts-footer-wrapper .ts-share-box ul.ts-socits-icons{
    margin-top: 25px;
    text-align: left; 
    list-style:none;
    padding-left:0;
}
.ts-footer-wrapper .ts-share-box ul.ts-socits-icons li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
}
.ts-footer-wrapper .ts-share-box ul.ts-socits-icons li:last-child{
    margin-right: 0px;
}
.ts-footer-wrapper .ts-share-box ul.ts-socits-icons li a i{
    width: 40px;
    height: 40px;
    border: 2px solid var(--themestack-primary-color);
    color: var(--themestack-primary-color);
    border-radius: 50%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.ts-footer-wrapper .ts-share-box ul.ts-socits-icons li a i:hover{
    background-color: var(--themestack-primary-color);    
    color: var(--themestack-white-color);
    transform: translateY(-5px);
}
/* footer section css end */
/* copyright section start */
.ts-copyright-wrapper {
    background-color: #e3e7f2;
    padding: 10px 0;
}
.ts-copyright-wrapper p {
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
    color: var(--cn-grey-color);
    font-size: 16px;
    text-transform: capitalize;
}
.ts-copyright-wrapper p a{
    color: var(--themestack-primary-color);
    font-weight: 600;
}
/* copyright section end */

/* responsive css start */
body:not(.themestack-demo) .ts-header-style1 .container-fluid {
    padding: 0 100px;
}
body:not(.themestack-demo) .ts-header-style1 .menu>li:last-child {
    padding-right: 0px;
}
@media(max-width:1250px){
    body:not(.themestack-demo) .ts-header-style1 .container-fluid {
        padding: 0 30px;
    }
    .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:nth-child(3) {
        top: 170px;
        bottom:auto;
        right: -50px;
    }
}
@media(max-width:1199px){
    .ts-cn-about-right-content {
        padding-top: 30px;
    }
    .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:first-child, .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:nth-child(2) {
        left: 0;
    }
    .ts-cn-contact-form-box {        
        padding: 40px 25px;
    }    
    .ts-cn-footer-info {
        padding: 35px 20px 35px 20px;
    }
    .ts-cn-address:after {
        display:none;
    }
    .ts-cn-footer-icon ul li {     
        margin-right: 10px;
    }  
    .ts-cn-abt-left-content {
        padding-top: 0;
    }
    .ts-cn-blog-right {
        text-align: center;
    }
    .ts-cn-contact-form-box .wpcf7 form.invalid .wpcf7-response-output, .ts-cn-contact-form-box .wpcf7 form.unaccepted .wpcf7-response-output, .ts-cn-contact-form-box .wpcf7 form.payment-required .wpcf7-response-output {
        bottom: -7px;
    }
    .ts-cn-contact-form-box .wpcf7 form.sent .wpcf7-response-output {
        left: 0;
        bottom: 10px;
    }
}
@media(max-width:1080px){
    .ts-cn-blog-wrapper .counter-mid-box {        
        bottom: 100px;
        left: 0;     
    }
}
@media(max-width:991px){    
    .ts-cn-contact-form-box {
        padding: 40px 45px;
        max-width: 500px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    .ts-cn-footer-parent{
        display: flex;
    }
    .ts-cn-footer-btm-heading h1 {
        font-size: 18px;
    }
    .ts-cn-footer-btm-list ul li a img {
        margin: -4px 8px 0 0;
    }
    .ts-cn-footer-btm-list ul li a.ts-cn-paragraph{
        font-size: 14px;
    }
    .ts-cn-footer-first .ts-cn-paragraph {
        font-size: 14px;
    }
    .ts-cn-footer-btm-twitter ul li img {
        margin: -4px 8px 0 0;
    }
    .ts-cn-footer-btm-twitter ul img {        
        left: -22px;
    }
    .ts-cn-footer-btm-twitter ul li.ts-cn-paragraph {     
        margin-left: 22px;
    }
    .ts-cn-blog-right {     
        max-width: 550px;
        width: 100%;
        margin: 0 auto;
    }
    .ts-cn-footer-info {     
        max-width: 700px;
        width: 100%;
        margin: 30px auto 0 auto;
    }
    .ts-cn-address {
        margin-bottom: 0;
    }
    .ts-cn-address:after {        
        right: -70px;
    }
    .ts-cn-footer-icon ul li {
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .ts-cn-footer-bottom-wrapper {     
        padding: 0 15px;
    }
    .ts-cn-footer-info {
        padding: 35px 30px;
    }
    .ts-cn-client-box {
        padding: 30px;
    }
    .ts-cn-form-btn input.ts-cn-btn:hover {
        -webkit-box-shadow: inset 38em 0 0 0 var(--cn-dark-blue-color);
        -moz-box-shadow: inset 38em 0 0 0 var(--cn-dark-blue-color);
        box-shadow: inset 38em 0 0 0 var(--cn-dark-blue-color);
    }
    .ts-tr-pricing-form-section .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .ts-tr-pricing-form-section .wpcf7 form.payment-required .wpcf7-response-output {
        left: 7px;
        right: 7px;
        margin: 0 auto;
        bottom: -30px;
    }
    .ts-cn-contact-form-box .wpcf7 form.invalid .wpcf7-response-output, .ts-cn-contact-form-box .wpcf7 form.unaccepted .wpcf7-response-output, .ts-cn-contact-form-box .wpcf7 form.payment-required .wpcf7-response-output {
        bottom: 10px;
    }
}
@media(max-width:768px){
    .ts-cn-blog-right img {
        margin-top: 30px;
    } 
    .ts-cn-contact-form-box {                      
        padding: 40px 25px;
    } 
    .ts-cn-footer-first .ts-cn-paragraph {             
        margin-bottom: 25px;
    }
}
@media(max-width:767px){
    .ts-cn-about-box-parent {
        display:block;
    }
     .ts-cn-box-inner{
        margin: auto;
    }
    .ts-cn-left-box, .ts-cn-box-blue{     
        margin-bottom: 30px;
    }
    .ts-cn-footer-info {
        padding: 35px 20px;
    }
    .ts-cn-left-box:after, .ts-cn-left-box:before, .ts-cn-box-inner-orange:after{
        display:none;
    }
    .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:last-child {
        right: -20px;
    }
    .ts-cn-add h2 {
        font-size: 20px;
    }
    .ts-cn-add.ts-cn-address p, .ts-cn-add a{
        font-size: 14px;
    }
}
@media(max-width:640px){
    .ts-cn-address:after {     
        display: none;
    }
}
@media(max-width:575px){
    .ts-cn-left-box:after, .ts-cn-left-box:before{
        display: none;
    }
    .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:first-child, .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:nth-child(2), .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:nth-child(3), .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:last-child{
        position: relative;
        margin: auto;
		left:0;
    }
    .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:first-child{
        top:30px;
        animation: none;            
    }
    .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:nth-child(2){
        top:49px;
        animation: none;            
    }
    .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:nth-child(3) {
        animation: none;
        top: 68px;
    }
    .ts-cn-blog-wrapper .ts-cn-counter-main .ts-cn-counter-box:last-child{
        top:87px;            
        left:0;
        animation: none;
    }
    .ts-cn-blog-wrapper {
        padding-bottom: 88px;
    }
    .ts-cn-about-box-parent {
        padding-left: 0;
    }
    .ts-cn-footer-parent {
        display: block;
        text-align: center;
    }
    .ts-cn-address {
        margin-bottom: 30px;
    }
    .ts-cn-contact-form-box {     
        max-width: 100%;
    }
    .ts-cn-footer-info {     
        max-width: 100%;
    }
    .ts-cn-footer-bottom-wrapper {
        margin-top: 50px;
    }
    .ts-cn-footer-icon ul {     
        margin-bottom: 25px;
    }
    .ts-cn-footer-btm-list ul, .ts-cn-footer-btm-twitter ul {
        margin-top: 25px;
    }
    .ts-cn-footer-btm-list ul li:last-child {
        margin-bottom: 25px;     
    }
    .ts-cn-add.ts-cn-address p {
        margin: auto;
    }
    .ts-cn-add a {
        margin: auto;
    }
}
@media(max-width:512px){
    .ts-cn-contact-form-box .wpcf7 form.invalid .wpcf7-response-output, .ts-cn-contact-form-box .wpcf7 form.unaccepted .wpcf7-response-output, .ts-cn-contact-form-box .wpcf7 form.payment-required .wpcf7-response-output {
        bottom: -5px;
    }
}
@media(max-width:480px){
    .ts-cn-service-btn {
        top: 90px;
        left: 50%;
        transform: translateX(-50%);
        max-width: 172px;
        width: 100%;
    }
    .ts-cn-service-heading {     
        text-align: center;
    }
    .ts-cn-service-heading h1:after {
        bottom: -10px;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto;
    }
    .ts-cn-service-box{
        margin-top: 90px;
    }
}
@media(max-width:425px){
    .ts-cn-header-wrapper .container-fluid, .ts-cn-banner-wrapper .container-fluid{
        padding: 0 20px;
    }
    .ts-cn-about-right-content {
        text-align:center;
    }
    .ts-cn-about-right-content .ts-cn-btn {
        margin-left: auto;
        margin-right: auto;
    }
    .ts-cn-footer-bottom-wrapper {
        margin-top: 30px;
    }
    .ts-cn-footer-wrapper {
        padding-bottom: 30px;
    }
    .ts-cn-heading {
        font-size: 25px;
    }
    .ts-cn-paragraph {
        font-size: 14px;
    }
    .ts-cn-btn {
        max-width: 190px;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
    .ts-cn-partner-wrapper h1 {
        font-size: 30px;
    }
}
@media(max-width:390px){
    .ts-cn-contact-form-box .wpcf7 form.sent .wpcf7-response-output {
        bottom: -7px;
    }
}
@media(max-width:375px){
    .ts-cn-client-name h6 {
        font-size: 18px;
    }
    .ts-cn-client-name p {
        font-size: 12px;
    }
    .ts-cn-qoute-img {     
        top: -17px;
        right: 20px;
    }
    .ts-cn-client-box {
        padding: 30px 30px 30px 30px;
    }
    .ts-cn-service-box {
        padding: 40px 20px;
    }
    .ts-cn-footer-info {
        padding: 35px 15px 35px 15px;
    }
}
/*============================= consulting demo css end =================================== */
/*============================= Affiliate marketing css start ==============================*/
.ts-am-heading {
    font-size: 18px;
    letter-spacing: 3px;
    color: #e34a4b;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}
.ts-am-sub-heading {
    font-size: 26px;
    color: var(--themestack-white-color);
    font-weight: 600;
    padding-top: 5px;
    margin-bottom: 0;
}
.ts-am-paragraph {
    font-size: 16px;
    color: #dad3e5;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5;
}
/* botton css start*/
.ts-am-btn {
    max-width: 190px;
    width: 100%;
    min-height: 50px;
    border-radius: 6px;
    background-color: var(--themestack-primary-color);
    font-size: 14px;
    letter-spacing: 1px;
    color: var(--themestack-white-color)!important;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    font-family: 'Nunito Sans';
}
.ts-am-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3a3345;
    border-radius: 6px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 10% 0;
    transform-origin: 0% 10% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.ts-am-btn:hover:before {
   -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.ts-am-btn:hover{
    color: var(--themestack-white-color);
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* botton css end */
/* banner section css start */
.ts-am-banner-wrapper{
    background-color:var(--am-light-bg-color);
}
.ts-am-banner-wrapper .container-fluid {
    padding: 0 120px;
}
.ts-am-banner-left {
    position: relative;
    padding-top: 50px;
}
.ts-am-banner-left .bannerHeading {
    background-color: #2d2834;
    border: 1px solid #413b49;
    border-radius: 35px;
    font-size: 16px;
    padding: 15px 25px;
    letter-spacing: 3px;
    color: #e34a4b;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Nunito Sans';
}
.ts-am-banner-left h1 {
    font-size: 52px;
    color: var(--themestack-white-color);
    font-weight: 400;
    margin-top: 35px;
    font-family: 'Nunito Sans';
}
.ts-am-banner-left h1 > span{
    color: var(--themestack-primary-color);
    font-weight: 700;
}
.ts-am-banner-left .ts-am-btn{
    margin-top: 35px;
}
.ts-am-banner-left-rating-box{
    max-width: 493px;
    width: 100%;
    padding: 20px 25px;
    margin-top: 50px;
    background-color: #25212b;
    border-radius: 10px;
    border: 2px solid transparent;
    border-image-slice:1;  
    position: relative;  
}
.border-gredient {
    border-image-source: linear-gradient(to right, #743ad5 -150%, #74333b 100%);
}
.ts-am-banner-box-header {
    display: flex;
    align-items: baseline;
}
.ts-am-banner-box-header h5 {
    font-size: 16px;
    letter-spacing: 1px;
    color: var(--themestack-white-color);
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Nunito Sans';
}
.ts-am-banner-box-header span {
    background-color: #342e3c;
    border-radius: 30px;
    padding: 12px 30px;
    margin: 0 0 25px 10px;
    font-size: 18px;
    color: var(--themestack-white-color);
    font-weight: 600;
    font-family: 'Nunito Sans';
}
.ts-am-banner-box-header span img{
    margin-right: 12px;
}
.ts-am-banner-box-rating i{
    color: #ffab18;
}
.ts-am-banner-box-rating .dark-star{
    color: #50495a;
}
.ts-am-banner-box-rating a {
    font-size: 14px;
    color: var(--themestack-white-color);
    font-weight: 400;
    padding-left: 15px;
    font-family: 'Nunito Sans';
}
/* counter */
.ts-am-blog-right{
    margin-top: 60px;
    text-align: center;
    position: relative;
}
.counter-first-box {
    position: absolute;
    top: 200px;
    right: 10px;          
    animation: left-right 2s infinite alternate-reverse;    
}
.ts-am-counter-box:before {
    content: "";
    border-radius: 10px;    
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    backdrop-filter: blur(5px);
    z-index: -1;
}
.counter-first-box:before{
    background-color: #f14e65d1;
}
.counter-mid-box:before {
    background-color: #ac56eec7;
}
.counter-last-box:before {
    background-color: #3da0eccc;
}
.counter-mid-box {
    position: absolute;
    bottom: 25px;
    left: 195px;    
    animation: up-down 1.5s infinite alternate-reverse;
}
.counter-last-box {
    position: absolute;
    bottom: 120px;
    right: 43px;    
    animation: left-right 2.5s infinite alternate-reverse;
}
.ts-am-counter-box {
    text-align: center;
    backdrop-filter: blur(10px);    
    max-width: 250px;
    width: 100%;
    padding: 18px 35px 30px;
    border-radius: 10px;    
    box-shadow: 0px 30px 45px 10px rgb(16 40 132 / 8%);
}
.ts-am-counter-box h5 {
    font-size: 18px;
    font-weight: 600;
    color: var(--themestack-white-color);
    text-transform: uppercase;
    font-family: 'Nunito Sans';
    margin-bottom: 0;
}
.ts-am-counter-box span.count-no {
    font-size: 36px;
    color: var(--themestack-white-color);
    font-weight: 900;
    margin-right: 5px;
}
.ts-am-counter-box span.counter-item {
    font-size: 36px;
    color: var(--themestack-white-color);
    font-weight: 900;
}
.ts-am-counter-box .ts-am-first, .ts-am-second, .ts-am-third{
    position: relative;
}
.ts-am-counter-box .ts-am-first:after, .ts-am-second:after {
    content: '+';
    font-size: 36px;
    color: var(--themestack-white-color);
    font-weight: 800;
    position: absolute;
    right: 25px;
    bottom: 3px;
}
.ts-am-counter-box .ts-am-third:after {
    content: '+';
    font-size: 36px;
    color: var(--themestack-white-color);
    font-weight: 800;
    position: absolute;
    right: 55px;
    bottom: 3px;
}
/* counter */
/* banner section css end */
/* about section css start */
.ts-am-about-left{
    position: relative;
}
.ts-am-about-left-box {
    max-width: 270px;
    width: 100%;
    border-radius: 20px;
    background-color: #342f3b;
    padding: 50px 20px;
    margin: auto;
    transition: all 0.3s;
}
.ts-am-about-left-box:hover .ts-am-about-left-box-inner a{
    background-color: var(--themestack-primary-color);    
}
.ts-am-about-left-box-inner{
    text-align: center;
}
.ts-am-about-left-box-inner a {
    max-width: 176px;
    width: 100%;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #50495a;
    border-radius: 40px;
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 800;
    text-transform: uppercase;
    margin: auto;
    line-height: normal;
    transition: all 0.3s;
    font-family: 'Nunito Sans';
}
.ts-am-about-left-box-inner a:hover{
    color: var(--themestack-white-color);
}
.ts-am-about-left-box-inner img{
    padding: 30px 0;
}
.ts-am-about-left-box-inner h4 {
    font-size: 22px;
    color: var(--themestack-white-color);
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-am-about-left-box-inner .ts-am-paragraph {
    padding-top: 12px;
    color: var(--themestack-white-color);
    transition: all 0.3s;
}
.ts-am-about-sales {
    max-width: 199px;
    width: 100%;
    border-radius: 45px;
    padding: 17px 0 12px 0;
    text-align: center;
}
.ts-am-about-sales h4 {
    font-size: 18px;
    color: var(--themestack-white-color);
    font-weight: 800;
    margin-bottom: 0;
}
.ts-am-about-sales p{
    font-size: 14px;
    color: var(--themestack-white-color);
    font-weight: 500;
    margin-bottom: 0;
}
.ts-am-about-first {
    background-color: #ff5672;
    position: absolute;
    top: 125px;    
    left: -20px;
}
.ts-am-about-second {
    background-color: #836aff;
    position: absolute;
    top: 105px;    
    right: 20px;
}
.ts-am-about-third {
    background-color: #3cbcff;
    position: absolute;
    bottom: -35px;
    left: 0px;
}
.ts-am-about-fourth {
    background-color: #24dd8a;
    position: absolute;
    bottom: -18px;
    right: 20px;
}
.ts-am-about-right .ts-am-heading{
    text-align: left;
}
.ts-am-about-right h4 {
    font-size: 26px;
    color: var(--themestack-white-color);
    font-weight: 400;
    padding: 27px 0px 35px 0;
}
.ts-am-about-right .ts-am-paragraph{
    line-height: 1.8;    
}
.ts-am-about-join{
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.ts-am-about-join span{
    width: 40px;
    height: 40px;
    background-color: #37313f;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}
.ts-am-about-join:hover .ts-am-paragraph{
    color: var(--themestack-primary-color);
}
.ts-am-about-join a:hover span{
    box-shadow: 0 0 0 25px var(--themestack-primary-color) inset;
}
.ts-am-about-join span svg{
    fill: var(--themestack-white-color);
}
.ts-am-about-join .ts-am-paragraph {
    padding-left: 20px;
    transition: all 0.3s;
    max-width: 370px;
    width: 100%;
}
/* about section css end */
/* earning section css start */
.ts-am-earning-wrapper{
    padding: 100px 0;
    background-color: var(--am-dark-bg-color);
}
.ts-am-earning-box{
    background-color: #29252f;
    border-radius: 10px;    
    padding: 45px 20px 45px 35px;
    transition: all 0.3s;
    cursor: pointer;
}
.ts-am-earning-box:hover{
    transform: translateY(-10px);
}
.ts-am-earning-box:hover .ts-am-earning-content h4{
    color: var(--themestack-primary-color);
}
.ts-am-earning-parent{
    display: flex;
}
.ts-am-earning-content {
    max-width: 345px;
    width: 100%;
    margin-left: auto;
}
.ts-am-earning-icon span svg{
    fill: var(--themestack-primary-color);
}
.ts-am-earning-content h4{
    font-size: 24px;
    color: var(--themestack-white-color);
    font-weight: 600;
}
.ts-am-earning-content .ts-am-paragraph{
    padding: 10px 0 30px 0;
}
.ts-am-earning-content .ts-am-btn{
    max-width: 150px;
}
/* earning section css end */
/* client section css start */
.ts-am-client-wrapper{
    background-color: var(--am-light-bg-color);
}
.ts-am-client-wrapper .swiper-container.swiper-initialized.swiper-horizontal {
    overflow: hidden;
	position: relative;
}
.ts-am-client-box {
    border-radius: 10px;
    background-color: #322d39;
    padding: 40px 35px 30px 30px;
    margin-top: 10px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.ts-am-client-box:hover{
    transform: translateY(-10px);
}
.ts-am-client-heading {
    display: flex;
}
.ts-am-client-img {
    position: relative;
    z-index: 1;
}
.ts-am-client-img img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--themestack-primary-color);
    display: block;
}
.ts-am-client-name {
    background-color: #484252;
    border-radius: 40px;
    padding: 16px 20px 16px 50px;
    margin-left: -38px;
    display: flex; 
    position: relative;     
}
.ts-am-client-name:after {
    content: '';
    width: 70px;
    height: 1px;
    background-color: #484252;
    position: absolute;
    top: 30px;
    right: -50px;
}
.ts-am-client-name:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 5px;
    background-color: #e34a4b;
    position: absolute;
    top: 24px;
    right: -62px;
}
.ts-am-client-name h6 {
    font-size: 18px;
    font-weight: 700;
    color: var(--themestack-white-color);
    transition: all 0.3s ease-in-out;
    margin-top: 5px;
    margin-bottom: 0;
}
.ts-am-client-name p{
    font-size: 14px;
    font-weight: 400;
    color: #dad3e5; 
    padding-left: 10px;
    margin-bottom: 0;
}
.ts-am-client-text {
    margin-top: 35px;
    border-radius: 10px;
    background-color: #393441;
    padding: 20px 30px;
}
.ts-am-client-text p{
    font-size: 14px;
    color: #dad3e5;
    font-weight: 400;
    font-style: italic;    
    text-align: justify;    
    transition: all 0.3s ease-in-out;
}
.ts-am-qoute-img {
    position: absolute;
    top: 44px;
    right: 30px;
}
.ts-am-qoute-img svg{
    fill: #484252;
    transition: all 0.3s ease-in-out;
}
.ts-am-client-wrapper .swiper-container{
    padding-bottom: 68px;
}
.ts-am-client-wrapper .swiper-pagination-bullet{
    width: 16px;
    height: 8px;
    background-color: #fff;
    border-radius: 4px;
}
.ts-am-client-wrapper .swiper-pagination-bullet-active{
    width: 26px;
    height: 8px;
    border-radius: 4px;
    background-color: var(--themestack-primary-color);
}
.ts-am-client-wrapper .swiper-slide{
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.ts-am-client-wrapper .swiper-slide:hover .ts-am-client-box{
    box-shadow:1.5px 3.99px 27px 0px rgb(0 0 0 / 10%);
}
/* client section css end */
/* contact section css start */
.ts-am-contact-wrapper{
    padding-top: 81px;
    background-color: var(--am-dark-bg-color);
}
.ts-am-contact-right{
    max-width: 480px;
    width: 100%;
}
.ts-am-contact-text h1 {
    font-size: 32px;
    color: var(--themestack-white-color);
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-am-contact-text .ts-am-paragraph {
    font-size: 18px;
    padding: 25px 0 32px 0;
}
.ts-am-contact-form-box{
    max-width: 400px;
    width: 100%;    
    background-color: #322d39;
    border-radius: 10px;
    padding: 20px;
}
.ts-am-form-fields input::placeholder{
    color: var(--themestack-white-color);
    font-size: 16px;
    font-weight: 400;
}
.ts-am-form-fields input{        
    background-color: #3e3845;
    border-radius: 6px;
    padding: 18px 20px;
    color: var(--themestack-white-color);
    font-size: 16px;
    font-weight: 400;
    border:none;
    width: 100%;
    margin-bottom: 20px;
    transition: all 0.3s;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}
.ts-am-form-fields input[type="email"] {
    margin-bottom: 0;
}
.ts-am-btn input {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.ts-am-form-fields .ts-am-btn p {
    margin-bottom: 0;
    width: 100%;
}
.ts-am-form-fields input:focus{
    border-left: 2px solid var(--themestack-primary-color);
    border-right: 2px solid var(--themestack-primary-color);
}
.ts-am-contact-form-box .ts-am-btn{
    max-width: 100%;    
}
/* contact section css end */
/* start section css start */
.ts-am-start-wrapper{
    background-color: var(--am-light-bg-color);
}
.ts-am-start-heading h1{
    font-size: 32px;
    color: var(--themestack-white-color);
    font-weight: 700;
    text-align: center;
    padding-bottom: 50px;
}
/*multisteps css start*/
.ts-am-steps-form-box {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}
.ts-am-start-wrapper #msform fieldset {
    background: #322d39;
    border: 0 none;
    border-radius: 10px;
    padding: 34px 30px 20px 30px;
    position: relative;
    max-width: 500px;
    width: 100%;
}
.ts-am-start-wrapper h2.fs-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--themestack-white-color);
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 33px;
}
.ts-am-start-wrapper h3.fs-subtitle{
    display:none;
}
.ts-am-start-wrapper #msform fieldset:not(:first-of-type) {
	display: none;
}
.ts-am-start-wrapper #msform input, .ts-am-start-wrapper #msform textarea {
    background: #3e3845;
    padding: 0 15px;
    border: none;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-radius: 6px;
    margin-bottom: 20px;
    width: 100%;
    color: var(--themestack-white-color);
    font-size: 16px;
    font-weight: 400;
}
.ts-am-start-wrapper #msform textarea {
    height: 100px;
    padding: 15px;
}
.ts-am-start-wrapper #msform input::placeholder, .ts-am-start-wrapper #msform textarea::placeholder{
    color: var(--themestack-white-color);
}
.ts-am-start-wrapper #msform input:focus, .ts-am-start-wrapper #msform textarea:focus{
    border-left:2px solid var(--themestack-primary-color);
    border-right:2px solid var(--themestack-primary-color);
}
.ts-am-btn input{
    background: transparent!important;
    padding: 0!important;
    border:none!important;
    border-left:none!important;
    border-right:none!important;
    margin-bottom: 0px!important;
}
.ts-am-steps-form-box .ts-am-btn {
    max-width: 100%;
}
.ts-am-steps-form-box fieldset .ts-am-btn:last-child {
    margin-top: 20px;
}
.ts-am-steps-form-box fieldset p {
    margin-bottom: 0;
    width: 100%;
}
.ts-am-start-wrapper #progressbar {
	margin-bottom: 30px;
	overflow: hidden;	
	counter-reset: step;
}
.ts-am-start-wrapper #msform #progressbar {
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    justify-content: center;
    padding-top: 10px;
    padding-left: 0;
}
.ts-am-start-wrapper #progressbar li {
    margin-right: 32px;
}
.ts-am-start-wrapper #progressbar li a{
	font-size: 16px;
    font-weight: 600;
    color: var(--themestack-white-color);    
	display: flex;
	align-items: center;
	text-decoration: none;
	position: relative;
	transition: all 0.3s;
}
.ts-am-start-wrapper #progressbar li.ts-am-step-active a{
    color:var(--themestack-primary-color);
}
.ts-am-steps-arrow {
    width: 60px;
    border: 1px dashed var(--themestack-white-color);
    margin-left:20px;
    position: relative;
	transition: all 0.3s;
}
.ts-am-steps-arrow::before {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--themestack-white-color);
    position: absolute;
    top: -3px;
    right: -16px;
    transform: rotate(90deg);
	transition: all 0.3s;
}
.ts-am-start-wrapper #progressbar li a span {
    width: 100px;
    height: 100px;
    background-color: #342f3b;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin-right: 19px;
	transition: all 0.3s;
}
.ts-am-start-wrapper #progressbar li a:hover{
	color: var(--themestack-primary-color);
}
.ts-am-start-wrapper #progressbar li a span:hover{
	box-shadow: 0 0 0 51px var(--themestack-primary-color) inset;
    transform: translateY(-10px);
}
.ts-am-start-wrapper #progressbar li a span svg{
	fill: var(--themestack-white-color);
}
.ts-am-start-wrapper #progressbar li.ts-am-step-active a span {
    background: var(--themestack-primary-color);
}
.ts-am-start-wrapper #progressbar li.ts-am-step-active .ts-am-steps-arrow{
	border: 1px dashed var(--themestack-primary-color);	
}
.ts-am-start-wrapper #progressbar li.ts-am-step-active .ts-am-steps-arrow::before{	
    border-bottom: 6px solid var(--themestack-primary-color);
}
/*multi steps css end*/
.ts-am-start-inner span {
    max-width: 520px;
    width: 100%;
    background-color: #342f3b;
    border-radius: 35px;
    font-size: 20px;
    color: var(--themestack-white-color);
    font-weight: 600;
    text-align: center;
    padding: 17px 0px;
    display: block;  
    margin: auto;
}
.ts-am-start-inner .ts-am-btn{
    margin: 30px auto 0 auto;
}
/* start section css end */
/* footer section css start */
.ts-am-footer-wrapper{
    padding: 100px 0 85px 0;
    background-color: #1f1b25;
}
.ts-am-footer-details{
    margin-top: 32px;
}
.ts-am-footer-details ul {
    list-style: none;
    padding-left: 0;
}
.ts-am-footer-details ul li{
    margin-bottom: 15px;
}
.ts-am-footer-details ul li a{
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 400;
}
.ts-am-footer-details ul li a img{
    margin-right: 15px;
}
.ts-am-footer-icon{
    margin-top: 22px;
}
.ts-am-footer-icon p{
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 400;
}
.ts-am-footer-icon ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
}
.ts-am-footer-icon ul {
    margin-top: 20px;
    padding-left: 0;
}
.ts-am-footer-icon ul li a span{
    width: 46px;
    height: 46px;
    background-color: #3a3345;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}   
.ts-am-footer-icon ul li a span svg{
    fill: var(--themestack-white-color);   
}
.ts-am-footer-icon ul li a:hover span{
    background-color: var(--themestack-primary-color);
    transform: translateY(-8px);
}
.ts-am-footer-btm-heading h3{
    font-size: 22px;
    color: var(--themestack-white-color);
    font-weight: 700;
    margin-bottom: 35px;
    position: relative;
}
.ts-am-footer-btm-heading h3:after{
    content: '';
    width: 97px;
    height: 2px;
    background-color: var(--themestack-primary-color);
    position: absolute;
    left: 0;
    bottom: -12px;
}
.ts-am-footer-btm-links ul {
    margin-left: 20px;
    padding-left: 0;
}
.ts-am-footer-btm-links ul li{
    margin-bottom: 15px;
    list-style-type: disc;
    transition: all 0.3s;
}
.ts-am-footer-btm-links ul li::marker{
    color: var(--themestack-primary-color);
    font-size: 18px;
}
.ts-am-footer-btm-links ul li a{
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 400;
    transition: all 0.3s;
}
.ts-am-footer-btm-links ul li:hover{
    transform: translateX(7px);
}
.ts-am-footer-btm-links ul li a:hover{
    color: var(--themestack-primary-color);    
}
/* footer section css end */
/* copyright section css start */
.ts-am-copyright-wrapper{
    background-color: #19161e;
}
.ts-am-copyright-wrapper .ts-am-paragraph{
    color: var(--themestack-white-color);
    padding: 17px 0 15px 0;
    text-align: center;
}
.ts-am-copyright-wrapper a{
    color: var(--themestack-primary-color);
    font-weight: 700;
}
/* copyright section css end */

/* ========================================= MEDIA QUERY ========================================*/
@media(max-width:1700px){
    .counter-first-box {
        right: -30px;
    }
    .counter-last-box{
        right: 0;
    }
    .counter-mid-box{
        left: 130px;
    }
}
@media(max-width:1600px){
    .counter-first-box {
        right: -60px;
    }
}
@media(max-width:1440px){
    .counter-first-box {
        top: 300px;
        right: 0px;
    }
    .counter-mid-box {
        left: 100px;
    } 
    .ts-header-style2 .container-fluid, .ts-am-banner-wrapper .container-fluid {
        padding: 0 15px;
    }
}
@media(max-width:1300px){
    .counter-first-box {
        top: 100px;
        right: 0;
    }
    .counter-last-box {
        bottom: 200px;
    }
}
@media(max-width:1220px){
    .ts-am-banner-wrapper .container-fluid {
        padding: 0 30px;
    }
}
@media(max-width:1199px){
    .ts-header-style2 .ts-logo-wrap {
        padding: 15px 0;
    }
    .counter-first-box {     
        top:240px;
        right: 20px;
    }    
    .counter-mid-box {
        left: 40px;
    }
    .counter-last-box{
        bottom: 140px;
    }
    .ts-am-banner-left .bannerHeading, .ts-am-banner-box-header h5, .ts-am-banner-box-header span{
        font-size: 14px;
    }
    .ts-am-banner-left h1 {
        font-size: 40px;     
    }
    .ts-am-banner-box-rating a{
        font-size: 12px;
    }
    .ts-am-about-first {
        left: -25px;
    }
    .ts-am-about-second {
        right: -25px;
    }
    .ts-am-about-third{
        left: 0;
    }
    .ts-am-about-fourth {
        right: -15px;
        bottom: -30px;
    }
    .ts-am-client-box{
        padding: 30px 20px;
    }
    .ts-am-client-name h6{
        font-size: 16px;
        margin-top: 5px;
    }
    .ts-am-client-name p{
        font-size: 12px;
        margin-top: 0;
    }
    .ts-am-qoute-img {     
        top: 10px;
        right: 15px;
    }
    .ts-am-client-name:after{
        right: -25px;
    }
    .ts-am-client-name:before{
        right: -37px;
    }
    .ts-am-start-inner ul li {
        margin-right: 15px;
    }
    .ts-am-start-inner ul li a {
        font-size: 15px;     
    }
    .ts-am-start-inner ul li a span {
        width: 80px;
        height: 80px;     
    }
    .ts-am-start-inner ul li a span svg {     
        width: 25px;
        height: auto;
    }
    .ts-am-earning-content {
        max-width: 260px;     
    }   
    .ts-am-start-wrapper #progressbar li a span {
        width: 60px;
        height: 60px;
    }
    .ts-am-start-wrapper #progressbar li a span svg {
        width: 21px;
        height: auto;
    }
    .ts-am-steps-arrow {
        width: 20px;
    }
    .ts-am-about-first, .ts-am-about-third {
        left: 130px;
    }
    .ts-am-about-second, .ts-am-about-fourth{
        right: 130px;
    }
    .ts-am-contact-form-box {
        max-width: 500px;
        margin: auto;
    }
    .ts-am-contact-right {
        max-width: 100%;
        text-align: center;
    }
    .ts-am-contact-wrapper {     
        padding-top: 19px;
    }
    .ts-am-about-left {
        margin-bottom: 100px;
    }
    .ts-am-about-join {
        justify-content: center;
    }
    .ts-am-earning-heading, .ts-am-abt-responsive p {
        text-align: center;
    }
    .ts-am-abt-responsive p {
        max-width: 600px;
        margin: auto;
    }
    .ts-am-about-join .ts-am-paragraph {
        margin: 0;
    }
    .ts-am-cntct-frm-img img {
        margin-top: 30px !important;
    }
}
@media(max-width:1070px){
    .ts-am-banner-wrapper .container-fluid, .ts-am-header-wrapper .container-fluid {
        padding: 0 30px 0 30px;
    }
    .counter-last-box {
        bottom: 80px;
    }
    .counter-mid-box {
        left: 0;
    }
    .ts-am-banner-box-header h5{
        font-size: 12px;
    }
    .ts-am-banner-box-header span{
        padding: 10px 20px;
    }
    .ts-am-banner-left-rating-box{
        padding: 20px;
    }
}
@media(min-width:1024px){
    .counter-first-box{
        animation: 4s floating linear infinite;
    }
    .counter-mid-box{
        animation: 5s floating linear infinite;
    }    
    @keyframes floating {
        from {
            -webkit-transform: rotate(0deg) translate(-12px) rotate(0deg);
            -moz-transform: rotate(0deg) translate(-12px) rotate(0deg);
            -ms-transform: rotate(0deg) translate(-12px) rotate(0deg);
            -o-transform: rotate(0deg) translate(-12px) rotate(0deg);
            transform: rotate(0deg) translate(-12px) rotate(0deg);            
        }
        to {
            -webkit-transform: rotate(360deg) translate(-12px) rotate(-360deg);
            -moz-transform: rotate(360deg) translate(-12px) rotate(-360deg);
            -ms-transform: rotate(360deg) translate(-12px) rotate(-360deg);
            -o-transform: rotate(360deg) translate(-12px) rotate(-360deg);
            transform: rotate(360deg) translate(-12px) rotate(-360deg);            
        }
    }
    .counter-last-box{
        animation: 2s left-right linear infinite alternate-reverse both;
    }
    @keyframes left-right{
        0%{
            transform: translateX(0);
        }
        100%{
            transform: translateX(10px);
        }
    }
    .ts-am-about-first{
        animation: up-down 2s infinite alternate-reverse both;
    }
    @keyframes up-down {
        0%{
            transform: translateY(0);
        }
        100%{
            transform: translateY(-10px);
        }
    }
    .ts-am-about-second{
        animation: up-down 3s infinite alternate-reverse both;
    }
    .ts-am-about-third{
        animation: 2s left-right linear infinite alternate-reverse both;
    }
    .ts-am-about-fourth{
        animation: 2.5s left-right linear infinite alternate-reverse both;
    }
}
@media(min-width:992px){
    .ts-am-header-wrapper.ts-am-header-fixed{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background-color: rgba(0,0,0,0.5);                
        box-shadow:1.5px 3.99px 27px 0px rgb(255 255 255 / 10%);
        max-width: 100%;
        z-index: 99999;           
        transition: all 0.7s ease-in-out;
        -webkit-animation: slideInDown .7s;
        -moz-animation: slideInDown 0.7s;
        -ms-animation: slideInDown 0.7s;
        -o-animation: slideInDown 0.7s;
        animation: slideInDown 0.7s;
        backface-visibility: hidden; 
        padding: 20px 0;                 
    }       
}
/* sticky header end */
@media(max-width:991px){
    .ts-am-banner-left, .ts-am-banner-left h1 {
        text-align: center;
    }
    .ts-am-banner-left-rating-box, .ts-am-banner-left .ts-am-btn {
        margin-right: auto;
        margin-left: auto;
    }
    .ts-am-blog-right{
        margin-top: 80px;
    }   
    .counter-mid-box {
        left: 170px;
    } 
    .ts-am-about-first, .ts-am-about-third {
        left: 70px;
    }
    .ts-am-about-second, .ts-am-about-fourth{
        right: 70px;
    }
    .ts-am-contact-left {
        text-align: center;
        margin-bottom: 30px;
    }
    .ts-am-contact-right {     
        margin: auto;
    }
    .ts-am-start-inner ul li img {
        display: none;
    }
    .ts-am-start-inner ul li a {
        font-size: 14px;
    }
    .ts-am-start-inner ul li a span {
        width: 70px;
        height: 70px;
    }
    .ts-am-start-inner ul li a span svg {
        width: 20px;
        height: auto;
    }
    .ts-am-footer-first {
        padding-bottom: 30px;
    }
    .ts-am-earning-parent {
        display: block;
        text-align: center;
    }
    .ts-am-earning-icon {
        margin-bottom: 20px;
    }
    .ts-am-earning-content {
        margin: auto;
        text-align: center;
    }
    .ts-am-earning-content .ts-am-btn {        
        margin: auto;
    }
    .ts-am-start-wrapper #msform #progressbar {
        flex-wrap:wrap;
    }
    .ts-am-start-wrapper #progressbar li {
        margin-right: 15px;
    }
    .ts-am-steps-arrow {
        display: none;
    }
     .ts-am-abt-clm-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}
@media(max-width:767px){
    .counter-mid-box {
        left: 70px;
    }
    .ts-am-about-first, .ts-am-about-third {
        left: 0;
    }
    .ts-am-about-second, .ts-am-about-fourth{
        right: 0;
    }
    .ts-am-start-inner ul li {
        margin-right: 10px;
    }
    .ts-am-start-inner ul li a {
        font-size: 12px;
    }
    .ts-am-start-inner ul li a span {
        width: 52px;
        height: 52px;
    }
    .ts-am-start-inner ul li a span svg {
        width: 16px;
        height: auto;
    }
    .ts-am-start-inner span {
        max-width: 420px;        
        font-size: 16px;        
        padding: 15px 0px;        
    } 
    .ts-am-start-wrapper #msform #progressbar {
        display:block;
    }
    .ts-am-start-wrapper #progressbar li {
        margin-right: 0;
        margin-bottom: 50px;
    }
    .ts-am-start-wrapper #progressbar li:last-child{
        margin-bottom:0;
    }
    .ts-am-steps-arrow {
        display: block;
        transform: rotate(90deg);
        margin: 30px auto 0 auto;
    }
    .ts-am-steps-arrow {
        width: 40px;
    }
    .ts-am-start-wrapper #progressbar li a {
        display: block;
        text-align:center;
    }
    .ts-am-start-wrapper #progressbar li a span {
        width: 100px;
        height: 100px;
        margin: 0 auto 10px auto;
    }
}
@media(max-width:650px){
    .counter-mid-box {
        left: 0;
    }
    .counter-first-box {     
        right: 0;
    }
}
@media(max-width:600px){
    .ts-header-style2 .ts-main-header-inner {
        flex-direction: column;
    }
    .ts-header-style2 .ts-main-header-inner .ts-logo-wrap {
        padding-bottom: 30px;
    }
}
@media(max-width:575px){
    .ts-am-banner-wrapper .counter-first-box, .counter-mid-box, .counter-last-box{
        position: relative;
        margin: auto;
    } 
    .ts-am-banner-wrapper .counter-first-box {
        top: 30px;
        animation: none;
    }
    .ts-am-banner-wrapper .counter-mid-box {
        top: 70px;
        animation: none;
    }
    .ts-am-banner-wrapper .counter-last-box {
        top: 50px;
        animation: none;
    }
    .ts-am-banner-wrapper {     
        padding-bottom: 130px;
    }
    .ts-am-about-first, .ts-am-about-second, .ts-am-about-third, .ts-am-about-fourth{
        position: relative;
        margin: auto;
    }     
    .ts-am-about-first {     
        top: 20px;
    }
    .ts-am-about-second{
        top: 40px;
    }
    .ts-am-about-third{
       top: 60px;
    }
    .ts-am-about-fourth{
        top: 80px;  
    }
    .ts-am-earning-box{
        padding: 30px 20px;
    }
    .ts-am-earning-box{
        padding: 30px 20px;
    }
    .ts-am-heading{
        font-size: 16px;
    }
    .ts-am-sub-heading{
        font-size: 20px;
    }
    .ts-am-client-box{
        margin-top: 30px;
    }
    .ts-am-earning-content .ts-am-paragraph {
        padding: 18px 0 30px 0;
    }
    .ts-am-start-inner ul {     
        margin-bottom: 30px;
    }
    .ts-am-start-inner ul{
        display: block;
    }
    .ts-am-start-inner ul li {
        text-align: center;
        margin: 0 0 20px 0;
    }
    .ts-am-start-inner ul li img {
        display: block;
        transform: rotate(90deg);
        margin: 50px auto 50px auto;
        text-align: center;
    }
    .ts-am-start-inner ul li a {
        font-size: 16px;
    }
    .ts-am-start-inner ul li a span {
        width: 100px;
        height: 100px;
    }
    .ts-am-start-inner ul li a span svg {
        width: 29px;
        height: auto;
    }
    .ts-am-footer-wrapper{        
        padding: 100px 0 85px 30px;
    }
    .ts-am-about-wrapper {
        padding: 0 0 30px 0;
    }
}
@media(max-width:520px){
    .ts-am-qoute-img {
        top: -20px;     
    }
}
@media(max-width:425px){
    .ts-am-banner-left{
        text-align: center;
        padding-top: 50px;
    }
    .ts-am-banner-left .bannerHeading {
        font-size: 11px;
        letter-spacing: 1px;
        padding: 10px 12px;
    }
    .ts-am-banner-left h1 {
        font-size: 25px;
    }
    .ts-am-banner-left .ts-am-btn {     
        margin-left: auto;
        margin-right: auto;
    }
    .ts-am-banner-box-header{
        display: block;
    }
    .ts-am-banner-box-header h5 {        
        padding-bottom: 15px;
    }
    .ts-am-banner-box-header span {
        margin-left: 0;
        padding: 12px 0px 12px 0;
        display: block;
        text-align: center;
        max-width: 150px;
        width: 100%;
    }
    .ts-am-banner-box-rating a {     
        display: block;
        padding: 10px 0 0 0;
    }
    .ts-am-blog-right {
        margin-top: 30px;
    }
    .ts-am-footer-wrapper {
        padding: 40px 0 0px 15px;
    }
    .ts-am-counter-box .counting{
        font-size: 30px;
    }
    .first:after, .second:after {     
        font-size: 30px;
        right: 38px;
        bottom: 2px;
    }
    .third:after {     
        font-size: 30px;
        right: 65px;
        bottom: 2px;
    }
    .ts-am-counter-box h5{
        font-size: 15px;
    }
    .ts-am-client-name:after, .ts-am-client-name:before{
        display: none;
    }    
    .ts-am-client-heading{
        justify-content: center;
    }
    .ts-am-client-box {
        padding: 50px 20px 20px 20px;
    }
    .ts-am-client-text{
        padding: 15px;
    }
    .ts-am-client-wrapper .swiper-container {
        padding-bottom: 50px;
    }
    .ts-am-start-inner span {
        max-width: 360px;
        font-size: 12px;
        padding: 12px 0px;
    }
    .ts-am-contact-text h1, .ts-am-start-heading h1 {
        font-size: 22px;     
    }
    .ts-am-start-heading h1{
        padding-bottom: 40px;
    }
    .ts-am-contact-text .ts-am-paragraph {
        font-size: 14px;     
    }
    .ts-am-earning-content h4 {
        font-size: 20px;        
    }
    .ts-am-earning-content .ts-am-paragraph{
        font-size: 14px;
    }
    .ts-am-footer-btm-heading h3{
        font-size: 20px;
    }
    .ts-am-footer-btm-links ul li:last-child{
        margin-bottom: 30px;
    }
    .ts-am-client-name h6 {
        font-size: 12px;       
    }
    .ts-am-client-name p {
        font-size: 10px;       
    }
    .ts-am-start-wrapper #msform fieldset {
        padding: 26px 20px 35px 20px;
    }
}
@media(max-width:375px){
    .ts-am-about-left-box {
        max-width: 100%;
        padding:50px 10px;
    }
    .ts-am-about-left {
        padding: 0;
    }
    .ts-header-style2 .ts-menu-toggle {
        margin-left: 30px;
    }
    .ts-header-style2 .ts-menu-toggle.open-menu {
        margin-left: 40px;
    }
    .ts-am-client-box {
        padding: 50px 15px 15px 15px;
    }
    .ts-am-client-name {
        padding: 16px 15px 16px 45px;
        flex-direction: column;
    }
}
/*============================= Affiliate marketing css end ==============================*/
/* ============ CRYPTO CURRENCY DEMO CSS START ====================== */
.ts-cc-sign-btn a {
    display: inline-block;
    color: var(--themestack-white-color);
    background-color: var(--themestack-primary-color);
    padding: 15px 50px;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 700;
    letter-spacing: 2px;
}
.ts-cc-sign-icon-mobile{
    display: none;
}
.ts-cc-sign-icon-mobile a {
    width: 40px;
    height: 40px;
    background: var(--themestack-primary-color);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ts-cc-sign-icon-mobile a svg {
    width: 35px;
    height: auto;
    fill: var(--themestack-white-color);
}
/*---features---*/
.ts-cc-feature-wrapper {
    padding: 90px 0 100px;
    background-color: var(--cc-dark-blue-color);
    margin-top: -9px;
}
.ts-cc-feature-title h2 {
    font-size: 32px;
    margin: 0 auto;
    color: var(--themestack-white-color);
    line-height: 48px;
}
.ts-cc-feature-title p {
    font-size: 16px;
    width: 35%;
    margin: 0 auto;
    color: var(--themestack-white-color);
}
.ts-cc-feature-con {
    background-color: var(--cc-black-light-color);    
    padding: 59px 20px 50px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.ts-cc-feature-con:before, .ts-cc-feature-con:after {
    content: '';
    height: 10px;
    max-width: 230px;
    width: 100%;
    margin: auto;
    position: absolute;
    top: -10px;
    right: 0px;
    left: 0px;
    background-color: #1E2E46;
    border-radius: 14px 14px 0 0;
    transition: all 0.3s;
}
.ts-cc-feature-con:before{    
    top: auto;
    bottom: -10px;
    border-radius: 0 0 14px 14px;
}
.ts-cc-feature-con:hover:before, .ts-cc-feature-con:hover:after{
    background-color: var(--themestack-primary-color);
}
.ts-cc-feat-con h3 {
    margin: 30px auto 20px;
    font-size: 18px;
    line-height: 26px;
    color: var(--themestack-white-color);
    font-weight: 700;
}
.ts-cc-feat-con h3 a{
    color: var(--themestack-white-color);
}
.ts-cc-convert-content {
    padding-top: 40px;
}
.ts-cc-feat-con p {
    font-size: 14px;
    margin-bottom: 10px;
    color: var(--cc-light-grey-color);
    line-height: 24px;
    font-weight: 400;
}
.ts-cc-convert-con h2 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 30px;
    color: var(--themestack-white-color);
}
.ts-cc-convert-con p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
    color: var(--cc-light-grey-color);
    line-height: 24px;
}
.ts-cc-convert-con h3 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 37px;
    color: var(--themestack-white-color);
}
.ts-cc-convert-con span {
    font-size: 32px;
    font-weight: 600;
    margin-top: 45px;
    color: var(--themestack-primary-color);
    margin-right: 10px;
}
.ts-cc-convert-content h2 {
    font-size: 33px;
    font-weight: 500;
    margin-bottom: 35px;
    color: var(--themestack-white-color);
}
/*--summary --*/
.ts-cc-sum-title h2 {
    font-size: 32px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 52px;
    color: var(--themestack-white-color);
}
.ts-cc-sum-content {
    position: relative;
}
.ts-cc-sum-left-box {
    width: 100%;
}
.ts-cc-sum-right-box {
    position: relative;
}
.ts-cc-sum h2 {
    font-size: 26px;
    margin-bottom: 10px;
    color: var(--themestack-white-color);
}
.ts-cc-sum {
    background-color: var(--cc-black-light-color);
    padding: 40px;
    border: 1px solid var(--cc-light-blue-color);
    border-radius: 14px;
    position: relative;
    max-width: 530px;
    width: 100%;
}
.ts-cc-sum-left-box .ts-cc-sum span {
    border-right: 20px solid transparent;
    border-left: 20px solid #10213b;
    border-top: 20px solid transparent;
    position: absolute;
    top: 10px;
    right: -13px;
    transform: rotate(-135deg);
}
.ts-cc-sum-right-box .ts-cc-sum span {
    border-right: 20px solid transparent;
    border-left: 20px solid #10213b;
    border-top: 20px solid transparent;
    position: absolute;
    top: 30px;
    left: -13px;
    transform: rotate(45deg);
}
.ts-cc-sum p {
    font-size: 14px;
    line-height: 24px;
    color: var(--cc-light-grey-color);
    font-weight: 500;
    margin-bottom: 0;
}
.ts-cc-sum-left-box::after {
    content: "";
    position: absolute;
    height: 590px;
    width: 3px;
    background-color: #183B72;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}
.ts-cc-sum.cc-sum-l-one , .ts-cc-sum.cc-sum-l-two , .ts-cc-sum.cc-sum-r-three , .ts-cc-sum.cc-sum-r-four{
    position: relative;
    border-radius: 12px;
}
.ts-cc-sum.ts-cc-sum-l-one::before, .ts-cc-sum.ts-cc-sum-l-two::before{
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    height: 21px;
    width: 21px;
    background-color: rgba(244,47,84,0.5);
    border-radius: 50%;
}
.ts-cc-sum.ts-cc-sum-l-one::before , .ts-cc-sum.ts-cc-sum-l-two::before{
    top: 14px;
    right: -46px;
    z-index: 1;
    left: auto;
}
.ts-cc-sum.ts-cc-sum-l-one::after, .ts-cc-sum.ts-cc-sum-l-two::after{
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    height: 11px;
    width: 11px;
    background-color: rgba(244,47,84,1);
    border-radius: 50%;
}
.ts-cc-sum.ts-cc-sum-l-one::after, .ts-cc-sum.ts-cc-sum-l-two::after {
    top: 19px;
    right: -41px;
    z-index: 1;
    left: auto;
}
/*right side css start*/
.ts-cc-sum-right-box-cstm {
    margin-left: auto;
}
.ts-cc-sum.ts-cc-sum-l-one.ts-cc-sum-right-box-cstm::before, .ts-cc-sum.ts-cc-sum-l-two.ts-cc-sum-right-box-cstm::before {
    top: 14px;
    z-index: 1;
    right: auto;
    left: -45px;
}
.ts-cc-sum.ts-cc-sum-l-one.ts-cc-sum-right-box-cstm::after, .ts-cc-sum.ts-cc-sum-l-two.ts-cc-sum-right-box-cstm::after {
    top: 19px;
    left: -40px;
    z-index: 1;
    right: auto;
}
.ts-cc-sum.ts-cc-sum-l-one.ts-cc-sum-right-box-cstm span {
    top: 25px;
    left: -13px;
    right: auto;
    transform: rotate(45deg);
}
/*right side css end*/
/*---Testimonals---*/
.ts-cc-test-title h2 {
    font-size: 32px;
    text-align: center;
    font-weight: 400;    
    margin: 0 auto 52px;
    color: var(--themestack-white-color);
}
.test-box {    
    text-align: center;
    padding: 40px 0 55px !important;
}
.test-slide {
    background-color: var(--cc-black-light-color);
    padding: 50px 45px;
    position: relative;
    border-radius: 10px;    
}
.ts-cc-testimonal .swiper-pagination-bullet {
     opacity: 1 !important;
}
.test-img {
    margin: -85px auto 0;
    position: relative;
}
.test-img img {
    width: 74px;
    height: 74px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid var(--themestack-primary-color);
}
.test-img-quote {
    position: absolute;
    top: -5%;
    right: 8%;
}
.test-slide.swiper-slide .test-img-quote svg{
    fill: #213a60;
    transition: all 0.3s;
}
.test-slide.swiper-slide:hover .test-img-quote svg{
    fill: var(--themestack-primary-color);
}
.test-con p {
    margin-top: 30px;
    color: var(--cc-light-grey-color);
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 25px;
}
.test-con h4 {
    font-size: 18px;
    color: var(--themestack-white-color);
    margin-bottom: 10px;
}
.test-con h5 {
    font-size: 14px;
    color: var(--cc-light-grey-color);
    font-weight: 100;
    margin-bottom: 0;
}
.ts-cc-testimonal .swiper-pagination{
    bottom:-8px;
}
.ts-cc-testimonal .swiper-pagination-bullet {
    background-color: #2E4870 !important;
    width: 10px;
    height: 10px;
}
.ts-cc-testimonal .swiper-pagination-bullet-active {
    background-color: var(--themestack-primary-color) !important;
    width: 11px;
    height: 11px;
}
/*---Newsletter---*/
.ts-cc-nwsltr-right {
    padding-top: 70px;
}
.ts-cc-newsletter-us {
    padding-top: 60px;
    background-color: var(--cc-dark-blue-color);
}
.ts-cc-nls-con h3 {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 500;
    color: var(--themestack-white-color);
}
.ts-cc-nls-con p {
    font-size: 14px;
    margin-bottom: 40px;
    line-height: 24px;
    color: var(--cc-light-grey-color);
    max-width: 500px;
    width: 100%;
}
.ts-cc-nls-con h5 {
    font-size: 16px;
    margin-bottom: 25px;
    font-weight: 500;
    color: var(--themestack-white-color);
}
.ts-cc-nls-email {
    position: relative;
    margin-bottom: 50px;
    max-width: 500px;
}
.ts-cc-nls-email input, .ts-cc-nls-email input:focus {
    padding: 0px 200px 0px 15px;
    font-size: 14px;
    color: var(--cc-light-grey-color);
    width: 100%;
    border: 1px solid var(--cc-border-color);
    background-color: var(--cc-double-shade);
    border-radius: 6px;
    text-transform: none;
}
.ts-cc-nls-email input::placeholder{
    color: var(--cc-light-grey-color);
}
.ts-cc-nls-email input:focus {
    outline: none;
}
.ts-cc-nls-submit a {
    color: var(--themestack-white-color);
    padding: 16px 20px;
    border: none;
    font-size: 14px;
    border-radius: 5px;
    background-color: var(--themestack-primary-color);
    letter-spacing: 3px;
    text-transform: uppercase;
}
.ts-cc-nls-submit {
    position: absolute;
    right: 0;
    top: 10px;
}
.ts-cc-nls-show {
    display: flex;
}
.ts-cc-nls-store-img {
    margin-right: 20px;
}
/*footer form start */
.ts-cc-ftr-form {
    display: inline-block;
    color: var(--themestack-white-color);
    background-color: var(--themestack-primary-color);
    padding: 10px 50px;
    border-radius: 5px;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 600;
    position: relative;
    transition: all 0.3s;
}
.ts-cc-ftr-form p {
    margin-bottom: 0;
}
.ts-cc-ftr-form:before, .ts-cc-ftr-form:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: var(--themestack-primary-color);
    transition: 300ms ease all;
}
.ts-cc-ftr-form:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;
}
.ts-cc-ftr-form:hover {
    background: transparent;
    color: var(--themestack-primary-color);
}
.ts-cc-ftr-form:hover:before, .ts-cc-ftr-form:hover:after {
    width: 100%;
    transition: 500ms ease all;
}
.ts-cc-ftr-form input {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    color: #fff !important;
    height: auto !important;
    text-transform: uppercase !important;
}
/*footer form css end*/
/*---blog---*/

.ts-cc-blog-title h2 {
    font-size: 32px;
    text-align: center;
    font-weight: 400;
    width: 32%;
    margin: 0 auto 52px;
    color: var(--themestack-white-color);
}
.ts-cc-blog-img {    
    transition: all 0.3s ease-in-out;
}
.ts-cc-blog-img img {
    border-radius: 10px;
}
.ts-cc-blog-img:hover {
    transform: translateY(-5px);
}
.ts-cc-blog-show {
    display: flex;
    align-items: center;
    margin: 20px 0;
}
.ts-cc-blog-info a {
    font-size: 13px;
    color: var(--cc-light-grey-color);
    transition: all 0.4s ease-in-out;
}
.ts-cc-blog-info {
    margin-right: 30px;
    display: flex;
    align-items: center;
}
.ts-cc-blog-info a svg {
    margin-right: 10px;
    fill: var(--cc-light-grey-color);
    margin-top: -3px;
    transition: all 0.4s ease-in-out;
}
.ts-cc-blog-con h3:hover , .ts-cc-blog-info a:hover {
    color: var(--themestack-primary-color);
    fill: var(--themestack-primary-color);
}
.ts-cc-cls-1{
    transition: all 0.4s ease-in-out;
}
.ts-cc-blog-info a:hover{
    color: var(--themestack-primary-color);
}
.ts-cc-blog-info a:hover svg{
    fill: var(--themestack-primary-color);
}
.ts-cc-blog-con h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 22px;
    line-height: 24px;
    color: var(--themestack-white-color);
    transition: all 0.4s ease-in-out;
}
.ts-cc-blog-con p {
    font-size: 13px;
    color: var(--cc-light-grey-color);
    font-weight: 400;
    line-height: 22px;
}
.ts-cc-blog-con {
    padding-right: 20px;
}
/*---footer---*/
.ts-cc-footer {
    padding: 90px 0 0px;
    background-color: var(--cc-dark-blue-color);
}
.ts-cc-footer-form {    
    background-color: #0F213E;
    padding: 53px 41px 60px;
    margin-top: -55px;
    border-radius: 15px;
}
.ts-cc-logo-botm-title h3 {
    font-size: 23px;
    color: var(--themestack-white-color);
    font-weight: 400;
    margin-left: 6px;
    margin-bottom: 0;
}
.ts-cc-footer-text p {
    color: #8EA0BB;
    font-size: 17px;
    font-weight: 400;
    margin: 30px 0;
    line-height: 1.8;
}
.ts-cc-footer-text h5 {
    color: var(--themestack-white-color);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
}
.ts-cc-footer-menu h3 {
    font-size: 19px;
    color: var(--themestack-white-color);
    font-weight: 400;
    margin-bottom: 40px;
}
.ts-cc-footer-menu ul.menu {
    list-style: none;
    padding-left: 0;
}
.ts-cc-footer-menu ul.menu li {
    margin-bottom: 30px;
    position: relative;
    padding-left: 15px;
}
.ts-cc-footer-menu ul.menu li a svg{
    fill:#8EA0BB;
    margin-right:8px;
    transition: all 0.3s ease-in-out;
}
.ts-cc-footer-menu ul.menu li a {
    color: #8EA0BB;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    padding-bottom: 10px;
} 
.ts-cc-footer-menu ul.menu li span {
    background: none;
    width: 100%;
    height: auto;
    margin-left: 20px;
}
.ts-cc-footer-menu ul.menu li span svg {
    top: 6px;
    position: absolute;
    left: -20px;
    display: block;
    margin-left: 0;
}
.ts-cc-footer-menu ul.menu li a:hover {
    color: var(--themestack-primary-color);
    transition: all 0.3s ease-in-out;
} 
.ts-cc-footer-menu ul.menu li a:hover svg{    
    fill: var(--themestack-primary-color);
} 
.ts-cc-foot-content p {
    color: #8EA0BB;
    font-size: 14px;
    font-weight: 500;
    margin: 30px 0;
    line-height: 32px;
    letter-spacing: 1px;
}
.ts-cc-footer-form h3 {
    font-size: 20px;
    color: var(--themestack-white-color);
    font-weight: 400;
    margin-bottom: 40px;
}
.ts-cc-foot-content h5 {
    color: var(--themestack-white-color);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
}
.ts-cc-footer-form input {
    padding: 0px 20px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 20px;
    color: var(--cc-light-grey-color);
    border-radius: 7px;
    border: 1px solid var(--cc-border-color);
    background-color: var(--cc-double-shade);
}
.ts-cc-footer-form input::placeholder {
    color: var(--cc-light-grey-color);
}
.ts-cc-footer-form > input {
    margin-bottom: 0;
}
.ts-cc-footer-form input:focus {
    outline:none;
}
.ts-cc-footer-form button {
    padding: 15px 54px;
    border: none;
    color: var(--themestack-white-color);
    font-size: 14px;
    background-color: var(--themestack-primary-color);
    border-radius: 6px;
    margin-top: 10px;
}
.ts-cc-foot-wrap h5 {
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #8EA0BB;
    margin-bottom: 0;
}
.ts-cc-foot-copy {
    background-color: var(--cc-shade-black);
    margin-top: -25px;
}
.ts-cc-social-logo {
    display: flex;
}
.ts-cc-so-cio {
    background-color: #0F213E;
    border-radius: 50%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:10px;
    transition: all 0.3s ease-in-out;
}
.ts-cc-so-cio:hover {
    background-color: var(--themestack-primary-color);    
}
.ts-cc-hover-effect{
    background:var(--themestack-primary-color);
    color:var(--themestack-white-color);
    border:none;
    position:relative;
    cursor:pointer;
    transition:500ms ease all;
    outline:none;
}
.ts-cc-hover-effect:hover{
    background:transparent;
    color:var(--themestack-primary-color);
}
.ts-cc-hover-effect:before, .ts-cc-hover-effect:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width: 0;
    background: var(--themestack-primary-color);
    transition:300ms ease all;
}
  .ts-cc-hover-effect:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
}
.ts-cc-hover-effect:hover:before , .ts-cc-hover-effect:hover:after{
    width:100%;
    transition:500ms ease all;
}
.select2-results__option {
    color: #8a9bb7;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f42f54 !important;
    color: white;
}
.select2-container--default .select2-results__option--selected {
    background-color: #384c6a !important;
}
span.select2-search.select2-search--dropdown {
    display: none;
}
/* ===============================Media query=============================================== */

@media only screen and (max-width : 1440px){   
    .ts-cc-container {
         width: 1170px;
         margin: 0 auto;
    }
}
@media only screen and (max-width : 1199px){
    .ts-header-style3 .ts-logo-wrap {
        padding: 15px 0;
    }
    .ts-cc-sign-btn a {
        padding: 15px 30px;
    }
    .ts-cc-feat-con h3 {
        width: 80%;
    }
    .ts-cc-sum.ts-cc-sum-l-two::before {
        top: 25px;
    }
    .ts-cc-sum.ts-cc-sum-l-two::after {
        top: 30px;
        right: -45px;
    }	
    .ts-cc-feature-con:before, .ts-cc-feature-con:after {        
        max-width: 190px;        
    }
    .select2-container {
        max-width: 220px !important;
        width: 100% !important;
    }
    .ts-cc-footer-form {     
        padding: 30px;        
    }
    .ts-cc-sum{
        max-width:410px;
    }
    .ts-cc-convert-content {
        padding-bottom: 40px;
    }
    .ts-cc-sum-left-box::after {
        height: 660px;
    }
    .ts-header-style3 {
        padding-bottom: 15px !important;
    }
}
@media only screen and (max-width : 1024px){
    .ts-cc-sum.ts-cc-sum-l-two::before {
        top: 15px;
    }
    .ts-cc-sum.ts-cc-sum-l-two::after {
        top: 20px;     
    }  
    .ts-cc-sign-btn {
        margin-left: 20px;
    }
    .ts-cc-sum {
        padding: 30px 40px 30px;
    }
    .ts-cc-test-title h2 {
        width: 50%;
    }       
    .ts-cc-blog-title h2 {
        width: 40%;
    }
    .ts-cc-blog-info {
        margin-right: 12px;
    }
    .ts-cc-foot-content {
        width: 45%;
        margin-bottom: 60px;
    }
    .ts-cc-foot-menu {
        width: 45%;
    }
    .ts-cc-foot-form {
        width: 34%;
        margin-top: 0px;
    }
}
@media(max-width:991px){
    .ts-cc-feature-con:before, .ts-cc-feature-con:after {
        max-width: 230px;
    }
    .ts-cc-nls-show {
        margin-bottom: 20px;
    }
    .ts-cc-footer-wrap .col-12:nth-child(3) .ts-cc-footer-menu{
        padding-top: 30px;
    }
    .ts-cc-footer-form {     
        margin-top: 0px;
    }
    .ts-cc-foot-copy {     
        margin: 0px;
    }
    .ts-cc-footer {
        padding: 90px 0 80px;     
    }
    .ts-cc-footer-text p {     
        max-width: 300px;
        width: 100%;
    }
    .ts-cc-clm-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .ts-cc-nwsltr-right {
        padding-top: 0;
        text-align: center;
    }
    .ts-cc-nls-email {
        margin-left: auto;
        margin-right: auto;
    }
    .ts-cc-nls-show {
        justify-content: center;
    }
    .ts-cc-nls-con p {
        max-width: 100%;
    }
    .ts-cc-sum {
        max-width: 290px;
    }
    .ts-cc-sum {
        padding: 20px 30px 20px;
    }
    .test-slide {
        padding: 50px 25px 30px 25px;
    }
    .ts-cc-sum-left-box::after {
        height: 685px;
    }
}
@media only screen and (max-width : 767px){
    .ts-cc-container {
          width: 426px;
          margin: 0 auto;
    }
    .select2-container {
        text-align: initial;
        max-width: 100% !important;
        margin-top: 15px;
    }
    .select2-container--default .ts-cc-select2-selection--single {
        margin-right: 0 !important;
    }
    .select2-container--default .ts-cc-select2-selection--single .ts-cc-select2-selection__arrow {
        right: 5% !important;
    }
    .ts-cc-sum.ts-cc-sum-l-one::before {
        top: 13px;
        left: -50px;
    }
    .ts-cc-sum.ts-cc-sum-l-one::after {
        top: 19px;
        left: -44px;
    }
    .ts-cc-sum.ts-cc-sum-l-two::before {
        top: 13px;
        left: -48px;
    }
    .select2-container--default .select2-selection--single {
        margin-right: 0 !important;
    }
    .ts-cc-feature-con {
        width: auto;
        padding: 59px 30px 54px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 5% !important;
    }
    .ts-cc-feature-title h2 {
        width: 100%;
        font-size: 24px;
        line-height: 40px;
    }
    .ts-cc-convert-content h2 {
        text-align: center;
    }
    .ts-cc-sum-content {
        display: block;
    }
    .ts-cc-sum-content {
        display: block;
        position: relative;
    }
    .ts-cc-sum-left-box .ts-cc-sum span, .ts-cc-sum.ts-cc-sum-l-one::before,.ts-cc-sum.ts-cc-sum-l-one::after, .ts-cc-sum.ts-cc-sum-l-two::before, .ts-cc-sum.ts-cc-sum-l-two::after, .ts-cc-sum-right-box .ts-cc-sum span {        
        display: none;        
    }  
    .ts-cc-sum.ts-cc-sum-l-one::before, .ts-cc-sum.ts-cc-sum-l-one::after, .ts-cc-sum-left-box::after{
        display:none;
    }
    .ts-cc-sum {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .ts-cc-sum:last-child{
        margin-bottom:0;
    }
    .ts-cc-test-title h2 {
        width: 85%;
    }   
    .ts-cc-nls-con {
        margin-bottom: 60px;
    }
    .ts-cc-nls-img {
        width: 100%;
        margin-bottom: -5px;
    }
    .ts-cc-nls-content {
        width: 100%;
    }
    .ts-cc-blog-title h2 {
        width: 80%;
    }  
    .ts-cc-foot-content {
        width: 100%;
    }
    .ts-cc-foot-menu {
        width: 100%;
        margin-bottom: 52px;
    }
    .ts-cc-foot-form {
        width: auto;
    }
    .ts-cc-foot-wrap h5 {
        text-align: center;
    }
    .ts-cc-foot-copy {
        margin-top: 0px;
    }
    .ts-cc-foot-form h3 {
        text-align: center;
    }
    .ts-cc-sign-btn a {
        padding: 10px 20px;
    } 
    .ts-cc-nls-email input:focus {
        outline: none;
    }    
    .ts-cc-foot-form input:focus {
        outline: none;
    }    
    .ts-cc-feature-con:before, .ts-cc-feature-con:after {
        max-width: 430px;
    } 
    .ts-cc-footer-wrap .col-12:nth-child(2) .ts-cc-footer-menu{
        padding-top: 30px;
    }    
    .ts-cc-footer-text p {     
        max-width: 100%;     
    }
}
@media(max-width:575px){
    .ts-header-style3 .ts-main-header-inner {
        flex-direction: column;
    }
    .ts-header-style3 .ts-logo-wrap {
        padding-bottom: 15px;
    }
}
@media(max-width:480px){
    .ts-cc-feature-con:before, .ts-cc-feature-con:after {
        max-width: 330px;
    }
    span.ts-cc-count {
        display: inline-block;
    }
    .ts-cc-convert-con span {
        margin-top: 0;
    }
}
@media only screen and (max-width : 425px){   
    .select2-container {
        width: 100% !important;
    }  
    .ts-cc-sum.ts-cc-sum-l-one::after {
        left: -32px;
    }
    .ts-cc-sum.ts-cc-sum-l-two::before {
        top: 14px;
    }
    .ts-cc-feature-con {
		width: 100%;
		left: 0px;
	}
    .ts-cc-sum.ts-cc-sum-l-one::before , .ts-cc-sum.ts-cc-sum-l-two::before {
        left: -12%;
    }
    .ts-cc-sum {
        padding: 20px;
    }
    .ts-cc-test-title h2 {
        font-size: 26px;
    }
    .ts-cc-nls-con h3 {
        font-size: 26px;
    }
    .ts-cc-blog-title h2 {
        font-size: 26px;
    }
    .ts-cc-foot-form input {
        width: 75%;
    }
    .ts-cc-foot-form {
        padding: 53px 30px 60px;
        width: 80%;
        margin: 0 auto;
    }
    .ts-cc-sum-title h2 {
        font-size: 26px;
    }
    .ts-cc-feature-title h2 {
        line-height: 32px;
    }
    .ts-cc-feature-wrapper {
        padding: 50px 0 50px;
    }
    .ts-cc-nls-show {
        display: block;
    }
    .ts-cc-nls-show .ts-cc-nls-store-img:first-child{
        margin-bottom: 15px;
    }
    .ts-cc-nls-store-img {
        margin-right: 0px;
    }
    .ts-header-style3 .ts-menu-toggle.open-menu {
        margin-left: 94px;
    }
}
@media only screen and (max-width: 375px){  
    .select2-container {
        width: 100% !important;
    }
	.ts-cc-testimonal .swiper-slide {
		margin-right: 25px !important;
	}
    .ts-cc-sum.ts-cc-sum-l-one::after {
        left: -26px;
    }
    .ts-cc-sum.ts-cc-sum-l-two::before {
        top: 17px;
    }
    .ts-cc-testimonal .swiper-slide {
        margin-right: 16px !important;
    }
    .ts-cc-feature-con:before, .ts-cc-feature-con:after {
        max-width: 250px;
    }
    .ts-cc-nls-submit {
        position: unset;
        margin-top: 20px;
        text-align: center;
    }
    .ts-cc-nls-email input {
        padding: 15px;        
    }
}
@media only screen and (max-width : 320px){
    .select2-container {
        width: 100% !important;
    }
	.test-slide {				
        padding: 50px 20px;
    }
    .ts-cc-feat-con h3 {
        width: 100%;
        font-size: 16px;
    }
    .ts-cc-foot-form input {
        width: 81%;
    }
    .ts-cc-convert-content h2 {
        font-size: 21px;
    }
    .test-slide {        
        padding: 50px 20px;
    }
    .ts-cc-test-title h2 {
        font-size: 21px;
    }
    .ts-cc-feature-title h2 {
        font-size: 21px;
    }
    .ts-cc-sum.ts-cc-sum-l-one::before, .ts-cc-sum.ts-cc-sum-l-two::before {
        left: -15%;
        top: 9%;
    }
    .ts-cc-sum.ts-cc-sum-l-one::after, .ts-cc-sum.ts-cc-sum-l-two::after{
        top: 11%;
        left: -12%;
    }    
}
/*======================= Crypto currency demo css end ====================*/
/*============================= Eco recylcling css start ==============================*/

/*-------------- Header section css start ----------*/
.ts-er-header-logo-wrapper {
    padding: 15px 53px;
    border-bottom: 1px solid rgba(83, 68, 98, 10%);
}
@media(min-width:992px){
    body.home .ts-er-headermenu-wrapper {
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        border-radius: 6px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        background-color: var(--themestack-white-color);
        z-index: 2;
    }
}
.ts-er-headermenu-wrapper{
    margin: auto;
    max-width: 1300px;
    width: 100%;
    min-height: 140px;
}
body.home.admin-bar .ts-er-headermenu-wrapper {
    top: 50px;
}
.ts-header-style4{
    background-color:transparent;
}
.ts-er-header-menu-wrapper.ts-er-fixed{
    margin-top: 0;
    background-color: var(--themestack-white-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    -webkit-animation: slideInDown 1s;
    -moz-animation: slideInDown 1s;
    -ms-animation: slideInDown 1s;
    -o-animation: slideInDown 1s;
    animation: slideInDown 1s;
    backface-visibility: hidden;
    padding: 10px 0 20px;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%);
}
@keyframes slideInDown{
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
.ts-er-call-text p {
    font-size: 12px;
    color: var(--themestack-primary-color);
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-er-call-text a{
    font-size: 14px;
    color: var(--er-text-color);
    font-weight: 400;
}
.ts-er-consult-btn{
    max-width: 200px;
    width: 100%;
    min-height: 50px;
    border-radius: 6px;
    background-color: var(--themestack-primary-color);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transform: perspective(1px) translateZ(0);
    -webkit-transform: perspective(1px) translateZ(0);
    -o-transform: perspective(1px) translateZ(0);
}
.ts-er-consult-btn a{
    font-size: 14px;
    color: var(--themestack-white-color);
    font-weight: 400;
    text-transform: capitalize;
    padding: 13px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-er-consult-btn a span{
    margin-left: 10px;
}
.ts-er-consult-btn a span.con-icon svg {
    fill: var(--themestack-white-color);
}
.ts-er-header-call-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ts-er-shop-wrapper{
    cursor: pointer;
}
.ts-er-head-call, .ts-er-head-mail, .ts-er-shop-wrapper{
    display: flex;
    align-items: center;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    position: relative;
    }
.ts-er-head-call:hover, .ts-er-head-mail:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}
.ts-er-call-text {
    margin-left: 13px;
}
.ts-er-header-menu-wrapper {
    padding: 15px 53px;
}
.ts-er-search-btn i{
    color: #273556;
}
.ts-er-search-btn {
    position: relative;
    cursor: pointer;
}
.ts-er-shop-wrapper{
    padding-left: 30px;
}
.ts-er-shop-wrapper:after {
    position: absolute;
    content: '';
    top: 5px;
    left: 20px;
    height: 28px;
    width: 1px;
    background-color: #edecef;
}
/*header search btn css start*/
#ts-er-banner-scroll-id {
    cursor: pointer !important;
}
.ts-search-form {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    left: 0%;  
    background-color: rgb(0 0 0 / 85%);  
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: url(../images/close_search.png), auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.ts-search-form-inner {
    width: 50%;
    position: relative;
    text-align: end;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    visibility: hidden;
}
.search-bar-inner {
    position: relative;
    height: 50px;
}
.search-bar-inner input {
    width: 100%;
    height: 50px;
    padding: 15px 55px 15px 15px;
    border: none;
    color: var(--themestack-white-color);
    background: transparent;
    border-radius: 6px;
    border-bottom: 2px solid var(--themestack-white-color);
    border-radius: 0;
}
.search-bar-inner input:focus{
    border-bottom: 2px solid var(--themestack-primary-color);
}
.search-bar-inner button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: none;
    background: transparent;
    fill: var(--themestack-white-color);
    width: 50px;
    cursor: pointer;
}
.search-bar-inner button svg {
    width: 20px;
    fill: var(--themestack-white-color);
}
.search-bar-inner>input {
    max-width: 100% !important;
}
.search-bar-inner>input::placeholder{
    color: var(--themestack-white-color) !important;
}
.ts-search-form.show-search {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.ts-search-form.show-search, .ts-er-search-form {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ts-search-form-inner {
    width: 50%;
    position: relative;
    text-align: end;
    -webkit-transform: translateY(35px);
    -moz-transform: translateY(35px);
    -ms-transform: translateY(35px);
    -o-transform: translateY(35px);
    transform: translateY(35px);
    visibility: hidden;
}
.ts-search-form.show-search .ts-search-form-inner {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
}
.ts-search-form.show-search .ts-search-form-inner, .ts-search-form-inner {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
/*header search btn css end*/
/*cart css start*/
.ts-cart-wrapper {
    position: relative;
    margin-right: 0px;
}
.ts-comman-icon {
    height: 40px;
    width: 40px;
    display: inline-block;
    line-height: 37px;
    border-radius: 50%;
    text-align: center;
}
.ts-comman-icon svg {
    height: 16px;
    fill: var(--themestack-primary-color);
}
.ts-cart-wrapper .ts-cart-quantity {
    position: absolute;
    top: -6px;
    right: -6px;
    font-size: 8px;
    color: var(--themestack-white-color);
    background: var(--themestack-primary-color);
    border-radius:50%;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 21px;
    text-align: center;
}
/*cart css end*/
/*-------------- Header section css end ----------*/
/*-------------- Sponser section css start ----------*/

.ts-er-header-heading h1{
    font-size: 28px;
    color: var(--er-heading-color);
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.ts-er-header-heading h6 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 4px;
    color: var(--themestack-primary-color);
}
.ts-er-header-heading p {
    font-size: 16px;
    color: var(--er-text-color);
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.5;
}
/*-------------- Aboutus section css start ----------*/
.ts-er-team-member-wrapper .container{
    max-width:1300px;
}
.ts-er-heading-left-wrapper{
    display: flex;
    flex-direction: column;
    padding: 55px 0;
}
.ts-er-heading-left-wrapper h6{
    font-size: 14px;
    letter-spacing: 4px;
    color: var(--themestack-primary-color);
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 35px;
    position: relative;
}
.ts-er-heading-left-wrapper h6::before{
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--themestack-primary-color);
}
.ts-er-heading-left-wrapper h1{
    font-size: 28px;
    color: var(--er-menu-text-color);
    font-weight: 600;
    text-transform: capitalize;
    max-width: 100%;
    width: 400px;
    padding: 17px 0 20px;
} 
.ts-er-heading-left-wrapper p{
    width: 499px;
    max-width: 100%;
    font-size: 16px;
    color: var(--er-text-color);
    font-weight: 500;
    margin-bottom: 25px;
}
.ts-er-abt {
    padding-top: 80px;
}
.ts-er-join-btn{
    display: flex;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.ts-er-join-btn a{
    font-size: 14px;
    color: var(--themestack-primary-color);
    font-weight: 500;
    margin-right: 8px;
    text-transform: capitalize;
}
.ts-er-join-btn svg {
    width: 20px;
    height: auto;
    fill: var(--themestack-primary-color);
}
.ts-er-join-btn:hover a {
    letter-spacing: 2px;
}
.ts-er-about-box-wrapper{
    padding: 30px 0 0;
}
.ts-er-about-box {
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(105,59,132,0.1);
    background-color: var(--themestack-white-color);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    position: relative;
    padding: 48px 20px 43px 20px;
}
.ts-er-about-img{
    animation: b_img 4s infinite;
}
.ts-er-about-box:hover{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}
.ts-er-about-box:hover .ts-er-about-text h2{
    color: var(--er---themestack-white-color);
}
.ts-er-about-box:hover .ts-er-about-img img{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}
.ts-er-about-box:hover::after{
    width: 80%;
}
.ts-er-about-box::after{
    position: absolute;
    content: '';
    left: 0;right: 0;bottom: 0;
    height: 2px;
    background-color: var(--themestack-primary-color);
    width: 0;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    margin: auto;
}
.ts-er-about-img img{
    padding: 0 50px;
}
.ts-er-service-heading h1{
    color: #273556;
}
.ts-er-about-text p {
    font-size: 16px;
    color: var(--er-text-color);
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.5;
}
.ts-er-about-text h2 {
    font-size: 20px;
    color: var(--er-menu-text-color);
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    transition: all 0.3s;
}
.ts-er-about-box:hover .ts-er-about-text h2 {
    color: var(--themestack-primary-color);
}
.ts-er-mission-img{
    animation: b_img 3s infinite;
}
.ts-er-about-box-img {
    margin-bottom: 20px;
}
.ts-er-about-box-img img {
    display: block;
    margin: auto;
}
/*-------------- About section css end ----------*/
/*-------------- Services section css start ----------*/
.ts-er-services-wrapper{
    padding:0;
}
.ts-er-service-box > img{
    margin-bottom: 30px;
}
.ts-er-service-box-text > a{
    font-size: 20px;
    color: var(--er-menu-text-color);
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: capitalize;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
}
.ts-er-service-box-text h4 {
    color: var(--er-heading-color);
    font-weight: 600;
    font-size: 22px;
}
.ts-er-service-box-text p{
    width: 324px;
    max-width: 100%;
    font-size: 16px;
    color: var(--er-text-color);
    font-weight: 500;
    margin-bottom: 18px;
}
.ts-er-service-box {
    position: relative;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
}
.ts-er-service-box:hover img{
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    z-index: 2; 
    transition: all 0.4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.ts-er-service-box:hover {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.ts-er-service-box:hover .ts-er-service-box-text a{
    color: var(--themestack-primary-color);
}
.ts-er-service-box:hover .ts-er-join-btn a{
    letter-spacing: 2px;
}
/*-------------- Services section css end ----------*/
/*-------------- Mission section css start ----------*/
.ts-er-heading-mission ul li{
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 10px;
}
.ts-er-heading-mission ul li p{
    width: 499px;
    max-width: 100%;
    font-size: 16px;
    color: var(--er-text-color);
    font-weight: 500;
    margin-bottom: 0;
    padding: 0 0 0 10px;
}
.ts-er-mission-box-wrapper{
    padding: 30px 0 0;
}
.ts-er-mission-box {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 270px;
    width: 100%;
    min-height: 100px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(105,59,132,0.1);
    background-color: var(--themestack-white-color);
    position: relative;
    padding:15px;
    cursor: pointer;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.ts-er-img-rspnsv {
    padding-top: 10px;
}
.ts-er-mission-box:hover{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}
.ts-er-mission-box:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #38e171;
    width: 0;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    margin: auto;
}
.ts-er-mission-box.ts-er-mission-box-2:after{
    background-color: #c383e2;
}
.ts-er-mission-box:hover:after,.ts-er-mission-box.ts-er-mission-box-2:hover:after{
    width: 80%;
}
.ts-er-mission-text {
    margin-left: 10px;
}
.ts-er-mission-text h4 {
    font-size: 16px;
    color: var(--er-menu-text-color);
    font-weight: 600;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    margin-bottom: 0;
    -o-transition: all .3s ease-in-out;
}
.ts-er-mission-text a{
    font-size: 14px;
    color: #38e171;
    font-weight: 400;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.ts-er-mission-box-2 .ts-er-mission-text a{
    color: #c383e2;
}
.m-icon-1{
    height: 60px;
    width: 60px;
    border-radius: 30px;
    background-color: #ddfbec;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    position: relative;
}
.ts-er-mission-box-2 .m-icon-1{
    height: 60px;
    width: 60px;
    border-radius: 30px;
    background-color: #f8ecfe;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    position: relative;
}
.m-icon-1:after, .ts-er-mission-box-2 .m-icon-1:after{
    position: absolute;
    content: '';
    top: 0;left: 0;right: 0;bottom: 0;
    border-radius: 100%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    background-color: #38e171;
}
.ts-er-mission-box-2 .m-icon-1:after{
    background-color: rgb(195, 131, 226);
}
.m-icon-1:hover::after, .ts-er-mission-box-2 .m-icon-1:hover:after, .ts-er-mission-box:hover .m-icon-1:after, .ts-er-mission-box:hover .ts-er-mission-box-2 .m-icon-1:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}
.ts-er-mission-box:hover .ts-er-mission-text h4{
    color: #38e171;
}
.ts-er-mission-box.ts-er-mission-box-2:hover .ts-er-mission-text h4{
    color: #c383e2;
}
.ts-er-mission-box:hover .ts-er-mission-text a, .ts-er-mission-box.ts-er-mission-box-2:hover .ts-er-mission-text a{
    color: var(--er-menu-text-color);
}
.ts-er-mission-box-wrapper .ts-er-mission-box:hover .ts-er-mission-icon span.m-icon-1 svg{
    z-index: 1;
    fill: var(--themestack-white-color);
}
.ts-er-mission-box-wrapper .ts-er-mission-box-1 .ts-er-mission-icon span.m-icon-1 svg {
    fill: #38e171;
}
.ts-er-mission-box-wrapper .ts-er-mission-box-2 .ts-er-mission-icon span.m-icon-1 svg {
    fill: #c383e2;
}
/*-------------- Mission section css end ----------*/
/*-------------- Testimonial section css start ----------*/
.ts-er-testimonial-box {
    max-width: 525px;
    width: 100%;
    margin: auto;
    min-height: 318px;
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(70,176,195,0.2);
    background-color: var(--themestack-white-color);
    padding: 40px 0;
    position: relative;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    text-align: center;
}
.ts-er-testimonial-slider-wrapper .swiper-wrapper {
    padding-top: 15px;
}
.ts-er-testimonial-box:after {
    max-width: 470px;
    width: 100%;
    min-height: 320px;
    margin: auto;
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 30px;
    border-radius: 10px;
    background-color: var(--themestack-white-color);
    box-shadow: 0 0 25px rgb(70 176 195 / 20%);
    z-index: -1;
    transition: all .3s ease-in-out;
}
.ts-er-testimonial-box:hover:after{
    top: 5px;
}
.ts-er-left-quote{
    position: absolute;
    content: '';
    top: 45px;
    left: 60px;
    transition: all .3s linear;
}
.ts-er-left-quote span svg, .ts-er-right-quote span svg {
    fill: #f8f8f8;
    transition:all 0.3s;
}
.ts-er-right-quote{
    position: absolute;
    content: '';
    right: 60px;
    bottom: 40px;
}
.ts-er-testimonial-box:hover .ts-er-left-quote span svg, .ts-er-testimonial-box:hover .ts-er-right-quote span svg{
    fill: rgb(0 187 230 / 25%);
}
.ts-er-testimonial-box img {
    border: 3px solid var(--themestack-primary-color);
    border-radius: 50%;
    width: 65px;
    height: 65px;
    object-fit: cover;
    margin: 0 auto;
}
.ts-er-testimonial-box p {
    width: 430px;
    max-width: 100%;
    font-size: 16px;
    color: var(--er-text-color);
    font-weight: 400;
    font-style: italic;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
    line-height: 1.5;
}
.ts-er-testimonial-box p::after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 66px;
    max-width: 100%;
    height: 2px;
    background-color: var(--themestack-primary-color);
}
.ts-er-testimonial-name h3 {
    font-size: 16px;
    color: var(--er-menu-text-color);
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-er-testimonial-name{
    padding: 20px 0 0;
}
.ts-er-testimonial-name span{
    font-size: 14px;
    color: var(--themestack-primary-color);
    font-weight: 400;
    text-align: center;
    text-transform: capitalize;
}
.ts-er-testimonial-slider .swiper-slide{
    background-color: transparent;
}
.ts-er-testimonial-wrapper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #c6d8d8;
    opacity: 1;
}
.ts-er-testimonial-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--themestack-primary-color);
}
/*-------------- Testimonial section css end ----------*/
/*-------------- Team section css start ----------*/
.ts-er-team-slider-wrapper .swiper {
    margin: 0 -15px;
}
.ts-er-team-slider-box {
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(105,59,132,0.1);
    background-color: var(--themestack-white-color);
    padding: 40px 0;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    cursor: pointer;
    position: relative;
    text-align: center;
    margin: 0 15px;
}
.ts-er-team-slider-box:hover .ts-er-team-slider-box-img::before{
    visibility: visible;
    opacity: 1;
}
.ts-er-team-slider-box-img {
    position: relative;
}
.ts-er-team-slider-box-img::before {
    width: 140px;
    height: 140px;
    position: absolute;
    content: '';
    top: -5px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    bottom: 0px;
    border-radius: 50%;
    border: 2px dashed var(--themestack-primary-color);
    animation: cspin 20s linear infinite;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
@keyframes cspin{
    from{
        transform: rotate(0);
    }
    to{ 
        transform: rotate(359deg);
    }
}
.ts-er-team-icons{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-er-team-slider-box-text h2 {
    font-size: 20px;
    color: var(--er-menu-text-color);
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}
.ts-er-team-slider-box-text p{
    font-size: 14px;
    color: var(--themestack-primary-color);
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}
.ts-er-team-icons ul{
    padding-left:0;
}
.ts-er-team-icons ul li {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
}
.ts-er-team-icons ul li a .profile-icon, .ts-er-team-icons ul li a .message-icon, .ts-er-team-icons ul li a .call-icon{
    height: 50px;
    width: 50px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    cursor: pointer;
    position: relative;
}
.ts-er-team-icons ul li a .profile-icon:after, .ts-er-team-icons ul li a .message-icon:after, .ts-er-team-icons ul li a .call-icon:after,
.ts-er-team-slider-box:hover .ts-er-team-icons ul li a .profile-icon:after{
    position: absolute;
    content: '';
    top: 0;bottom: 0;left: 0;right: 0;
    border-radius: 100%;
    background-color: #4064ac;
    transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.ts-er-team-icons ul li a .message-icon:after{
    background-color: #1c9cea;
}
.ts-er-team-icons ul li a .call-icon:after{
    background-color: #0e72a3;
}
.ts-er-team-icons ul li a .profile-icon:hover:after, .ts-er-team-icons ul li a .message-icon:hover:after, .ts-er-team-icons ul li a .call-icon:hover:after, .ts-er-team-slider-box:hover .ts-er-team-icons ul li a .profile-icon:hover:after{
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}
.ts-er-team-icons ul li a .profile-icon:hover svg,.ts-er-team-icons ul li a .message-icon:hover svg, .ts-er-team-icons ul li a .call-icon:hover svg{
    z-index: 1;
}
.ts-er-team-icons .profile-icon{
    background-color: rgba(64, 100, 172, 10%);
}
.ts-er-team-icons .message-icon{
    background-color: rgba(28, 156, 234, 10%);
}
.ts-er-team-icons .call-icon{
    background-color: rgba(14, 114, 163, 10%);
}
.ts-er-team-icons ul li a span svg {
    width: 18px;
    height: auto;
    transition:all 0.3s;
}
.ts-er-team-icons ul li a span.profile-icon svg {
    fill:#4064ac;
}
.ts-er-team-icons ul li a span.message-icon svg {
    fill:#1c9cea;
}
.ts-er-team-icons ul li a span.call-icon svg {
    fill:#0e72a3;
}
.ts-er-team-icons ul li a:hover span svg{
    fill: var(--themestack-white-color);
}
.ts-er-team-slider .swiper-pagination, .ts-er-testimonial-slider .swiper-pagination{
    position: relative;
    margin-top: 50px;
}
.ts-er-testimonial-slider .swiper-pagination{
    margin-top: 70px;
}
.ts-er-team-slider-box img {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 25px;
}
.ts-er-team-slider .swiper-wrapper{
    top: 15px;
}
.ts-er-team-member-wrapper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #c6d8d8;
    opacity: 1;
} 
.ts-er-team-member-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--themestack-primary-color);
}
/*-------------- Team section css end ----------*/
/*-------------- Blog section css start ----------*/
.ts-er-blog-box-img{
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}
.ts-er-blog-box-img img {
    transition: all 2s ease-out;
    -webkit-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    width: 100%;
    border-radius: 6px;
}
.ts-er-blog-box-img:hover img, .ts-er-blog-box:hover .ts-er-blog-box-img img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    border-radius: 10px;
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
}
.ts-er-blog-box:hover .ts-er-blog-date {
    bottom: 62px;
}
.ts-er-blog-box:hover .ts-er-blog-box-text h1{
    color: var(--themestack-primary-color);
}
.ts-er-blog-date {
    position: relative;
    content: '';
    bottom: 25px;
    left: 15px;
    display: inline-block;
    text-align: center;
    min-width: 150px;
    line-height: 45px;
    padding: 0 20px;
    border-radius: 6px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    background-color: var(--themestack-primary-color);
}
.ts-er-blog-date svg {
    width: 22px;
    height: auto;
    fill: var(--themestack-white-color);
}
.ts-er-blog-date p {
    font-size: 18px;
    color: var(--themestack-white-color);
    font-weight: 600;
    margin-bottom: 0;
    display: inline-block;
    padding-left: 10px;
}
.ts-er-blog-box-text h1{
    font-size: 22px;
    color: var(--er-menu-text-color);
    font-weight: 600;
    margin-bottom: 10px;
    max-width: 100%;
    width: 350px;
}
.ts-er-blog-box-text p {
    width: 370px;
    max-width: 100%;
    font-size: 16px;
    color: var(--er-text-color);
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.5;
}
.ts-er-blog-box:hover .ts-er-join-btn a{
    letter-spacing: 2px;
}
/*-------------- Blog section css end ----------*/
/*-------------- Newsletter section css start ----------*/
.form-control-wrapper {
    margin: 0 auto;
    text-align: center;
    position: relative;
    max-width: 670px;
}
.form-control-wrapper .form-control {
    font-size: 16px;
    color: #9eb7bb;
    font-weight: 400;
    border: 1px solid transparent;
    width: 100%;
    min-height: 60px;
    border-radius: 6px;
    background-color: #ecf7f9;
    padding: 0px 220px 0px 30px;
    text-transform: none;
}
.ts-er-newsletter-wrapper input::placeholder{
    color: #9eb7bb !important;
}
.ts-er-news-btn {
    position: absolute;
    content: '';
    top: 4px;
    right:6px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transform: perspective(1px) translateZ(0);
    -webkit-transform: perspective(1px) translateZ(0);
    -o-transform: perspective(1px) translateZ(0);
}
.ts-er-news-btn a:hover::before, /*.ts-er-head-btn a:hover::before,*/ .ts-er-consult-btn a:hover::before{
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}
.ts-er-news-btn a::before, /*.ts-er-head-btn a:before,*/ .ts-er-consult-btn a:before{
    position: absolute;
    content: '';
    z-index: -1;
    top: 0;left: 0;right: 0;bottom: 0;
    background: #2b2d43;
    transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    border-radius: 6px;
}
/*-------------- Newsletter section css end ----------*/
/*-------------- footer section css start ----------*/
.ts-bg-footer-img {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    padding-top: 180px !important;
    margin-top: -35px;
    padding-bottom: 80px;
}
.ts-er-footer-logo {
    margin-top: -10px;
}
.ts-er-footer-logo img, .ts-er-footer-logo .ts-er-footer-logo-svg svg {
    margin-bottom: 42px;
}
.ts-er-footer-text p{
    width: 257px;
    max-width: 100%;
    font-size: 16px;
    color: var(--er-footer-text-color);
    font-weight: 400;
    margin-bottom: 20px;
}
.ts-er-footer-text a{
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 600;
    text-transform: capitalize;
}
.ts-er-footer-text .ts-er-call{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 212px;
    max-width: 100%;
    min-height: 60px;
    border-radius: 0 30px 30px 30px;
    background-color: var(--themestack-primary-color);
    margin-top: 20px;
    cursor: pointer;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.ts-er-footer-text .ts-er-call span.call-svg svg {
    fill: var(--themestack-white-color);
}
.ts-er-footer-text .ts-er-call:hover {
    background-color: transparent;
    border: 1px solid var(--themestack-primary-color);
}
.ts-er-call span.number{
    font-size: 18px;
    color: var(--themestack-white-color);
    font-weight: 500;
    margin-left: 10px;
}
.ts-er-footer-box h3 {
    font-size: 18px;
    color: var(--themestack-white-color);
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.ts-er-footer-box h3::before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0px;
    width: 71px;
    height: 1px;
    background-color: var(--themestack-primary-color);
}
.ts-er-footer-box h3::after{
    position: absolute;
    content: '';
    left: 0;
    bottom: -5px;
    width: 64px;
    height: 1px;
    background-color: var(--themestack-primary-color);
}
.ts-er-footer-btm-links ul.menu {
    padding-left: 0;
}
.ts-er-footer-box ul li{
    display: block;
    position: relative;
    margin-bottom: 10px;
    transition: all .3s linear;
}
.ts-er-footer-box ul li:last-child{
    margin-bottom: 0;
}
.ts-er-footer-box ul li:hover::before{
    background-color: var(--themestack-primary-color);
}
.ts-er-footer-box ul li::before{
    position: absolute;
    content: '';
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: var(--er-footer-text-color);
}
.ts-er-footer-box ul li a{
    font-size: 16px;
    color: var(--er-footer-text-color);
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 15px;
    position: relative;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.ts-er-footer-box ul li a:hover{
    color: var(--themestack-primary-color);
    margin-left: 10px;
}
.ts-er-footer-box ul li a::after{
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    top: 100%;
    left: 14px;
    background-color: var(--er---themestack-white-color);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.ts-er-footer-box ul li a:hover:after{
    width: 93%;
}
.ts-er-copyright-wrapper{
    background-color: #282a3d;
    padding: 15px 0;
}
.ts-er-copyright p{
    font-size: 14px;
    color: var(--themestack-white-color);
    font-weight: 400;
    text-align: center;
}
/*-------------- footer section css end ----------*/
/* ==============Media Query ================= */

@media(max-width:1600px) {
    .ts-er-footer-wrapper{
        padding: 180px 0 80px;
    }
}  
@media(max-width:1399px) {		
    .ts-er-team-slider-box::before{
        left: 55px;
    }
}
@media(max-width:1300px) {
    .ts-er-testimonial-box::after {
        width: 490px;
    }
    .nice-select{
        padding-left: 5px;
        padding-right: 25px
    }
}
@media(max-width:1199px){
    .ts-er-header-logo-wrapper, .header-menu-wrapper{
        padding: 15px 0;
    }
    .ts-er-testimonial-box::after{
        width: 400px;
    }
    .ts-er-team-slider-box::before{
        left: 35px;
    }  
    .ts-er-footer-wrapper{
        background-image: none;
        background-color: var(--er-footer-bg-color);
        padding:80px 0;
        margin-top: 0;
    } 
    .ts-er-abt {
        padding-top: 30px;
    }
    .ts-er-team-member-wrapper .container {
        padding-right: 0;
    }
    .ts-bg-footer-img {
        margin-top: -162px;
    }
    .ts-er-call {
        margin-bottom: 30px;
    }
    .ts-er-search-btn:after{
        display:none;
    }
    .ts-header-style4 .ts-main-header-inner .ts-serach-cart-holder {
        margin: auto;
    }
    .ts-er-testimonial-box {
        box-shadow: none;
    }
    .ts-bg-footer-img {
        padding-top: 260px !important;
        padding-bottom:71px;
    }
    .ts-er-blog-text-wrapper .col-12:last-child .ts-er-blog-box-text .ts-er-join-btn {
        margin-bottom: 71px;
    }
}
@media(max-width:992px){
    .ai-slider-box{
        margin-left: 0;
        margin-right: 0 !important;
    }
    .ts-er-search-btn:after {
        left: 20px;
    }
}
@media(max-width:991px){
    .search-btn:after{
        left: 30px;
    }
     .ts-er-header-logo {
        text-align: center;
        padding-bottom: 20px;
    }
    .ts-er-footer-text, .ts-er-footer-box{
        margin-bottom: 20px;
    }
    .ts-er-header-menu-wrapper {
        padding: 15px 0px;
    }
    .ts-er-consult-btn a{
     margin-right: 0;
    }
    .nice-select {
        padding-left: 0px;
        padding-right: 19px;
    }
    .ts-er-search-btn:after{
     display: none;
    }
    .ts-er-heading-left-wrapper {     
        padding-top: 0;
    }
    .ts-er-footer-wrapper .col-lg-3:nth-child(3) .ts-er-footer-box, .ts-er-footer-wrapper .col-lg-3:nth-child(4) .ts-er-footer-box {
        margin-bottom: 0;
    }
    .ts-er-footer-wrapper .col-lg-3:nth-child(2) .ts-er-footer-box{
        margin-bottom: 50px;
    }
    .ts-bg-footer-img {
        margin-top: -296px;
    }
    .ts-bg-footer-img {
        padding-top: 384px !important;
    }
    .ts-header-style4 .ts-date-controls {
        padding-bottom: 7px;
    }
    .ts-er-footer-logo img, .ts-er-footer-logo .ts-er-footer-logo-svg svg {
        margin-bottom: 23px;
    }
    .ts-bg-footer-img {
        padding-bottom: 50px;
    }
}  
@media(max-width:767px){
    .ts-er-footer-wrapper{
        padding: 80px 0;
        background-color: #2b2d43;
    }
    .ts-er-search-btn:after{
        left: 75px;
    }
    .nice-select {
        padding-left: 15px;
        padding-right: 25px;
    }
    .ts-er-news-btn:hover span.con-icon, .ts-er-consult-btn:hover span.con-icon{
     margin-left: 5px;
    }
    .ts-er-header-menu-wrapper.ts-er-fixed{
        padding: 10px 0;
    }
    .form-control-wrapper .form-control {        
        padding: 10px 165px 10px 15px;
    }
    .ts-er-header-call-wrapper {
        flex-direction: column;
    }
    .ts-er-head-call, .ts-er-head-mail {
        margin-bottom: 20px;
    }
}
@media(max-width:575px){
    .ts-er-header-logo {
        text-align: center;
        margin-bottom: 10px;
    }
    .ts-er-header-call-wrapper{
        flex-wrap: wrap;
        justify-content: center;
    }
    .ts-er-header-logo-wrapper, .header-menu-wrapper{
        padding: 10px 0;
    }
    .ts-er-headermenu-wrapper{
        top: 0;
    }
    .ts-er-header-menu-wrapper{
        padding: 10px 50px;
    }	
    .ts-er-mission-box-wrapper{
        flex-wrap: wrap;
    }
    .ts-er-mission-box{
        margin-bottom: 10px;
    }
    .ts-er-mission-box.ts-er-mission-box-2{
        margin-left: 0;
    }
    .ts-er-search-btn:after{
        display: none;
    }
    .ts-er-call-text {
        margin-left: 6px;
    }
    .ts-er-team-slider-box::before {
        left: 65px;
    }
    .ts-er-footer-wrapper .col-lg-3:nth-child(3) .ts-er-footer-box, .ts-er-footer-wrapper .col-lg-3:nth-child(4) .ts-er-footer-box, .ts-er-footer-wrapper .col-lg-3:nth-child(2) .ts-er-footer-box{
        margin-bottom: 30px;
    }   
    .ts-er-footer-wrapper .col-lg-3:last-child .ts-er-footer-box{
        margin-bottom: 0px;
    }
    .ts-er-testimonial-box::after{
        display:none;
    }
}
@media(max-width:480px){
    .ts-er-left-quote {
        display: none;
    }
    .form-control-wrapper .form-control {
        padding: 10px 215px 10px 15px;
    }
    .ts-er-right-quote {
        display: none;
    }
    .ts-er-search-btn {
        top: -2px;
    }
    .ts-er-consult-btn {
        width: 200px;
    }
    .ts-fl-form-design .wpcf7 form.invalid .wpcf7-response-output, .ts-fl-form-design .wpcf7 form.unaccepted .wpcf7-response-output, .ts-fl-form-design .wpcf7 form.payment-required .wpcf7-response-output {
        bottom: -90px;
    }
}
@media(max-width:425px){
    .ts-er-testimonial-slider .swiper-pagination {
        margin-top: 30px;
    }
    .ts-er-testimonial-box p {
        width: 290px;
        font-size: 14px;
        padding:20px 10px;
    }
    .ts-er-blog-date p {
        font-size: 15px;
        font-weight: 500;
    }
    .ts-er-blog-date svg {
        width: 20px;
    }
    .ts-er-blog-date {
        line-height: 42px;
        padding: 0 15px;
    }
    .ts-header-style4 .ts-menu-toggle {
        margin-right: 0;
    }
    .ts-er-news-btn {
        top: 65px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .form-control-wrapper .form-control {
        padding: 15px;
    }
}
@media(max-width:400px){
    .ts-header-style4 .ts-main-header-inner {
        padding: 0;
    }
    .ts-header-style4 .ts-menu-toggle.open-menu {
        margin-left: 120px;
    }
}
@media(max-width:375px){
    .ts-fl-form-design .wpcf7 form.invalid .wpcf7-response-output, .ts-fl-form-design .wpcf7 form.unaccepted .wpcf7-response-output, .ts-fl-form-design .wpcf7 form.payment-required .wpcf7-response-output {
        bottom: -105px;
        left: -40px;
    }
}
/*============================= Eco recylcling css end ================================*/
/*============================= freelancer css Start ================================*/
/* animation Left Right */

@keyframes installationright {
	0% {
		transform: translateX(0px);
	}
	50% {
		transform: translateX(-20px);
	}
}
/* left to right */
@keyframes installationleft {
	0% {
		transform: translateX(0px);
	}
	50% {
		transform: translateX(20px);
	}
}
@keyframes installation {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
}
/* rotate */
@keyframes fl-rotate {
	from {
		-webkit-transform: rotate(0deg) translate(-5px) rotate(0deg);
		-moz-transform: rotate(0deg) translate(-5px) rotate(0deg);
		-ms-transform: rotate(0deg) translate(-5px) rotate(0deg);
		-o-transform: rotate(0deg) translate(-5px) rotate(0deg);
		transform: rotate(0deg) translate(-5px) rotate(0deg);
		transition: 1s ease-in-out;
	}
	to {
		-webkit-transform: rotate(360deg) translate(-5px) rotate(-360deg);
		-moz-transform: rotate(360deg) translate(-5px) rotate(-360deg);
		-ms-transform: rotate(360deg) translate(-5px) rotate(-360deg);
		-o-transform: rotate(360deg) translate(-5px) rotate(-360deg);
		transform: rotate(360deg) translate(-5px) rotate(-360deg);
		transition: 1s ease-in-out;
	}
}
/*all button css*/

.ts-fl-banner-res {
	visibility: hidden;
	opacity: 0;
}

/*all images hover css*/

.ts-fl-image-hover {
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-ms-transition: all 0.5s linear 0s;
	-o-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}
.ts-fl-image-hover a {
	position: relative;
	display: block;
	overflow: hidden;
}
.ts-fl-image-hover a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.7);
	bottom: 0;
	width: 150%;
	height: 0%;
	transform: rotate(10deg) translate(-30px, 80px);
}
.ts-fl-image-hover:hover>a:after {
	height: 100%;
	opacity: 0;
	transform: rotate(0deg) translate(0px, 0px);
	-webkit-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.ts-fl-image-hover a img {
	width: 100%;
}
a.ts-fl-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--themestack-white-color);
	background-color: var(--themestack-primary-color);
	width: 100%;
	max-width: 190px;
	height: 60px;
	border-radius: 50px;
	box-shadow: 16.286px 9.786px 40px 0px rgba(255, 187, 58, 0.3);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.ts-fl-btn:hover{
	transform: translateY(-5px);
}
/*pink btn*/

.ts-fl-pink-btn {
	background-color: var(--themestack-pink-color);
	box-shadow: 16.286px 9.786px 40px 0px rgba(255, 69, 104, 0.3);
}
/* button css */
.ts-fl-portfolio-btn {
    position: relative;
    display: inline-block;
    outline: none;
    overflow: hidden;
	width: 100%;
	max-width: 190px;
	height: 60px;
    background-color: var(--themestack-primary-color);
	box-shadow: 16.286px 9.786px 40px 0px rgba(255, 187, 58, 0.3);
    border-radius: 50px;
    text-align: center;
    line-height: 64px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 16px;
    color: var(--themestack-white-color);
}
.ts-fl-portfolio-btn span {
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 500;
}
.ts-fl-portfolio-btn span.second-text {
    position: absolute;
    top: 100%;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0;
    right: 0;
    margin: auto;
    color: var(--themestack-white-color);
}
.ts-fl-portfolio-btn:hover {
    background: var(--themestack-pink-color);
	box-shadow: 16.286px 9.786px 40px 0px rgb(255 69 104 / 30%);
    color: var(--themestack-white-color);
}
.ts-fl-portfolio-btn:hover span.first-text {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.ts-fl-portfolio-btn:hover span.second-text {
    top: 0%;
}
.ts-fl-portfolio-btn #button{
    position: relative;
    display: inline-block;
    outline: none;
    overflow: hidden;
	width: 100%;
	max-width: 190px;
	height: 60px;
    background-color: var(--themestack-primary-color);
	box-shadow: 16.286px 9.786px 40px 0px rgba(255, 187, 58, 0.3);
    border-radius: 50px;
    border:none;
    text-align: center;
    line-height: 64px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 16px;
    color: var(--themestack-white-color);
}
.ts-fl-portfolio-btn:focus{
    color: var(--themestack-white-color) !important;
}
.ts-fl-portfolio-btn:visited{
    color: var(--themestack-white-color) !important;
}
/*contact form btn start*/
.ts-fl-contact-button input.ts-contact-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    outline: none;
	max-width: 190px;
	width: 100%;
	height: 60px;
    background-color: var(--themestack-primary-color);
    border:none;
	box-shadow: 16.286px 9.786px 40px 0px rgba(255, 187, 58, 0.3);
    border-radius: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 16px;
    color: var(--themestack-white-color);
}
.ts-fl-contact-button input.ts-contact-btn:hover{
    background: var(--themestack-pink-color);
	box-shadow: 16.286px 9.786px 40px 0px rgb(255 69 104 / 30%);
}
/*contact form btn end*/

/* sidebar */
.ts-fl-menu-sidebar {
    width: 300px;
    text-align: center;
    background-color: var(--themestack-primary-color);
    height: 100vh;
    position: fixed;
    top: 0;
    right: -330px;
    z-index: 333;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding-top: 12%;
    padding-left:0;
}
.show-class .ts-fl-menu-sidebar {
    right: 0;
}
.ts-fl-close-css {
    color: var(--themestack-white-color);
    background: var(--themestack-pink-color) !important;
    width: 80px !important;
    height: 30px !important;
    position: absolute !important;
    top: 25px !important;
    left: -52px;
    transform: rotate(90deg);
    cursor: pointer;
}
.ts-fl-contact-box1.ts-fl-sidebar1 img {
    width: 20px;
    height: 20px;
    position: absolute;
}
.ts-fl-contact-box1.ts-fl-sidebar1 h4 {
    color: var(--themestack-white-color);
    font-size: 20px;
	padding-left: 25px;
	margin-bottom: 0;
}
.ts-fl-menu-sidebar h2 {
    color: var(--themestack-white-color);
    text-align: left;
    padding-left: 22px;
    margin-bottom: 0;
}
.ts-fl-contact-box1 p {
    font-size: 14px;
    padding-left: 25px;
    color: var(--themestack-white-color);
    margin-bottom: 0;
}
.ts-fl-contact-box1.ts-fl-sidebar1 {
    width: 296px;
    text-align: center;
    margin: 0 auto;
    background-color: transparent;
	text-align: left;
}
.ts-fl-contact-box1.ts-fl-contact-box1-green.ts-fl-sidebar1{
	background-color: transparent;
	text-align: left;
}
.ts-fl-contact-box1.ts-fl-contact-box1-pink.ts-fl-sidebar1 {
    background-color: transparent;
    text-align: left;
}
.ts-fl-header-extraclass .container-fluid{
    overflow:hidden;
}
/* contact information */
.ts-fl-contact-info-box {
    background-color: #433a55;
    border-radius: 10px;
    padding: 35px;
}
.ts-fl-form {
	width: 100%;
	max-width: 680px;
}
.ts-fl-contact-heading {
	padding-top: 28px;
}
.ts-fl-contact-heading h2 {
    font-size: 22px;
    color: var(--themestack-title-color);
    margin-bottom: 5px;
}
.ts-fl-contact-heading p {
    font-size: 14px;
    color: var(--fl-text-color);
    font-weight: 500;
    margin-bottom: 0;
}
.ts-fl-contact-input p label {
    color: var(--themestack-title-color);
    font-weight: 600;
    margin-bottom: 0;
}
.ts-fl-contact-info-box h2 {
	font-size: 22px;
	color: var(--themestack-white-color);
}
.ts-fl-contact-info-box .ts-fl-contact-p {
    padding-bottom: 23px;
    font-size: 14px;
    color: var(--themestack-white-color);
    margin-bottom: 0;
}
.ts-fl-contact-box1 {
    position: relative;
    background-color: var(--themestack-primary-color);
    margin: 0px 0px 18px;
    padding: 20px;
    border-radius: 10px;
}
.ts-fl-contact-box1.ts-fl-contact-box1-green {
	background-color: var(--themestack-green-color);
}
.ts-fl-contact-box1.ts-fl-contact-box1-pink {
	background-color: var(--themestack-pink-color);
	margin: 0;
}
.ts-fl-contact-box1 a {
    color: var(--themestack-white-color);
    font-size: 14px;
    display: block;
    padding-left: 25px;
    line-height: 1.7;
}
.ts-fl-contact-box1 a img {
	position: absolute;
	left: 20px;
	top: 30px;
}
.ts-fl-contact-box1 p svg {
	position: absolute;
	left: 20px;
	top: 30px;
	fill: var(--themestack-white-color);
}
/*------------------- contact form css end -----------------*/
/*unit data testing header css start*/
.ts-fl-sidebar-box {
    background-color: var(--themestack-primary-color);
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-fl-sidebar-box a span {
	display: block;
	width: 36px;
	height: 2px;
	background: var(--themestack-white-color);
	margin-bottom: 6px;
}
.ts-fl-sidebar-box a span:nth-child(1) {
	width: 20px;
}
.ts-fl-sidebar-box a span:nth-child(2) {
	width: 27px;
}
.freelancer-slider-btn:hover{
    box-shadow:rgb(255 69 104 / 30%) 16px 9px 40px 0px !important;
}
.freelancer-slider-btn-two:hover{
    box-shadow:rgb(255 187 58 / 30%) 16px 9px 40px 0px !important;
}
/*------------------banner css end------------------*/
/*------------------about css start------------------*/
.ts-fl-about-wrapper {	
	position: relative;
}
.ts-fl-shape1 {
	position: absolute;
	right: 0;	
}
.ts-fl-all-heading {
	position: relative;
}
.ts-fl-all-heading img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -25px;
}
.ts-fl-all-heading h2 {
    position: relative;
    padding-bottom: 8px;
    font-size: 30px;
    font-weight: 600;
    z-index: 2;
    margin-bottom: 0;
    color: var(--themestack-title-color);
}
.ts-fl-all-heading h2:before {
	content:'';
	position: absolute;
	width: 76px;
	height: 2px;
	background-color: var(--themestack-primary-color);
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.ts-fl-all-heading p {
    padding: 9px 0px 0px;
    position: relative;
    z-index: 2;
    color: var(--fl-text-color);
    font-size: 18px;
    margin-bottom: 0;
}
.ts-fl-about-left h2 {
    width: 100%;
    max-width: 340px;
    line-height: 1.4;
    font-size: 24px;
}
.ts-fl-abut-spc p {
    font-size: 16px;
    font-weight: 400;
    padding-top: 17px;
    color: var(--fl-text-color);
}
/*skill css*/
.ts-fl-skill-bar h2 {
    padding-bottom: 30px;
    font-size: 20px;
    margin-bottom: 0;
}
.ts-fl-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.wrapper .card .circle {
	position: relative;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	cursor: default;
}
.ts-fl-card-border {	
	border-radius: 100px;
	width: 126px;
	height: 140px;
	margin-right: 14px;
	position:relative;
}
.ts-fl-card-border img{
    position:absolute;
    top:3px;
    left:3px;
}
.bar.bar-2 canvas {
	background-color: #fbedf0;
}
.card1 {
	width: 150px;
}
.ts-fl-wrapper .circle {
	position: relative;
}
.ts-fl-wrapper .bar canvas {
	border-radius: 100px;
	width: 100px;
	height: 100px;
	position: relative;
	left: 15px;
	top: 11px;
}
.ts-fl-wrapper .circle .box span {
	font-size: 18px;
	font-family: sans-serif;
	font-weight: 600;
	transform: translate(-45%, -45%);
	transition: all 0.1s;
	width: 67px;
	height: 67px;
	background: var(--themestack-white-color);
	box-shadow: 0px 0px 10px 0px rgba(7, 149, 150, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	position: absolute;
	top: 57px;
	left: 41px;
	right: 0;
	margin: 0 auto;
}
.ts-fl-wrapper .card1.cs85 .box span {
    color: #079596;
}
.ts-fl-wrapper .card1.cs70 .box span {
    color: var(--themestack-primary-color);
}
.ts-fl-wrapper .card1.cs90 .box span {
    color: var(--themestack-pink-color);
}
.ts-fl-wrapper .card1.cs98 .box span {
    color: #45be93;
}
.ts-fl-text {
	font-size: 14px;
	font-weight: 600;
	color: var(--themestack-title-color);
	padding: 28px 0px 0px 20px;
}
/*skill css end*/
.ts-fl-about-right {
    position: relative;
    margin-bottom: 45px;
}
.ts-fl-about-img-content {
	max-width: 370px;
	height: 141px;
	border-radius: 0px 100px 100px 0;
	background-color: var(--themestack-white-color);
	box-shadow: 35.507px 20.5px 40px 0px rgba(196, 147, 53, 0.1);
	text-align: center;
	padding: 25px 0px 20px;
	position: absolute;
	bottom: -19px;
	width: 100%;
	left: -25px;
}
.ts-fl-about-img-content h3 {
    font-size: 28px;
    padding-bottom: 13px;
    margin-bottom: 0;
}
.ts-fl-about-img-content p {
	width: 100%;
	max-width: 180px;
	height: 40px;
	font-size: 16px;
	background: #fff6eb;
	color: var(--themestack-primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	margin: 0 auto;
}
/*------------------about css end------------------*/
/*------------------resume css start------------------*/
.ts-fl-resume-wrapper {
	position: relative;
}
.ts-fl-shape2 {
	position: absolute;
	z-index: -1;
	top: -190px;
	left: -1px;
}
.ts-fl-shape3 {
	position: absolute;
	right: 0;
	bottom: -16%;
	z-index: -1;
}
.ts-fl-resume-left {
	position: relative;
	background-color: var(--themestack-white-color);
	box-shadow: 0px 0px 40px 0px rgba(114, 114, 144, 0.1);
	border-radius:30px;
}
.ts-fl-resume-left-inner.ts-fl-resume-left-inner-max1 {
	max-width: 530px;
	margin: 0 0 0 auto;
}
.ts-fl-resume-left-inner {
	border-radius: 30px;
	width: 100%;
}
.ts-fl-resume-left-inner:nth-child(2) {
    border-radius: 30px 30px 0 0;
}
.ts-fl-resume-left-inner:nth-child(3) {
    border-radius: 0px;
}
.ts-fl-resume-left-inner:last-child {
    border-radius: 0px 0px 30px 30px;
}
.ts-fl-resume-left-box {
	padding: 40px 0px 39px 80px;
	border-bottom: 1px solid #f3f3f3;
}
.ts-fl-resume-left-box:last-child{
    color:var(--themestack-primary-color);
}
.ts-fl-resume-left-box:nth-child(3) {
    border-bottom: none !important;
}
.ts-fl-resume-left-box h2 {
    font-weight: 500;
    font-size: 14px;
    color: var(--fl-text-color);
    margin-bottom: 0;
}
.ts-fl-prtflio-orng {
    color: var(--themestack-primary-color) !important;
}
.ts-fl-prtflio-red {
    color: var(--themestack-pink-color) !important;
}
.ts-fl-prtflio-red svg {
    fill: var(--themestack-pink-color) !important;
}
.ts-fl-resume-left-box h2 svg {
	margin-right: 8px;
}
.ts-fl-resume-left-box h3 {
    padding: 15px 0px 15px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}
.ts-fl-resume-button p {
    height: 60px;
    max-width: 248px;
    background-color: var(--themestack-primary-color);
    box-shadow: 16.286px 9.786px 40px 0px rgba(255, 187, 58, 0.3);
    transform: rotate(-90deg);
    border-radius: 50px;
    position: absolute;
    left: -116px;
    top: 146px;
    width: 100%;
    padding: 20px 30px;
    font-size: 18px;
    color: var(--themestack-white-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.ts-fl-resume-button p img {
    padding-right: 15px;
    display: block;
}
.ts-fl-resume-button.ts-fl-resume-button-right p {
	background-color: var(--themestack-pink-color);
	left: -113px;
	box-shadow: 16.286px 9.786px 40px 0px rgba(255, 69, 104, 0.3);
}
/*counter*/
.mask {
    background-color: #edeaea;
    border: none;
    border-radius: 40px;
    margin: 0 auto;
    width: 46%;
}
.pro {
    width: 0;
    height: 5px;
    border-radius: 40px;
}
.mask .pro.num1{
    background-color:#079596;
}
.mask .pro.num2{
    background-color:var(--themestack-pink-color);
}
.mask .pro.num3{
    background-color:var(--themestack-primary-color);
}
.mask .pro.num4{
    background-color:#2fa850;
}
.mask .pro.num5{
    background-color:#eb58f8;
}
.pro p {
  display:none;
}
.ts-fl-projectFactsWrap {
    position: relative;
    display: flex;
    flex-direction: row;
    border-radius: 20px;
    box-shadow: 0px 0px 40px 0px rgba(114, 114, 144, 0.1);
    background-color: var(--themestack-white-color);
    align-items: center;
    justify-content: space-around;
    padding: 62px 10px 36px 10px;
    max-width: 1127px;
    margin: 65px auto 0 auto;
}
.ts-fl-projectFactsWrap .item span{
	font-size: 34px;
}
.ts-fl-projectFactsWrap .item {
    position: relative;
    width:100%;
}
.as-whychoose-box {
    margin-left: 0;
    text-align: center;
}
.ts-fl-projectFactsWrap .item span.num1 {
	color: #079596;
	font-weight: 400;
}
.ts-fl-projectFactsWrap .item span.num2 {
	color: var(--themestack-pink-color);
	font-weight: 400;
}
.ts-fl-projectFactsWrap .item span.num3 {
	color: var(--themestack-primary-color);
	font-weight: 400;
}
.ts-fl-projectFactsWrap .item span.num4 {
	color: #2fa850;
	font-weight: 400;
}
.ts-fl-projectFactsWrap .item span.num5 {
	color: #eb58f8;
	font-weight: 400;
}
.ts-fl-projectFactsWrap .item span {
	margin: 0 auto;
}
.f-counter-p {
    font-weight: 600;
    padding: 4px 0px 10px;
    font-size: 16px;
    color: var(--themestack-title-color);
    margin-bottom: 0;
}
p.ts-fl-language-btn {
	width: 100%;
	max-width: 205px;
	height: 60px;
	font-size: 18px;
	text-transform:uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--themestack-primary-color);
	border-radius: 50px;
	color: var(--themestack-white-color);
	box-shadow: 16.286px 9.786px 40px 0px rgba(255, 187, 58, 0.3);
	position: absolute;
	top: -33px;
	left: 35px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
p.ts-fl-language-btn svg {
	margin: -5px 8px 0 0px;
}
p.ts-fl-language-btn:hover{
	transform: translateY(-5px);
}
.ts-fl-resume-download {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 40px;
}
.ts-fl-resume-download p {
    padding-right: 25px;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0px;
    color: var(--themestack-title-color);
}
a.ts-fl-language-btn.ts-fl-download-btn {
    background-color: var(--themestack-primary-color);
    width: 100%;
    max-width: 160px;
    height: 50px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--themestack-white-color);
    border-radius: 50px;
    box-shadow: 16.286px 9.786px 40px 0px rgba(255, 187, 58, 0.3);
    cursor: pointer;
}
a.ts-fl-language-btn.ts-fl-download-btn svg {
    margin-right: 10px;
    position: relative;
    top: -3px;
}
/*------------------resume css end------------------*/
/*------------------specialized css start------------------*/
.ts-fl-shape4 {
	position: absolute;
	top: 103px;
	z-index: -1;
}
.ts-fl-specialized-box-wrapper {
	background-color: var(--themestack-white-color);
}
.ts-fl-specialized-box {
	position: relative;
	box-shadow: 0px 0px 40px 0px rgba(114, 114, 144, 0.1);
	text-align: center;
	padding: 50px 15px 45px 15px;
	overflow: hidden;
	border-radius: 10px;
	border-bottom: 5px solid var(--themestack-white-color);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
img.ts-fl-shpe01 {
    position: absolute;
    top: -84px;
    right: -82px;
}
img.ts-fl-specialized1 {
    position: relative;
    z-index: 2;
}
.ts-fl-specialized-box:hover {
	transform: translateY(-5px);
	border-bottom-color: var(--themestack-primary-color);
}
img.ts-fl-specialized-image {
	position: absolute;
	right: -66px;
	top: -101px;
	z-index: -1;
}
.ts-fl-specialized-box h5 {
    padding: 47px 0px 19px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
.ts-fl-specialized-box h5 a {
    color: var(--themestack-title-color);
}
.ts-fl-specialized-box p {
    font-size: 14px;
    font-weight: 500;
    color: var(--fl-text-color);
    line-height: 1.5;
    margin-bottom: 0;
}
/*------------------specialized css end------------------*/
/*------------------ portfolio css start ----------------*/
.ts-fl-portfolio-wrapper {
    position: relative;
}
.ts-fl-project-gallery {
	text-align: center;
}
.ts-fl-project-gallery .grid-item {
    width: calc(24% - 10px);
	margin: 10px;
	padding:0;
    clear: both;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 40px 0px rgba(114, 114, 144, 0.2);
}
.ts-fl-project-gallery .grid-img:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.72);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
	z-index: 1;
}
.ts-fl-project-gallery .ts-fl-grid-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(0,0,0);
    -ms-transform: translate(-50%, -50%) scale3d(0,0,0);
    transform: translate(-50%, -50%) scale3d(0,0,0);
    text-align: center;
    z-index: 1;
}
.ts-fl-project-gallery .grid-item:hover .ts-fl-grid-icon{
    -webkit-transform: translate(-50%, -50%) scale3d(1,1,1);
    -ms-transform: translate(-50%, -50%) scale3d(1,1,1);
    transform: translate(-50%, -50%) scale3d(1,1,1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ts-fl-project-gallery .grid-item:hover .grid-img:before {
	opacity: 1;
    visibility: visible;
}
.ts-fl-project-gallery .grid-img img{
    width: 100%;
    transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}
.ts-fl-project-gallery .grid-item:hover .grid-img img{
	transform: scale(1.2,1.2);
}
.ts-fl-project-gallery .ts-fl-project-gallery-view a {
    z-index: 0;
}
.ts-fl-project-gallery {
    display: inline-block;
    width: 100%;
	text-align: center;
}
.ts-fl-project-gallery .ts-fl-gallery-nav {
    display:inline-block;
    text-align: center;
    height: 50px;
    border-radius: 50px;
    margin: 0 auto 20px;
}
.ts-fl-project-gallery .ts-fl-gallery-nav ul {
    list-style: none;
    background-color: #fff7ed;
    border-radius: 50px;
    padding: 10px 5px;
    margin-bottom: 0;
}
.ts-fl-project-gallery .ts-fl-gallery-nav ul li {
    display: inline-block;
    cursor: pointer;
    color: var(--themestack-white-color);
    position: relative;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
    margin-right: 10px;
}
.ts-fl-project-gallery .ts-fl-gallery-nav ul li:last-child{
    margin-right:0;
}
a.portfolio-cat-filter.gallery-active{
    background-color: var(--themestack-white-color);
}
.ts-fl-project-gallery .ts-fl-gallery-nav ul li a:hover{
	background-color: var(--themestack-white-color);
}
.ts-fl-project-gallery .ts-fl-gallery-nav ul li a {
    padding: 8px 20px;
    border-radius: 50px;
    color: var(--themestack-title-color);
    font-size: 16px;
    font-weight: 500;
}
.ts-fl-project-gallery .ts-fl-gallery-nav ul li:hover a{
	color: var(--themestack-title-color);
}
.shp-load-more-wrap {
    padding-top: 30px;
}
.shp-load-more-wrap .ts-ks-dark-btn {
    margin: auto;
}
.shp-load-more-wrap a.ts-fl-language-btn.ts-fl-download-btn {
    margin: auto;
}
.shp-load-more-wrap a.ts-fl-language-btn.ts-fl-download-btn {
    max-width: 190px;
    height: 60px;
    font-size: 16px;
}
.shp-load-more-wrap a.ts-fl-language-btn.ts-fl-download-btn:hover{
    background-color:var(--themestack-pink-color);
    box-shadow:16.286px 9.786px 40px 0px rgb(255 69 104 / 30%);
}
/*ajax loader css start*/
.ajax-loader {
    background-color: #fff;
    opacity: 0.92;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483647;
    width: 100%;
    height: 100%;
    display: none;
}
.ajax-loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
/*ajax loader css end*/
/*------------------- client say css end -----------------*/
.ts-fl-client-wrapper {
    padding: 0px 0px 57px;
    position: relative;
}
.ts-fl-client-wrapper .swiper.clientslider.swiper-container-initialized.swiper-container-horizontal {
    overflow: hidden;
    position: relative;
}
.ts-fl-shape6 {
	position: absolute;
	bottom: -22%;
}
.container.ts-fl-client-container {
    width: 100%;
    max-width: 1170px;
}
.ts-fl-client-slider-inner .swiper {
    padding: 20px 25px 15px;
    overflow: hidden;
}
.ts-fl-client-profile-information {
	display: flex;
	align-items: center;
}
.ts-fl-client-profile img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}
.ts-fl-client-profile-info {
	padding: 0px 0px 0px 20px;
}
.ts-fl-client-profile-info h4 {
    font-size: 18px;
    margin-bottom: 0;
}
.ts-fl-client-profile-info p {
    margin-bottom: 0;
}
.ts-fl-client-profile-info h4 span {
    font-size: 14px;
    color: var(--fl-text-color);
}
.ts-fl-client-slider-box {
	width: 100%;
	padding: 30px;
	background-color: var(--themestack-white-color);
	box-shadow: 0px 0px 30px 0px rgba(114, 114, 144, 0.1);
	border-radius: 10px;
}
.ts-fl-client-paragraph {
    position: relative;
    font-size: 16px;
    border: 1px solid #efedf6;
    background-color: #f9f8fc;
    border-radius: 10px;
    padding: 25px 30px 23px 30px;
    margin-top: 30px;
    color: #736e82d6;
    font-family: "Kalam";
    line-height: 1.5;
}
img.ts-fl-quote {
	position: absolute;
	top: -20px;
	right: 30px;
}
.ts-fl-client-paragraph p {
    color: #736e82d6;
    font-family: "Kalam";
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}
.ts-fl-swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--themestack-primary-color);
	width: 10px;
	height: 10px;
}
.ts-fl-swiper-pagination span.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: rgb(192, 194, 218);
	opacity: 1;
	margin:0 5px;
}
.ts-fl-client-slider .swiper-pagination.ts-fl-swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    left: 0;
    right: 0;
}
.ts-fl-client-wrapper .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    width: 10px;
    height: 10px;
    background:#7d8289;
}
.ts-fl-client-wrapper .swiper-pagination-clickable .swiper-pagination-bullet-active {
    background: var(--themestack-primary-color);
}
/*------------------- pricing table css start -----------------*/

.ts-fl-pricing-wrapper {
	position: relative;
}
.ts-fl-shape7 {
	position: absolute;
	right: 0;
	top: -161px;
}
.ts-fl-pricing-border {
	border: 1px solid #efedf6;
	padding: 0px 0px 0px 0;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	border-radius: 10px;	
}
.ts-fl-pricing-save {
    position: relative;
}
img.ts-fl-annual-arrow {
    position: absolute;
    right: 40%;
}
p.ts-fl-pricing-save {
    background-color: var(--themestack-primary-color);
    width: 100%;
    max-width: 225px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: var(--themestack-white-color);
    margin: 0 auto;
    text-transform: uppercase;
}
.ts-fl-toggle-btn {
	text-align: -webkit-center;
}
.ts-fl-toggle-btn span.text-color {
    font-size: 16px;
    color: var(--fl-text-color);
    font-weight: 600;
}
.ts-fl-toggle-btn span.ts-fl-annually-yellow {
    color: var(--themestack-primary-color);
	font-size: 16px;
	font-weight: 600;
}
.ts-fl-pricing-top {
	padding: 30px 0px 40px 0px;
	border-bottom: 1px solid #efedf6;
}
.ts-fl-pricing-icons h3 {
	padding: 16px 0px 0px;
	font-weight: 600;
	font-size: 22px;
}
.ts-fl-fl-packages {
	position: relative;
}
h3.text2.f1-packages {
    display: none;
}
.ts-fl-package-greenbtn-transparent p {
	width: 100%;
	max-width: 163px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-color: rgb(196, 238, 208);
	background-color: rgb(239, 255, 244);
	border-radius: 50px;
	color: var(--themestack-green-color);
	position: absolute;
	top: -20px;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #c4eed0;
}
.ts-fl-package-greenbtn-transparent.ts-fl-yellow-btn p {
    background: #fef5e4;
    color: #ffbb3a;
    border: 1px solid #f6ebd5;
}
.ts-fl-package-greenbtn {
    position: absolute;
    max-width: 150px;
    width: 100%;
    bottom: -32px;
    left: 0;
    right: 0;
    margin: auto;
}
.ts-fl-package-greenbtn .ts-fl-portfolio-btn {
    max-width: 150px;
    height: 50px;
    line-height: 50px;
}
.ts-fl-packages {
	position: relative;
}
.ts-fl-package-greenbtn-transparent.ts-fl-pink-btn p {
	background-color: #fff0f3;
	color: var(--themestack-pink-color);
	border: 1px solid #f6d7dd;
	max-width: 190px;
}
.ts-fl-packages.package-01.ts-fl-package-border {
    border-right: 1px solid #efedf6;
    padding-bottom: 80px;
}
.ts-fl-packages.package-01 {
	padding: 53px 60px 43px 60px;
}
.ts-fl-packages.package-01.ts-fl-package-border.ts-fl-package-box1 {
	padding: 53px 60px 60px 60px;
}
ul.ts-fl-package-center {
    padding-left: 0;
    list-style: none;
    text-align:center;
}
ul.ts-fl-package-center li {
    padding-bottom: 10px;
}
.ts-fl-packages h2 {
	padding-bottom: 20px;
	font-size: 16px;
}
.ts-fl-packages h2.text1 {
    font-size: 16px;
}
.ts-fl-packages h2.text1 {
    display: block !important;
    margin-bottom:0px !important;
}
.ts-fl-packages h2.text2 {
    font-size: 16px;
}
.ts-fl-pricing-icons {
	text-align: center;
}
.ts-fl-pricing-wrapper input, label {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0;
}
.ts-fl-switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	margin: 20px 15px 30px;
}
.ts-fl-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #dfd9eb;
	-webkit-transition: 0.4s;
	transform: translate(0px, 0px);
	transition: 0.6s ease transform, 0.6s box-shadow;
}
.ts-fl-slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
input:checked + .ts-fl-slider {
	background-color: var(--themestack-primary-color);
}
input:focus + .ts-fl-slider {
	box-shadow: 0 0 1px #50bfe6;
}
input:checked + .ts-fl-slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.ts-fl-slider.round {
	border-radius: 34px;
}
.ts-fl-slider.round:before {
	border-radius: 50%;
}
.ts-fl-checkboxmain {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default checkbox */
.ts-fl-checkboxmain input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.ts-fl-round-1 {
	position: relative;
}
.ts-fl-round-1 label {
	background-color: var(--themestack-white-color);
	border: 1px solid #ccc;
	border-radius: 50%;
	cursor: pointer;
	height: 15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	top: 0;
	width: 15px;
}
.ts-fl-round-1 label:after {
	border: 2px solid var(--themestack-white-color);
	border-top: none;
	border-right: none;
	content: "";
	height: 5px;
	left: 2px;
	opacity: 0;
	position: absolute;
	top: 3px;
	transform: rotate(-45deg);
	width: 9px;
}
.ts-fl-round-1 input[type="checkbox"] {
	visibility: hidden;
}
.ts-fl-round-1 input[type="checkbox"]:checked + label {
	background-color: #4aca7d;
	border-color: #4aca7d;
}
.ts-fl-round-1 input[type="checkbox"]:checked + label:after {
	opacity: 1;
}
.ts-fl-package-greenbtn.ts-fl-green a.ts-fl-portfolio-btn {
    background-color: var(--themestack-green-color);
    box-shadow: 16.286px 9.786px 40px 0px rgba(69, 190, 147, 0.3);
    position: absolute;
    bottom: -9px;
    left:0;
}
.ts-fl-package-greenbtn.ts-fl-pink .ts-fl-portfolio-btn {
    background-color: var(--themestack-pink-color);
	box-shadow: 16.286px 9.786px 40px 0px rgba(255, 69, 104, 0.3);
}
.ts-fl-package-greenbtn.ts-fl-yellow a.ts-fl-portfolio-btn {
    background: var(--themestack-primary-color);
	box-shadow: 16.286px 9.786px 40px 0px rgba(255, 187, 58, 0.3);
}
/* general styling */
.ts-fl-round-2 {
	position: relative;
}
.ts-fl-round-2 label {
	background-color: var(--themestack-white-color);
	border: 1px solid #ccc;
	border-radius: 50%;
	cursor: pointer;
	height: 15px;
	left: 0;
	position: absolute;
	top: 0;
	width: 15px;
}
.ts-fl-round-2 label:after {
	border: 2px solid var(--themestack-white-color);
	border-top: none;
	border-right: none;
	content: "";
	height: 5px;
	left: 3px;
	opacity: 0;
	position: absolute;
	top: 3px;
	transform: rotate(-45deg);
	width: 9px;
}
.ts-fl-round-2 input[type="checkbox"] {
	visibility: hidden;
}
.ts-fl-round-2 input[type="checkbox"]:checked + label {
	background-color: #c5c9e9;
	border-color: #c5c9e9;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.ts-fl-round-2 input[type="checkbox"]:checked + label:after {
	opacity: 1;
}
/*------------------- pricing table css end -----------------*/
/*------------------- contact form css start -----------------*/
.ts-fl-contact-wrapper {
    position: relative;
    background-color: var(--themestack-white-color);
    box-shadow: 0px 0px 20px 0px rgb(114 114 144 / 10%);
}
.ts-fl-shape8 {
    position: absolute;
    bottom: 4%;
    left: -9%;
}
.container.ts-fl-container {
	position: relative;
}
.ts-fl-form-design {
    padding: 20px;
    background-color: var(--themestack-white-color);
    position: relative;
}
.ts-fl-contact-heading {
	padding-bottom: 20px;
}
.ts-fl-input-padd-30 {
	padding-bottom: 25px;
}
.ts-fl-contact-input p {
    margin-bottom: 0;
}
.ts-fl-contact-input > label {
	font-size: 14px;
	font-weight: 600;
	color: var(--themestack-title-color);
	margin: 0 !important;
}
.ts-fl-contact-input input {
    padding: 0;
    margin: 0;
    border: transparent;
    border-bottom: 1px solid #e5e5f0;
    border-radius: 0px;
    color: var(--fl-text-color);
    height: 40px;
}
.ts-fl-contact-input input:focus{
	border-bottom: 1px solid var(--themestack-primary-color);
	color: var(--fl-text-color);
}
.ts-fl-contact-input input::placeholder {
	color: var(--fl-text-color);
	font-size: 14px;
}
.ts-fl-contact-input.ts-fl-contact-textarea label {
    width: 100%;
    padding-bottom: 10px;
}
.ts-fl-contact-input.ts-fl-contact-textarea textarea {
	width: 100%;
	resize: none;
	border: transparent;
	border-bottom: 1px solid #e5e5f0;
	padding: 5px 0 0;
	margin: 0;
}
.ts-fl-contact-input.ts-fl-contact-textarea textarea:focus{
	border-bottom: 1px solid var(--themestack-primary-color);
	color: var(--er-text-color);
}
.ts-fl-contact-input.ts-fl-contact-textarea textarea{
    color: var(--fl-text-color);
    height: 40px;
}
.ts-fl-contact-input.ts-fl-contact-textarea textarea::placeholder {
	color: var(--fl-text-color);
	font-size: 14px;
}
/* social icon */
.ts-fl-contact-button {
	padding-top: 31px;
}
.ts-fl-contact-button p {
    margin-bottom: 0;
}
.ts-fl-follow-me {
    margin-top: -85px;
    margin-right: 30px;
}
.ts-fl-follow-me ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 30px;
}
.ts-fl-follow-me ul li {
	display: inline-block;
}
.ts-fl-follow-me ul li {
	display: inline-block;
	margin: 0px 4px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-fl-follow-me ul li:nth-child(1) {
    margin: 0 10px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--themestack-title-color);
}
.ts-fl-follow-me ul li:nth-child(5) {
	margin: 0 0 0 8px;
}
.ts-fl-follow-me ul li:nth-child(5) a svg {
    fill: var(--themestack-blue-color) !important;
}
.ts-fl-follow-me ul li:hover {
	transform: translateY(-5px);
}
.ts-fl-follow-me ul li:hover:nth-child(1){
	transform: translateY(0);
}
.ts-fl-follow-me ul li a {
	width: 47px;
	height: 47px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffeff5;
	border-radius: 50px;
}
.ts-fl-follow-me ul li a.ts-fl-icon2 {
	background-color: #edf3fa;
}
.ts-fl-follow-me ul li a.ts-fl-icon3 {
	background-color: #e8f8ff;
}
.ts-fl-follow-me ul li a.ts-fl-icon4 {
	background-color: #e5eff9;
}
.ts-fl-follow-me ul li a svg {
	height: 15px;
}
.ts-fl-follow-me ul li a svg:nth-child(1) {
	fill: #ea4c89;
}
.ts-fl-follow-me ul li a svg:nth-child(2) {
	fill: #385c8e;
}
.ts-fl-follow-me ul li a svg:nth-child(3) {
	fill: #03a9f4;
}
.ts-fl-follow-me ul li a svg:nth-child(4) {
	fill: #0a66c2;
}
/* copywrite css start */
.ts-fl-copywrite-wrapper {
	position: relative;
	background: var(--themestack-primary-color);
	text-align: center;
	padding: 12px 0px;
}
.ts-fl-copywrite-wrapper p {
	color: var(--themestack-white-color);
	font-size: 16px;
}
.ts-fl-bg-overlay {
	position: fixed;
	background: rgb(0 0 0 / 21%);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	cursor: zoom-in;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
/* Responsive css start */
@media(max-width:1400px){    
    .ts-fl-resume-left-inner.ts-fl-resume-left-inner-max {
        max-width: 100%;
        margin-top: 50px;
    }
    .ts-fl-resume-left-inner.ts-fl-resume-left-inner-max1 {
        max-width: 100%;
    }
    .ts-fl-resume-button p {
        left: 40px;
        transform: rotate(0deg);
        top: -40px;
    }
    .ts-fl-resume-button.ts-fl-resume-button-right p {
        background-color: var(--themestack-pink-color);
        left: 35px;
    }
}
@media(max-width:1199px){
    .ts-fl-menu-main ul.menu li:last-child {
        margin-right: 115px;
    }
    .ts-fl-menu-main ul.menu li > a {
        margin-right: 20px;
    }
    .ts-fl-about-img-content {
        left:0;
        right:0;
        margin:0 auto;
    }
    .ts-fl-shape1 {
        display:none;
    }
    .ts-fl-shape2 {
        display:none;
    }
    .ts-fl-shape3 {
        display:none;
    }
    .ts-fl-shape4 {
        display:none;
    }
    .ts-fl-shape5 {
        display:none;
    }
    .ts-fl-shape6 {
        display:none;
    }
    .ts-fl-shape7 {
        display:none;
    }
    .ts-fl-contact-info-box {
        padding: 25px 15px;
    }
    .ts-fl-contact-info-box .ts-fl-contact-p {
        padding-bottom: 15px;
    }
    .ts-fl-package-greenbtn-transparent p {
        left:0;
        right:0;
        margin:0 auto;
    }
    .ts-fl-package-greenbtn p {
        left:0;
        right:0;
        margin:0 auto;
    }
    .ts-fl-packages.package-01 {
        padding:53px 30px 43px 30px;
    }
    .ts-fl-res1 {
        display:block;
        text-align:center;
    }
    .ts-fl-banner-right {
        padding:100px 0px 0px 0px;
    }
    .ts-fl-shape8 {
        display:none;
    }
    .ts-fl-menu-sidebar {
        padding-top: 20%;
    }
    .ts-fl-about-img-content {
            right: -100px;
    }
    .ts-header-wrapper .ts-main-navigation .menu li{
        margin-right:15px;
    }
    .ts-header-wrapper .ts-main-navigation .menu li:last-child{
        margin-right:100px;
    }
    .ts-fl-sidebar-box {
        width: 88px;
        height: 66px;
        z-index: 9;
    }
    .ts-fl-sidebar-box a span:nth-child(1) {
        width: 18px;
    }
    .ts-fl-sidebar-box a span:nth-child(2) {
        width: 24px;
    }
    .ts-fl-sidebar-box a span {
        margin-bottom: 4px;
    }
    .ts-fl-project-gallery .grid-item {
        width: calc(25% - 10px);
        margin: 5px;
    }
    .as-whychoose-box {
        margin-left: 20px;
    }
    .mask {
        margin: 0 70px 0 20px;
    }
    img.ts-fl-annual-arrow {
        right: 36%;
    }
}
@media(max-width:991px){
    span.ts-fl-menu-box.ts-fl-close-css {
        top: 25px;
    }
    .ts-fl-form-design {
        height:100%;
    }
    .ts-fl-about-wrapper {
        padding:0px 0px 35px;
    }
    .ts-fl-specialized-wrapper {
        padding: 0 0px 20px;
    }
    .ts-fl-gallery-wrapper .filters {
        border-radius:0;
    }
    .ts-fl-client-wrapper {
        padding:0px 0px 40px;
        position:relative;
    }
    .ts-fl-pricing-inner {
        padding:0 0 30px;
    }
    .ts-fl-banner-right {
        padding:0 0px 80px 0px;
    }
    .ts-fl-about-left h2 {
        max-width:100%;
    }
    .ts-fl-about-left {
        padding:60px 0px 60px 0px;
    }
    .ts-fl-about-left p {
        max-width:100%;
    }
    .res-order2 {
        order:2;
    }
    .res-order1 {
        order:1;
    }
    .ts-fl-about-right {
        text-align:center;
    }
    .ts-fl-gallery-wrapper .filters {
        height:auto;
    }
    .ts-fl-margin-res-30 {
        margin-bottom:55px;
    }
    .ts-fl-margin-bottom-30 {
        margin-bottom:30px;
    }
    .ts-fl-btn-animate:before {
        display:none;
    }
    img.ts-fl-annual-arrow {
        display: none;
    }
    .ts-fl-project-gallery .ts-fl-gallery-nav{
        height: auto;
        border-radius: 0;
    }
    .ts-fl-project-gallery .ts-fl-gallery-nav ul {
        list-style: none;
        padding: 15px 15px;
    }
    .ts-fl-form-design {
        padding: 20px 17px 20px 17px;
    }
    .ts-fl-form {
        max-width: 100%;
    }
    .ts-fl-follow-me ul {
        margin-bottom: 40px;
    }
    .ts-fl-input-padd-30 {
        padding-bottom: 0;
    }
    .f-contact-input {
        padding-top: 25px;
    }
    .ts-fl-about-img-content {
            right: 0;
        }
    .ts-fl-resume-left-box {
        padding: 40px 0px 20px 25px;
    }
    .ts-fl-package-greenbtn {
        bottom: -40px;
    }
    .ts-fl-contact-input input {
        margin-bottom: 25px;
    }
    .ts-fl-project-gallery .ts-fl-gallery-nav ul li {
            margin-top: 0px; 
    }
    .ts-fl-pricing-border {
        padding: 15px;
    }
    .ts-fl-projectFactsWrap .item {
        width: auto;
    }
    .as-whychoose-box {
        margin-left: -30px;
    }
    .mask {
        margin: 0 -30px 0 -30px;
    }
    .ts-fl-wrapper {
        padding-bottom: 60px;
    }
    .ts-fl-specialized-box-wrapper .row {
        justify-content: center;
    }
    .ts-fl-package-greenbtn-transparent p {
        max-width: 140px;
        height: 30px;
        top: -16px;
        font-size: 12px;
    }
    .ts-fl-pricing-border {
        padding: 0;
    }
    .ts-fl-about-img-content h3 {
        font-size: 25px;
    }
}
@media(max-width:767px){
    .ts-fl-menu-box {
        display:none;
    }
    .ts-fl-package-greenbtn {
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -27px;
    }
    .ts-fl-package-greenbtn.ts-Themestack-green-color a.ts-fl-portfolio-btn {
        position: absolute;
        bottom: 12px;
        left: 0;
    }
    .ts-fl-bhh-toggle {
        position: absolute;
        top: 50px;
        right: 45px;
    }
    .ts-fl-packages.package-01 {
        padding: auto;
        width: 100%;
        max-width: 492px;
        text-align: center;
        margin: 0 auto;
        box-shadow: 0 0 25px 0 rgb(0 0 0 / 7%);
    }
    p.ts-fl-language-btn {
        left:0;
        right:0;
        margin:0 auto;
    }
    .ts-fl-resume-download {
        display:inline-block;
        text-align:center;
    }
    .ts-fl-mar-30px {
        margin-bottom:30px;
    }
    .ts-fl-follow-me ul {
        justify-content:flex-start;
    }
    .ts-fl-resume-download p {
        padding-bottom: 15px;
    }
    a.ts-fl-language-btn.ts-fl-download-btn{
        margin: 0 auto;
    }
    .ts-fl-resume-download p{
        padding-right: 0;
    }
    .ts-fl-project-gallery .ts-fl-gallery-nav ul li a {
        padding: 8px 10px;
        font-size: 16px;
    }
    .ts-fl-project-gallery .grid-item {
        width: calc(50% - 10px);
    }
    .ts-fl-client-slider-inner .swiper {
        padding: 20px 20px 30px;
    }
    .ts-fl-resume-left{
        margin-bottom: 60px;
    }
    .ts-fl-pricing-top .row{
        justify-content:center;
    }
    .ts-fl-packages h2.text1:last-child {
        padding-bottom:0px;
    }
    .ts-fl-resume-left-inner.ts-fl-resume-left-inner-max {
        margin-top: 25px;
    }
    .ts-fl-packages.package-01.ts-fl-package-border {
        padding-bottom: 30px;
        margin-bottom: 0;
        box-shadow: 0 0 25px 0 rgb(0 0 0 / 7%);
        margin-bottom: 60px;
        border: none;
    }
    .ts-fl-pricing-border {
        border: none;
    }
    .ts-fl-pricing-inner {
        padding: 0;
    }
    .ts-fl-follow-me ul {
        display: block;
        padding-top: 10px;
    }
    .ts-fl-follow-me {
        margin-top: 0;
        margin-right: 0;
    }
    .ts-fl-projectFactsWrap {
        margin: 0px auto 0 auto;
    }
    .ts-header-style5 .container-fluid {
        padding: 0 0 0 15px;
    }
    .ts-fl-sidebar-box {
        width: 60px;
        height: 50px;
    }
}
@media(max-width:575px){
    .ts-fl-about-left h2 {
        text-align: center;
    }
    .ts-fl-top-40 {
        margin-top: 40px;
    }
    .ts-fl-wrapper {
        display:block;
    }
    .ts-fl-card-border {
        margin: 0 auto 30px auto;
    }
    .ts-fl-card-border.ts-fl-card-border3 {
        margin-top:30px;
    }
    .ts-fl-card-border.ts-fl-card-border2 {
        margin-top:30px;
    }
    .ts-fl-card-border.ts-fl-card-border1 {
        margin-top:30px;
    }
    .ts-fl-menu-box {
        width:60px;
        height:60px;
    }
    .ts-fl-gallery-wrapper .filter-button-group ul li {
        display:inline-grid;
    }
    .ts-fl-projectFactsWrap {
        display: block; 
        text-align: center;
    }
    .ts-fl-packages.package-01 {
        max-width: 525px;
    }
    .ts-fl-pricing-border {
        padding: 0px 15px;
    }
    .mask {
        max-width: 90px;
        margin: 0 auto 20px auto;
    }
    .ts-fl-client-profile-info h4 span {
        display: block;
        padding-top: 5px;
    }
}
@media(max-width:480px){
    .ts-fl-banner-right h2 {
        font-size:35px;
    }
    .ts-fl-banner-right h3 {
        font-size:30px;
    }
    .ts-fl-about-img-content h3 {
        font-size:20px;
    }
    .ts-fl-about-img-content {
        height:122px;
        padding:20px 0px 20px;
    }
    .ts-fl-resume-wrapper {
        padding:0;
    }
    .ts-fl-resume-left-box:first-child {
        padding: 40px 15px 15px 15px;
    }
    .ts-fl-resume-button.ts-fl-resume-button-right p {
        left:0;
        right:0;
        text-align:center;
        margin:0 auto;
    }
    .ts-fl-resume-button p {
        left:0;
        right:0;
        text-align:center;
        margin:0 auto;
    }
    .ts-fl-gallery-wrapper .filter-button-group ul {
        padding:20px 20px;
    }
    .ts-fl-contact-wrapper {
        padding:28px 0px 0px;
    }
    .ts-fl-form-design {
        padding: 20px 17px 0 17px;
    }
    a.ts-fl-btn{
        height:50px;
    }
    .themestack_fl-project-gallery .gallery-container {
        margin-top: 30px;
    }
    .ts-fl-project-gallery .ts-fl-gallery-nav ul{
        border-radius:10px;
    }
    .ts-fl-project-gallery .ts-fl-gallery-nav ul li {
        display: block;
        margin-bottom: 10px;
    }
    .ts-fl-project-gallery .ts-fl-gallery-nav ul li a {
        padding: 10px 15px;
    }
    .ts-fl-project-gallery .grid-item {
        width:100%;
    }
    .ts-fl-resume-left-box {
        padding: 20px 15px 20px 15px;
    }
}
@media(max-width:425px){
    .ts-fl-client-paragraph {
        padding: 25px 15px 15px 15px;
    }
    .ts-fl-client-slider-box {
        padding: 20px;
    }
    .ts-fl-client-profile img {
        width: 70px;
        height: 70px;
    }
        .ts-fl-client-slider-box {
        padding: 10px;
    }
    .ts-header-style5 .container-fluid {
        padding: 0;
    }
}
@media(max-width:375px){
    .ts-fl-follow-me ul li:nth-child(1) {
        margin: 0;
        display: block;
        text-align: center;
        padding-bottom: 15px;
    }
    .ts-fl-contact-box1.ts-fl-contact-box1-pink {
        height: auto;
    }
    .ts-fl-contact-info-box {
        height: auto;
    }
    .ts-fl-resume-left-box h2 {
        line-height: 1.8;
    }
    .ts-fl-client-slider-inner .swiper {
        padding: 10px;
    }
    .ts-fl-follow-me ul li, .ts-fl-follow-me ul li:nth-child(5){
        margin: 0 5px 0 0;
    }
    .ts-fl-follow-me ul {
        text-align: center;
    }
    .ts-fl-form-design {
        padding: 0;
    }
    /*.ts-fl-sidebar-box {*/
    /*    margin-left: 7px;*/
    /*}*/
    .ts-header-style5 .ts-main-navigation ul.menu {
        width: 210px;
    }
}
/* Responsive css end */
/*============================= freelancer css end ================================*/
/*=========================== app landing css start ===========================*/
.ts-app-btn {    
    background-color: var(--themestack-primary-color);
    border-radius: 20px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    color: var(--themestack-white-color);
    padding: 9px 29px;    
    margin-left: 25px;
    font-size: 15px;   
    font-weight: 400;
}
.top-btn .ts-app-btn {
    padding: 6px 30px;
}
/* services-section-start */

.ts-app-services-section {
    padding: 0px 0px 40px; 
}
.ts-app-heading p {
    font-size: 14px;
    letter-spacing: 8px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}
.ts-app-heading h1 {
    font-size: 32px;
    line-height: 42px;
    color: var( --themestack-heading-color);
    font-weight: 400;
    margin-bottom: 0;
}
.ts-app-services-contant .ts-app-circle{
	width: 90px;
	height: 90px;
	border-radius: 45px;
	background-color: var(--themestack-white-color);
	box-shadow:0px 10px 20px rgba(167,57,240,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
}
.service-app-heading h1{
	font-size: 20px;
	line-height: 42px;
	color: var( --themestack-heading-color);
	font-weight: 700;
	transition: all 0.3s ease-in-out;
    font-family: 'Roboto', sans-serif;
}
.service-app-heading h1:hover{
    color: var(--themestack-primary-color);
}
.service-app-heading P {
    max-width: 279px;    
    font-size: 15px;
    line-height: 25px;
    color: var(--themestack-grey-color);
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
}
.ts-app-services-contant {
    text-align: center;
}
.ts-app-circle {
    margin: 0 auto;    
    margin-bottom: 20px;
}
.ts-app-service-btn a.ts-app-btn {
    margin-left: 0;
    background: none;
    color: var(--themestack-primary-color) !important;
    padding-bottom: 0;
    text-transform: capitalize;
    font-weight: 500;
}
/* services-section-end */
/* screen-section-start */
.ts-app-left-mock-img {
    padding: 50px 0px 50px 200px;
    position: relative;
    display: flex;
    align-items: center;
}
.ts-app-screenshot-section>.container-fluid>.row>.col-xl-5{   
    padding-right:0 !important;
}
.ts-app-left-mock-img img:nth-child(2) {
    position: absolute;
    top: 80px;
    left: 240px;
    animation: 5s app-floating linear infinite;
}
.ts-app-left-mock-img img:nth-child(3) {
    position: absolute;
    bottom: 20px;
    left: 390px;
    animation: 5.2s app-floating linear infinite;
}
.ts-app-left-mock-img img:nth-child(4) {
    position: absolute;
    bottom: -20px;
    left: 200px;
    animation: 5.5s app-floating linear infinite;
}
@keyframes app-floating {
    from {
        -webkit-transform: rotate(0deg) translate(-12px) rotate(0deg);
        -moz-transform: rotate(0deg) translate(-12px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(-12px) rotate(0deg);
        -o-transform: rotate(0deg) translate(-12px) rotate(0deg);
        transform: rotate(0deg) translate(-12px) rotate(0deg);            
    }
    to {
        -webkit-transform: rotate(360deg) translate(-12px) rotate(-360deg);
        -moz-transform: rotate(360deg) translate(-12px) rotate(-360deg);
        -ms-transform: rotate(360deg) translate(-12px) rotate(-360deg);
        -o-transform: rotate(360deg) translate(-12px) rotate(-360deg);
        transform: rotate(360deg) translate(-12px) rotate(-360deg);            
    }
}
.screen-app-heading {
    z-index: 1;
    padding-left: 50px;
}
.screen-app-heading>p:nth-child(1) {
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 0px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.screen-app-heading p{
	max-width: 370px;
	font-size: 15px;
	line-height: 25px;
	color: var(--themestack-grey-color);
	font-weight: 400;
    font-family: 'Roboto', sans-serif !important;
}
.screen-app-heading h1 {
    font-size: 32px;
    color: var( --themestack-heading-color);
    padding: 15px 0px 20px 0px;
    font-weight: 400;
    margin-bottom: 0;
}
/* screen-slider */
.ts-app-screenshot-section .swiper-slide {
	text-align: center;
	font-size: 18px;	
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }
.ts-app-screen-swiper-container .swiper-slide {
    margin-left: -1px;
}
.screen-slider .swiper-slide h4 {
    font-size: 12px;
    font-weight: 600;
    padding: 10px 0 0 0;
    margin-bottom: 0;
    color: var(--themestack-heading-color);
    text-align: center;
}
.ts-app-testimonial-section .testimonial-slider .swiper-slide{
      background-color: var(--themestack-white-color);
}
  .ts-app-screen-swiper-container .swiper-slide-active {
    margin-left: 4px;
}
 .testmonial-content {
    overflow: hidden;
    position: relative;
}
  .screen-slider {
    padding: 60px;
    background-color: #faf5ff;
    overflow: hidden;
}
.ts-app-screenshot-section .swiper-slide {
	display: block;	
	object-fit: cover;
}
  .ts-app-screenshot-section .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
	display: none;
}
.ts-app-screenshot-section .swiper-button-next:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'next';
	display: none;
}
.ts-app-landing-slider-btn {
    position: relative;
}
.ts-app-landing-slider-btn .swiper-button-next, .ts-app-landing-slider-btn .swiper-container-rtl .ts-app-landing-slider-btn.swiper-button-prev {
    background:var(--themestack-primary-color);
}
.ts-app-landing-slider-btn .swiper-button-prev, .app-landing-slider-btn .swiper-container-rtl .ts-app-landing-slider-btn .swiper-button-next {
  background:var(--themestack-primary-color);
}
.ts-app-landing-slider-btn .swiper-button-next:after, .swiper-button-prev:after {
    display:none !important;
}
.ts-app-landing-slider-btn .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: unset;
    left: -6px;
    border-radius: 0px 25px 25px 0px;
    top: -22px;
}
.ts-app-landing-slider-btn .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -38px;
    right: auto;
    border-radius: 25px 0px 0px 25px;
    top: -22px;
    width: 50px;
}
.ts-app-landing-slider-btn .swiper-button-next, .app-landing-slider-btn .swiper-button-prev {
    width: 51px;
}
.ts-app-screenshot-section .slider-btn:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 32px;
    background: var(--themestack-white-color);
    left: 0px;
    z-index: 11;
    top: -38px;
    opacity: 0.1;
}
/* screen-section-end */
/* tab-section-start */
.ts-app-tab-section {
    padding: 80px 0px;
}
.tab-content .screen-app-heading h1{
	font-size: 32px;		
	color: var( --themestack-heading-color);
	padding: 15px 0px 20px 0px;
	font-weight: 400;
}
.ts-app-conlt-contnt {
    padding-top: 20px;
}
.ts-app-conlt-contnt .ts-app-heading h1 {
    padding-bottom: 20px;
}
/* tab-section-end */

/* testimonial section css start */
.ts-app-testimonial-section .testmonial-content .swiper-slide {
    position: relative;
    border-radius: 10px;
	text-align: center;
}
.heading-white p, .heading-white h1 {
    color: var(--themestack-white-color);
    margin-bottom: 0;
}
.ts-app-testimonial-section .vertical-line img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--themestack-primary-color);
}
.ts-app-testimonial-section .testmonial-content .swiper-slide .vertical-line {
    position: absolute;
    top: 60px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
}
.ts-app-testimonial-section .swiper-slide .vertical-line{
    position: relative;
}
.ts-app-testimonial-section .swiper-slide .vertical-line::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 31px;
    background-color: var(--themestack-primary-color);
    top: 25%;
    left: 50.5%;
    z-index:-1;
}
.ts-app-testimonial-section .swiper-slide .vertical-line::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--themestack-primary-color);
    top: 33%;
    left: 49.7%;
    border-radius: 50px;
}
.ts-app-testimonial-section .testmonial-content .swiper-slide > img{
    width:100%;
}
.ts-app-testimonial-section .testmonial-content .swiper-slide p {
    font-size: 15px;
    line-height: 25px;
    color: var(--themestack-grey-color);
    font-weight: 400;
    padding: 79px 29px 0px 29px;
    margin-top: 20px;
    margin-bottom: 0;
}
.ts-app-testimonial-section .testmonial-content .swiper-slide h1 {
    font-size: 18px;
    line-height: 1.5;
    color: var( --themestack-heading-color);
    font-weight: 700;
    margin-bottom: 0px;
    padding-top: 15px;
}
.ts-app-testimonial-section .testmonial-content .swiper-slide h3 {
    font-size: 15px;
    line-height: 25px;
    color: var(--themestack-primary-color);
    font-weight: 400;
    padding-bottom: 50px;
    margin-bottom: 0;
}
.ts-app-heading .color{
    color: var(--themestack-white-color);  
}
.ts-app-testimonial-section .testmonial-content .swiper-wrapper {
    padding-bottom: 60px;
}
.ts-app-testimonial-section span.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #dfd2e7 !important;
}
.ts-app-testimonial-section .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background:var(--themestack-white-color) !important;
}
.ts-app-frntend-rght-cntn {
    padding-top: 15px;
}
.ts-app-frntend-rght-cntn h1 {
    padding-bottom: 20px;
}
/* testimonial section css end */
/* app-pricing-section start */
.ts-pricing-bg{
    background-color: #faf5ff;
}
.pricing-box {
    background-color: var(--themestack-white-color);
    padding: 40px 0px;
    position: relative;
}
.pricing-text span{
	font-size: 42px;
	line-height: 42px;
	color: var( --themestack-heading-color);
	font-weight: 900;
}
.pricing-text sub{
    font-size: 15px;
	line-height: 42px;
	color: var(--themestack-grey-color);
	font-weight: 500;
}
.pricing-box p {
    font-size: 15px;
    color: var(--themestack-grey-color);
    font-weight: 500;
    margin-bottom: 0;
}
.border-content {
    border-bottom: 1px solid #ebeaea;
    padding: 0px 0px 41px 50px;
    text-align: left;
}
.pricing-box ul {
    text-align: left;    
    padding: 27px 0px;
}
.pricing-box ul li {
    padding: 0px 40px 0px 35px;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease-in-out;
    list-style: none;
    margin-bottom: 0;
}
.pricing-box ul li svg {
    margin-top: -3px;
}
.pricing-box ul li span{
    font-size: 15px;
	line-height: 52px;
	color: var( --themestack-heading-color);
	font-weight: 500;
	padding-left: 10px;
}
.pricing-box {    
    border-radius: 6px;
}
.pricing-box .pricing-btn1{
    position: absolute;
}
.pricing-box .pricing-btn1 {
    position: absolute;
    top: 65px;
    background-color: #ff5894;
    color: var(--themestack-white-color);
    padding: 8px 33px;
    font-size: 12px;
    left: -49px;
    transform: rotate(-90deg);
    border-radius: 20px;
    font-size: 16px;    
    color: var(--themestack-white-color);
    font-weight: 700;
    height: 36px;
    width: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform:capitalize;
}
.pricing-box .--themestack-white-color1{
    background-color: #ffc658;
}
.pricing-box .--themestack-white-color2{
    background-color:  #4ee8f2;
}
.ts-app-pricing-section .btn-color1 {
    background: #ffc658;
}
.ts-app-pricing-section .btn-color2 {
    background: #4ee8f2;
}
/* app-pricing-section end */
/* blog css start */

.blog-box h3 {
    font-size: 22px;
    line-height: 30px;
    color: var( --themestack-heading-color);
    font-weight: 400;
    padding-top: 10px;
    margin-bottom: 0;
}
.box-img>img{
    transition: .5s ease-in-out;
}
.box-img {   
    overflow: hidden;     
}
.blog-box ul li {
    margin-bottom: 0px;
}
.blog-box:hover .box-img img {  
    transform: rotate(10deg) scale(1.4);  
}
.blog-box p {
    font-size: 15px;
    line-height: 25px;
    color: var(--themestack-grey-color);
    font-weight: 400;
    padding: 8px 0px 22px 0px;
    margin-bottom: 0;
}
.blog-box ul {
    display: flex;
    align-items: center;    
    padding-top: 30px 0px 20px 0px;
    padding: 30px 0px 10px 0px;
}
.blog-box ul li {
    list-style: none;
}
.blog-box ul li:nth-child(1) {
    font-size: 14px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    border-radius: 15px;
    background-color: #b92af71c;
    min-width: 120px;
    padding: 3px 15px;
}
.blog-box ul li:nth-child(2) {
    margin-left: 30px;
}
.blog-box ul li svg {
    fill: var(--themestack-primary-color);
    margin: -3px 5px 0 0;
}
.blog-box ul li span {
    font-size: 15px;
    line-height: 25px;
    color: var(--themestack-grey-color);
    font-weight: 500;
}
.blog-box a {
    margin-left: 0;
}
/* footer-section css-start */
.ts-app-footer-section {
    padding: 80px 0px;
    position: relative;
}
.ts-main-footer{
    background-color: #1d1c3e;
}
.ts-main-footer .widget-title {
    color:var(--themestack-white-color);
}
.ts-main-footer .widget a {
    text-transform: capitalize;
    color: #b7b6d8;
}
.ts-main-copyright{
    background-color:var(--themestack-copyright-color);
}
.ts-app-footer-section .footer-content {
    overflow: hidden;
    position: relative;
}
/* app-footer-section-css end */
/* blog css end */
/* footer-css-start */
.ts-app-landing-section p {
    font-size: 18px;
    line-height: 42px;
    color: var(--themestack-primary-color);
    font-weight: 400;
    margin-bottom: 0;
}
.ts-app-footer .footer-app-heading {
    margin-top: 15px;
}
.ts-app-landing-section h2 {
    font-size: 42px;
    line-height: 52px;
    color: var(--themestack-white-color);
    font-weight: 700;
    max-width: 500px;
    margin-bottom: 0;
}
.ts-app-footer .ts-app-landing-section a {
    display: block;
    text-align: center;
}
.footer-btn {
    display: flex;
    align-items: center;
    margin-top: 45px;
    justify-content: flex-end;
}
.footer-btn a:nth-child(2){
    margin-left: 20px;
}
.footer-box {
    background-color: var(--themestack-blue-color);
    padding: 40px 70px;
    margin-bottom: 60px;
}
.ts-app-landing-section a {
    display: block;
    text-align: center;
}
.footer-content ul {
    display: flex; 
    margin-top: 20px;
}
.footer-content ul{
	padding-left: 0;
}
.footer-content ul li {
    margin-left: 20px;
    list-style: none;
}
ul.al-social-icons li {
    margin-bottom: 0;
}
.footer-content ul li:nth-child(1){
    margin-left: 0px;
}
.footer-content p {
    font-size: 15px;
    line-height: 25px;
    color: #b7b6d8;
    font-weight: 400;
    padding-top: 10px;    
}
.footer-content ul li span{
    width: 46px;
	height: 46px;
	border-radius: 23px;
	background-color: #3c3a64;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}
.footer-content ul li:hover .footer-color1{
    background-color: #0e76a8 ;
}
.footer-content ul li:hover .footer-color3{
    background-color: #1DA1F2;
}
.footer-content ul li:hover .footer-color2{
    background-color: #4267B2;
}
.footer-content ul li:hover .footer-color4{
    background-color: #c8232c;
}
.footer-app-heading h1 {
    font-size: 20px;
    color: var(--themestack-white-color);
    font-weight: 700;
    margin-bottom: 0;
}
.footer-app-heading-content ul {
    padding-top: 33px;
    padding-left:0;
}
.footer-app-heading-content a {
    font-size: 15px;
    line-height: 32px;
    color: #b7b6d8;
    font-weight: 400;
    padding-left: 0;
    display: block;
}
.footer-app-heading-content a:hover {    
    color: var(--themestack-primary-color);  
}
.footer-app-heading-content li:before {
    position: absolute;
    content: '';
    top: 12px;
    left: 0;
    height: 8px;
    width: 8px;
    background-color: var(--themestack-primary-color);
    border-radius: 50%;
}
.footer-app-heading-content li {
    position: relative;
    list-style: none;
}
.footer-content .ts-app-footer-swiper-container.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    overflow: hidden;
}
/* footer-css-end */
.ts-app-copyright{
    background: var(--themestack-primary-color);
}
.ts-app-copy-right p {
    font-size: 15px;
    line-height: 25px;
    color: var(--themestack-white-color);
    font-weight: 400;
    text-align: center;
    padding: 13px;
    margin-bottom:0px;
}
.footer-app-heading-content p {
    font-size: 15px;
    line-height: 25px;
    color: #b7b6d8;
    font-weight: 400;
    max-width: 333px;
    padding: 0;
    margin-bottom: 0;
}
.footer-app-heading-content p span{
    color: var(--themestack-primary-color);
}
.twitter-icon-section {
    display: flex;
    margin-top: 30px;
}
.twitter-icon-section>div:nth-child(2){
    padding-left: 20px;
}
.footer-app-heading-content h2 {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    padding-left: 36px;
    padding-top: 12px;
}
.footer-content .swiper-slide {
    text-align: left;
    font-size: 18px;
    background: unset
}
.app-footer-section .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	display: none;
}
/* footer-slider-css */
.footer-slider {
    position: relative;
}
.ts-app-footer-section .slider-btn1 {
    position: relative;
    right: 35px;
    position: absolute;
}
.ts-app-footer-section .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
	display: none;
}
.ts-app-footer-section .slider-btn1 .swiper-button-next, .ts-app-footer-section .slider-btn1 .swiper-container-rtl .slider-btn1 .swiper-button-prev {
    right: unset;
    left: 30px;
    border-radius: 0px 25px 25px 0px;
}
.ts-app-footer-section .slider-btn1 .swiper-button-prev i, .ts-app-footer-section .slider-btn1 .swiper-button-next i {
    color: #b7b6d8;
    position: absolute;
    top: 0px;
    left: 0;
    transition:all 0.3s;
}
.ts-app-footer-section .slider-btn1 .swiper-button-prev i:hover{
    color:var(--themestack-primary-color);
}
.ts-app-footer-section .slider-btn1 .swiper-button-next i:hover{
    color:var(--themestack-primary-color);
}
.ts-app-copy-right-content p span{
    color:var(--themestack-primary-color);
}
/* serach btn css on click */
.searchBox {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    left: 0%;
    background: rgb(65 24 110 / 77%);
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;    
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.searchBox.show {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.searchBox.show,
.searchBox {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.searchBoxContainer {
    width: 50%;
    position: relative;
    text-align: end;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    visibility: hidden;
}
.searchBox.show .searchBoxContainer {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
}
.searchBox.show .searchBoxContainer,
.searchBoxContainer {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.search-bar-inner {
    position: relative;
    height: 50px;
}
.search-bar-inner input {
    width: 100%;
    height: 50px;
    padding: 12px 55px 12px 0;
    border: none;
    border-radius: 0;
    background: transparent;    
    color: var(--themestack-white-color);
    border-bottom: 2px solid var(--themestack-white-color);
}
button i {
    color: var(--themestack-white-color);
}
.closeBtn svg {
    width: 20px;  
    fill: var(--themestack-white-color) !important;
}
.search-bar-inner input::-webkit-input-placeholder {
    opacity: 90%;
}
.search-bar-inner input::-moz-placeholder {
    opacity: 90%;
}
.search-bar-inner input:-ms-input-placeholder {
    opacity: 90%;
}
.search-bar-inner input:-moz-placeholder {
    opacity: 90%;
}
.search-bar-inner button {
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
    border: none;
    background: transparent;    
    width: 45px;
    font-size: 20px;
    border-radius: 26px;
}
.closeBtn {
    margin: 0 0 20px 0;
    display: inline-block;
    padding: 0 15px;
}
.closeBtn svg {
    width: 20px;
    fill: var(--themestack-white-color);
}
span.searchBtn {
    cursor: pointer;
}
/* btn-hover */
.app-btn{
    transition: all 0.5s;
}
.ts-app-btn {
    background-color: #e74f3e;
    border-radius: 20px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    color: var(--themestack-white-color);
    padding: 6px 25px;
    margin-left: 25px;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}
.app-landing-button{
    color: var(--themestack-white-color);  
    background-image: -webkit-linear-gradient(30deg, #a430f1 50%, transparent 50%);
    background-image: linear-gradient(30deg, #a430f1 50%, transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 400ms ease-in-out;
    transition: background 400ms ease-in-out;   
    align-items: center;
    justify-content: center;
}
.btn{
    border: 1px solid transparent;
    transition: all 0.5s ease-in-out;
}
.btn1:hover{
    background-color: #a430f1;
    color: var(--themestack-white-color);
    border: 2px solid var(--themestack-white-color);
}
.ts-app-btn:hover {
    background-position: 100%;
    color: var(--themestack-white-color) !important;
}
.app-landing-button:focus, .app-landing-button:visited {
    color: var(--themestack-white-color);
}
.ts-app-footer-section .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	display: none;
}
.footer-slider .slider-btn1 {
    top: 43px;
    right: 45px;
    position: absolute;
}
.footer-slider .swiper-button-next:after, .footer-slider .swiper-rtl .swiper-button-prev:after{
    display:none;
}
.footer-slider .slider-btn1 .swiper-button-next, .footer-slider .slider-btn1 .swiper-container-rtl .slider-btn1 .swiper-button-prev {
    right: unset;
    left: 30px;
    border-radius: 0px 25px 25px 0px;
}
.footer-slider .swiper-button-prev, .footer-slider .swiper-button-next {
    color: #b7b6d8;
    font-size:18px;
}
.footer-slider .swiper-button-prev i, .footer-slider .swiper-button-next i {
    transition:all 0.3s;
}
.footer-slider .swiper-button-prev:hover i, .footer-slider .swiper-button-next:hover i {
    color:var(--themestack-primary-color);
}
.footer-slider .footer-content .ts-app-footer-swiper-container.swiper-initialized.swiper-horizontal {
    overflow: hidden;
}
/* media query start */
@media(max-width:1600px){
    .ts-app-left-mock-img {
        padding-left:0px;
    }
    .ts-app-left-mock-img img:nth-child(2) {
        left: 40px;
    }
    .ts-app-left-mock-img img:nth-child(4) {
        left: 0;
    }
    .ts-app-left-mock-img img:nth-child(3) {
        left: 185px;
    }
}
@media(max-width:1410px){
    .ts-app-screenshot-section>.container-fluid>.row>.col-xl-5 {
        padding-right: 15px !important;
    }
}
@media(max-width:1199px){
    .slider-btn .swiper-button-next, .slider-btn .swiper-container-rtl .slider-btn .swiper-button-prev{
        left: 50%;
    }
    .slider-btn .swiper-button-prev, .slider-btn .swiper-container-rtl .slider-btn .swiper-button-prev{
        left: 46%;
    }
    .ts-app-left-mock-img {
        padding: 58px 0px 50px 150px;        
    }
    .footer-heading {
        margin-top: 20px;
    }
    .screen-slider .swiper-slide {
        text-align: center !important;
    }
    .ts-app-landing-slider-btn {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::after {
        top: 24%;
        z-index: -1;
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::before {
        top: 30%;
        left: 49.6%;
    }
    .ts-app-testimonial-section .testmonial-content .swiper-slide p {
        padding: 100px 25px 10px 25px;
    }
    .ts-app-services-contant {
            margin-bottom: 30px; 
    }
    .ts-app-left-mock-img img:nth-child(2) {
        left: 180px;
    }
    .ts-app-left-mock-img img:nth-child(3) {
        left: 320px;
    }
    .ts-app-left-mock-img img:nth-child(4) {
        left: 160px;
    }
    .ts-app-conlt-contnt {
        text-align: center;
    }
    .ts-app-conlt-contnt .ts-app-heading {
        text-align: center;
    }
}
@media(max-width:991px){
    .ts-app-left-mock-img {
        padding: 58px 0px 50px 20px;
    }
    .tab-img {
        margin-top: 50px;
    }
    .ts-app-tab-section{
        padding: 50px 0px;
    }
    .blog-box{
        margin-top: 30px;
    }
    .slider-btn .swiper-button-next, .slider-btn .swiper-container-rtl .slider-btn .swiper-button-prev {
        left: 50%;
    }
    .ts-app-left-mock-img img:nth-child(2) {
        left: 60px;
    }
    .ts-app-left-mock-img img:nth-child(3) {
        left: 200px;
    }
    .ts-app-left-mock-img img:nth-child(4) {
        left: 20px;
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::before {
        top: 32%;
        left: 50%;
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::after {
        top: 25%;
    }
    .ts-app-testimonial-section .testmonial-content .swiper-slide p {
        padding: 20px 25px 10px 25px;
    }
    .ts-app-landing-section h2 {
        max-width: 100%;
    }
    .ts-app-landing-section a {
        text-align: left;
        padding-top: 30px;
    }
    .footer-btn {
        margin-top: 10px;
        justify-content: flex-start;
    }
    .ts-app-landing-section p {
        line-height: normal;
        padding-bottom: 10px;
    }
    .footer-box {
        padding: 40px;
    }
    .footer-slider .slider-btn1 {
        right: 400px;
    }
    .ts-fl-resume-button p {
        height: 45px;
        max-width: 200px;
        padding: 20px 15px;
        font-size: 16px;
    }
    .ts-fl-resume-button p {
        top: -30px;
    }
    p.ts-fl-language-btn {
        max-width: 200px;
        height: 45px;
        font-size: 16px;
        top: -23px;
    }
}
@media(max-width:767px){
    .ts-app-left-mock-img{
        display: block;
    }
    .ts-app-left-mock-img {
        padding: 0px 0px 0 0px;
        text-align: center;
    }
    .screen-app-heading {
        z-index: 1;
        text-align: center;
        padding-left: 0;
    }
    .screen-app-heading p {
        max-width: 100%;
    }
    .testmonial-content .swiper-slide p {        
        margin-top: 48px;
    }
    .slider-btn .swiper-button-next, .slider-btn .swiper-container-rtl .slider-btn .swiper-button-prev {
        left: 53%;
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::after {
        z-index: -1;
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::before {
        top: 32%;
        left: 49.9%;
    }
    .ts-app-testimonial-section .testmonial-content .swiper-slide p {
        padding: 50px 25px 10px 25px;
    }
    .ts-app-pricing-section {
        padding: 20px 0px 10px 0px;
    }
    .ts-app-footer-section .slider-btn1 {
        right: 220px;
    }
    .ts-app-landing-section p {
        font-size: 16px;
    }
    .ts-app-landing-section h2 {
        font-size: 30px;
            line-height: 1.3; 
    }
    .ts-app-left-mock-img img:first-child {
        margin-bottom: 50px;
    }
    .ts-app-left-mock-img img:nth-child(2) {
        left: 215px;
        top: 15px;
    }
    .ts-app-left-mock-img img:nth-child(3) {
        left: 360px;
        bottom: 180px;
    }
    .ts-app-left-mock-img img:nth-child(4) {
        left: 180px;
        bottom: 130px;
    }
    .footer-slider .slider-btn1 {
        right: 230px;
    }
    .ts-fl-about-wrapper {
        padding: 0px;
    }
    .ts-header-style9 .container-fluid {
        padding: 0 15px;
    }
    .ts-header-style9 .ts-app-btn {
        margin: 0 10px !important;
    }
}
@media(max-width:700px){
    .ts-app-left-mock-img img:nth-child(2) {
        left: 150px;
    }
    .ts-app-left-mock-img img:nth-child(3) {
        left: 300px;
    }
    .ts-app-left-mock-img img:nth-child(4) {
        left: 120px;
    }   
}
@media(max-width:575px){
    .testmonial-content .swiper-slide p{
        margin-top: 0;
    }
    .ts-app-testimonial-section .testmonial-content .swiper-slide p {
        padding: 60px 25px 10px 25px;
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::after {
        top: 26%;
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::before {
        top: 34%;
        left: 49.9%;
    }
    .footer-sec-2 {
        margin-left: 20px;
    }
    .slider-btn .swiper-button-next, .slider-btn .swiper-container-rtl .slider-btn .swiper-button-prev {
        left: 55%;
    }
    .ts-app-landing-section h2 {
        font-size: 34px;   
    }
    .app-banner-left-contant {
        padding-top: 250px;
        padding-left: 17PX;
    }
    .ts-app-landing-slider-btn {
        left: 50%;
        transform: translateX(-50%);
    }
    .ts-app-left-mock-img img:nth-child(2) {
        left: 100px;
    }
    .ts-app-left-mock-img img:nth-child(3) {
        left: 235px;
    }
    .ts-app-left-mock-img img:nth-child(4) {
        left: 80px;
    }
    .pricing-box .pricing-btn1 {
        position: absolute;
        top: -16px;
        left: 50%;
        transform: translateX(-50%);
    }
}
@media(max-width:520px){
    .ts-app-footer-section .slider-btn1 {
        right: 150px;
    }
}
@media(max-width:480px){
    .oh-footer-box{
        padding: 10px;
    }
    .slider-btn .swiper-button-next, .slider-btn .swiper-container-rtl .slider-btn .swiper-button-prev {
        left: 53%;
    }
    .slider-btn .swiper-button-prev, .slider-btn .swiper-container-rtl .slider-btn .swiper-button-prev {
        left: 42%;
    }
    .ts-app-footer-section .slider-btn1 {
        right: 100px;
    }
    .ts-app-blog-section {
        padding: 20px 0px 0px 0px;
    }
    .ts-app-left-mock-img img:nth-child(2) {
        left: 50px;
        top: 50px;
    }
    .ts-app-left-mock-img img:nth-child(3) {
        left: auto;
        bottom: 250px;
        right: 30px;
    }
    .ts-app-left-mock-img img:nth-child(4) {
        left: 0;
        bottom: 150px;
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::before {
        top: 34%;
        left:49.8%;
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::after {
        top: 27%;
    }
    .ts-app-landing-section h2 {
        font-size: 25px;
    }
    .footer-slider .slider-btn1 {
        right: 150px;
    }
    .ts-header-style9 .ts-main-header-inner {
        flex-direction: column;
        padding-bottom: 20px;
    }
}
@media(max-width:425px){
    .footer-slider .slider-btn1 {
        right: 100px;
    }
}
@media(max-width:415px){
    .search_bar_inner input{
        font-size: 10px;
    }
    .screen-heading {   
        padding-left: 0px;
    }
    .ts-app-left-mock-img img:nth-child(2) {
        animation:none;
    }
    .ts-app-left-mock-img img:nth-child(3) {
        animation:none;
    }
    .ts-app-left-mock-img img:nth-child(4) {
        animation:none;
    }
}
@media(max-width:375px){
    .ts-app-testimonial-section .swiper-slide .vertical-line::after {
        top: 22%;
    }
    .ts-app-testimonial-section .swiper-slide .vertical-line::before {
        top: 28%;
        left: 49.6%;
    }
    .ts-app-testimonial-section .testmonial-content .swiper-slide p {
        padding: 100px 25px 10px 25px;
    }
    .screen-app-heading>p:nth-child(1) {
        line-height: 20px;
    }
    .screen-slider {
        padding: 60px 0;
    }
    .ts-app-landing-slider-btn {
        left: 47%;
    }
    .ts-app-left-mock-img img:nth-child(3) {
        right: 0;
        top:0;
    }
    .ts-app-left-mock-img img:nth-child(4) {
        left: 0;
        bottom: 250px;
    }
    .ts-app-left-mock-img img:nth-child(2) {
        left: 0;
    }
    .blog-box ul li:nth-child(1) {
        font-size: 13px;
        color: var(--themestack-primary-color);
        font-weight: 500;
        padding: 3px 10px;
    }
    .blog-box ul li:nth-child(2) {
        margin-left: 20px;
    }
    .blog-box ul li span {
        font-size: 13px;
        line-height: 25px;
        color: var(--themestack-grey-color);
        font-weight: 500;
    }
    .ts-header-style9 .ts-main-navigation ul.menu {
        width: 230px;
    }
}
@media(max-width:320px){
    .ts-app-testimonial-section .swiper-slide .vertical-line::before {
        left: 49.3%;
    }
    .ts-app-left-mock-img img:nth-child(3) {
        bottom: 380px;
        left: 115px;
    }
}
/* media query end */
/*======================= app landing css end ====================*/
/*======================= domain hosting css start ====================*/

/*-------------- header section css start ----------*/
.ts-host-nav-menu{
    display: flex;
	align-items: center;
}
.ts-host-nav-menu .menu-main_menu-container {
    margin-left: auto;
}
.ts-host-logo{
	padding: 10px 0;
	cursor: pointer;
}
.ts-host-nav-menu > li {
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 0px;
}
.ts-host-nav-menu > li > a{
	font-size: 16px;
	color: var(--themestack-white-color);
	font-weight: 500;
	font-family: "Jost";
	text-transform: uppercase;
	position: relative;
	transition: all .3s ease-in-out;    
}
.ts-host-nav-menu > li > a:after{
	position: absolute;
	content: '';
	top: 25px;
	left: 0;
	width: 0%;
	height: 2px;
	transition: all .3s ease-in-out;
	background-color: var(--themestack-primary-color);
}
.ts-host-nav-menu > li > a:hover:after, .ts-host-nav-menu li.current-menu-item > a:after{
	width: 100%;
}
.ts-host-signup, .ts-host-search-btn, .ts-host-pt-box-btn{
	width: 150px;
	height: 50px;
	border-radius: 25px;
	background-image: linear-gradient(245deg, #ff512f 0%, #ef9719 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.ts-host-ht-search-wrappper .ts-host-search-btn{
	margin-right: 10px;
}
.ts-host-search-btn,.ts-host-signup, .ts-host-pt-box-btn, .ts-host-cust-btn{
	transition: all .5s linear;
	position: relative;
}
.ts-host-search-btn:hover, .ts-host-signup:hover, .ts-host-pt-box-btn:hover{
	transition: all .5s linear;
	color: var(--themestack-white-color);
	background-image: linear-gradient(245deg, #ef9719 0%, #ff512f 100%);
}  
.ts-host-search-btn a:hover {
    color: var(--themestack-white-color);
}
.header-img{
	display: none;
}
.ts-host-signup svg{
	transition: all .3s ease-in-out;
}
.ts-host-signup a{
	font-size: 16px;
	color: var(--themestack-white-color);
	font-weight: 500;
	font-family: "Jost";
	margin-left: 10px;
	text-transform: capitalize;
	z-index: 1;
	transition: all .3s ease-in-out;
}
.ts-host-signup a:hover {
    color: var(--themestack-white-color);
}
.ts-host-signup img{
	z-index:1;
}
.ts-host-header-text{
	display: flex;
	flex-direction: column;
	padding: 220px 0 50px 130px;
}
.ts-host-header-text h5 {
    max-width: 260px;
}
.ts-host-header-text h5, .ts-host-about-text h5, .ts-host-heading-wrapper h5 {
    font-size: 18px;
    color: var(--themestack-white-color);
    font-weight: 500;
    font-family: "Jost";
    text-transform: uppercase;
    min-width: 140px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    background-color: var(--themestack-primary-color);
    display: inline-block;
    text-align: center;
}
.ts-host-header-text h1{
	font-size: 52px;
	color: var(--themestack-white-color);
	font-weight: 500;
	font-family: "Jost";
	padding: 15px 0;
	width: 700px;
	max-width: 100%;
	text-transform: capitalize;
}
.ts-host-ht-search-wrappper {
    max-width: 660px;
    width: 100%;
    border-radius: 40px;
    background-color: var(--themestack-white-color);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 15px 0;
    position: relative;
}
.ts-host-ht-search-wrappper .input-group{
    box-shadow:none !important;
    margin-top:0px !important;
}
.ts-host-ht-search-wrappper input.ts-host-banner-input {
    font-size: 16px !important;
    font-weight:500 !important;
    border: none !important;
    margin-top: 0px !important;
}
.ts-host-ht-search-wrappper .input-group input#Search {
    border: none;
    font-size: 15px;
    font-weight: 500;
}
.ts-host-ht-search-wrappper input.ts-host-banner-input::placeholder{
      color:var(--themestack-heading-color)!important;
}
.ts-host-ht-search-wrappper input.ts-host-banner-input:focus{
    border:none !important;
}
.ts-host-ht-search-wrappper .input-group button.host-search-btn{
    min-width: 120px !important;
    height: 50px !important;
    padding: 4px 20px !important;
    font-size: 12px !important;
    border-radius: 25px !important;
    font-size: 15px !important;
    background-image: linear-gradient(245deg, #ff512f 0%, #ef9719 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;   
}
#wdc-style *, #wdc-style :after, #wdc-style :before {
    box-shadow: none !important;
}
#wdc-style .btn-info {
    border: none !important;
    border-radius: 25px !important;
}
#wdc-style .form-control{
    width: 500px !important;
    height:50px !important;
}
.ts-host-ht-search-wrappper .input-group{
	width: 100px;
}
.dropdown.ts-host-select .select-control {
    width: 100px;
}
select:focus-visible {
	outline: none;
}
.form-control{
	font-size: 16px;
	color: #757575;
	font-family: "Jost";
	width: 400px;
	max-width: 100%;
	padding: 0px 30px;
	text-transform: capitalize;
	background-color: transparent;
	font-weight: 500;
}
.form-control.search-control{
	border-color: transparent;
}
.custom-select{
	position: relative;
	font-size: 16px;
	color: var(--themestack-heading-color);
	font-family: "Jost";
	border-color: transparent;
	width: 70px;
	background-color: transparent;
	position: relative;
	cursor: pointer;
}
.ts-host-select{
	position: relative;
}
span.select-icon{
	position: absolute;
	right: 15px;
	top: 3px;
}
.ts-host-search-btn, .ts-host-pt-box-btn {
	display: flex;
	align-items: center;
}
span.select-icon i{
	color: #ff532f;
}
.ts-host-search-btn i{
	color: var(--themestack-white-color);
	z-index: 1;
	transition: all .3s ease-in-out;
}
.ts-host-search-btn a, .ts-host-pt-box-btn a {
    font-size: 16px;
    color: var(--themestack-white-color) !important;
    font-weight: 500;
    font-family: "Jost";
    text-transform: capitalize;
    z-index: 1;
    transition: all .3s ease-in-out;
}
.ts-host-ht-search-wrappper .ts-host-search-btn a{
	margin-left: 10px;
}
.ts-host-ht-text p{
	font-size: 18px;
	color: var(--themestack-white-color);
	font-family: "Jost";
	padding: 15px 0;
}
.ts-host-ht-text p span{
	margin-left: 10px;
}
.ts-host-ht-text p span:nth-child(1){
	margin-left: 0;
}
  .ts-host-header-text .ts-host-ht-text p .o-color{color: #ff781e;}
  .ts-host-header-text .ts-host-ht-text p .p-color{color: #fc1dff;}
  .ts-host-header-text .ts-host-ht-text p .b-color{color: #2d77ff;}
  .ts-host-header-text .ts-host-ht-text p .g-color{color: #26d56c;}
  .ts-host-header-text .ts-host-ht-text p .y-color{color: #fff71a;}
  
.ts-host-box-section{
	position: relative;
	content: '';
	/*margin-top: -140px;*/
	left: 0;
	right: 0;
    z-index: 1;
}
.ts-host-head-box {
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(36,37,51,0.1);
    background-color: var(--themestack-white-color);
    text-align: center;
    padding: 50px 20px;
    transition: all .3s ease;
}
.ts-host-head-box:hover{
	transform: translateY(-10px);
}
.ts-host-head-box h2 {
    font-size: 22px;
    color: var(--themestack-heading-color);
    font-family: "Jost";
    text-align: center;
    padding: 20px 0px 10px 0;
    font-weight: 600;
    position: relative;
    text-transform: none;
    margin-bottom: 5px;
}
.ts-host-head-box h2::after{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 80px;
	height: 2px;
	background-color: var(--themestack-primary-color);
}
.ts-host-head-box h2::before {
    position: absolute;
    content: '';
    bottom: -6px;
    left: 0;
    right: 0;
    margin: auto;
    width: 47px;
    height: 2px;
    background-color: var(--themestack-primary-color);
}
.ts-host-head-box p {
    font-size: 16px;
    color: var(--themestack-grey-color);
    font-family: "Jost";
    text-align: center;
    padding: 20px 0 15px 0;
    margin: 0 auto;
    font-weight: 500;
    line-height: 1.5;
}
.ts-host-head-box a{
	font-size: 14px;
	color: var(--themestack-primary-color);
	font-family: "Jost";
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
}
.ts-host-head-box a:after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 80px;
    height: 1px;
    background-color: var(--themestack-primary-color);
    left: 0;
    right: 0;
    margin: auto;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover{
	background-color: var(--themestack-primary-color);
	color: var(--themestack-white-color);
}
ul.dropdown-menu.show {
	min-width: 87px;	
}
/*-------------- header section css end ----------*/
/*-------------- about-us section css start ----------*/
.ts-host-aboutus-wrapper {
    padding: 60px 0 80px 0;
}
.ts-host-about-desc .ts-host-heading-wrapper {
    padding-top: 60px;
}
.ts-host-about-text {
    padding: 50px 0;
}
.ts-host-about-text .ts-host-search-btn{
	margin-top: 20px;
}
.ts-host-about-text h5, .ts-host-heading-wrapper h5{
	width: 140px;
}
.ts-host-about-text h1, .ts-host-heading-wrapper h1 {
    font-size: 32px;
    color: var(--themestack-heading-color);
    font-weight: 500;
    font-family: "Jost";
    padding: 8px 0 0 0;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-host-abt {
    padding-top: 50px;
}
.ts-host-about-text p{
	width: 570px;
	max-width: 100%;
	font-size: 16px;
	color: var(--themestack-grey-color);
	font-weight: 400;
	font-family: "Jost";
	padding: 15px 0;
	font-weight: 500;
  }
.ts-host-about-img img{
	animation: floating 4000ms linear alternate infinite;
}
@keyframes floating { 
	0%{
	  transform: rotate(0deg) translate(-12px) rotate(0deg);
	  transition: 1s ease-in-out;
	}
	100%{
	  transform: rotate(360deg) translate(-12px) rotate(-360deg);
	  transition: 1s ease-in-out;
	}
}
  /*-------------- about-us section css end ----------*/
  /*-------------- our team section css start ----------*/
.ts-host-ourteam-slider-wrappper .ts-host-pagination-dot {
    padding-top: 80px;
}
  /* slider css */
.swiper {
	width: 100%;
	height: 100%;
}
.ts-host-ourteam-wrappper .swiper.ts-host-ourteam-slider.swiper-container-initialized.swiper-container-horizontal {
    overflow: hidden;
    position: relative;
}
.ts-host-testimonial-slider-wrapper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: var(--themestack-white-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.ts-host-testimonial-slider-wrapper  .swiper-slide img {
	display: block;	
	object-fit: cover;
	transition: all 0.5s ease-in-out;
}
.ts-host-team-name{
	max-width: 100%;
	width: 210px;
	height: 75px;
	background-color: var(--themestack-white-color);
	border-radius: 10px 0 10px 10px;
	padding: 15px;
}
.ts-host-team-name h3 {
    font-size: 18px;
    color: var(--themestack-heading-color);
    font-weight: 700;
    font-family: "Jost";
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-host-team-name p {
    font-size: 14px;
    color: var(--themestack-primary-color);
    font-weight: 500;
    font-family: "Jost";
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-host-ourteam-slider .team-text{
	display: flex;
	flex-direction: column;
	background-color: transparent;
}
.ts-host-ourteam-slider .swiper-slide{
	position: relative;
	transition: all 0.5s ease-in-out;
	cursor: pointer;
}
.team-text .ts-host-team-name{
	position: absolute;
	right: 0;
	bottom: -37px;
	transition: all 0.5s ease-in-out;
}
.ts-host-ourteam-slider .swiper-slide:hover .ts-host-team-name{
	bottom: -2px;
}
.ts-host-pagination-dot .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 20px;
	height: 5px;
	background-color: var(--themestack-primary-color);
	border-radius: 3px;
	transition: all .3s linear;
}
.ts-host-pagination-dot .swiper-pagination-bullet {
    height: 6px;
    width: 6px;
    background-color: #bab1c5;
    opacity: 1;
    margin: 0 5px;
}
.ts-host-pagination-dot .swiper-pagination {
	position: relative;
}
.ts-host-testimonial-slider .swiper-pagination {
	margin-top: 40px;
	transform: none;
}
/*-------------- our team section css end ----------*/
/*-------------- Pricing section css start ----------*/
.ts-host-pt-toggle-btn ul{
    display: flex;  
    align-items: center;          
}
.ts-host-ptbox-header-wrapper ul.ts-host-inner li:nth-child(2), .ts-host-ptbox-header-wrapper ul.ts-host-inner li:nth-child(3), .ts-host-ptbox-header-wrapper ul.ts-host-inner li:nth-child(4), .ts-host-ptbox-header-wrapper ul.ts-host-inner li:nth-child(5){
    margin: auto;            
}
.ts-host-ptbox-header-wrapper ul.ts-host-inner li img:nth-child(2), .ts-host-ptbox-header-wrapper ul.ts-host-inner li img:nth-child(3), .ts-host-ptbox-header-wrapper ul.ts-host-inner li img:nth-child(4), .ts-host-ptbox-header-wrapper ul.ts-host-inner li img:nth-child(5){
    display: flex;
    justify-content: center;
}
.ts-host-pricing-wrapper{
    background-color: var(--themestack-white-color);
    padding: 0;
}
.ts-host-pricing-table {
    display: inline-flex;
    background-color: #f9f7fb;
    padding: 5px 0;
    margin-left:-18px;
}
.box-color .ts-host-pt-package-container {
    background-color: var(--themestack-white-color);
}
.ts-host-ptbox-header-wrapper {
    padding: 30px 0 80px 0;
    width: 410px;
    max-width: 100%;
}
.ts-host-ptbox-header-wrapper ul{
      padding-left:0px;
}
.ts-host-ptbox-header-wrapper ul li {
    padding: 16px 0px 23px 0;
    position: relative;
    list-style: none;
    margin-bottom: 0;
}
.ts-host-ptbox-header-wrapper ul li:nth-child(2), .ts-host-ptbox-header-wrapper ul li:nth-child(3), .ts-host-ptbox-header-wrapper ul li:nth-child(4), .ts-host-ptbox-header-wrapper ul li:nth-child(5) {
    padding-bottom: 11px;
}
.ts-host-ptbox-header-wrapper ul li:after, .ts-host-pt-box ul li:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: #f2eff5;
	max-width: 100%;
}
.ts-host-ptbox-header-wrapper ul li:nth-child(6)::after, .ts-host-pt-box ul li:nth-child(6):after {
	visibility: hidden;
	opacity: 0;
}
.ts-host-ptbox-header-wrapper ul li p {
    font-size: 16px;
    color: var(--themestack-heading-color);
    font-weight: 600;
    font-family: "Jost";
    padding: 0 0 0 40px;
    margin-bottom: 0px;
}
.ts-host-pt-header p{
	font-size: 16px;
	color: var(--themestack-heading-color);
	font-weight: 600;
	font-family: "Jost";
	text-transform: capitalize;
	margin-bottom:0px;
}
.ts-host-pt-header {
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 15px 0 30px;
    margin-left: 40px;
}
.ts-host-pt-toggle-btn span{
	font-size: 12px;
	color: #d0c6d9;
	font-weight: 600;
	font-family: "Jost";
	text-transform: uppercase;
	padding: 0 15px;
}
.ts-host-pricing-wrapper .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.ts-host-pricing-wrapper .switch {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 24px;
}
.ts-host-pricing-wrapper .slider.round {
	border-radius: 12px;
}
.ts-host-pricing-wrapper .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:  #e7e1ed;
	-webkit-transition: 0.4s;
	transform: translate(0px, 0px);
	transition: all 0.6s ease-in-out;
}
.ts-host-pricing-wrapper .slider.round:before {
	border-radius: 50%;
}
.ts-host-pricing-wrapper .slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 3px;
	background-color: #fb632a;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.ts-host-pricing-wrapper input:checked + .slider {
	background-color: #e7e1ed;
}
.ts-host-pricing-wrapper input:checked + .slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}
.ts-host-pt-box{
	width: 200px;
	max-width: 100%;
}
.ts-host-pt-box ul {
    padding-left: 0;
}
.ts-host-pt-box-head{
	padding: 20px 20px 6px 20px;
}
.ts-host-pt-box-head h3{
	font-size: 16px;
	color: var(--themestack-heading-color);
	font-weight: 600;
	font-family: "Jost";
	text-align: center;
	text-transform: capitalize;
	padding: 10px 0;
}
.ts-host-pt-box-head p {
    font-size: 20px;
    color: var(--themestack-heading-color);
    font-weight: 700;
    font-family: "Jost";
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
}
.ts-host-pt-box-head p span{
	font-size: 14px;
	color: var(--themestack-grey-color);
	font-weight: 400;
	font-family: "Jost";
	text-transform: capitalize;
}
.ts-host-pt-box ul li {
    padding: 14px 0;
    text-align: center;
    position: relative;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}
.ts-host-pt-box ul li:first-child {
    padding-top: 18px;
}
.ts-host-pt-box ul li:last-child {
    padding-bottom: 0;
}
.ts-host-pt-box-btn{
	width: 120px;
	height: 40px;
	justify-content: center;
	margin: 30px auto;
	cursor: pointer;
	transition: all .3s ease-in-out;
}
  /*-------------- Pricing section css end ----------*/
  /*-------------- testimonial section css start ----------*/
.ts-host-testimonial-wrapper .ts-host-heading-wrapper h5{
	width: 160px;
}
.ts-host-testimonial-slider .testimonial-text {
    padding: 35px 0 20px 0;
    margin-top: 20px; 
    border-radius: 10px;
}
.ts-host-testimonial-wrapper .swiper.ts-host-testimonial-slider.swiper-container-initialized.swiper-container-horizontal {
    overflow: hidden;
    position: relative;
}
.ts-host-testimonial-slider .ts-host-test-text-wrapper{
	padding: 10px 30px;
	position: relative;
}
.htest-comma{
	position: absolute;
	top: -16px;
	right: 20px;
}
.testimonial-text p {
    font-size: 14px;
    color: var(--themestack-grey-color);
    font-weight: 500;
    text-align: left;
    padding: 15px;
    line-height: 2;
    margin-bottom: 0;
}
.ts-host-test-text h4 {
    font-size: 18px;
    color: var(--themestack-heading-color);
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-host-test-text h5{
	font-size: 14px;
	color: var(--themestack-grey-color);
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 0;
}
.ts-host-test-img {
    display: flex;
    align-items: center;
    padding: 10px;
    text-align:left;
}
.ts-host-test-img img {
    height: 63px;
    width: 63px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 20px;
}
/*-------------- testimonial section css end ----------*/
/*-------------- blog section css start ----------*/
.ts-host-blog-post p {
    font-size: 15px;
    color: var(--themestack-grey-color);
    font-weight: 500;
    margin-bottom: 0;
}
.ts-host-blog-comment span {
    font-size: 15px;
    color: var(--themestack-grey-color);
    font-weight: 500;
}
.ts-host-blog-post{
	display: flex;
	margin-bottom: 10px;
}
.ts-host-blog-text h3 {
    margin-bottom: 0;
    line-height: 1;
}
.ts-host-blog-text h3 a{
	font-size: 20px;
	color: var(--themestack-heading-color);
	font-weight: 700;
	font-family: "Jost";
	padding: 20px 0;
  }
.ts-host-blog-text-wrapper {
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 15px rgba(36,37,51,0.06);
	background-color: var(--themestack-white-color);
	position: relative;
	transition: all .5s ease;
	border-radius: 10px;
	cursor:pointer;
}
.ts-host-blog-text-wrapper img{
	padding: 10px;
    width: 100%;
    border-radius:20px;
}
.ts-host-blog-text-wrapper:hover {
	transform: translateY(10px);
}
.ts-host-blog-text-wrapper:hover .ts-host-blog-date {
	transform: scale(1.2);
}
.ts-host-blog-text {
	padding: 15px 20px 30px;
}
.ts-host-about-desc p {
    font-size: 16px;
    color: var(--themestack-grey-color);
    font-weight: 400;
    font-family: "Jost";
    font-weight: 500;
    line-height: 1.5;
    padding-left: 13px;
}
.ts-host-about-desc .ts-host-view-btn{
	padding: 0 0 0 13px;
}
.ts-host-blog-comment {
	margin-left: 30px;
}
.ts-host-blog-comment svg {
    fill: var(--themestack-primary-color);
}
.ts-host-blog-date{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction:column;
	width: 60px;
	max-width: 100%;
	height: 60px;
	border-radius: 10px;
	background-image: linear-gradient(245deg, #ff512f 0%, #ef9719 100%);
	position: absolute;
	right: 20px;
	top: 20px;
	transition: all .5s ease;
}
.ts-host-blog-date h3, .ts-host-blog-date p {
    font-size: 20px;
    color: var(--themestack-white-color);
    font-weight: 700;
    font-family: "Jost";
    margin-bottom: 0;
}
.ts-host-blog-date p{
	font-size: 12px;
}
/*-------------- blog section css end ----------*/
/*-------------- customer section css start ----------*/
.ts-host-customer-wrappper{
	background-image: linear-gradient(258deg, #ff512f 0%, #ef9719 100%);
}
.ts-host-customer-wrappper .row {
    align-items: center;
}
.ts-host-cust-img {
    margin-top: -67px;
    text-align: center;
}
.ts-host-cust-img img{
	animation: img-left-right 9s linear alternate infinite;
}
@keyframes img-left-right{
	0%, 100% {
	  transform: translateX(-20px);
	}
	50% {
		transform: translateX(20px);
	}
}
.ts-host-cust-text {
    text-align: left;
    padding: 10px 0 20px 0;
}
.ts-host-cust-text h1 {
    font-size: 40px;
    color: var(--themestack-white-color);
    font-weight: 700;
    margin-bottom: 0;
}
.ts-host-cust-text p {
    font-size: 18px;
    color: var(--themestack-white-color);
    font-weight: 400;
    margin-bottom: 0;
    padding: 15px 0;
    line-height: 1.5;
}
  .ts-host-cust-btn{
	width: 170px;
	max-width: 100%;
	height: 60px;
	border-radius: 30px;
	background-color: var(--themestack-white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .3s ease-in-out;
}
.ts-host-cust-btn:hover{
	background-color: #201f2c;
}
.ts-host-cust-btn:hover a{
	color: var(--themestack-white-color);
	z-index: 1;
}
.ts-host-cust-btn a{
	font-size: 16px;
	color: #fc602a;
	font-weight: 500;
	font-family: "Jost";
	text-align: center;
	text-transform: capitalize;
	transition: all .3s ease-in-out;
}
  /*-------------- customer section css end ----------*/
  /*-------------- footer section css start ----------*/
.ts-host-footer-logo img{
	cursor: pointer;
}
.ts-host-footer-logo p{
	width: 270px;
	max-width: 100%;
	font-size: 14px;
	color: var(--themestack-white-color);
	font-weight: 400;
	font-family: "Jost";
	padding: 30px 0;
}
.ts-host-footer-payment{
	display: flex;
	align-items: center;
}
.ts-host-footer-payment span{
	margin-right: 30px;
	cursor: pointer;
	transition: all .3s ease-in-out;
}
.ts-host-footer-payment span svg {
    fill: #a9a9a9;
    transition: all 0.3s;
}
.ts-host-footer-payment span:hover svg{
    fill:var(--themestack-primary-color);
}
.ts-host-footer-logo h2, .ts-host-footer-box h3 {
    font-size: 18px;
    letter-spacing: 2px;
    color: var(--themestack-white-color);
    font-weight: 600;
    padding-left: 15px;
    padding-bottom: 30px;
    text-transform: uppercase;
    position: relative;
}
.ts-host-footer-logo h2::before, .ts-host-footer-box h3::before {
    position: absolute;
    content: '';
    top: -2px;
    left: 0;
    width: 3px;
    height: 25px;
    background-color: var(--themestack-primary-color);
}
.ts-host-footer-btm-links ul li {
    position: relative;
    padding-bottom: 14px;
    list-style: none;
    margin-bottom: 0;
}
.ts-host-footer-btm-links ul li a{
	font-size: 14px;
	color: var(--themestack-white-color);
	font-weight: 400;
	font-family: "Jost";
	text-transform: capitalize;
	padding-left: 20px;
	transition: all .5s ease; 
}
.ts-host-footer-btm-links ul li a:hover {
	color: var(--themestack-primary-color);
	padding-left: 30px;
}
.ts-host-footer-btm-links ul li::before{
	position: absolute;
	content: '';
	top: 12px;
	width: 8px;
	height: 2px;
	background-color: var(--themestack-primary-color);
}
  /* copyright section css */
.ts-host-copyright p {
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 400;
    font-family: "Jost";
    margin-bottom: 0;
}
.ts-host-footer-box ul {
    padding-left: 0;
}
.ts-host-copyright p span{
	color: #fc602a;
	font-weight: 600;
}
.ts-host-copyright-wrapper{
	background-color: #282837;
	padding: 17px 0;
	text-align: center;
}
/*-------------- footer section css end ----------*/
/*====================== media css start ==========================*/
@media(max-width:1600px) {
    .ts-host-header-text {
        padding: 220px 0 50px 0px;
    }
}
@media(max-width:1400px){
    .ts-header-style7 .container-fluid {
        padding: 0 30px;
    }
}
@media(max-width:1300px) {
    .form-control{
        width: auto;
    }
    input.form-control.search-control {
        max-width: 300px;	
    }
}
@media(max-width:1399px) {
    .ts-host-ourteam-slider .swiper-slide:hover .ts-host-team-name{
        bottom: -5px;
    }
    .ts-host-pt-box{
        width: 200px;
    }
}
@media(max-width:1199px) {
    .ts-host-ptbox-header-wrapper ul li p{
        padding:0 20px;
    }
    .ts-host-nav-menu li{
        padding: 0 10px;
    }
    .team-text .ts-host-team-name {
        width: 100%;
    }
    .ts-host-pt-box {
        width: 162px;
    }
    .ts-host-pt-header {
        text-align: center;
        justify-content: unset;
        margin-left: 20px;
    }
    #wdc-style .form-control{
        width:395px !important;
    }
    .ts-host-ht-search-wrappper {
        max-width: 570px;
    }
    .ts-host-head-box:nth-child(3), .ts-host-head-box:nth-child(4) {
        margin-bottom: 20px;
    }
    .ts-host-pricing-table {
        padding: 0;
    }
    .ts-host-footer-payment {
        padding-bottom: 40px;
    }
    .ts-host-signup {
        margin-right: 15px;
    }
}
@media(max-width:1024px){
    .ts-host-header-text {
        padding: 120px 0 50px 0px;
    }
}
@media(max-width:992px){
    .ts-host-pt-box {
        width: 100%;
        background-color: var(--themestack-white-color);
        padding: 0px 0px 10px;
    }
    .ts-host-pt-box.box-color {
        margin-top: 40px;
    }
    .ts-host-ptbox-header-wrapper {
        background-color: var(--themestack-white-color);
    }
    .ts-host-pt-toggle-btn {
        padding-left: 10px;
    }
    .ts-host-ptbox-header-wrapper ul li p {
        padding: 0 20px;
    }
    .ts-host-nav-menu li {
        padding: 0 5px;
    }
    .ts-host-pt-header {
        display:flex;
        justify-content: unset;
        align-items: center;        
    }
    .ts-host-pt-box-head {
        padding: 20px 10px 6px 10px;
    }
    .ts-host-ptbox-header-wrapper {
        padding: 30px 0 71px 0;
    }
}
@media(max-width:991px) {
    .ts-host-ht-search-wrappper {
        flex-wrap: inherit;
    }
    .ts-host-about-text {
        padding: 50px 0 0;
    }
    .ts-host-nav-menu li a{
        color: #01012f;
    }
    .ts-host-header-text{
        padding: 40px 0;
    }
    .header-img{
        display: block;
    }
    .ts-host-pt-package-container {
        display: block;		
    }
    .ts-host-pt-toggle-btn span {
        padding: 0 0;
    }	
    .ts-host-footer-box {
        margin-bottom: 40px;
    }
    .form-control {
        width: 400px;
    }
    .ts-host-about-img {
        text-align: center;
    }
    .ts-host-about-text h5, .ts-host-heading-wrapper h5 {
        width: 140px;
        margin: 0 auto;
    }
    .ts-host-about-text p{
        margin: 0 auto;
    }
    .ts-host-about-text .ts-host-search-btn {
        margin-top: 20px;
        margin: 0 auto;
    }
    .ts-host-about-desc .ts-host-view-btn {
        padding: 0 0 30px 10px;
    }
    .ts-host-cust-text h1 {
        font-size: 20px;
    }
    .ts-host-cust-text p {
        font-size: 16px;
        padding: 10px 0;
        margin-bottom: 0px;
    }
    .ts-host-testimonial-slider .ts-host-test-text-wrapper {
        padding: 10px 0px;
    }
    .ts-host-testimonial-slider .testimonial-text {
        padding: 15px 0 0px 0;
    }
    .ts-host-pt-box-btn {
        margin: 30px auto 0 auto;
    }
    .ts-host-pt-box-btn {
        width: 100px;
        height: 35px;
    }
    .ts-host-pt-box-btn a {
        font-size: 14px;
        font-weight: 400;
    }
    .ts-footer-wrapper .col-12:nth-child(2) .ts-host-footer-btm-links ul li:last-child, .ts-footer-wrapper .col-12:nth-child(3) .ts-host-footer-btm-links ul li:last-child {
        padding-bottom: 0;
    }
    .testimonial-text p {
        padding-top: 0;
    }
    .ts-host-cust-text {
        padding: 0;
    }
}
@media(max-width:767px){
    .ts-host-cust-img{
        display: none;
    }
    .ts-host-footer-logo{
        margin-bottom: 50px;
    }
    .form-control {
        width: auto;
    }
    .team-text .ts-host-team-name{
        left: 0;
        right: 0;
        margin: auto;
    }
    .ts-host-aboutus-wrapper {
            padding: 0; 
    }
    .ts-host-view-btn {
        padding: 0 0 35px 0;
    }
    .ts-host-pricing-table {
        width: 100%;
    }
    .ts-host-pt-header, .ts-host-pricing-table {
        justify-content: center;
    }
    .ts-host-ptbox-header-wrapper ul li {
        text-align: center;
    }
    .ts-host-ptbox-header-wrapper {
        padding: 30px 0 15px 0;
        width: 100%;
    }
    .ts-host-pt-package-container {
        width: 98%;
    }
    .ts-host-cust-btn {
        margin-top: 20px;
    }
    .ts-host-footer-payment, ul#menu-domains {
        padding-bottom: 0px;
    }
    .ts-host-pricing-table {
        margin-left: 0;
    }
    .ts-host-cust-text {
        padding: 30px 0;
    }
}
@media(max-width:620px){
    .ts-host-ht-search-wrappper {
        max-width: 400px;
    }
    .ts-host-ht-search-wrappper .input-group input#Search {
        max-width: 250px;
    }
}
@media(max-width:575px){
    .ts-host-header-text h1 {
        font-size: 30px;
    }
    .ts-host-header-text h5, .ts-host-about-text h5, .ts-host-heading-wrapper h5 {
        font-size: 15px;
    }
    .ts-host-ht-search-wrappper{
        flex-wrap: wrap;
    }
    input.form-control.search-control {
        max-width: 250px;	
    } 
    #wdc-style .form-control{
        width:300px !important;
    }
    .ts-host-ht-search-wrappper {
        max-width: 450px;
    }
    .ts-header-style7 .container-fluid {
        padding: 0 15px;
    }
    .ts-host-signup {
        margin-right: 10px;
    }
    .ts-host-signup a {
        font-size: 14px;
        font-weight: 400;
        margin-left: 5px;
    }
    .ts-host-signup{
        width: 90px;
        height: 40px;
    }
    .ts-host-signup svg {
        height: 18px;
    }
}
@media(max-width:573px){
    .ts-host-ht-search-wrappper .ts-host-search-btn{
        margin-top: 10px;
    }
}
@media(max-width:480px){
    .ts-host-pt-box {
        width: 100%;
    }
    #wdc-style .form-control{
        width:200px !important;
    }
    .ts-host-ht-search-wrappper {
        max-width: 350px;
    }
}
@media(max-width:425px){
    .ts-host-ht-search-wrappper .input-group input#Search {
        max-width: 160px;
    }
}
@media(max-width:375px){
    input.form-control.search-control {
        max-width: 200px;	
    }
    #wdc-style .form-control{
        width:130px !important;
    }
    .ts-host-ht-search-wrappper .input-group button.host-search-btn {
        min-width: 80px !important;
        height: 40px !important;
    }
    .ts-host-ht-search-wrappper {
        padding: 5px 0;
        max-width: 300px;
    }
    .ts-header-style7 .row .col-lg-3 {
        padding-right: 0;
    }
    .ts-header-style7 .row .col-lg-9 {
        padding-left: 0;
    }
    .ts-host-signup {
        width:85px;
        margin-right: 5px;
    }
    .ts-host-signup svg {
        height: 16px;
    }
    .ts-host-signup a {
        font-size: 13px;
    }
}    
/* =========================================== VR STUDIO demo css start ==================================================== */
.ts-vr-page-width {
    width: 100%;
}
.ts-vr-badge {
   background-color: var(--themestack-black-color);
   border-radius: 10px;
   color: var(--themestack-white-color);
   display: inline-block;
   font-size: 12px;
   line-height: 1;
   padding: 9px 7px;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
   margin-top: -10px;
}
li.ts-vr-clearfix:hover .ts-vr-item-name{
   color: var(--themestack-primary-color);
   transition: all 0.2s ease;
}
.ts-vr-button {
   background: var(--themestack-primary-color);
   color: var(--themestack-white-color);
   text-align: center;
   padding: 12px;
   text-decoration: none;
   display: block;
   border-radius: 3px;
   font-size: 16px;
   margin: 25px 0 15px 0;
}
.woocommerce-mini-cart__buttons .ts-vr-button {
    background-color: var(--themestack-white-color)!important;
    color: var(--themestack-primary-color) !important;
    border-radius: 0px;
    margin:0;
}
.woocommerce-page .woocommerce-mini-cart__buttons .ts-vr-button {
    background-color: var(--themestack-white-color)!important;
    color: var(--themestack-primary-color) !important;
    border-radius: 0px;
    margin:0;
    transition:all 03s;
}
.woocommerce-page .woocommerce-mini-cart__buttons .ts-vr-button:hover {
    background-color: var(--themestack-white-color)!important;
    color: var(--themestack-primary-color) !important;
}
li.ts-vr-clearfix {
   list-style: none;
   position: relative;
   cursor: pointer;
}
.ts-vr-clearfix:after {
    content: "";
    display: table;
    clear: both;
}
@keyframes zoom-in-zoom-out {
   0% {
	 transform: scale(1, 1);
   }
   50% {
	 transform: scale(1.5, 1.5);
   }
   100% {
	 transform: scale(1, 1);
   }
}
.ts-vr-vdo-banner-slide{
    overflow:revert;   
}
.ts-vr-ban-product .ts-vr-product-content .swiper-wrapper{
    justify-content:center;
}
.ts-vr-ban-product .swiper-pointer-events {
    overflow: hidden;
    position: relative;
    background-color: var(--themestack-white-color);
}
.ts-vr-ban-product .owl-theme .owl-nav [class*=owl-]:hover{
    background:none;
}
.ts-vr-image {
   position: relative;
   z-index: 1;
}
.ts-vr-product-content {
    text-align: center;
    background-color: var(--themestack-white-color);
    margin: 0px auto 0 auto;
    box-shadow: 0px 0px 26px 0px var(--themestack-shadow-color);
    position: relative;
}
.ts-vr-product-box.item::after {
    position: absolute;
    content: "";
    height: 75%;
    width: 1px;
    background-color: #e5ecfc;
    top: 35px;
    left: -2px;
}
.ts-vr-product-box.item .ts-vr-ban-product {
    padding: 20px 0;
}
.ts-vr-pro-title {
    position: absolute;
    top: -54px;
    left: 0;
    background-color: var(--themestack-primary-color);
    color: var(--themestack-white-color);
    padding: 20px 50px 15px 30px;
    border-radius: 10px 50px 0 0;
    z-index:1;
}
.ts-vr-pro-title h3 {
    font-size: 17px;
    font-weight: 100;
    color: var(--themestack-white-color);
    margin-bottom:0;
}
.ts-vr-pds-mnge {
   position: relative;
}
.ts-vr-product-box.item {
    transition: all 0.4s ease-in-out;
    padding-bottom: 15px;
}
.ts-vr-pro-image {
    padding-top: 20px;
}
.ts-vr-pro-image img {
    width: 150px;
    height: auto;
    object-fit: contain;
}
.ts-vr-product-box.item h5 {
    padding: 10px 0 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--themestack-black-color);
    margin-bottom: 0;
}
.ts-vr-product-box.item a {
  transition: all 0.4s ease-in-out;
}
.ts-vr-product-box.item:hover {
   transform: translateY(-10px);
}
.ts-vr-product-box.item a:hover{
   color: var(--themestack-primary-color);
}
.ts-vr-ban-product .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {    
    font-size: 20px;
}
.ts-vr-ban-product .swiper-button-prev:after{    
    font-size: 20px;
	display: block !important;
}
.ts-vr-ban-product .ts-vr-product-slider-btn .swiper-button-prev {
	height: 60px;
	width:60px;
	left:-25px !important;
	display:flex;
	justify-content:  center;
	align-items:center;
    color: var(--themestack-white-color);
    background-color: var(--themestack-primary-color);
    box-shadow:0px 0px 30px 10px rgb(79 129 253 / 30%);
    position: absolute !important;
    top: 59% !important;
    transform: translateY(-50%) !important;
}
.ts-vr-ban-product .ts-vr-product-slider-btn .swiper-button-next {
	height: 60px;
	width:60px;
	right:-25px !important;
	display:flex;
	justify-content:  center;
	align-items:center;
    color: var(--themestack-white-color);
    background-color: var(--themestack-primary-color);
    box-shadow:0px 0px 30px 10px rgb(79 129 253 / 30%);
    position: absolute !important;
    top: 59% !important;
    transform: translateY(-50%) !important;
}
.ts-vr-feature {
   padding: 40px 0 100px;
}
.ts-vr-feature-title h3 {
    font-size: 16px;
    background-color: var(--themestack-offwhite-color);
    margin: 0 auto 23px;
    padding: 10px 20px;
    border-radius: 30px;
    color: var(--themestack-primary-color);
    min-width: 110px;
    display: inline-block;
    text-transform: capitalize;
}
.ts-vr-feature-title h2 {
    font-size: 34px;
    font-weight: 100;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
.ts-vr-feature-card {
    background-color: var(--themestack-white-color);
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0px 0px 26px 12px var(--themestack-shadow-color);
    transition: all .4s ease;
}
.ts-vr-feature-card:hover {
   transform: translateY(-15px);
   transition: all .4s ease;
   overflow: hidden;
}
.ts-vr-feat-con h3 {
   margin: 25px auto 10px;
   width: 80%;
   font-size: 18px;
   line-height: 26px;
   color: #464754;
   font-weight: 600;
}
.ts-vr-feat-con p {
   font-size: 14px;
   margin-bottom: 20px;
   color: var(--themestack-stone-grey-color);
   font-weight: 500;
}
.ts-vr-feat-con a {
    display: inline-block;
    font-size: 14px;
    color: var(--themestack-primary-color);
    font-weight: 600;
    text-transform: uppercase;
}
.ts-vr-about-wrap {
   display: flex;
   justify-content: space-between;
    align-items:center;   
}
.ts-vr-about-img {
   width: 55%;
}
.ts-vr-about-content {
   width: 40%;
   display: flex;
   align-items: center;
}
.ts-vr-about-con {
   padding-left: 10px;
}
.ts-vr-about-con h5 {
    min-width: 75px;
    font-size: 14px;
    background-color: var(--themestack-offwhite-color);
    margin: 0 0 40px;
    padding: 15px 25px;
    border-radius: 30px;
    color: var(--themestack-primary-color);
    display: inline-block;
}
.ts-vr-about-con h3 {
   font-size: 34px;
   font-weight: 100;
}
.ts-vr-about-con p {
   font-size: 14px;
   color: var(--themestack-stone-grey-color);
   line-height: 24px;
   font-weight: 600;
   margin: 20px 0 40px;
}
.ts-vr-about-btn a {
    display: inline-block;
    color: var(--themestack-white-color) !important;
    padding: 10px;
    transition: all 0.4s ease-in-out;
    font-size: 15px;
    font-weight: 500;
}
.ts-vr-about-right-img::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background-color: var(--themestack-white-color);
    top: 0;
    right: 0;
    opacity: 0.2;
}
.ts-vr-about-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(79 129 253);
    padding: 8px 20px;
    max-width: 190px;
    width: 100%;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    box-shadow: 0 0 25px 0 rgb(79 129 253 / 50%);
}
.ts-vr-about-right-img {
   position: relative;
   padding: 10px 20px 10px 10px;
   transition: all 0.4s ease-in-out;
}
.ts-vr-about-right-img i {
    color: var(--themestack-white-color);
    transition: all 0.4s ease-in-out;
    font-size: 15px;
}
.ts-vr-abut-spacer .ts-vr-feature-title {
    padding-top: 100px;
}
.ts-vr-abut-spacer p {
    font-size: 14px;
    font-weight: 500;
    color: #aeafbb;
    line-height: 1.5;
    max-width: 430px;
    width: 100%;
}
.ts-vr-about-btn:hover{
    transform:translateY(-5px);
}
.ts-vr-about-btn:hover a {
    letter-spacing: 1px;
    color: var(--themestack-white-color) !important;
}
.ts-vr-ads-title h3 {
	max-width: 140px;
   width: 100%;
   font-size: 16px;
   background-color: var(--themestack-offwhite-color);
   margin: 0 auto 30px;
   padding: 15px 20px;
   border-radius: 30px;
   color: var(--themestack-primary-color);
   text-align: center;
}
.ts-vr-ads-title h2 {
   font-size: 34px;
   font-weight: 100;
   letter-spacing: 1px;
   margin-bottom: 60px;
   text-align: center;
}
.ts-vr-ads-box {
   display: flex;
   justify-content: space-between;
}
.ts-vr-ads-img {
    position: relative;
    z-index: 10000;
    overflow: hidden;
    margin: 0;
}
.ts-vr-girl-ad {
   position: absolute;
   left: 52%;
   top: 54%;
   transform: translate(-50%, -50%);
   width: 100%;
   z-index: 1000;
}
.ts-vr-ads-con {
    padding: 30px 40px;
    box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 8%);
}
.ts-vr-ads-content:last-child .ts-vr-ads-con {
    margin-bottom: 0;
}
.ts-vr-ads-con p {
    font-size: 15px;
    color: var(--themestack-stone-grey-color);
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0;
}
.ts-vr-ads-con h3 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700;
}
.ts-vr-ball-one {
   animation: b-one;
   animation-iteration-count: infinite;
   animation-name: b-one;
   animation-duration: 15s;
   position: absolute;
   left: 5%;
   z-index: 0;
}
@keyframes b-one {
   0% { top:100%; }
   100% {top:-20%; }
}
.ts-vr-ball-two {
   animation: b-two;
   animation-iteration-count: infinite;
   animation-name: b-one;
   animation-duration: 18s;
   position: absolute;
   left: 22%;
}
@keyframes b-two {
   100%  {left:22%; top:0%;}
}
.ts-vr-ball-three {
   animation: b-three;
   animation-iteration-count: infinite;
   animation-name: b-one;
   animation-duration: 10s;
   position: absolute;
   left: 69%;
}
@keyframes b-three {
   75%  {left:69%; top:0%;}
}
.ts-vr-slide-ban {
   text-align: center;
   position: relative;
}
.ts-vr-slide-ban .swiper-wrapper {
    padding-bottom: 60px;
}
.ts-vr-slide-ban .swiper-pagination-bullet-active {
    background: var(--themestack-primary-color);
}
.ts-vr-slide-ban .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.ts-vr-slide-title h3 {
	max-width: 135px;
   width: 100%;
   font-size: 16px;
   background-color: var(--themestack-offwhite-color);
   margin: 0 auto 30px;
   padding: 15px 20px;
   border-radius: 30px;
   color: var(--themestack-primary-color);
}
.ts-vr-slide-title h2 {
   font-size: 34px;
   font-weight: 100;
   letter-spacing: 1px;
   margin-bottom: 60px;
}
.ts-vr-slide-content {
    color: var(--themestack-white-color);
    position: absolute;
    left: 130px;
    transform: translateY(-50%);
    top: 50%;
}
.ts-vr-slide-con h3 {
    font-size: 34px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: initial;
    line-height: 44px;
    color: var(--themestack-white-color);
}
.ts-vr-slide-con p {
   font-size: 14px;
   font-weight: 400;
   margin-bottom: 30px;
   text-align: initial;
   line-height: 28px;
}
.ts-vr-slide-con {
   width: 62%;
}
.ts-vr-video-btn a {
    display: inline-flex;
    color: var(--themestack-white-color);
    font-size: 16px;
    align-items: center;
}
.ts-vr-video-btn {
   display: flex;
   align-items: center;
}
.ts-vr-vdo-pause {
    border-radius: 50%;
    background-color: #4d4e50;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.ts-vr-vdo-pause:hover {
   background-color: var(--themestack-primary-color);
   transition: all 0.4s ease-in-out;
   cursor: pointer;
}
.ts-vr-show-slider{
  position: relative;
  z-index:0;
}
.ts-vr-video-box {
   display: none;
   text-align: center;
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: #0b0b0ba6;
   z-index: 1000000;
   overflow: hidden;
}
div#my-popup {
   width: 100%;
   height: 100%;
}
.ts-vr-inner-box {
   height: 100%;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}
button.ts-vr-mfp-close {
   position: absolute;
   right: 1%;
   top: 2%;
   background: 0;
   color: var(--themestack-white-color);
   font-size: 34px;
   padding: 8px 20px 12px;
   border-radius: 50%;
   border: none;
}
button.ts-vr-mfp-close:hover {
   color: var(--themestack-black-color);
   transition: all .3s;
   background-color: whitesmoke;
}
.ts-vr-show-slider.swiper-slide {
    width: 100% !important;
    margin-right:0 !important;
}
.ts-vr-show-slider.swiper-slide.swiper-slide-visible.swiper-slide-prev {
  transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(66deg) scale(1) !important;
  overflow: hidden;
}
.ts-vr-show-slider.swiper-slide.swiper-slide-visible.swiper-slide-next {
   transform: translate3d(0px, 0px, -100.035px) rotateX( 0deg ) rotateY(-67.0175deg) scale(1) !important;
   overflow: hidden;
}
.ts-vr-show-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
   position: sticky;
}
.ts-vr-show-slider.swiper{
   overflow: unset !important;
}
.ts-vr-test-title h3 {
	max-width: 115px;
   width: 100%;
   font-size: 16px;
   background-color: var(--themestack-offwhite-color);
   margin: 0 auto 30px;
   padding: 15px 20px;
   border-radius: 30px;
   color: var(--themestack-primary-color);
   text-align: center;
}
.ts-vr-test-title h2 {
   font-size: 34px;
   font-weight: 100;
   text-align: center;
}
.ts-vr-prtner-title h3 {
    background: #4ba2ff;
    color: #fff;
}
.ts-vr-prtner-title h2 {
    color: #fff;
}
.ts-vr-test-slide {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    background-color: var(--themestack-white-color);
    padding: 65px 40px;
    box-shadow: 0 0px 40px 8px var(--themestack-shadow-color);
}
.ts-vr-test-slide.swiper-slide.swiper-slide-prev, .ts-vr-test-slide.swiper-slide.swiper-slide-next{
    opacity:0.5 !important;
}
.ts-vr-test-img {
   width: 16%;
}
.ts-vr-test-content {
   width: 80%;
   position: relative;
   z-index: 1;
}
.ts-vr-test-img-quote {
   position: absolute;
   top: 48%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.ts-vr-test-img img {
    width: 97px;
    height: 97px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid var(--themestack-primary-color);
    display: block;
}
.ts-vr-test-con p {
   font-size: 14px;
   color: var(--themestack-stone-grey-color);
   line-height: 24px;
   font-weight: 400;
   margin-bottom: 20px;
}
.ts-vr-test-con h5 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 600;
}
.ts-vr-test-con span {
   font-size: 14px;
   font-weight: 500;
   margin-left: 20px;
   color: var(--themestack-stone-grey-color);
}
.ts-vr-test-box {
   width: 100%;
   margin: 0 auto;
   z-index:0;
   padding:35px 0;
}
.ts-vr-testimonial-container {
    max-width: 1170px;
    margin: auto;
}
.ts-vr-test-box .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'!important;
}
.ts-vr-test-slide.swiper-slide.swiper-slide-visible.swiper-slide-next  , .ts-vr-test-slide.swiper-slide{
   width: 70% !important;
}
.ts-vr-test-box .swiper-wrapper {
    width: 84%;
}
.ts-vr-test-slide.swiper-slide {
    opacity: 0;
}
.ts-vr-test-slide.swiper-slide.swiper-slide-prev,.ts-vr-test-slide.swiper-slide.swiper-slide-active,.ts-vr-test-slide.swiper-slide.swiper-slide-next {
    opacity: 1;
}
.ts-vr-test-wrapper .swiper-button-prev, .swiper-rtl .swiper-button-next {
   left: 18px !important;
}
.ts-vr-test-wrapper .swiper-button-next, .ts-vr-test-wrapper .swiper-button-prev{
    top: 50%;
}
.ts-vr-test-wrapper .swiper-button-next, .ts-vr-test-wrapper .swiper-rtl .swiper-button-prev {
    right: 18px !important;
}
.ts-vr-test-wrapper .swiper-button-next:after, .ts-vr-test-wrapper .swiper-button-prev:after {
    font-size: 18px !important;
    font-weight: 800;
    padding: 22px 28px 22px 25px;
    background-color: var(--themestack-primary-color);
    color: var(--themestack-white-color);
    box-shadow: 0px 0px 30px 0 rgb(79 129 253 / 30%);
}
.ts-vr-test-wrapper .swiper-button-prev:after {
    display: block !important;
}
.ts-vr-test-wrapper .swiper-3d .swiper-slide-shadow-left , .ts-vr-test-wrapper  .swiper-3d .swiper-slide-shadow-right{
   background-image: none !important;
}
.ts-vr-partners {
   background-color: var(--themestack-light-blue-color);
}
.ts-vr-partner-container{
    max-width:1170px;
    margin:auto;
}
.ts-vr-partners-wrap {
   text-align: center;
   color: var(--themestack-white-color);
   padding: 80px 0;
   z-index:0;
   position:relative;
}
.ts-vr-partners-wrap .ts-vr-par-title{
    padding-bottom:50px;
}
.ts-vr-partners-wrap .swiper-pointer-events {    
    overflow: hidden;
    position: relative;
}
.ts-vr-partners-wrap .swiper-slide span img {
    padding:5px 0;
    opacity: 0.3;
    transition:all 0.3s;
}
.ts-vr-partners-wrap .swiper-slide span:hover img{
    opacity:1;
    transform:scale(1.1);
}
.ts-vr-par-title h3 {
    font-size: 34px;
    font-weight: 100;
    color: var(--themestack-white-color);
}
.ts-vr-par-title h5 {
    background-color: #4ba2ff;
    color: var(--themestack-white-color);
    border-radius: 26px;
    font-size: 16px;
    margin-top: 0;
    min-width: 130px;
    display: inline-block;
    padding: 10px 0;
    margin-bottom: 25px;
}
.ts-vr-cls-1 {
   fill: #6fb4fe;
   fill-rule: evenodd;
   transition: all 0.4s ease-in-out;
}
.ts-vr-cls-1:hover {
   fill: white;
}
.ts-vr-nwsltr {
    padding: 65px 0 100px 0;
}
.ts-vr-newsletter-us {
    padding-top: 40px;
}
.ts-vr-nls-con .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--themestack-primary-color);
    position: absolute;
    left: 7px;
    bottom: 10px;
    background: var(--themestack-primary-color);
    padding: 15px;
    z-index: 9;
    color: var(--themestack-white-color);
}
.ts-vr-nls-con h5 {
    min-width: 85px;
    display: inline-block;
    font-size: 16px;
    background-color: var(--themestack-offwhite-color);
    margin: 0 0 30px;
    padding: 15px 25px;
    border-radius: 30px;
    color: var(--themestack-primary-color);
    text-align: center;
    text-transform: uppercase;
}
.ts-vr-nls-con h3 {
    font-size: 34px;
    font-weight: 100;
    width: 50%;
    margin-bottom: 30px;
    letter-spacing: 1px;
    line-height: 45px;
    }
.ts-vr-nls-email {
   position: relative;
}
.ts-vr-nls-email input, .ts-vr-nls-email input:focus {
    width: 100%;
    padding: 0px 220px 0px 55px;
    font-size: 15px;
    background-color: #eff4f9;
    border: 0;
    color: var( --themestack-grey-color);
    word-wrap: break-word;
    word-break: break-all;
    height: 65px;
    text-transform: none;
}
.ts-vr-nls-email input::placeholder{
    color: var( --themestack-grey-color);	
}
.ts-vr-nls-email input:focus {
    color: var(--themestack-grey-color);
    outline: none;
}
.ts-vr-nls-submit {
    position: absolute;
    top: 4px;
    right: 4px;
}
.ts-vr-nls-submit a.ts-vr-nls-submit {
    min-width: 180px;
    padding: 0px 15px;
    height: 50px;
    line-height: 45px;
    font-size: 16px;
    border: 0;
    text-align: center;
    background-color: var(--themestack-primary-color);
    color: var(--themestack-white-color);
    border: 2px solid var(--themestack-light-blue-color);
    transition: all 0.4s ease-in-out;
}
.ts-vr-nls-submit a.ts-vr-nls-submit:hover {
    background-color: var(--themestack-black-color);
    color: var(--themestack-white-color);
    border:2px solid var(--themestack-black-color);
}
.ts-vr-nls-email-img {
    position: absolute;
    top: 20px;
    left: 23px;
    z-index: 11;
}
.ts-vr-nls-email-img svg{
    width:18px;
    height:auto;
    fill:var(--themestack-grey-color);
}
.ts-vr-footer {
    background-color: #1b2128;
    padding: 80px 0px;
    margin-top: -46px;
    z-index: 5;
    position: relative;
}
.ts-vr-foot-menu h3 {
    color: var(--themestack-white-color);
}
.ts-vr-footer-top {
    display: flex;
    justify-content: space-between;
}
.ts-vr-foot-menu ul {
    padding-left: 0px;
}
.ts-vr-foot-menu h3 {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
}
.ts-vr-foot-menu li {
    list-style: none;
    margin-bottom: 20px;
}
.ts-footer-content {
    display: flex;
    align-items: baseline;
}
.ts-vr-foot-menu a {
   color: var(--themestack-grey-color);
   font-size: 15px;
}
.ts-vr-foot-menu a:hover {
    color: var(--themestack-light-blue-color);
    transition: all 0.3s ease-in-out;
}
.ts-vr-foot-menu.ts-vr-twit p:hover {
    color: var(--themestack-light-blue-color);
    transition: all 0.3s ease-in-out;
}
.ts-vr-foot-menu p  {
    color: var(--themestack-grey-color);
    font-size: 15px;
}
.ts-vr-foot-menu.ts-vr-twit a {
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: inline-grid;
    line-height: 24px;
}
.ts-footer-icon svg {
    fill: var(--themestack-primary-color);
}
p.ts-date-footer {
    color: var(--themestack-primary-color);
}
.ts-vr-foot-con a:hover{
    color: var(--themestack-light-blue-color);
}
.ts-vr-foot-menu.ts-vr-twit p {
    margin-top: 5px;
    margin-left: 15px;
}
p.ts-date-footer {
    margin-bottom: 0px;
}
.ts-vr-foot-menu h5 {
    color: var(--themestack-light-blue-color);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
    display: inline-flex;
    margin-left: 30px;
}
.ts-vr-footer-bottom {
    margin-top: 50px;
    padding: 50px 60px;
    background-color: #232b33;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ts-vr-foot-offer {
    width: 46%;
}
.ts-vr-foot-offer p {
    font-size: 16px;
    line-height: 28px;
    color: var(--themestack-grey-color);
    margin-bottom: 0;
}
.ts-vr-foot-offer h3 {
    font-size: 26px;
    margin-bottom: 15px;
    color: var(--themestack-white-color);
}
.ts-vr-footer-bottom a {
    padding: 15px 40px;
    background-color: var(--themestack-primary-color);
    font-size: 16px;
    color: var(--themestack-white-color);
    transition: all 0.4s ease-in-out;
}
.ts-vr-footer-bottom a:hover {
    background-color: var(--themestack-black-color);
    color: var(--themestack-white-color);
    border:none;
}
.ts-vr-foot-copy {
    background-color: var(--themestack-black-color);
}
.ts-vr-foot-con {
    margin: 18px 0;
}
.ts-vr-foot-wrap {
    display: flex;
    justify-content: space-between;
    color: var(--themestack-grey-color);
    align-items: center;
}
.ts-vr-foot-wrap h5 {
    font-size: 14px;
    color: var(--themestack-grey-color);
}
.ts-vr-foot-con a {
    font-size: 14px;
    margin-left: 40px;
    color: var(--themestack-grey-color);
    font-weight: 600;
}
.ts-vr-footer .ts-vr-foot-menu h3{
    font-weight:400;
}
.ts-vr-footer .footer-app-heading h1 {
    font-weight: 400;
}
.ts-vr-footer .footer-app-heading-content{
    padding-bottom:30px;
}
/*Responsive css start*/
/* ============ MEDIA QUERY ================= */
@media only screen and (max-width: 1440px){
    .ts-vr-slide-title h3 {
        text-align: center;
    }
    .ts-vr-show-slider.swiper-slide.swiper-slide-visible.swiper-slide-next {
        overflow: hidden;
    }
    .ts-vr-show-slider.swiper-slide.swiper-slide-visible.swiper-slide-prev {
        overflow: hidden;
    }
    .ts-vr-product-content {
        margin: 0px auto 0 auto;
    }
}
@media only screen and (max-width: 1199px){
    .ts-vr-test-slide.swiper-slide.swiper-slide-visible.swiper-slide-prev {
        transform: translate3d(500px, 0px, -360px) rotateX( 0deg ) rotateY( 0deg) scale(1) !important;
    }
    .ts-vr-test-slide.swiper-slide.swiper-slide-visible.swiper-slide-next {
        transform: translate3d(-440px, 0px, -540px) rotateX( 0deg ) rotateY( 0deg ) scale(1) !important;
    }
    .ts-vr-feature-card {
        padding: 40px 15px;
    }
    .ts-vr-show-slider.swiper-slide {
        width: 100% !important;
    }
    .ts-vr-footer {
        margin-top: -44px;
    }
    .ts-vr-foot-offer {
        width: 60%;
    }
    .ts-vr-pro-title {
        left: 0;
    }
    .ts-vr-show-slider.swiper {
            overflow: hidden !important; 
    }
    .ts-vr-show-slider.swiper-slide.swiper-slide-visible.swiper-slide-prev, .ts-vr-show-slider.swiper-slide.swiper-slide-visible.swiper-slide-next {
        opacity: 0;
    }
    .ts-vr-slide-content {
        left: 50px;
    }
    .ts-vr-show-slider.swiper-slide.swiper-slide-duplicate.swiper-slide-visible.swiper-slide-active {
        width: 100% !important;
    }
    .ts-vr-abut-spacer .ts-vr-feature-title {
        padding-top: 20px;
    }
    .ts-vr-test-slide.swiper-slide.swiper-slide-visible.swiper-slide-next, .ts-vr-test-slide.swiper-slide {
        width: 80% !important;
    }
    .ts-vr-test-img {
        width: 20%;
    }
    .ts-tr-nwsltr-img {
        padding-top: 30px;
    }
    .ts-vr-nls-email {
        max-width: 600px;
    }
    .ts-vr-nwsltr {
        padding-top: 45px;
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 1024px){      
    .ts-vr-cart-btn h3 {
        display: none;
    }
    button.ts-vr-owl-prev {
        left: -5%;
    }
    button.ts-vr-owl-next {
        right: -5%;
    }
    .ts-vr-nav-logo {
        width: 23%;
    }
    .ts-vr-about-btn {
        padding: 8px 15px 8px 15px;
    }
    .ts-vr-about-right-img {
        padding: 10px 20px 10px 10px;
    }
    .ts-vr-show-slider.swiper-slide.swiper-slide-visible.swiper-slide-prev {
        transform: translate3d(0px, 0px, -100px) rotateX(  0deg) rotateY( 58deg ) scale(1) !important;
    }
    .ts-vr-show-slider.swiper-slide.swiper-slide-visible.swiper-slide-next {
        transform: translate3d(0px, 0px, -100.035px) rotateX( 0deg) rotateY(-58.0175deg ) scale(1) !important;
    }
    .ts-vr-test-slide {
        padding: 40px 40px;
    }
    .ts-vr-test-slide.swiper-slide.swiper-slide-visible.swiper-slide-next, .ts-vr-test-slide.swiper-slide {
        width: 80% !important;
    }
    .ts-vr-nls-con h3 {
        width: 75%;
    }
    .ts-vr-nls-img {
        width: 55%;
    }   
    .ts-vr-nls-con h3 {
        font-size: 24px;
        line-height: 34px;
    }
    .ts-vr-newltter input {
        padding: 0px 20px !important;
    }
    .ts-vr-nls-email input {
        padding: 5px 195px 5px 45px;
    }
    .ts-vr-nls-email-img {
        left: 12px;
    }
    .ts-vr-footer-bottom {
        margin-top: 0;
    }
    .ts-vr-product-box.item::after {
        right: -30px;
    }
    .ts-vr-product-box.item h5 {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px){
    .ts-vr-slide-con h3 {
        font-size: 20px;
    }
    .ts-vr-slide-con p {
        font-size: 12px;
        line-height: 18px;
    }
    .ts-vr-vdo-banner-slide .ts-vr-show-slider.swiper-slide {
        visibility: hidden;opacity: 0;
    }
    .ts-vr-vdo-banner-slide .ts-vr-show-slider.swiper-slide-active {
        visibility: visible;opacity: 1;
    }
    .ts-vr-vdo-pause {
        width: 50px;
        height: 50px;
    }
    .ts-vr-nls-submit a.ts-vr-nls-submit {
        min-width: 135px;
        padding: 0px 15px;
        height: 45px;
        line-height: 40px;
        font-size: 14px;
    }
    .ts-vr-nls-email input {
        padding: 5px 149px 5px 35px;
        height: 60px;
    }
    .ts-vr-nls-email-img {
        left: 8px;
    }
    .ts-vr-test-slide {
        flex-direction: column;
    }
    .ts-vr-test-img {
        width: 100%;
    }
    .ts-vr-test-img img{
        margin:auto;
    }
    .ts-vr-test-content {
        width: 100%;
        padding-top: 20px;
    }
    .ts-vr-test-img-quote {
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .ts-header-style6 .container-fluid {
        padding: 0 30px;
    }
}
@media only screen and (max-width: 768px){
    .ts-vr-image {
        width: 70%;
        margin: 0 auto;
    }
    .ts-vr-pro-title h3 {
        font-size: 12px;
        margin-top: 10px;
    }
    .ts-vr-about-wrap {
        display: block;
    }
    .ts-vr-about-img {
        width: 100%;
        margin-bottom: 40px;
    }
    .ts-vr-about-content {
        width: 100%;
        display: flex;
        text-align: center;
    }
    .ts-vr-about-con h5 {
        margin: 0 auto 30px;
    }
    .ts-vr-test-slide {
        text-align: center;
        display: block;
    }
    .ts-vr-test-content {
        width: 100%;
    }
    .ts-vr-test-slide.swiper-slide.swiper-slide-visible.swiper-slide-next, .ts-vr-test-slide.swiper-slide {
        width: 100% !important;
    }
    .ts-vr-ads-box {
        display: block;
        overflow: hidden;
    }
    .ts-vr-ads-img {
        width: 100%;
        text-align: center;
        z-index:0;
    }
    .ts-vr-nls-submit button {
        width: 60%;
    }
    .ts-vr-ball-one {
        left: 15%;
    }
    .ts-vr-ball-two {
        left: 25%;
    }
    .ts-vr-nls-wrap {
        display: block;
        overflow: hidden;
    }
    .ts-vr-nls-content {
        width: 100%;
        text-align: center;
    }
    .ts-vr-nls-con h3 {
        margin: 0 auto 30px;
    }
    .ts-vr-nls-email input {
        width: 100%;
    }
    .ts-vr-nls-con h5 {
        margin: 0 auto 30px;
    }
    .ts-vr-nls-img {
        width: 100%;
        text-align: center;
    }
    .ts-vr-footer {
        margin-top: -60px;
        z-index:0;
    }
    .ts-vr-footer-bottom {
        display: block;
        padding: 30px;
        margin-top: 30px;
    }
    .ts-vr-foot-offer {
        width: 100%;
        margin-bottom: 20px;
    }
    .ts-vr-footer-bottom a {
        display: inline-block;
    }
    .ts-vr-show-slider.swiper-slide {
        width: 100% !important;
    }
    .ts-vr-slide-con p {
        font-size: 12px;
        line-height: 20px;
    }
    .ts-vr-slide-con h3 {
        margin-bottom: 15px;
        line-height: 30px;
    }
    .ts-vr-video-btn a {
        font-size: 14px;
    }
    .ts-vr-par-icons {
        flex-wrap: wrap;
    }
    .ts-vr-product-box.item::after {
        right: -35px;
    }    
    .ts-vr-pro-slide {
        padding: 50px 10px;
    }
    .ts-vr-pro-title {
        left: 51%;
        transform: translateX(-50%);
        border-radius: 50px 50px 0 0;
        padding: 15px 70px 20px 70px;
    }
    .ts-vr-show-slider.swiper {
        overflow: hidden !important;
    }
    .ts-vr-test-slide {
        padding: 20px 40px;
    }
    .ts-vr-product-box.item::after {
        display:none;
    }
}
@media(max-width:575px){
    .ts-vr-pro-title {
        min-width: 170px;
        padding: 0;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top:10px;
    }
    .ts-vr-ban-product .ts-vr-product-slider-btn .swiper-button-prev {
        left: 0px !important;
    }
    .ts-vr-ban-product .ts-vr-product-slider-btn .swiper-button-next {
        right: 0 !important;
    }
    .ts-vr-footer-bottom {
        padding: 20px;
        margin-left: -10px;
    }
    .ts-vr-foot-offer h3 {
        font-size: 20px;
    }
    .ts-vr-foot-offer p {
        font-size: 14px;
        line-height: 20px;
    }
    .ts-vr-test-slide.swiper-slide.swiper-slide-visible.swiper-slide-prev, .ts-vr-test-slide.swiper-slide.swiper-slide-visible.swiper-slide-next {
        opacity: 0;
    }
}
@media(max-width:480px){
    .woocommerce-mini-cart__buttons.buttons .button {
        min-width: 80px;
    }
    .woocommerce-mini-cart__buttons .ts-vr-button {
        padding: 6px;
        font-size: 12px;
    }
    .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .quantity {
        font-size: 14px;
    }
    .ts-vr-slide-con h3 {
        font-size: 16px; 
        margin-bottom: 5px;
        line-height: 22px;
    }
    .ts-vr-slide-con p {
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
        margin-bottom: 15px;
    }
    .ts-vr-test-wrapper .swiper-button-next:after, .ts-vr-test-wrapper .swiper-button-prev:after {
        font-size: 12px !important;
        padding: 13px 18px 13px 18px;
    }
    .ts-vr-nls-email input {
        padding: 5px 150px 5px 38px;
    }
    .ts-vr-newltter input {
        padding: 0px 12px !important;
        font-size: 12px;
    }
    .ts-vr-nls-email-img svg {
        width: 16px;
    }
    .ts-vr-nls-email-img {
        left: 10px;
    }
        .ts-vr-pro-image img {
        width: 110px;
        height: auto;
        object-fit: contain;
    }
    .ts-vr-test-slide.swiper-slide.swiper-slide-prev, .ts-vr-test-slide.swiper-slide.swiper-slide-next{
        opacity:0 !important;
    }
    .ts-vr-test-con span {
        margin: 5px 0 0 0;
        display: block;
    }
}
@media(max-width:445px){
    .ts-vr-pro-title h3 {
        margin-top: 0px;
    }
}
@media (max-width: 425px){
    .ts-vr-product-box.item::after {
        height: 0;
    }
    button.owl-prev {
        left: -8%;
    }
    button.owl-next {
        right: -8%;
    }
    .ts-vr-feature {
        padding: 40px 0 40px;
    }
    .ts-vr-nls-submit button {
        width: 68%;
    }
    .ts-vr-feature-title h2 {
        font-size: 28px;
    }
    .ts-vr-feature-card {
        width: 100%;
    }
    .ts-vr-about-con h3 {
        font-size: 28px;
    }
    .ts-vr-slide-title h2 {
        font-size: 24px;
    }
    .ts-vr-slide-con p {
        display: none;
    }
    .ts-vr-slide-con h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .ts-vr-vdo-pause {
        width: 40px;
        height: 40px;
    }
    .ts-vr-slide-content {
        left: 20px;
    }
    .ts-vr-vdo-pause img {
        width: 10px;
        height: auto;
    }
    .ts-vr-video-btn a {
        margin:10px 0 0 0px;
        font-size: 12px;
    }
    .ts-vr-test-title h2 {
        font-size: 28px;
    }
    .ts-vr-ads-title h2 {
        font-size: 28px;
    }
    .ts-vr-par-title h5 {
        padding: 15px 30px;
        text-align: center;
    }
    .ts-vr-par-title h3 {
        font-size: 28px;
    }
    .ts-vr-nls-con h3 {
        width: 100%;
    }
    .ts-vr-foot-menu , .ts-vr-foot-menu.ts-vr-twit{
        width: 100%;
    }
    .ts-vr-foot-wrap {
        display: block;
        padding: 20px 0;
    }
    .ts-vr-foot-wrap h5 {
        font-size: 12px;
        text-align: center;
    }
    .ts-vr-foot-con {
        display: inline-grid;
        text-align: center;
        width: 85%;
    }
    .ts-vr-foot-con a {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .ts-vr-pro-slide {
        padding: 30px;
    }
    .ts-vr-ball-one {
        top: 70%;
    }
    .ts-vr-ball-three {
        left: 73%;
    }
    .ts-vr-test-con span {
        display: block;
        padding-top: 5px;
        margin-left:0;
    }
    .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item a .attachment-woocommerce_thumbnail {
            margin: 0px 5px 0px 0px; 
    }
    .ts-vr-test-img-quote {
        display: none;
    }
    .ts-vr-ads-con {
        padding: 20px;
    }
    .ts-header-style6 .container-fluid {
        padding: 0 15px;
    }
}
@media(max-width:400px){
    .ts-cart-box .woocommerce-mini-cart__buttons {
        padding: 13px;
    }
}
@media (max-width: 375px){
    .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .quantity {
        margin: 0 0 0 0;
        padding-top: 5px;
    }
    .woocommerce-mini-cart__buttons .ts-vr-button {
        margin-bottom: 5px;
    }
    .ts-vr-pro-title {
        width: 30%;
    }
    .ts-vr-ban-product {
        margin-top: 35px;
    }
    .ts-vr-test-con h5 {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .ts-vr-test-con p {
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 15px;
    }
    .ts-vr-test-con span {
        font-size: 13px;
    }
    .ts-vr-ban-product .ts-vr-product-slider-btn .swiper-button-prev, .ts-vr-ban-product .ts-vr-product-slider-btn .swiper-button-next {
        height: 40px;
        width: 40px;
        font-size: 30px;
    }
    .ts-header-style6 .ts-main-header .ts-main-header-inner {
        flex-direction: column;
    }
    .ts-header-style6 .ts-logo-wrap {
        padding-bottom: 20px;
    }
    .ts-header-style6 .ts-main-navigation ul.menu {
        width: 220px;
    }
    .ts-header-style6 .ts-menu-toggle.open-menu {
        margin-left: 120px;
    }
    .ts-header-style6 .ts-cart-box {
        right: -160px !important;
    }
}
@media only screen and (max-width: 320px){
    .ts-vr-nls-submit button {
        width: 74%;
    }
    .ts-Wr-contact-section .wpcf7 form.sent .wpcf7-response-output {
        bottom: 60px;
    }
}
/*Responsive css end*/
/* =========================================== VR STUDIO demo css end ======================================= */
/* =========================================== TRANSPORT demo css start ==================================================== */
/* button css start*/
.ts-tp-btn {
    min-width: 152px;
    height: 52px;
    background: var(--themestack-primary-color);
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 52px;
    font-size: 15px;
    font-weight: 500;
    color: var(--themestack-white-color);
    text-transform: uppercase;
    box-shadow: 0px 15px 20px 0px rgb(255 94 20 / 20%);
}
.ts-tp-btn:hover {
    background-color: var(--themestack-dark-blue-color);
    transition: all 0.4s ease-in-out;
    color: var(--themestack-white-color) !important;
}
/* button css end*/
/*all heading css*/
.ts-tr-service-heading h3 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.ts-tr-service-heading h5 {
    font-size: 32px;
    font-weight: 400;
    color: var(--themestack-dark-blue-color);
    margin-bottom: 0;
}
.ts-tr-about-desc p {
    font-size: 15px;
    line-height: 26px;
    color: var(--themestack-grey-color);
    margin-bottom: 16px;
    font-weight: 500;
}
.ts-tr-about-desc .ts-tr-blog-button {
    padding-top: 0px;
    margin-left: -13px;
}
.ts-tr-service-heading.ts-tr-testimonial-res h5 {
    padding-bottom: 0;
}
/*all heading css end*/

/* button css */
/********************* 1. body end *********************/
/*header css start*/
.ts-tr-header-icon-text h5 {
    font-size: 12px;
    font-weight: 600;
    color: var(--themestack-grey-color);
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.ts-tr-header-icon-text>p {
    font-size: 20px;
    color: var(--themestack-primary-color);
    font-weight: 600;
    margin-bottom: 0;
}
/*contact css*/
.ts-tr-header-contact {
    display: inline-flex;
    align-items: center;
    padding-right: 75px;
}
.ts-tr-header-contact .ts-tr-header-icon-mob {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: var(--themestack-primary-color);
    box-shadow: -6.772px 8.668px 20px 0px rgba(255, 94, 20, 0.3);
}
.ts-tr-header-contact .ts-tr-header-icon-mob svg {
    fill: var(--themestack-white-color);
}
.ts-tr-header-icon-text {
    padding: 5px 0px 0px 15px;
    cursor: pointer;
}
.ts-tr-quote {
    display: inline-flex;
    margin-left:auto;
    cursor:pointer;
}
.ts-tr-quote .ts-tr-quote-download {
    width: 80px;
    height: 89px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--themestack-shadow-color);
}
.ts-tr-quote .ts-tr-quote-download svg {
    fill: var(--themestack-white-color);
}
.ts-tr-quote-text {
    background-color: var(--themestack-primary-color);
    padding: 27px 22px 25px 25px;
}
.ts-tr-quote-text a {
    letter-spacing: 2px;
    color: var(--themestack-white-color);
    font-weight: 500;
}
/*contact css end*/

/*---------------header css end----------------*/
/*banner bottom css*/
.ts-tr-banner-bottom-postion {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-tr-banner-bottom {
    display: inline-flex;
    position: absolute;
    top: -85px;
    z-index: 9;
    border-left: 3px solid var(--themestack-primary-color);
    border-right: 3px solid var(--themestack-primary-color);
}
.ts-tr-banner-icon-box {
    background-color: var( --themestack-white-color);
    padding: 42px 0;
    text-align: center;
    border-right: 1px solid rgb(244, 244, 244);
    width: 255px;
    height: 178px;
    transition: all 0.3s;
}
.ts-tr-banner-icon-box:hover{
   transform: translateY(-5px);
}
.ts-tr-banner-icon-box h3 {
    font-size: 16px;
    font-weight: 600;
    padding-top: 26px;
    color: var(--themestack-dark-blue-color);
    transition: all 0.3s;
    margin-bottom: 0;
}
.ts-tr-banner-icon-box svg {
    width: 49px;
    height: 49px;
    fill: var(--themestack-primary-color);
}
/*---------------banner css end----------------*/
/*----------------about css strt-----------------*/
.ts-tr-about-year {
    display: inline-flex;
    position: absolute;
    bottom: 18px;
    left: 101px;
    align-items: center;
    justify-content: center;
    width: 252px;
}
.ts-tr-about-25 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--themestack-shadow-color);
    width: 80px;
    height: 80px;
}
.ts-tr-about-25 h3 {
    font-size: 40px;
    color: var(--themestack-white-color);
    margin-bottom: 0;
}
.ts-tr-about-years p {
    font-size: 16px;
    font-weight: 300;
    color: var(--themestack-white-color);
    margin-bottom: 0;
    margin-left: 20px;
}
.ts-tr-about-image {
    position: relative;
    padding-top:60px;
}
.ts-tr-abt-spcr .ts-tr-service-heading {
    padding-top: 80px;
}
.ts-tr-abt-spcr .ts-tr-service-heading h5 {
    max-width: 480px;
    width: 100%;
    padding-bottom: 15px;
}
.ts-tr-abt-spcr p {
    font-size: 15px;
    font-weight: 500;
    color: #747171;
    line-height: 1.7;
}
.ts-tr-about-desc {
    padding-top: 60px;
}
.ts-tr-about-image img {
    width: 100%;
}
.ts-tr-about-years {
    background-color: var(--themestack-primary-color);
    width: 100%;
    max-width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    text-align: left;
}
/*about description css*/
.ts-tr-about-description {
    padding-top: 70px;
}
.ts-tr-about-description>h4 {
    font-size: 32px;
    font-weight: 300;
    max-width: 375px;
    padding: 8px 0px 18px;
    color: var(--themestack-dark-blue-color);
    line-height: 1.4;
}
.ts-tr-about-description>p {
    padding-bottom: 25px;
}
.ts-tr-about-description>p {
    color: var(--themestack-grey-color);
    font-weight: 500;
}
/*about package css*/
.ts-tr-about-package1 {
    text-align: center;
    background: var(--themestack-white-color);
    transition: all 0.3s;
}
.ts-tr-border-dotted {
    border: 2px solid var(--themestack-primary-color);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: dotted;
    margin: 0 auto;
    position: relative;
    transition: all 0.9s;
}
.ts-tr-about-package1:hover {
    transform: translateY(-5px);
}
.ts-tr-about-package1:hover .ts-tr-border-dotted {
    transform: rotate(360deg);
}
.ts-tr-about-circle-svg {
    width: 80px;
    height: 80px;
    background-color: #ffefe7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.ts-tr-about-circle-svg svg {
    fill: var(--themestack-primary-color);
}
.ts-tr-about-package1 {
    text-align: center;
    padding: 40px 0px;
    position: relative;
}
.ts-tr-about-package1:after {
    content: '';
    position: absolute;
    width: 138px;
    height: 4px;
    background-color: var(--themestack-primary-color);
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0px 0px 12px 12px;
}
.ts-tr-about-package1-text {
    padding: 22px 16px 0;
}
.ts-tr-about-package1-text h2 {
    margin-bottom: 0;
    font-weight: 700;
}
.ts-tr-about-package1-text p {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #7f7f7f;
    margin-bottom: 0;
    padding-top: 16px;
}
.ts-tr-about-package1-text h3 {
    font-weight: 600;
}
.ts-tr-about-package1-text span {
    font-weight: 700;
    font-size: 32px;
    color: var(--themestack-dark-blue-color) !important;
}
/*----------------about css end-----------------*/
/*service css start*/
.ts-tr-service-wrapper {
    padding: 78px 0px 98px;
}
.ts-tr-about-package.ts-tr-service-section {
    padding: 9px 0px 15px;
}
.ts-tr-about-package.ts-tr-service-section-bottom {
    padding: 0;
}
.ts-tr-about-package1.ts-tr-service-box {
    position: relative;
    box-shadow: 0px 0px 50px 0px rgba(41, 37, 80, 0.08);
    padding: 39px 0 59px;
}
.ts-tr-service-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
}
.ts-tr-service-btn .ts-tp-btn {
    min-width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    box-shadow: none;
    color: var(--themestack-white-color) !important;
}
/*service css end*/
/*pricing css start*/
.ts-tr-pricing-wrapper .container {
    padding: 0;
}
.ts-tr-pricing-table-inner {
    background-color: var(--themestack-white-color);
    padding: 35px 6px 5px 4px;
}
.ts-tr-pricing-table-inner tbody tr:first-child td {
    font-size: 22px;
    font-weight: 600;
    box-shadow:none;
    padding: 0 !important;
}
.ts-tr-pricing-table-inner tbody tr:nth-child(2) td {
    padding-top: 0;
    padding-bottom: 40px;
}
.ts-tr-table-heading {
    text-align: center;
    padding-bottom: 27px;
}
.ts-tr-table-heading h2 {
    padding-bottom: 7px;
    margin-bottom: 0;
}
.ts-tr-table-heading p {
    margin-bottom: 0;
    font-weight: 600;
}
.ts-tr-pricing-table-inner table {
    margin-bottom: 0;
}
.ts-tr-pricing-table-inner table tr th {
    border-bottom-width: inherit;
    line-height: 1.2;
    border:none;
    font-size: 15px;
}
.ts-tr-pricing-table-inner table tr th {
    padding: 20px 5px;
    vertical-align: middle;
}
.table-striped>tbody>tr:nth-of-type(even) td {
    padding: 20px 5px;
}
.table-striped>tbody>tr:nth-of-type(odd) td {
    padding: 18px 5px;
}
.ts-tr-pricing-table-inner table tr td {
    border-bottom-width: inherit;
    font-weight: 500;
    color: var(--themestack-grey-color);
    background-color: #f9f9f9;
    border:none;
    font-size: 15px;
}
.ts-tr-pricing-form h2 {
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-tr-pricing-form p {
    margin-bottom: 0;
    padding-top: 10px;
}
/*pricing form css*/
.ts-tr-pricing-form-section {
    background-color: var(--themestack-primary-color);
    padding: 34px 29px 40px 29px;
    margin-top: -12px;
}
.ts-tr-pricing-form-inner h2 {
    padding-bottom: 5px;
}
.ts-tr-pricing-inner-main {
    display: inline-flex;
}
.ts-tr-pricing-form-section .wpcf7-response-output {
    border: none !important;
    position: absolute;
    bottom: -55px;
    background: red;
    color: var(--themestack-white-color);
    padding: 10px !important;
    left: 0;
}
.ts-tr-pricing-form-inner input {
    background: #ef5711;
    color:var(--themestack-white-color);
    border: transparent;
    max-width: 153px;
    height: 49px;
    margin-right: 30px;
    padding: 0px 15px;
}
.ts-tr-pricing-form-inner input:focus{
    color:var(--themestack-white-color);
}
.ts-tr-pricing-form-inner input::placeholder {
    color: var(--themestack-white-color);
    font-size: 14px;
}
.ts-tr-pricing-form {
    text-align: center;
    padding-bottom: 30px;
}
.row.pricing-space {
    padding-top: 10px;
}
.tr-pricing-quite .ts-tr-pricing-button {
    background-color: var(--themestack-dark-blue-color) !important;
    color: var(--themestack-white-color)!important;
    width: 100%;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    font-size: 12px;
    letter-spacing: 1px;
    border:none !important;
    transition: all 0.5s;
}
/*pricing css end*/
/*testimonial css start*/

.ts-tr-testimonial-inner .swiper {
    padding: 20px 20px 80px;
    overflow: hidden;
    position: relative;
}
.ts-tr-testimonial-inner {
    position: relative;
}
.swiper-slide.swiper-slide-next {
    width: 520px;
}
.ts-tr-testimonial-inner .swiper-slide {
    position: relative;
    top: 50px;
    text-align: center;
    font-size: 18px;
    background-color: var(--themestack-white-color);
    box-shadow: 0px 0px 15px 0px rgba(41, 37, 80, 0.08);
    display: -webkit-box;
    padding: 40px 40px 12px 40px;
}
.ts-tr-testimonial-inner .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: -29px;
    left: 0;
    right: 0;
}
.ts-tr-testimonial-wrapper .swiper-pagination-bullet {
    margin: 0px 5px;
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}
.ts-tr-testimonial-wrapper .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--themestack-primary-color);
    width: 10px;
    height: 10px;
}
.ts-tr-testimonial-img-section img {
    display: block;
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}
.ts-tr-testimonial-img {
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 24px;
}
.ts-tr-testimonial-img-text {
    padding-left: 20px;
}
.ts-tr-testimonial-img-text h2, .ts-tr-testimonial-img-text p {
    margin-bottom: 0;
}
.ts-tr-testimonial-img-text p {
    font-size: 13px;
    text-transform: capitalize;
}
.ts-tr-testimonial-text p {
    text-align: left;
    font-weight: 500;
    color: var(--themestack-grey-color);
    line-height: 1.5;
    margin-bottom: 0px;
}
.ts-tr-testimonial-icon {
    position: absolute;
    top: -30px;
    right: 30px;
}
/*testimonial css end*/
/*blog css start*/
.ts-tr-blog-title .f-14 {
    margin-bottom: 0;
	color:var(--themestack-white-color);
}
.ts-tr-blog-box {
    overflow: hidden;
    backface-visibility: hidden;
    transition: all 0.3s;
}
.ts-tr-blog-img {
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}
.ts-tr-blog-img img {
    transform: scale(1);
    transition: all 0.3s;
    width:100%;
}
.ts-tr-blog-box:hover .ts-tr-blog-img img {
    transform: scale(1.1);
}
.ts-tr-blog-title {
    position: absolute;
    bottom: 9px;
    left: 10px;
    color: var(--themestack-white-color);
    background: var(--themestack-primary-color);
    padding: 9px 19px;
}
.ts-tr-blog-content {
    padding: 23px 22px 23px 29px;
    background-color: var(--themestack-white-color);
}
.ts-tr-blog-content h2 {
    line-height: 1.3;
    max-width: 345px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.ts-tr-blog-content h2 a{
    color: var(--themestack-dark-blue-color);
}
.ts-tr-blog-content p {
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 1.6;
}
.ts-tr-blog-content a {
    font-weight: 600;
}
.ts-tr-blog-button {
    margin-top: 35px;
}
/*blog css end*/
/*support css start*/
.ts-tr-support-wrapper {
    padding: 45px 60px 80px 60px;
}
.ts-tr-support-left p {
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.ts-tr-support-left h2 {
    font-weight: 400;
    padding-top: 13px;
    line-height: 1.2;
    margin-bottom:0px;
}
.ts-tr-support-button {
    display: flex;
    justify-content: end;
    padding-top: 35px;
    transition: all 0.3s;
}
.ts-tr-support-button a {
    background-color: var(--themestack-white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 188px;
    height: 58px;
    color: var(--themestack-primary-color);
    font-weight: 600;
    letter-spacing: 1px;
    background: linear-gradient(to left, #ffffff 50%, #041c2d 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.3s;
}
.ts-tr-support-button a:hover {
    background-position: left bottom;
    color: var(--themestack-white-color);
}
/*support css end*/
/*footer css start*/
.ts-tr-footer-wrapper {
    background-color: #041c2d;
    padding: 70px 0px 62px;
}
.ts-tr-footer-icon-text {
    padding-top: 35px;
}
.ts-tr-footer-icon-text ul {
    margin: 0;
    padding: 0;
}
.ts-tr-footer-icon-text ul li {
    display: block;
    padding-bottom: 10px;
    transform: translateX(0px);
    transition: all 0.3s;
}
.ts-tr-footer-icon-text ul li:hover {
    transform: translateX(5px);
}
.ts-tr-footer-icon-text ul li a {
    display: flex;
    color: var(--themestack-white-color);
    font-size: 15px;
}
.ts-tr-footer .footer-app-heading-content a {
    color: var(--themestack-white-color);
    transition:all 0.3s;
}
.ts-tr-footer .footer-app-heading-content a:hover {
    color: var(--themestack-primary-color);
}
/*social icon css start*/
.ts-tr-social-icons {
    padding: 25px 0px 0px 0px;
}
.ts-tr-social-icons ul {
    margin: 0;
    padding: 0;
}
.ts-tr-social-icons ul li {
    display: inline-flex;
    padding-right: 10px;
    transition: all 0.3s;
}
.ts-tr-social-icons ul li a i {
    color: var(--themestack-white-color);
    transition: all 0.3s;
}
.ts-tr-social-icons ul li:hover a i {
    color: var(--themestack-primary-color);
}
.ts-tr-footer .footer-content p{
    line-height:1.5;
}
/*social icon css end*/
.ts-tr-footer-section2 h2 {
    letter-spacing: 1px;
    font-weight: 500;
    position: relative;
    padding-bottom: 13px;
}
.ts-tr-footer-section2 h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    background-color: var(--themestack-primary-color);
    height: 2px;
    width: 73px;
}
.ts-tr-footer-section1 p {
    padding-top: 35px;
}
.ts-tr-footer-icontext {
    padding-left: 13px;
}
/*footer css end*/
/*footer spacer*/
.ts-foooter-spacers {
     padding: 0;
}
/*copywrite css start*/	
.tr-copywrite {
    background-color: #0d283b;
    text-align: center;
    padding: 10px 0;
}
/*MEDIA CSS START*/
@media(max-width:1790px){
    .ts-tr-header-icon-text>p {
        font-size: 18px;
    }
    .ts-tr-header-icon-text h5 {
        margin-bottom: 5px;
    }
}
@media(max-width: 1500px) {
    .ts-tr-quote-text h5 {
        text-align: center;
    }
    .ts-tr-header-icon-text>p {
        font-size: 15px;
    }
    .ts-tr-quote .ts-tr-quote-download {
        width: 60px;
    }
    .ts-tr-quote-text {
        padding: 27px 12px 25px 15px;
    }
   .ts-header-style8 .container-fluid {
        padding: 0 0 0 15px;
    }
    .ts-header-style8 .menu>li {
        padding-right: 30px !important;
    }
    .ts-header-style8 .menu>li:last-child {
        padding-right: 0px !important;
    }
}
@media(max-width:1360px){
    .ts-tr-quote-text {
        padding: 27px 20px 25px 10px;
    }
    .ts-tr-header-contact {
        padding-right: 50px;
    }
}
@media(max-width:1320px){
    .ts-tr-header-icon-text>p {
        font-size: 13px;
    }
    body .ts-header-style8 .ts-tr-header-contact {
        padding-right: 30px;
    }
}
@media(max-width:1260px){
    .ts-tr-quote-text {
        padding: 27px 10px 25px 10px;
    }
    .ts-tr-header-contact {
        padding-right: 30px;
    }
    .ts-tr-quote .ts-tr-quote-download {
        width: 60px;
    }
}
@media(max-width: 1199px) {
    .ts-tr-pricing-form-inner input {
        max-width: 100%;
    }
    .ts-tr-banner-icon-box {
        width: 175px;
    }
    .ts-tr-header-contact {
        margin-right: 0;
        padding-right: 8px;
    }
    .ts-tr-header-icon-text {
        display: none;
    }
    .ts-tr-pricing-form-section {
        margin-left: 15px;
    }
}
@media(max-width:1024px){
    .footer-app-heading h1, .ts-vr-foot-menu h3 {
        font-size: 18px;
    }
    .ts-vr-footer-top {
        flex-wrap: wrap;
    }
    .ts-tr-footer .ts-vr-foot-menu {
        width: 45%;
    }
    .ts-tr-footer .ts-vr-foot-menu.ts-vr-twit {
        width: 100%;
    }
}
@media(max-width:991px) {
    .ts-tr-footer-section2.ts-tr-padd-30 {
        padding-top: 30px;
    }
    .ts-tr-footer .footer-app-heading-content ul {
        padding: 30px 0;
    }
    .ts-tr-pricing-form-inner input {
        width: 100%;
    }
    .ts-tr-service-wrapper {
        padding: 78px 0px 40px;
    }
    .ts-tr-about-package1.ts-tr-service-box {
        margin-bottom: 20px;
    }
    .ts-tr-about-package.ts-tr-service-section.ts-tr-service-section-res {
        padding: 0;
    }
    .ts-tr-blog-img img {
        width: 100%;
    }
    .ts-tr-support-left {
        text-align: center;
    }
    .ts-tr-support-button {
        justify-content: center;
        padding-top: 20px;
    }
    .ts-tr-support-left h2 {
        max-width: 100%;
    }
    .ts-tr-about-year {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .ts-tr-about-image {
        background-size: contain;
        padding-top: 20px;
    }
    .ts-tr-abt-spcr .ts-tr-service-heading {
        padding-top: 50px;
    }
    .ts-tr-pricing-table-inner::-webkit-scrollbar-thumb {
        background-color: var(--themestack-primary-color);
        height: 5px;
    }
    .ts-tr-pricing-table-inner::-webkit-scrollbar {
        height: 10px;
    }
    .ts-tr-footer .menu-services-container {
        padding-bottom: 30px;
    }
    .ts-tr-quote-text a {
        letter-spacing: 1px;
        font-size: 13px;
        font-weight: 400;
    }
    .ts-tr-pricing-form-section .wpcf7 form.sent .wpcf7-response-output {
        bottom: -30px;
    }
}
@media(max-width: 767px) {
    .ts-tr-banner-icon-box {
        width: 130px;
    }
    .ts-tr-banner-icon-box h3 {
        font-size: 13px;
    }
    .ts-tr-footer-section2.ts-tr-paddd-30 {
        padding-top: 30px;
    }
    .ts-tr-footer-section2.ts-tr-padd-30 {
        padding-top: 30px;
    }
    .ts-tr-blog-box.ts-tr-blog-box-padd-30 {
        padding-bottom: 30px;
    }
    .ts-tr-blog-inner {
        padding-top: 0;
    }
    .ts-tr-testimonial-inner .swiper-slide {
        padding: 25px;
    }
    .ts-tr-footer .footer-content {
        padding-bottom: 30px;
    }
    body .ts-header-style8 .ts-tr-header-contact {
        padding-right: 10px;
    }
    .ts-header-style8 .ts-menu-toggle {
        margin-left: 10px;
    }
    .ts-tr-pricing-form-section .wpcf7 form.sent .wpcf7-response-output {
        bottom: 35px;
    }
    .ts-tr-pricing-form-section .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .ts-tr-pricing-form-section .wpcf7 form.payment-required .wpcf7-response-output {
        bottom: 35px;
    }
}
@media(max-width:610px){
    .ts-header-style8 .ts-main-header-inner {
        flex-direction: column;
    }
    .ts-header-style8{
        padding-bottom:15px!important;
    }
    .ts-header-style8 .ts-logo-wrap {
        padding-bottom: 15px;
    }
    .ts-header-style8 {
        padding-top: 15px !important;
    }
    .ts-tr-quote-text {
        padding: 11px 10px 5px 10px;
    }
    .ts-tr-quote .ts-tr-quote-download {
        height: 50px;
    }
}
@media(max-width: 575px) {
    .ts-tr-banner-icon-box {
        width: 50%;
    }
    .ts-tr-pricing-form-inner h2 {
        padding: 11px 0px;
    }
    .row.pricing-space {
        padding-top: 0;
    }
    .ts-tr-about-image {
        padding-top: 0;
    }
    .ts-tr-abt-spcr .ts-tr-service-heading {
        padding-top: 50px;
    }
    .ts-tr-banner-bottom{
        flex-wrap:wrap;
    }
    .ts-tr-pricing-table-inner table {
        margin-bottom: 0;
        min-width: 700px;
    }
    .ts-tr-banner-bottom {
        position: relative;
        top: 0;
    }
}
@media(max-width: 480px) {
    .ts-tr-banner-tracking {
        margin-left: 0;
        margin-top: 20px;
    }
    .ts-tr-blog-wrapper {
        padding: 60px 0px;
    }
    .ts-tr-service-wrapper {
        padding: 60px 0px 10px;
    }
    .ts-tr-banner-bottom-postion {
        padding-bottom: 20px;
    }
    .f-36 {
        font-size: 25px;
    }
    .ts-tr-support-wrapper {
        padding: 60px 0px;
    }
    .ts-tr-support-button a {
        max-width: 160px;
        height: 50px;
    }
    .ts-tr-header-contact .ts-tr-header-icon-mob {
        display: none;
    }
    
    .ts-tr-testimonial-inner .swiper-slide{
        top:20px;
    }
    .ts-tr-testimonial-inner .swiper {
        padding: 20px 20px 15px;
    }
    .ts-tr-pricing-form-section .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .ts-tr-pricing-form-section .wpcf7 form.payment-required .wpcf7-response-output {
        bottom: 5px;
    }
    .ts-tr-pricing-form-section .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .ts-tr-pricing-form-section .wpcf7 form.payment-required .wpcf7-response-output {
        max-width: 300px;
    }
}
@media(max-width:425px){
    .ts-tr-blog-content {
        padding: 23px 15px 23px 15px;
    }
}
@media(max-width:380px) {
    .f-20 {
        font-size: 18px;
    }
    .ts-tr-service-heading h5 {
        font-size: 25px;
    }
    .f-22 {
        font-size: 20px;
    }
    .ts-tr-about-image {
        min-height: 270px;
    }
    .ts-tr-about-image {
        min-height: 270px;
    }
    .ts-tr-about-25 {
        width: 60px;
        height: 60px;
    }
    .ts-tr-about-years {
        height: 60px;
    }
    .ts-header-style8 .ts-menu-toggle {
        margin-left: 10px;
    }
    .ts-header-style8 .container-fluid {
        padding: 0;
    }
}
@media(max-width:375px){
    /*.ts-tr-pricing-form-section .wpcf7 form.sent .wpcf7-response-output {*/
    /*    left: 2px;*/
    /*}*/
}
@media(max-width:345px){
    .ts-tr-pricing-form-section .wpcf7 form.sent .wpcf7-response-output {
        bottom: 5px;
    }
}
/* Responsive css end*/
/*============= TRANSPORT DEMO CSS END ===============================*/
/*======================= Musician demo css start ====================*/

/* botton css start*/
.ts-mu-black-btn {
    max-width: 190px;
    width: 100%;
    min-height: 60px;
    border-radius: 40px;
    background-color: #ffffff29;
    backdrop-filter: blur(20px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    letter-spacing: 3px;
    color: var(--themestack-white-color);
    font-weight: 400;
    font-family: "Poppins";
    text-transform: uppercase;
    transition: all 0.5s;
}
.ts-mu-black-btn:hover{
    transform: translateY(-5px);
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--themestack-white-color);
}
.ts-mu-color-btn {
    max-width: 190px;
    width: 100%;
    min-height: 60px;
    border-radius: 40px;
    background-image: linear-gradient(to right, #ff6a00 0%,#ee0979 51%,  #ff6a00 100%);
    background-size: 200% auto;
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    letter-spacing: 3px;
    color: var(--themestack-white-color) !important;
    font-weight: 400;
    font-family: "Poppins";
    text-transform: uppercase;
    transition: all 0.5s;
}
.ts-mu-color-btn:hover {
    background-position: right center;
    color: var(--themestack-white-color) !important;
    transform: translateY(-5px);
    letter-spacing: 3px;
    text-transform: uppercase;    
}
/* botton css end*/
/* heading start */
.ts-mu-heading {
    font-size: 22px;
    letter-spacing: 2px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    font-family: "Caveat";
    text-transform: capitalize;
    /*text-align: center;*/
    margin-bottom: 0;
}
/* heading end */
/* sub heading */
.ts-mu-sub-heading {
    font-size: 32px;
    color: var(--themestack-white-color);
    font-weight: 400;
    font-family: "Poppins";
    /*text-align: center;*/
    text-transform: capitalize;
    padding-top: 20px;
    padding-bottom: 42px;
    margin-bottom: 0;
}
/* sub heading */
/* header section css start */
.ts-mu-header-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index:9;
}
.ts-mu-header-logo {
    position: relative;
}
.ts-mu-menu-overlay{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
}
.ts-mu-header-parent {
    width: 100%;
}
.ts-mu-header-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(232deg, #ee0979 0%, #ff6a00 100%);
    width: 250px;
    z-index: 999;
    border-radius: 100% 0 0 100%;
    display: block;
    text-align: center;
    overflow-x: hidden;    
    align-items: center;
    transition: all 0.3s;
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
    transform: translateX(150%);
    -webkit-transition: all 0.5s cubic-bezier(1.000, -0.600, 0.000, 1.650);
    -moz-transition: all 0.5s cubic-bezier(1.000, -0.600, 0.000, 1.650);
    transition: all 0.5s cubic-bezier(1.000, -0.600, 0.000, 1.650);
}
.ts-mu-header-menu:before {
    content: "";
    height: 100vh;
    width: 2px;
    display: inline-block;
    vertical-align: middle;
}
.ts-mu-toggleclose {
    display: inline-block;
}
/*toggle menu*/
.ts-header-style10 .menu {
    display: block;
}
.ts-header-style10  .menu li{
    margin-bottom:30px;
    padding-right:0 !important;
}
.ts-header-style10  .menu li:last-child{
    margin-bottom:0px;
}
.ts-header-style10 .menu li a {
    color: var(--themestack-white-color);
    font-weight: 400;
    text-transform: capitalize;
    font-size: 20px;
    padding:0 !important;
}
.ts-header-style10 .menu li a:hover{
    color: var(--themestack-title-color) !important;
}
.ts-header-style10 .ts-main-navigation {
    display: inline-block!important;
    vertical-align: middle;
}
body .ts-header-style10 .ts-main-nav-wrapper .menu>li{
    position:relative;
}
body .ts-header-style10 .ts-main-nav-wrapper .menu>li>a:before{
    display:none;
}
body .ts-header-style10 .ts-main-nav-wrapper .menu>li:hover a{
    color: var(--blue-mu-dark-color);
}
.ts-header-style10 .menu li.current-menu-item>a, .ts-header-style10 .menu li.current-menu-item>a:focus, .ts-header-style10 .menu li.current-menu-item>a:visited {
    color: var(--blue-mu-dark-color);
}
/*submenu*/
.ts-header-style10 .ts-main-nav-wrapper .menu .sub-menu {
    position:unset;
    background: none;
    border: none;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    transform: none;
}
.ts-header-style10 .ts-main-nav-wrapper .menu .sub-menu:before, .ts-header-style10 .ts-main-nav-wrapper .menu .sub-menu:after{
    display:none;
}
.ts-header-style10 .ts-main-navigation .menu>li>.sub-menu {
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 0px;
}
.ts-header-style10 .ts-main-navigation ul.sub-menu {
    display: none;
    margin-top: 10px;
    margin-bottom: 7px;
    transition:all 0.3s;
}
.ts-header-style10 .ts-main-navigation .menu>li .sub-menu>li {
    border-bottom: none;
    margin-bottom: 0;
}
.ts-header-style10 .ts-main-navigation .menu li .sub-menu li a {
    padding-left: 20px;
}
.ts-header-style10 .ts-main-nav-wrapper .menu .sub-menu li:hover {
    padding: 6px 0px 6px 0px;
}
.ts-header-style10 .ts-main-nav-wrapper .menu .sub-menu li:hover>a {
    color: var(--blue-mu-dark-color);
}
.ts-header-style10 .ts-main-navigation .menu li.menu-item-has-children:before {
    content: "\f107";
    position: absolute;
    top: 10px;
    right: -20px;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    color: var(--themestack-white-color);
    transition:all 0.3s;
}
.ts-header-style10 .ts-main-navigation .menu li.open:before {
    -webkit-transform: rotate( 180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate( 180deg);
}
/*submenu*/
.menu-open .ts-mu-menu-overlay{
    opacity: 1;
    visibility: visible;
}
.menu-open .ts-mu-header-menu{
    -webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
.ts-mu-toggleclose i{
    font-size: 25px;
    color: var(--themestack-white-color);
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.ts-mu-header-menu ul {
    position: relative;
    list-style: none;
    padding-left: 0;
}
.ts-mu-header-wrapper .menu-main_menu-container {
    display: inline-block;
    vertical-align: middle;
}
.ts-mu-header-menu ul:before{
    content: '';
    width: 1px;
    height: 30px;
    background-color: var(--themestack-white-color);
    position: absolute;
    bottom: -60px;
    left: 0; 
    right: 0;
    margin: auto;
}
.ts-mu-header-menu ul:after {
    content: '';
    width: 1px;
    height: 30px;
    background-color: var(--themestack-white-color);
    position: absolute;
    top: -60px;
    left: 0; 
    right: 0;
    margin: auto;
}
.ts-mu-header-menu ul li {
    margin-bottom: 30px;
    transition: all 0.3s;
    text-align: center;
}
.ts-mu-header-menu ul li:hover{
    transform: translateX(5px);
}
.ts-mu-header-menu ul li a{
    font-size: 20px;
    color: var(--themestack-white-color);
    font-weight: 400;
    font-family: "Caveat";
    text-transform: capitalize;
}
.ts-mu-toggle-btn{
    margin-left: auto;
    cursor: pointer;
}
.ts-mu-toggle-btn svg {
    width: 30px;
    height: auto;
    fill: var(--themestack-white-color);
}
/* header section css end */
/* banner section css start */
.ts-mu-banner-slider-btn{
    transition:all 0.3s;
}
.ts-mu-banner-slider-btn:hover {
    transform: translateY(-5px);
    background-position: right center;
    letter-spacing: 3px;
    text-transform: uppercase;
}
/* banner section css end */
/* about section css start */
.ts-mu-about-wrapper{
    background-color: var(--themestack-white-color);
}
.ts-mu-about-right{
    margin-top: 30px;
}
.ts-mu-about-heading .ts-mu-heading{
    text-align: left;
}
.ts-mu-about-heading h3 {
    font-size: 42px;
    color: var(--mu-dark-color);
    font-weight: 400;
    font-family: "Poppins";
    text-transform: capitalize;
    padding-top: 15px;
    margin-bottom: 0;
}
.ts-mu-about-heading h2 {
    color: var(--themestack-primary-color);
    font-size: 42px;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-mu-about-heading p {
    font-size: 14px;
    color: var(--mu-grey-color);
    font-weight: 500;
    font-family: "Poppins";
    padding-top: 25px;
    margin-bottom: 0;
}
.ts-mu-about-heading a{
    font-size: 30px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    font-family: "Caveat";
    padding-top: 25px;
}
.ts-mu-about-right-img {    
    margin: 45px 0 0 -170px;
    position: relative;
}
/* about section css end */
/* event section css start */
.ts-mu-event-wrapper{
    background-image: url(../images/musician/event-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0;
}
.ts-mu-event-heading .ts-mu-heading{
    color: var(--themestack-white-color);
}
.ts-mu-event-rectangle{
    background-color: var(--themestack-white-color);
    padding: 40px 30px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}
.ts-mu-event-rectangle:hover{
    transform: translateX(5px);
}
.ts-mu-event-rectngle-inner{
    display: flex;
}
.ts-mu-event-content{
    margin-left: 50px;
}
.ts-mu-even-date h1{
    font-size: 46px;
    color: var(--mu-dark-color);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    font-family: "Poppins";
}
.ts-mu-even-date span{
    display: block;
    font-size: 20px;
    color: var(--mu-dark-color);
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Poppins";
}
.ts-mu-event-content h4{
    font-size: 22px;
    color: var(--mu-dark-color);
    font-weight: 500;
    font-family: "Poppins";
    padding-bottom: 25px;
}
.ts-mu-event-content span{
    display: block;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--mu-grey-color);
    font-weight: 400;
    padding-bottom: 15px;
    font-family: "Poppins";
}
.ts-mu-event-content span:last-child{
    padding-bottom: 0;
}
.ts-mu-event-content span svg {
    fill: var(--themestack-primary-color);
    margin-right: 10px;
    width: 14px;
    height: 14px;
}
.ts-mu-event-mini-btn .ts-mu-color-btn{
    max-width: 120px;
    min-height: 40px;
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    top: 40px;
    right: 30px;
}
.ts-mu-event-btn{
    padding-top: 45px;    
}
.ts-mu-event-btn .ts-mu-color-btn{
    margin: auto;
}
.mep_list_winter_thumb_wrapper {
    display: none !important;
}
.mep_event_winter_list .mep_list_date_wrapper {
    background: none!important;
}
.mep_event_winter_list .mep_list_date_wrapper i {
    display: none!important;
}
.mep_event_winter_list .mep_winter_list_dd {
    display: block!important;
    font-size: 46px!important;
    font-weight: 700!important;
    color: var(--mu-dark-color)!important;
    font-family: 'Poppins'!important;
    line-height: 1!important;
}
span.mep_winter_list_mm_yy {
    display: block!important;
    font-size: 18px!important;
    font-weight: 700!important;
    color: var(--mu-dark-color)!important;
    font-family: 'Poppins'!important;
    text-transform: uppercase!important;
}
.mep_event_winter_list .mep_list_title a {
    font-size: 20px!important;
    font-weight: 600!important;
    color: var(--mu-dark-color)!important;
    text-transform: capitalize!important;
    font-family: 'Poppins'!important;
    padding-bottom: 10px !important;
}
span.mep_winter_event_time, span.mep_winter_event_location, span.mep_winter_event_date {
    font-size: 14px!important;
    font-weight: 400!important;
    color: var(--mu-grey-color)!important;
    font-family: 'Poppins'!important;
    width: 100%!important;
    line-height:1.7;
}
span.mep_winter_event_time i, .mep_winter_event_location i, .mep_winter_event_date i{
    color: var(--themestack-primary-color)!important;
}
.mep_event_winter_list .mep_list_event_details{
    width: 100%!important;
}
.mep_event_winter_list .mep_list_details_col_one{
    width: 100%!important;
}
.mep_event_winter_list .mep_list_details_col_two{
    width: 100%!important;
}
.mep_event_winter_list .mep_list_date_wrapper {
    width: 30%!important;
}
.mep_event_list_item {
    border: none!important;
}
.mep_event_winter_list {
    background: var(--themestack-white-color)!important;
    margin: 0 0 16px 0 !important;
    padding: 25px 0 14px 0 !important;
    transition: all 0.3s !important;
}
.mep_event_winter_list:hover {
    transform: translateX(5px) !important;
}
.mep_event_winter_list .mep_list_details_col_wrapper {
    display: block!important;
}
.mep_event_winter_list .mep_list_event_details {
    margin-left: 0!important;
}
div.mep_flex, .mep-default-content div.mep-default-feature-date-location, .mep-default-theme div.mep-default-feature-date, .mep-default-theme div.mep-default-feature-time, .mep-default-theme div.mep-default-feature-location, .mep-default-theme i, div.mep-default-sidrbar-meta, .mep-default-sidrbar-address ul li, .mep-default-sidrbar-events-schedule h3, ul.mep-social-share, ul.mep-social-share a, #mep_add_calender_button.mep-add-calender, button.single_add_to_cart_button, div.mep_spring_date, div.franklin_divided, div.bristol_divided, div.bristol_center_box, div.bristol_center_box .mep-default-sidrbar-price-seat, .mep_spring_date .mep-default-sidrbar-social, .bristol .mep-default-sidrbar-social, div.mep-related-events-sec div.mep_event_list_sec, .mep-list-footer ul li, .mep-list-footer ul li i, .mep_event_list .mep_event_list_sec div.mep_event_list_item, div.mep_event_list div.mage_grid_box, button.single_add_to_cart_button, .mep-events-wrapper .mage_input_group {
    align-items:flex-start !important;
}
/* event section css end */
/* event single section css start */
.mep-events-wrapper, .mep_related_product_area {
    padding: 54px 0 50px 0 !important;
}
.mep-default-title h2, .section-heading h2, .mep-default-sidrbar-map h3, .mep-default-sidrbar-events-schedule h3 {
    font-weight: 600 !important;
}
.mep-default-theme div.mep-default-feature-date, .mep-default-theme div.mep-default-feature-time, .mep-default-theme div.mep-default-feature-location {
    background: var(--themestack-white-color) !important;
    padding: 20px 15px !important;
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.1) !important;
}
.mep-default-sidrbar-events-schedule ul li i, .mep-ev-start-date, h3.mep_list_date i, .df-ico i, .mep-default-sidrbar-address ul li i, .mep-default-sidrbar-social ul li a, button.mep-cat-control, .pagination-sec a {
    align-items: center !important;
}
.mep-events-wrapper p:not(.mep-events-wrapper .mep-default-feature-content p, .ui-accordion .ui-accordion-content, .mep-event-review-form .label) {
    padding-top: 5px !important;
    font-size: 15px !important;
}
.mep-default-sidrbar-meta i {
    margin: 4px 7px 0 0 !important;
}
.mep-default-sidebar .df-sidebar-part {
    background: var(--themestack-white-color) !important;
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.1) !important;
    margin: 12px 0 20px 0 !important;
}
.mep-default-sidrbar-meta {
    padding: 20px 20px 10px !important;
}
.mep-default-sidrbar-price-seat h5 {
    font-weight: 600 !important;
}
.mep-default-sidrbar-events-schedule h3 {
    padding-left: 10px !important;
}
.mep-default-sidrbar-address ul li {
    margin: 0 0 10px 0 !important;
    align-items: center !important;
}
span.mep_date_scdl_end_datetime {
    padding-left: 27px !important;
}
.mep-default-sidrbar-social .mep-event-meta {
    color: #444444 !important;
}
div.mep-default-feature-content p {
    margin-bottom: 25px !important;
}
.mep-day-details-section h4 {
    font-weight: 600 !important;
}
.mep-default-theme .mep-day-details-item .mep-day-icon {
    font-weight: 600 !important;
}
thead.ex-sec-title.mep_ticket_type_title tr th {
    color: var(--themestack-white-color) !important;
    font-weight: 500 !important;
}
span.mep_ticket_type_name {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #444444 !important;
}
.mep-events-wrapper div.xtra-item-left {
    color: #444444 !important;
}
.button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart {
    font-weight: 500 !important;
    border-radius: 30px !important;
}
.mep-events-wrapper .extra-qty-box {
    height: 50px !important;
}
.mep-events-wrapper .nice-select .current {
    padding: 0 10px !important;
    color: #444444!important;
    font-weight: 500!important;
}
.mep-events-wrapper .nice-select:after {
    border-bottom: 2px solid #444444 !important;
    border-right: 2px solid #444444 !important;
    width: 7px !important;
    height: 7px !important;
}
.mep-events-wrapper .nice-select .option {
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: 500 !important;
    color: #444444 !important;
}
div.mep_event_list div.mage_grid_box {
    grid-gap: 20px !important;
}
.mep_event_grid_item {
    margin:0 !important;
    margin-bottom: 20px !important;
    -webkit-box-shadow: 0 0 25px 0px rgb(0 0 0 / 10%) !important;
    box-shadow: 0 0 25px 0px rgb(0 0 0 / 10%) !important;
}
.woocommerce table.shop_table th {
    border: 1px solid var(--themestack-border-color);
}
/* event single section css end */
/* galllery section css start */

.ts-mu-gallery-heading .ts-mu-sub-heading{
    color: var(--mu-dark-color);
}
.ts-mu-gallery-wrapper{
    width:100%;
}
.ts-mu-grid {
    display: flex;
    width:100%;
}
.ts-mu-gallery-wrapper .ts-mu-grid-item{
    width: 25%;    
    cursor: pointer;
}
.ts-mu-gallery-wrapper .ts-mu-grid-item .ts-mu-grid-img{
    overflow: hidden;
    position: relative;
}
.ts-mu-gallery-wrapper .ts-mu-grid-item .ts-mu-grid-img img{
    width: 100%;  
    transition: all 0.3s;  
}
.ts-mu-gallery-wrapper .ts-mu-grid-item.grid-50{
    width: 50%;
}
.ts-mu-gallery-wrapper .ts-mu-grid-img:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 1;
}
.ts-mu-gallery-wrapper .ts-mu-grid-item:hover .ts-mu-grid-img:before{
    opacity: 1;
    visibility: visible;
} 
.ts-mu-gallery-wrapper .ts-mu-grid-item span{
    width: 30px;
    height: 30px;
    background-color: var(--themestack-white-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%)scale(3);    
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.ts-mu-gallery-wrapper .ts-mu-grid-item span svg{
    transition: all 0.3s;
    fill:var(--themestack-primary-color);
}
.ts-mu-gallery-wrapper .ts-mu-grid-item:hover span{
    opacity: 1;
    visibility: visible;
    transform: scale(2);
    transition: all 0.3s;
    z-index: 2;
}
.ts-mu-gallery-wrapper .ts-mu-grid-item:hover img{
    transform: scale(1.1);
}
.mfp-arrow-right:before {
    border-left: 27px solid var(--themestack-primary-color) !important;
    opacity: 1!important;
}
.mfp-arrow-left:before {
    border-right: 27px solid var(--themestack-primary-color) !important;
}
/* gallery section css end */
/*  blog section css start */

.ts-mu-blog-heading .ts-mu-sub-heading{
    color: var(--mu-dark-color);
}
.ts-mu-blog-content p {
    font-size: 18px;
    letter-spacing: 2px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    font-family: "Caveat";
    padding-top: 15px;
    margin-bottom: 0;
}
.ts-mu-blog-content h4 {
    font-size: 22px;
    color: var(--mu-dark-color);
    font-weight: 600;
    font-family: "Poppins";
    padding-top: 11px;
    margin-bottom: 0;
}
.ts-mu-blog-wrapper .ts-mu-blog-effect img {
	position: relative;
	display: block;
    width:100%;
}
.ts-mu-blog-wrapper .ts-mu-blog-effect {
    position: relative;
    overflow: hidden;  
    cursor: pointer;
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one img {
	transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
	transition: all .35s;
	transform-origin: 85% 100%;
	-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
	-webkit-transition: all .35s;
	-webkit-transform-origin: 85% 100%
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one .tab-text:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border: 140px solid var(--themestack-primary-color);
    border-radius: 50% 0 0 50%;
    opacity: 0;
    transform: translate3d(50%, 50%, 0) rotate3d(0, 0, 1, 135deg);
    transition: all .35s .15s;    
    border-color: transparent transparent transparent #fff;
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one p {
    position: absolute;
    width: 31px;
    height: 36px;
    bottom: 70px;
    right: -31px;
    font-size: 120%;
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one:hover .tab-text:before {
	transform: translate3d(50%, 50%, 0) rotate3d(0, 0, 1, 45deg);
	opacity: .2;
	transition-delay: 0s
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one p a {	
	position: absolute;
	opacity: 0;
	transition: all .35s cubic-bezier(.25, .4, .2, .5) 0s
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one p a i {
	color: var(--themestack-white-color);
	transition: transform .35s cubic-bezier(.5, .2, .4, .25) 0s;
    width: 35px;
	height: 35px;
    background-image: linear-gradient(256deg, #ee0979 0%, #ff6a00 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    transition: all 0.3s;
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one:hover p a {
	opacity: 1
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one:hover p a:nth-child(1) {
	transform: translate3d(0, 60px, 0);
	-webkit-transform: translate3d(0, 60px, 0);
	transition: all .35s cubic-bezier(.5, .2, .4, .25) .15s;
	-webkit-transition: all .35s cubic-bezier(.5, .2, .4, .25) .15s
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one:hover p a:nth-child(1) i {
	transform: translate3d(-110px, 10px, 0);
	transition: transform .35s cubic-bezier(.25, .4, .2, .5) .15s;
	-webkit-transform: translate3d(-110px, 10px, 0);
	-webkit-transition: transform .35s cubic-bezier(.25, .4, .2, .5) .15s
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one:hover p a:nth-child(2) {
	transform: translate3d(0, 30px, 0);
	transition: all .35s cubic-bezier(.5, .2, .4, .25) .25s;
	-webkit-transform: translate3d(0, 30px, 0);
	-webkit-transition: all .35s cubic-bezier(.5, .2, .4, .25) .25s
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one:hover p a:nth-child(2) i {
    transform: translate3d(-90px, -6px, 0);
    transition: transform .35s cubic-bezier(.25, .4, .2, .5) .25s;
    -webkit-transform: translate3d(-90px, -6px, 0);
    -webkit-transition: transform .35s cubic-bezier(.25, .4, .2, .5) .25s;
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one:hover p a:nth-child(3) {
	transform: translate3d(0, 0, 0);
	transition: all .35s cubic-bezier(.5, .2, .4, .25) .35s;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all .35s cubic-bezier(.5, .2, .4, .25) .35s
}

.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one:hover p a:nth-child(3) i {
	transform: translate3d(-50px, -2px, 0);
	transition: transform .35s cubic-bezier(.25, .4, .2, .5) .35s;
	-webkit-transform: translate3d(-50px, -2px, 0);
	-webkit-transition: transform .35s cubic-bezier(.25, .4, .2, .5) .35s
}
.ts-mu-blog-wrapper .ts-mu-blog-effect.ts-mu-effect-one:hover img {
	transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
	-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
}
.ts-mu-blog-btn .ts-mu-color-btn{
    margin: auto;
}
/* blog section css end */
/* testimonial section css start */
.ts-mu-heading-white h4.ts-mu-heading, .ts-mu-heading-white h2.ts-mu-sub-heading {
    color: var(--themestack-white-color);
}
.ts-mu-testimonial-box{
    border-radius: 10px;
    background-color: var(--themestack-white-color);
    padding: 65px 35px 50px 35px;
    margin-top: 40px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}
.ts-mu-testimonial-box:hover{
    transform: translateY(10px);
}
.ts-mu-testimonial-inner .ts-mu-testmonial-text p {
    font-size: 20px;
    line-height: 1.5;
    color: #535353;
    font-weight: 600;
    font-family: "Caveat";
    margin-bottom: 0;
}
.ts-mu-testimonial-info{
    display: flex;
    align-items: center;
    padding-top: 35px;
}
.ts-mu-testimonial-info .ts-mu-testimonial-img img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--themestack-primary-color);
}
.ts-mu-testimonial-name{
    margin-left: 20px;
}
.ts-mu-testimonial-info .ts-mu-testimonial-name h4 {
    font-size: 14px;
    color: var(--mu-dark-color);
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Poppins";
    margin-bottom: 0;
}
.ts-mu-testimonial-info .ts-mu-testimonial-name .ts-mu-heading{
    font-size: 16px;
    text-align: left;    
}
.ts-mu-testimonial-icon span{
    width: 74px;
    height: 74px;    
    background-image: linear-gradient(232deg, #ee0979 0%, #ff6a00 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -40px;
    right: 40px;
}
.ts-mu-testimonial-icon span svg{
    fill: var(--themestack-white-color);
}
.ts-mu-testimonial-wrapper .swiper-container.swiper-container-initialized.swiper-container-horizontal {
    padding-bottom: 65px;
}
.ts-mu-testimonial-wrapper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--themestack-white-color);
}
.ts-mu-testimonial-wrapper .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-image: linear-gradient(232deg, #ee0979 0%, #ff6a00 100%);
}
/* testimonial section css end */
/* footer section css start */
.ts-mu-footer-wrapper {
    padding: 80px 0;
    background-color: var(--blue-mu-dark-color);
    position: relative;
}
.ts-mu-footer-top-section{ 
    padding: 60px 75px;   
    background-color: #211f33;
    border: 1px solid #2d2b44;
    border-radius: 10px;
    margin-bottom: 55px;
}
.ts-mu-footer-top-inner{
    display:flex;
    align-items:center;
    position: relative;
}
.ts-mu-top-footer-text h1 {
    font-size: 38px;
    color: var(--themestack-white-color);
    font-weight: 700;
    font-family: "Poppins";
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-mu-top-footer-text p {
    font-size: 22px;
    color: var(--themestack-white-color);
    font-weight: 400;
    font-family: "Poppins";
    padding-top: 10px;
    margin-bottom: 0;
}
.ts-mu-top-footer-btn{
    margin-left:auto;
}
.ts-mu-footer-list-heading h4{
    font-size: 18px;
    color: #d8d5f2;
    font-weight: 600;
    font-family: "Poppins";
    text-transform: uppercase;
    padding-bottom: 30px;
}
.ts-mu-footer-list ul li{
    padding-bottom: 20px;
}
.ts-mu-footer-list ul li:last-child{
    padding-bottom: 0;
}
.ts-mu-footer-list ul li a{
    font-size: 14px;
    color: #8a86ab;
    font-weight: 500;
    font-family: "Poppins";
    text-transform: capitalize;
    transition: all 0.3s;
}
.ts-mu-footer-list ul li a:hover{
    color: var(--themestack-primary-color);
}
.ts-mu-footer-connect p{
    font-size: 14px;
    color: #8a86ab;
    font-weight: 500;
    font-family: "Poppins";
    text-transform: capitalize;
}
.ts-mu-footer-connect ul{
    padding-top: 20px;
}
.ts-mu-footer-connect ul li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.ts-mu-footer-connect ul li a span{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #252339;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.ts-mu-footer-connect ul li a span:hover{
    transform: translateY(-5px);
    background-color: var(--themestack-primary-color);
}
.ts-mu-footer-connect ul li a span svg{
    fill: var(--themestack-white-color);
}
/* footer section css end */
/* copyright section css start */
.ts-mu-copyright-wrapper p{
    background-color: #181626;    
    font-size: 14px;
    color: #8a86ab;
    font-weight: 500;
    font-family: "Poppins";
    padding: 15px 0 10px 0;
    text-align: center;
}
.ts-mu-copyright-wrapper p a{
    color: var(--themestack-primary-color);
    font-weight: 600;
}
/* copyright section css end */
/* swiper */
.ts-mu-testimonial-wrapper .swiper-pointer-events {
    touch-action: pan-y;
    overflow: hidden;
    position: relative;
    padding-bottom: 70px;
}
/* swiper */

/* responsive css */
@media(max-width:1350px){
    .mep-events-wrapper, .mep_related_product_area {
        max-width: 1180px !important;
        width: 100% !important;
    }
}
@media(max-width:1199px){
    .ts-mu-event-rectangle {     
        padding: 30px 15px;
    }
    .ts-mu-event-content {
        margin-left: 20px;
    }
    .ts-mu-testimonial-box {
        padding: 50px 20px 30px 20px;
    }
    .ts-mu-testimonial-info {
        padding-top: 20px;
    }
    .mep-events-wrapper, .mep_related_product_area {
        max-width: 950px !important;
    }
    .mep-default-content div.mep-default-feature-date-location {
        flex-direction: column !important;
    }
    .mep-default-feature-date, .mep-default-feature-time{
        margin:0 0 20px 0 !important;
    }
    .mep-default-feature-date, .mep-default-feature-time, .mep-default-feature-location{
        width:100% !important;
    }
}
@media(max-width:991px){
    .ts-mu-about-right-img {
        margin: 45px 0 0 0px;     
    }    
    .ts-mu-blog-effect.ts-mu-effect-one img {
        width: 100%;
    }
    .ts-mu-blog-content h4{
        padding-bottom: 30px;
    }
    .ts-mu-footer-top-section {
        padding: 30px 30px 60px 30px;
    }
    .ts-mu-top-footer-btn .ts-mu-color-btn {        
        position: relative;
        top: 25px;     
    }
    .ts-mu-footer-list-heading {
        margin-top: 35px;
    }
    .ts-mu-footer-top-section{
        margin-bottom: 20px;
    }
    .mep-events-wrapper.wrapper {
        padding: 0 15px !important;
    }
    .mep-default-theme.mep_flex.default_theme {
        flex-direction: column !important;
    }
    .mep-default-content, .mep-default-sidebar {
        width: 100% !important;
        padding-right:0 !important;
    }
}
@media(max-width:767px){
    .ts-mu-gallery-wrapper .grid-item{
        width: 50%;   
    }
    .ts-mu-gallery-wrapper .grid-item span{
        width: 30px;
        height: 30px;
    }
    .mep_event_winter_list .mep_list_event_details {
        padding-left: 40px !important;
    }
}
@media(max-width:575px){
    .ts-mu-footer-list-heading, .ts-mu-footer-list, .ts-mu-footer-connect {
        padding-left: 15px;
    }
    .ts-header-style10 .container-fluid {
        padding: 0 15px;
    }
}
@media(max-width:480px){
    .ts-mu-event-rectngle-inner {     
        display: block;        
    }
    .ts-mu-event-content {
        margin-left: 0px;
        margin-top: 15px;
    }
    .ts-mu-event-content h4 {    
        padding-bottom: 15px;
    }
    .ts-mu-gallery-wrapper .grid-item{
        width: 100%;   
    }
    .ts-mu-gallery-wrapper .grid-item.grid-50 {
        width: 100%;
    }
    .mep_event_winter_list .mep_list_event_details {
        padding-left: 15px !important;
    }
    .ts-Wr-contact-section .wpcf7 form.sent .wpcf7-response-output {
        bottom: 20px;
        left: 20px;
        font-size: 12px;
        padding:0;
    }
}
@media(max-width:425px){
    .ts-mu-about-heading h3{
        font-size: 30px;
    }
    .ts-mu-about-heading h2{
        font-size: 35px;
    }
    .ts-mu-top-footer-text h1 {
        font-size: 25px;     
    }
    .ts-mu-top-footer-text p {
        font-size: 15px;     
    }
    .ts-mu-sub-heading {
        font-size: 23px;
        padding-top: 5px;
        padding-bottom: 20px;
    }
    .ts-mu-blog-content h4{
        padding-top: 10px;
        font-size: 16px;
    }
    .ts-mu-testimonial-icon span {
        width: 54px;
        height: 54px;     
        top: -30px;
        right: 30px;
    }
    .ts-mu-testimonial-icon span svg {
        fill: var(--themestack-white-color);
        width: 25px;
        height: auto;
    }
    .ts-Wr-contact-section .wpcf7 form.invalid .wpcf7-response-output, .ts-Wr-contact-section .wpcf7 form.unaccepted .wpcf7-response-output, .ts-Wr-contact-section .wpcf7 form.payment-required .wpcf7-response-output {
        bottom: 0;
        left: 10px;
        font-size: 14px;
    }
}
@media(max-width:375px){
    .ts-mu-testimonial-box {     
        padding: 50px 20px 30px 20px;
    }
    .ts-mu-black-btn, .ts-mu-color-btn {
        max-width: 170px;
        width: 100%;
        min-height: 50px;       
        font-size: 12px;
    }
    .ts-mu-footer-top-section {
        padding: 30px 18px 60px 20px;
    }
    .mep-events-wrapper .nice-select:after {
        right: 10px !important;
    }
}

/*======================= Musician demo css end ====================*/
/*======================= Driving school demo css start ====================*/

/*-------------- header section css start ----------*/
body.home .ts-dschool-lmenu-wrapper{
    margin-top: 25px;
}
.ts-dschool-lmenu-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-ds-lmenu{
	display: flex;
	align-items: center;
	transition: all .3s ease-in-out;
	cursor: pointer;
}
.ts-ds-lmenu:hover{
	transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
}
.ts-ds-lmenu:hover p span{
	color: var(--themestack-primary-color);
}
.ts-ds-lmenu-mail{
	margin-left: 30px;
}
.ts-ds-lmenu p {
    font-size: 16px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    margin-left: 7px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-ds-lmenu span.call-icon svg, .ts-ds-lmenu span.mail-icon svg{
    fill: var(--themestack-primary-color);
}
.ts-ds-lmenu p span {
    font-weight: 500;
    color: #6e6e6e;
}
.ts-ds-navbtn {
    z-index: 1;
    background: var(--themestack-white-color);
    width: 150px;
    max-width: 100%;
    min-height: 50px;
    background-color: var(--ds-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
    position: relative;
    cursor: pointer;
}
.ts-ds-navbtn:hover a{
	color: var(--themestack-primary-color);
}
.ts-ds-navbtn:hover{
	background: var(--themestack-white-color);
	border: 1px solid var(--themestack-primary-color);
}
.ts-ds-navbtn:after{
	content: " ";
	position: absolute;
	height: 100%;
	width: 55%;
	background: var(--themestack-primary-color);
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.3s ease-out;
}
.ts-ds-navbtn::before{
	content: " ";
	position: absolute;
	height: 100%;
	width: 55%;
	background: var(--themestack-primary-color);
	top: 0;
	right: 0;
	z-index: -1;
	transition: all 0.3s ease-out;
}
.ts-ds-navbtn:hover::before {
	width: 0;
}
.ts-ds-navbtn:hover::after {
	width: 0;
}
.ts-ds-navbtn a{
	font-size: 16px;
	color: var(--themestack-white-color);
	font-weight: 500;
	text-transform: capitalize;
	transition: all .3s ease-in-out;
}
/*-------------- header section css end ----------*/
/*-------------- book css start ----------*/
.ts-dschool-book-wrapper{
    position: relative;
    content: '';
    margin-top: -110px !important;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.ts-ds-book-heading{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
.ts-dschool-book-wrapper {
    width: 900px;
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 0 25px rgba(0,0,0,0.1);
    background-color: var(--themestack-white-color);
    padding: 46px 50px 50px 50px;
}
.ts-ds-book-heading h1{
    font-size: 22px;
    color: var(--heading-color);
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    padding: 0 20px;
}
.ts-dschool-book-input {
    position: relative;
}
.ts-dschool-book-wrapper input{
    padding:0 160px 0 20px;
}
.ts-dschool-book-wrapper input.form-control:focus{
    border: 1px solid var(--border-color);
    outline: none;
}
.ts-dschool-book-wrapper input::placeholder{
    color: var(--para-color) !important;
    text-transform: capitalize;
}  
.ts-ds-book-btn{
    position: absolute;
    top: 0;
    right: 0;
}
.ts-ds-book-btn button {
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 500;
    text-transform: capitalize;
    width: 150px;
    max-width: 100%;
    min-height: 50px;
    background-color: var(--themestack-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
    position: relative;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease-in-out;
}
.ts-ds-book-btn button::before, .ts-ds-book-btn button:after {
    content: " ";
    position: absolute;
    height: 100%;
    width: 55%;
    background: var(--themestack-primary-color);
    z-index: -1;
    transition: all 0.3s ease-out;
}
.ts-ds-book-btn button::before {
    top: 0;
    right: 0;
}
.ts-ds-book-btn button:after {
    top: 0;
    left: 0;
}
.ts-ds-book-btn button:hover {
    background: var(--themestack-white-color);
    border: 1px solid var(--themestack-primary-color);
    color: var(--themestack-primary-color);
}
.ts-ds-book-btn button:hover::before, .ts-ds-book-btn button:hover::after {
    width: 0;
}
/*-------------- book css end ----------*/
/*-------------- About section css start ----------*/
.ts-dschool-about-wrapper{
    padding: 80px 0;	
}
.ts-ds-about-img-section .container {
    padding: 0;
}
.ts-ds-about-text{
    display: flex;
    flex-direction: column;
    transition: all .3s ease-in-out;
}
.ts-ds-about-text h6 {
    font-size: 16px;
    letter-spacing: 4px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}
.ts-ds-about-text h1 {
    font-size: 36px;
    color: var(--heading-color);
    font-weight: 500;
    text-transform: capitalize;
    padding-top: 8px;
    position: relative;
    margin-bottom: 0;
}
.ts-ds-about-text  p {
    width: 470px;
    max-width: 100%;
    font-size: 14px;
    color: var(--para-color);
    font-weight: 500;
    padding: 34px 0 20px;
    margin-bottom: 0;
    position: relative;
}
.ts-ds-about-text p:after{
	position: absolute;
	content: '';
	top: 15px;
	left: 0;
	width: 287px;
	max-width: 100%;
	height: 3px;
	background-color: var(--themestack-primary-color);
}
.ts-ds-about-course-wrapper, .ts-ds-about-icon-text{
    display: flex;
    flex-direction: column;
}
.ts-ds-about-icon-text{
    margin-left: 20px;
}
.ts-ds-about-icon-box{
    display: flex;
    margin-bottom: 30px;
    transition: all .3s ease-in-out;
}
.ts-ds-about-icon-box:hover .ts-ds-about-icon-text h2{
    color: var(--themestack-primary-color);
}
.ts-ds-about-icon img {
    transition: all .3s ease-in-out;
}
.ts-ds-about-icon-box:hover .ts-ds-about-icon img{
    transform: rotateY(180deg);
}
.ts-ds-about-icon-text h2 {
    font-size: 18px;
    color: var(--heading-color);
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-ds-about-icon-text p {
    width: 206px;
    max-width: 100%;
    font-size: 14px;
    color: var(--para-color);
    font-weight: 500;
    font-family: "Roboto";
    padding: 5px 0;
    margin-bottom: 0;
}
.ts-ds-about-icon-text a{
    font-size: 15px;
    color: var(--themestack-primary-color);
    font-weight: 500;
    font-family: "Roboto";
    text-transform: capitalize;
    text-align: left;
}
/* swiper slider css */
.ts-dschool-about-wrapper .swiper {
    width: 100%;
    height: 100%;
}
.ts-dschool-about-wrapper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: var(--themestack-white-color);	
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.ts-dschool-about-wrapper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ts-ds-about-slider .swiper-wrapper .swiper-pagination, .ts-ds-ourteam-slider .swiper-pagination{
    position: relative;
    margin-top: 40px;
}

.ts-ds-about-slider .swiper-pagination span.swiper-pagination-bullet{
    width: 14px;
    height: 6px;
    border-radius: 2px;
    background-color: var(--heading-color);
}
.ts-ds-about-slider .swiper-pagination span.swiper-pagination-bullet-active{
    width: 18px;
    height: 6px;
    border-radius: 2px; 
    background-color: var(--themestack-primary-color);
}
.ts-ds-about-slider .swiper-wrapper {
    padding-bottom: 64px;
}
/*-------------- About section css end ----------*/

/*-------------- Service section css start ----------*/
.ts-ds-sheader-text h6{
    font-size: 16px;
    letter-spacing: 4px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.ts-ds-sheader-text h1{
    font-size: 32px;
    color: var(--heading-color);
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 50px;
}
.ts-ds-ser-box {
    box-shadow: 0 0 15px rgba(0,0,0,0.06);
    background-color: var(--themestack-white-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 58px 0 49px 0;
    transition: all .5s linear;
    border-bottom: 2px solid #fff;
}
.ts-ds-ser-box:hover img{
    animation: swing 0.8s ease-out 1;
    -o-animation: swing 0.8s ease-out 1;
    -moz-animation: swing 0.8s ease-out 1;
}
@keyframes swing{
    20% {
        transform: rotate(15deg );
        -o-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
    }
    40% {
        transform: rotate( -10deg );
        -o-transform: rotate(-10deg);
        -moz-animation: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
}
.ts-ds-ser-box:hover .ts-ds-ser-text h2{
    color: var(--themestack-primary-color);
}
.ts-ds-ser-box:hover .ts-ds-ser-text a{
    border-bottom: 1px solid var(--themestack-primary-color);
}
.ts-ds-ser-box:hover{
    border-bottom: 2px solid var(--themestack-primary-color);
}
.ts-ds-ser-box img{
    margin-bottom: 30px;
}
.ts-ds-ser-text h2 {
    font-size: 18px;
    color: var(--heading-color);
    font-weight: 700;
    text-align: center;
    position: relative;
    padding: 0 0 13px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-ds-ser-text h2::after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 84px;
    height: 2px;
    background-color: var(--themestack-primary-color);
}
.ts-ds-ser-text p{
    width: 206px;
    max-width: 100%;
    font-size: 14px;
    color: var(--para-color);
    font-weight: 500;
    text-align: center;
    padding: 15px 0 5px;
    margin-bottom: 0;
}
.ts-ds-ser-text a{
    font-size: 15px;
    color: var(--themestack-primary-color);
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
}
.ts-ds-ser-text {
    text-align: center;
}
/*-------------- Service section css end ----------*/

/*-------------- Why choose section css start ----------*/
.ts-dschool-choose-Wrapper{
    padding: 80px 0;
}
.ts-ds-chheader-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.ts-ds-chheader-text h6{
    font-size: 16px;
    letter-spacing: 4px;
    color: var(--themestack-primary-color);
    font-weight: 700;
    text-transform: uppercase;
}
.ts-ds-chheader-text h1{
    font-size: 32px;
    color: var(--heading-color);
    font-weight: 500;
    padding: 20px 0;
    position: relative;
    max-width: 100%;
    width: 510px;
}
.ts-ds-chheader-text p, .ts-ds-chheader-box-text p{
    width: 570px;
    max-width: 100%;
    font-size: 14px;
    color: var(--para-color);
    font-weight: 500;
    padding: 20px 0;
}
.ts-ds-chheader-box{
    display: flex;
    align-items: flex-start;
    transition: all .3s ease-in-out;
}
.ts-ds-chheader-box:hover .ts-ds-chheader-box-text h3{
    color: var(--themestack-primary-color);
}
.ts-ds-chheader-box img {
    transition: all 0.3s;
}
.ts-ds-chheader-box:hover img{
    transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.ts-ds-chheader-box-text{
    margin-left: 20px;
}
.ts-ds-chheader-box-text h3 {
    font-size: 18px;
    color: var(--heading-color);
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-ds-chheader-box-text > p {
    padding-top: 5px;
    width: 500px;
    margin-bottom: 0;
    line-height: 1.5;
}
.ts-ds-chheader-img, .ts-ds-course-box, .ts-ds-blog-lb-img, .ts-ds-blog-rb-img {
    overflow: hidden;
}
.ts-ds-blog-lb-img img {
    width: 100%;
}
.ts-ds-chheader-img img, .ts-ds-course-box img, .ts-ds-blog-lb-img img, .ts-ds-blog-rb-img img {
    transition: all .3s linear;
    cursor: pointer;
}
.ts-ds-chheader-img:hover img, .ts-ds-course-box:hover img, .ts-ds-blog-lb-img:hover img, .ts-ds-blog-rb-img:hover img {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.ts-ds-blog-left-box:hover .ts-ds-blog-lb-img img{
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.ts-ds-blog-left-text {
    cursor: pointer;
}
/*-------------- Why choose section css end ----------*/

/*-------------- Testimonial section css start ----------*/
.ts-ds-tetimonial-slider-wrapper {
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
}
.ts-ds-tetimonial-slider-wrapper .swiper-backface-hidden .swiper-slide {
    transform: unset;
    backface-visibility: unset;
}
.ts-ds-test-img-text h1 {
    font-size: 18px;
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 0;
}
.ts-ds-test-img-text span{
    font-size: 14px;
    color: var(--para-color);
    font-weight: 400;
}
.ts-ds-tetimonial-slider .swiper-wrapper{
    padding-bottom:90px !important;
}
.ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide {
    max-width: 772px;
    width: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.06);
    background-color: var(--themestack-white-color);
    padding: 50px 0 20px 0;
    margin-top: 33px;
    position: relative;
}
.ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide::after{
    position: absolute;
    content: '';
    top: 20px;
    bottom: 0;
    width: 710px;
    height: 284px;
    box-shadow: 0 0 15px rgba(0,0,0,0.06);
    background-color: var(--themestack-white-color);
    z-index: -1;
    left:30px;
}
.ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide::before{
    position: absolute;
    content: '';
    top: 45px;
    bottom: 0;
    width: 650px;
    height: 284px;
    box-shadow: 0 0 15px rgba(0,0,0,0.06);
    background-color: var(--themestack-white-color);
    z-index: -1;
    left:60px;
}
.ts-ds-testimonial-img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-ds-bg-quote {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.ts-ds-testimonial-img img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
.ts-ds-test-img-text{
    text-align: left;
    margin-left: 20px;
}
.ts-dschool-testimonial-wrapper .container .row:nth-child(2){
    align-items: center;
    justify-content: center;
}
.ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide p {
    width: 660px;
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: var(--para-color);
    font-weight: 400;
    font-style: italic;
    text-align: center;
    padding: 30px 0;
    z-index: 1;
    position: relative;
    margin: 0 auto;
}
.ts-dschool-testimonial-wrapper .swiper-button-next:after, .ts-dschool-testimonial-wrapper .swiper-rtl .swiper-button-prev:after{
    display: none;
}
.ts-dschool-testimonial-wrapper .swiper-button-next .next:hover .s1, .ts-dschool-testimonial-wrapper .swiper-button-prev .prev:hover .s1{
    fill: var(--themestack-primary-color);
}
.ts-dschool-testimonial-wrapper .swiper-button-next, .ts-dschool-testimonial-wrapper .swiper-button-prev {
    top: 42%;
    transform: translateY(-50%);
}
.ts-dschool-testimonial-wrapper .swiper-button-next{
    right: 25%;
}
.ts-dschool-testimonial-wrapper .swiper-button-prev{
    left: 25%;
}
.ts-dschool-testimonial-wrapper .swiper-button-prev span svg, .ts-dschool-testimonial-wrapper .swiper-button-next span svg {
    transition: all 0.3s;
    fill:#d7dbdd;
}
.ts-dschool-testimonial-wrapper .swiper-button-prev span:hover svg, .ts-dschool-testimonial-wrapper .swiper-button-next span:hover svg {
    fill:var(--themestack-primary-color)
}
.ts-ds-quote-img{
    position: absolute;
    top: -50px;
    right: 20px;
}
.ts-dschool-testimonial-wrapper .swiper-pagination{
    bottom:0;
}
.ts-dschool-testimonial-wrapper span.swiper-pagination-bullet{
    width: 14px;
    height: 6px;
    border-radius: 2px;
    background-color: var(--heading-color);
}
.ts-dschool-testimonial-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 18px;
    height: 6px;
    border-radius: 2px; 
    background-color: var(--themestack-primary-color);
}
/*-------------- Testimonial section css end ----------*/
/*-------------- Course section css start ----------*/
.ts-ds-course-text{
    padding: 30px 0 25px;
}
.ts-ds-course-box-wrapper:hover .ts-ds-course-box img{
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.ts-ds-course-box-wrapper{
    transition: all .3s ease-in-out;
}
.ts-ds-course-box-wrapper:hover .ts-ds-course-text h3{
    color: var(--themestack-primary-color);
    padding-left: 20px;
}
.ts-dschool-course-wrapper .course-content h3.course-title {
    font-size: 22px;
    color: var(--heading-color);
    font-weight: 500;
    padding-left: 10px;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 0;
    padding-top: 31px;
    transition:all 0.3s;
}
.ts-dschool-course-wrapper .course-content h3.course-title:before{
    position: absolute;
    content: '';
    top: 30px;
    left: 0;
    width: 4px;
    height: 24px;
    background-color: var(--themestack-primary-color);
}
.ts-ds-course-text p{
    width: 348px;
    max-width: 100%;
    font-size: 14px;
    color: var(--para-color);
    font-weight: 400;
    padding-top: 20px;
}
.ts-dschool-course-wrapper ul.ts-dschool-course-wrapper {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(3,1fr);
    padding-left: 0;
}
.ts-dschool-course-wrapper li {
    list-style: none;
}
.ts-dschool-course-wrapper .course-categories, span.course-instructor {
    display: none;
}
.ts-dschool-course-wrapper .course-content .course-wrap-meta {
    display: flex;
    flex-wrap: wrap;
    padding-top: 12px;
}
.ts-dschool-course-wrapper .course-wrap-meta > div {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}
.ts-dschool-course-wrapper .course-content .course-wrap-meta > * {
    margin: 0 20px 0 0;
    font-weight: 500;
    font-size: 15px;
    color: var(--para-color);
    text-transform: capitalize;
}
.ts-dschool-course-wrapper .course-wrap-meta > div:last-child{
    margin-right:0;
}
.ts-dschool-course-wrapper .course-wrap-meta > div:after {
    content: '';
    background: var(--para-color);
    width: 1px;
    position: absolute;
    height: 10px;
    right: -10px;
    top: 7px;
}
.ts-dschool-course-wrapper .course-wrap-meta > div:last-child:after{
    display:none;
}
.ts-dschool-course-wrapper .course-info {
    font-size: 14px;
    font-weight:500;
    color: var(--para-color);
    padding: 13px 0 0;
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #869fb247;
    margin: 11px 0px 0 0px!important;
}
.ts-dschool-course-wrapper .centered {
    overflow: hidden;
}
.ts-dschool-course-wrapper .centered img{
    transition:all 0.5s;
}
.ts-dschool-course-wrapper .course-item:hover .centered img{
    transform:scale(1.2);
}
.ts-dschool-course-wrapper .course-item:hover .course-content h3.course-title{
    color:var(--themestack-primary-color);
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(1):checked ~ .learn-press-nav-tabs .course-nav:nth-child(1) label {
    border-left: 1px solid var(--themestack-border-color) !important;
}
/*-------------- Course section css end --------------*/
/*-------------- Course single page section css start --------------*/
ul.learn-press-breadcrumb {
    display: none;
}
.lp-archive-courses .course-summary-sidebar {
    margin-top: 80px !important;
}
.lp-archive-courses .lp-entry-content .entry-content-left {;
    padding-top: 80px!important;
}
.lp-archive-courses .course-meta__pull-left .meta-item__value label, .lp-archive-courses .course-meta__pull-left .meta-item::before{
    color: var(--themestack-primary-color) !important;
}
.lp-archive-courses .course-detail-info {
    background: var(--footer-bg-color) !important;
    padding: 50px 0 26px 0!important;
}
ul.learn-press-nav-tabs .course-nav.active::before{
    display:none !important;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(1):checked ~ .learn-press-nav-tabs .course-nav:nth-child(1) label {
    color: var(--themestack-primary-color)!important;
    background: var(--themestack-white-color)!important;
}
.course-summary-sidebar .lp-course-buttons button.button-enroll-course {
    border-color: var(--themestack-primary-color)!important;
    color: var(--themestack-white-color)!important;
    background: var(--themestack-primary-color)!important;
}
ul.learn-press-nav-tabs .course-nav.active {
    border-bottom: 1px solid var(--themestack-border-color) !important;
}
ul.learn-press-nav-tabs[data-tabs] .course-nav {
    flex: 1;
    border: 1px solid var(--themestack-border-color);
    background: var(--themestack-white-color) !important;
}
ul.learn-press-nav-tabs .course-nav:last-child {
    border-right: 1px solid var(--themestack-border-color) !important;
}
ul.learn-press-nav-tabs .course-nav:first-child{
    border-left: 1px solid var(--themestack-border-color) !important;
}
.lp-content-wrap {
    padding: 80px 0 20px 0 !important;
}
.lp-archive-courses {
    padding: 80px 0!important;
}
.lp-archive-courses .course-content .course-info .course-price {
    float: none!important;
}
.learn-press-courses[data-layout=grid] .course-content .course-footer {
    padding-top: 0!important;
}
.learn-press-courses[data-layout=list] .course-content .course-readmore a {
    padding: 15px 24px!important;
    text-align:center!important;
}
.lp-archive-courses .course-content .course-excerpt {
    margin-bottom: 0 !important;
}
.learn-press-pagination .page-numbers>li .page-numbers {
    font-weight: 400 !important;
    width: 40px !important;
    height: 40px !important;
    background: var(--themestack-border-color) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 6px !important;
    transition:all 0.3s !important;
}
.learn-press-pagination .page-numbers>li {
    padding: 0 !important;
    margin-right: 5px !important;
}
.learn-press-pagination {
    padding-bottom: 0 !important;
}
.learn-press-pagination .page-numbers>li .page-numbers.current {
    color: var(--themestack-white-color) !important;
    background: var(--themestack-primary-color) !important;
}
.learn-press-pagination .page-numbers>li .page-numbers:hover{
    background:var(--themestack-primary-color) !important;
    color:var(--themestack-white-color) !important;
}
.lp-user-profile ul.learn-press-courses .course:last-child, .lp-user-profile ul.learn-press-courses .course:nth-last-child(2) {
    margin-bottom: 0 !important;
}
.lp-user-profile .lp-profile-content .lp-button {
    margin-bottom: 0 !important;
}
.lp-courses-bar .search-courses input[type=text]:focus {
    border-color: var(--themestack-primary-color) !important;
}
body.archive .course-footer .course-price span {
    padding-top: 15px !important;
}
body.archive .course-content h3.course-title {
    padding-top: 0px !important;
    padding-left: 0 !important;
}
body.archive .course-content h3.course-title:before{
    display:none;
}
body.archive .learn-press-courses[data-layout=grid] .course-content .course-permalink {
    height: auto !important;
}
body.archive .course-readmore {
    margin-top: 0 !important;
}
/*-------------- Course single page section css end --------------*/

/*-------------- Our Team section css start ----------*/
.ts-ds-team-text {
    background-color: var(--themestack-white-color);
    padding: 25px 0;
    text-align: center;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.10);
}
.ts-ds-ourteam-slider .swiper-wrapper .swiper-slide{
    display: flex;
    justify-content:center;
    position: relative;
}
.ts-ds-ot-box-img {
    position: relative;
}
.ts-dschool-our-team-wrapper .overlay {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background-color: rgb(0 0 0 / 70%);
    transition: all 0.3s linear;
}
.ts-ds-ot-box-img img {
    width: 100%;
    display: block;
}
.ts-ds-ot-box{
    transition: all 0.9s linear;
    position: relative;
}
.ts-ds-ot-box:hover .overlay{
    height: 100%;
}
.ts-ds-ot-box:hover {
    box-shadow: 0px 0px 18px -8px rgb(0 0 0 / 50%);
}
.ts-ds-ot-box .social-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition:all 0.5s;
}
.ts-ds-ot-box:hover .social-icon{
    opacity: 1;
    visibility: visible;
}
.ts-ds-ot-box .social-icon ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
}
.ts-ds-ot-box .social-icon ul li {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background-color: rgb(255 255 255 / 20%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    margin-right: 10px;
    margin-bottom: 0;
    transition:all 0.3s;
}
.ts-ds-ot-box .social-icon ul li:hover{
    transform:translateY(-5px);
}
.ts-ds-ot-box .social-icon ul li:last-child{
    margin-right: 0px;
}
.ts-ds-ot-box .social-icon ul li a{
    color: var(--themestack-white-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-ds-ot-box .social-icon ul li a span svg {
    width: 18px;
    height: auto;
    fill: var(--themestack-white-color);
}
.ts-ds-ot-box .social-icon ul li:hover{
    background-color: var(--themestack-primary-color);
}
.ts-ds-team-text h3 {
    font-size: 20px;
    color: var(--heading-color);
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0;
    transition: all 0.3s;
}
.ts-ds-ot-box:hover .ts-ds-team-text h3{
    color:var(--themestack-primary-color);
}
.ts-ds-team-text p{
    font-size: 14px;
    color: var(--para-color);
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-dschool-our-team-wrapper span.swiper-pagination-bullet{
    width: 14px;
    height: 6px;
    border-radius: 2px;
    background-color: var(--heading-color);
}
.ts-dschool-our-team-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 18px;
    height: 6px;
    border-radius: 2px; 
    background-color: var(--themestack-primary-color);
}
/*-------------- Our Team section css end ----------*/
/*-------------- Blog section css start ----------*/
.ts-ds-blog-comment {
    display: flex;
    align-items: center;
    padding: 16px 0 9px 0;
}
.ts-ds-blog-comment .date span, .ts-ds-blog-comment .comment span{
    font-size: 14px;
    color: var(--para-color);
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    transition: all .3s ease-in-out;
}
.ts-ds-blog-comment .date:hover span, .ts-ds-blog-comment .comment:hover span{
    color: var(--themestack-primary-color);
}
.ts-ds-blog-comment svg {
    margin:-3px 5px 0 0;
    fill: var(--para-color);
    transition: all .3s ease-in-out;
}
.ts-ds-blog-comment .date:hover svg, .ts-ds-blog-comment .comment:hover svg{
    fill: var(--themestack-primary-color);
}
.ts-ds-blog-comment .comment{
    margin-left: 30px;
}
.ts-ds-blog-left-text a h4, .ts-ds-blog-right-text a h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 0;
    line-height: 1.5;
    transition:all 0.3s;
}
.ts-ds-blog-left-text a h4:hover, .ts-ds-blog-right-text a h4:hover {
    color: var(--themestack-primary-color);
}
.ts-ds-blog-right-text p{
    width: 260px;	
    font-size: 18px;
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 0;
}
.ts-ds-blog-left-text p {
    max-width: 345px;
    width: 100%;
    font-size: 17px;
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 0;
}
.ts-ds-blog-right-wrapper{
    display: flex;
    flex-direction: column;
}
.ts-ds-blog-right-box{
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}
.ts-ds-blog-right-box:nth-child(3){
    margin-bottom: 0;
}
.ts-ds-blog-right-text {
    margin-left: 15px;
    width: 80%;
}
.ts-ds-blog-right-text .ts-ds-blog-comment .comment {
    margin-left: 15px;
}
.ts-ds-blog-right-text > .ts-ds-blog-left-text > .ts-ds-blog-comment{
    padding: 0 0 15px 0;
}
.ts-ds-blog-left-box:hover .ts-ds-blog-left-text p, .ts-ds-blog-right-box:hover .ts-ds-blog-right-text p{
    color: var(--themestack-primary-color);
}
.ts-ds-blog-right-box:hover .ts-ds-blog-rb-img img{
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.ts-ds-blog-rb-img {
    width: 25%;
}
.ts-ds-blog-rb-img img {
    height: 100%;
    object-fit: cover;
}
.ts-ds-blog-right-text .ts-ds-blog-left-text .ts-ds-blog-comment {
    padding-bottom: 10px;
}
/*-------------- Blog section css end ----------*/
/*-------------- Footer section css start ----------*/
.ts-ds-prtnr-white-heading h1 {
    color: var(--themestack-white-color);
}
.ts-cn-partner-wrapper .swiper-slide:hover span svg{
    fill: var(--themestack-primary-color);
}
.ts-ds-sheader-text.ts-ds-footer-head h1{ 
    color: var(--themestack-white-color);
}
.ts-ds-footer-logo p{
    font-size: 14px;
    color: var(--themestack-white-color);
    font-weight: 400;
    padding: 30px 0;
}
.ts-ds-footer-logo h2{
    font-size: 16px;
    color: var(--themestack-primary-color);
    font-weight: 500;
}
.ts-ds-footer-logo span a{
    font-size: 14px;
    color: var(--themestack-white-color);
    font-weight: 400;
}
.ts-ds-footer-box h3{
    font-size: 22px;
    color: var(--themestack-white-color);
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 34px;
    text-transform: capitalize;
    position: relative;
}
.ts-ds-footer-box h3:after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 120px;
    height: 1px;
    background-color: var(--themestack-primary-color);
}
.ts-ds-footer-box h3::before{
    position: absolute;
    content: '';
    left: 0;
    bottom: -5px;
    width: 110px;
    height: 1px;
    background-color: var(--themestack-primary-color);
}
.ts-ds-footer-box ul li{
    position: relative;
    padding: 2px 0;
}
.ts-ds-footer-box ul li::before{
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: var(--themestack-primary-color);
}
.ts-ds-footer-box ul li a{
    font-size: 14px;
    color: var(--themestack-white-color);
    font-weight: 400;
    padding-left: 20px;
    text-transform: capitalize;
    transition: all .3s ease-in-out;
}
.ts-ds-footer-box ul li a:hover{
    color: var(--themestack-primary-color);
    padding-left: 25px;
}
.ts-ds-footer-sponsers-wrapper{
    padding-bottom: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ts-ds-fcall-img a{
    display: flex;
    align-items: center;
}
.ts-ds-fcall{
    margin-bottom: 20px;
}
.ts-ds-footer-box .ts-ds-fcall:last-child {
    margin-bottom: 0;
}
.ts-ds-footer-section{
    padding: 80px 0 0;
}
.ts-ds-footer-section .col-lg-3:nth-child(2) .ts-ds-footer-box{
    padding-left: 60px;
}
.ts-ds-footer-section .col-lg-3:nth-child(3) .ts-ds-footer-box{
    padding-left: 40px;
}
.ts-ds-footer-sponsers-img{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.ts-ds-fcall h4{
    font-size: 17px;
    color: var(--themestack-primary-color);
    font-weight: 500;
    padding-top:8px;
    text-transform: capitalize;
}
.ts-ds-fcall-img {
    display: flex;
    align-items: flex-start;
}
.ts-ds-fcall .ts-ds-fcall-img span{
    font-size: 14px;
    color: var(--themestack-white-color);
    font-weight: 400;
    margin-left: 10px;
}
.ts-dschools-copyright-wrapper{
    background-color: #262d41;
    padding: 15px 0;
}
.ts-ds-copyright-text p{
    font-size: 14px;
    color: var(--themestack-white-color);
    font-weight: 400;
    text-align: center;
}
.ts-ds-footer-sponsers-slider .swiper-slide{
    background-color: transparent;
    text-align:center;
}
/*-------------- Footer section css end ----------*/
[type="date"]::-webkit-inner-spin-button {
    display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}
/* media css start */
@media(max-width:1700px){
    .ts-header-style11 .container-fluid {
        padding: 0 15px;
    }
}
@media(max-width:1500px) {
    .ts-ds-lmenu-mail{
        margin-left: 25px;
    }
    .ts-header-style11 .ts-logo-wrap {
        padding: 20px 0 !important;
    }
    .ts-header-style11 .ts-main-header-inner {
        align-items: center !important;
    }
    .ts-dschool-lmenu-wrapper {
        margin-top: 0 !important;
    }
    .ts-header-style11 .ts-date-controls {
        margin-top: 0 !important;
    }
}
@media(max-width:1400px) {
    .ts-ds-lmenu-mail {
        margin-left: 3px;
    }
}
@media(max-width:1350px){
    .ts-header-style11 .menu>li {
        padding-right: 25px !important;
    }
}
@media(max-width:1300px) {
    .overlay{
        height: 285px;
    }
}
@media(max-width:1250px){
    .ts-header-style11 .menu>li {
        padding-right: 15px !important;
    }
}
@media(max-width:1199px){
    .ts-ds-chheader-box-text > p{
        width: auto;
    }
    .ts-ds-blog-right-text p {
        font-size: 15px;
        font-weight: 500;
    }
    .ts-ds-blog-left-text p {        
        font-size: 17px;        
    }
    .ts-ds-blog-comment { 
        padding: 15px 0 10px 0;
    }
    .ts-ds-blog-comment .comment {
        margin-left: 20px;
    }
    .ts-ds-blog-right-text a h4 {
        max-width: 220px;
    }
    .ts-dschool-lmenu-wrapper {
        display: none;
    }
    .ts-header-style11 .ts-logo-wrap {
        margin-left: 0 !important;
    }
}
@media(max-width:1100px){
    .ts-dschool-book-wrapper .form-control, .select-control, .form-time, .form-date {        
        width: 325px;        
    }
    .ts-ds-blog-right-text > .ts-ds-blog-left-text > .ts-ds-blog-comment {
        padding: 0 0 5px 0;
    }
}
@media(max-width:1024px){
    .ts-dschool-book-wrapper .form-mar .form-control{
        width: 290px;
    }
    .ts-dschool-book-wrapper .select-control, .form-time, .form-date {
        width: 150px;
        margin-right: 5px;
    }
    div#datepicker, .input-group.timepicker {
        margin-right: 5px;
    }
}
@media(max-width:992px){
    .select-control, .form-time, .form-date{
        width: 130px;
    }
}
@media(max-width:991px){
    .btn-ml {
        margin-left: 0px;
    }
    .ts-dschool-lmenu-wrapper {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .form-control{
        width: 220px; 
    }
    .ts-dschool-book-wrapper{
        height: auto;
    }
    .ts-ds-course-box-wrapper{
        margin-bottom: 20px;
    }
    .ts-ds-footer-logo, .ts-ds-footer-box{
        margin-bottom: 20px;
    }
    .ts-dschool-book-wrapper .form-mar .form-control {
        width: 218px;
    }
    .ts-ds-blog-lb-img img {
        width: 100%;
    }
    .ts-ds-blog-right-box {     
        justify-content: flex-start;        
    }
    .ts-ds-footer-section .col-lg-3:nth-child(3) .ts-ds-footer-box, .ts-ds-footer-section .col-lg-3:nth-child(2) .ts-ds-footer-box {
        padding-left: 0;
    }
    .ts-ds-footer-logo p {        
        max-width: 300px;
        width: 100%;
    }
    .ts-ds-footer-section .col-lg-3:nth-child(3) .ts-ds-footer-box, .ts-ds-footer-section .col-lg-3:last-child .ts-ds-footer-box{
        margin-bottom: 0;
    }
    .ts-ds-about-course-wrapper {
        display: flex;
        flex-direction: inherit;
    }
    .ts-ds-about-course-wrapper .ts-ds-about-icon-box:last-child {
        margin-left: auto;
    }
    .ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide::after, .ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide::before{
        display:none;
    }
    .ts-dschool-course-wrapper ul.ts-dschool-course-wrapper {
        grid-template-columns: repeat(2,1fr);
    }
    .ts-ds-tetimonial-slider .swiper-wrapper {
        padding-bottom: 40px !important;
    }
}
@media(max-width:789px){
    .ts-dschool-book-wrapper .select-control, .form-time, .form-date {
        width: 130px;     
    }
}
@media(max-width:768px){
    .ts-ds-chheader-img {
        text-align: center;
    }
    .lp-archive-courses .course-summary-sidebar {
        margin-top: 0 !important;
    }
    .lp-archive-courses .lp-entry-content .entry-content-left {
        margin-bottom: 0 !important;
    }
}
@media(max-width:767px){
    .ts-dschool-book-wrapper{
        height: auto;
    }
    .form-control,.select-control, .form-time, .form-date{
        margin-bottom: 10px;
    }
    .ts-ds-chheader-box-text > p{
        width: auto;
    }
    .ts-ds-blog-left-box{
        margin-bottom: 20px;
    }
    .swiper-button-next{
        right: 10%;
    }
    .swiper-button-prev{
        left: 10%;
    }
    .ts-dschool-book-wrapper span.date-icon, .time-icon {        
        top: 42%;
    }
    .ts-dschool-book-wrapper .form-mar .form-control {
        width: 100%;
    }
    .ts-dschool-book-wrapper .form-mar {
        margin-right: 0;
        width: 100%;
    }
    .ts-dschool-book-wrapper .form-mar {
        margin-bottom: 0px;
    }
    .input-group.timepicker {
        margin-right: 0;
    }
    .ts-dschool-book-wrapper .select-control, .form-time, .form-date, div#datepicker {     
        margin-right: 5px;
    }
    .ts-dschool-book-wrapper {        
        padding: 30px 0;
    }
    .ts-ds-about-course-wrapper {
        display: block;
    }
    .ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide p {
        padding: 30px;
    }
    .ts-dschool-testimonial-wrapper .swiper-button-next, .ts-dschool-testimonial-wrapper .swiper-button-prev {
        top: 35%;
    }
    .ts-dschool-testimonial-wrapper .swiper-button-prev {
        left: 15%;
    }
    .ts-dschool-testimonial-wrapper .swiper-button-next{
        right:15%;
    }
    .ts-header-style11 .ts-logo-wrap {
        margin-left: 0;
    }
    .ts-dschool-course-wrapper ul.ts-dschool-course-wrapper {
        grid-template-columns: repeat(1,1fr);
    }
    .ts-dschool-book-wrapper {
        margin-top: 50px !important;
    }
}
@media(max-width:684px){
    .ts-dschool-book-wrapper .select-control, .form-time, .form-date, div#datepicker, .ts-dschool-book-wrapper div#datepicker, .input-group.timepicker, .ts-dschool-book-wrapper .form-control, .select-control, .form-time, .form-date {     
        width: 100%;
    }
    .ts-dschool-book-wrapper span.date-icon, .time-icon {     
        right: 0;
    }     
}
@media(max-width:630px){
    .ts-ds-ot-box{
        left: 0;
        right: 0;
    }
}
@media(max-width:575px){
    .ts-ds-ser-box{
        margin: 0 auto;
    }
    .ts-ds-about-slider-wrapper .swiper-slide img {
        width: 100%;
    }
}
@media(max-width:480px){
    .ts-dschool-testimonial-wrapper .swiper-button-next:after{
        display:none;
    }
    .ts-ds-tetimonial-slider-wrapper .swiper-button-next, .ts-ds-tetimonial-slider-wrapper .swiper-button-prev, .ts-ds-quote-img{
        display: none;
    }   
    .ts-ds-testimonial-img{
        flex-wrap: wrap;
    }
    .ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide p{
        width: auto;
    }
    .ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide{
        margin-top:0;
        padding:30px 0;
    }
    .ts-ds-blog-right-text p{
        width: auto;
    }
    .ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide p {
        padding: 20px;
        font-size:14px;
    }
    .ts-header-style11 .ts-main-header-inner {
        flex-direction: column;
        padding:15px 0;
    }
    .ts-fl-form-design .wpcf7 form.sent .wpcf7-response-output {
        bottom: -60px;
        padding:0 5px;
    }
}
@media(max-width:425px){
    .ts-ds-blog-right-text .ts-ds-blog-comment {
        display: block;
    }
    .ts-ds-blog-right-text .ts-ds-blog-comment .comment {
        margin-left: 0;
    }
    .ts-ds-blog-rb-img {
        width: 35%;
    }
    .ts-ds-blog-right-text {
        width: 65%;
    }
    .ts-ds-blog-right-text a h4 {
        max-width: 100%;
    }
    .ts-dschool-book-wrapper input {
        padding: 0px 20px;
    }
    .ts-ds-book-btn {
        position: unset;
        margin-top: 10px;
    }
    .ts-ds-book-btn button{
        margin:auto;
    }
}
@media(max-width:385px){
    .ts-fl-form-design .wpcf7 form.sent .wpcf7-response-output {
        left: 50px;
        font-size: 14px;
    }
}
@media(max-width:375px) {
    .ts-ds-testimonial-img {
        flex-direction: column;
    }
    .ts-ds-test-img-text {
        text-align: center;
        margin-left: 0;
        margin-top: 10px;
    }
    .ts-header-style11 .ts-main-navigation ul.menu {
        width: 225px;
    }
    .ts-ds-tetimonial-slider {
        padding-bottom: 30px;
    }
    .ts-ds-tetimonial-slider .swiper-wrapper {
        padding-bottom: 10px !important;
    }
    .ts-ds-tetimonial-slider .swiper-wrapper .swiper-slide p {
        padding: 10px;
    }
}
@media(max-width:370px){
    .ts-ds-blog-comment .comment{
        margin-left: 20px;
    }
    .ts-ds-blog-comment{
        flex-wrap: wrap;
    }
}
/*======================= Driving school demo css end ====================*/
/*======================= Kids School demo css start ====================*/
.ts-ks-heading {
    font-size: 30px;
    color: var(--ks-black-color);
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-ks-paragraph{    
    font-size: 16px;    
    color: #222222;
    font-weight: 500;
    margin-bottom: 0;
}
/* button css start*/
.ts-ks-btn {
    position:relative;
    max-width: 190px;
    width: 100%;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: none;
    cursor: pointer;    
    font-family: "Inter";
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;  
    color: var(--themestack-primary-color);    
    background-color: var(--themestack-white-color);    
    border-radius: 40px; 
    z-index: 0;  
    overflow: hidden;   
    transition: all 0.3s ease-in-out;
}
.ts-ks-btn:hover{
    box-shadow: 0px 0px 0px 30px #ff6699 inset;
    color: var(--themestack-white-color);
}
/* dark btn */
.ts-ks-dark-btn {
    position: relative;
    max-width: 190px;
    width: 100%;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: none;
    cursor: pointer;
    font-family: "Inter";
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    color: var(--themestack-white-color) !important;
    background-color: var(--themestack-primary-color);
    border-radius: 40px;
    z-index: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}  
.ts-ks-dark-btn::after{
    font-weight: 200;
    top: -30px;
    left: -20px;
} 
.ts-ks-dark-btn:hover, .ts-ks-dark-btn:focus{
    box-shadow: 0px 0px 0px 30px #ff6699 inset;
    color: var(--themestack-white-color) !important;
}
/* dark btn */
/*input button css start*/
input .ts-ks-dark-btn {
    position:relative;
    max-width: 190px;
    width: 100%;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: none;
    cursor: pointer;    
    font-family: "Inter";
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;  
    color: var(--themestack-primary-color);    
    background-color: var(--themestack-white-color);    
    border-radius: 40px; 
    z-index: 0;  
    overflow: hidden;   
    transition: all 0.3s ease-in-out;
}
input .ts-ks-dark-btn:hover{
    box-shadow: 0px 0px 0px 30px #ff6699 inset;
    color: var(--themestack-white-color);
}
/*input button css end*/
/* button css end*/ 
.ts-ks-banner-video-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--themestack-white-color);
    border: 6px solid rgba(86,204,213,0.79);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    animation: shadow-pulse 1.3s infinite alternate-reverse both;
}
@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgb(255, 255, 255, 0.3);
    }
}
.ts-ks-banner-video-btn span svg{
    fill: var(--themestack-primary-color);
}
/* banner section css end */
/* about section css start */
.ts-ks-about-heading{
    margin-bottom: 50px;
}
.ts-ks-actvt-text-mng .ts-ks-blog-heading {
    margin-bottom: 12px;
}
.ts-ks-about-parent-box{
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.ts-ks-about-box {
    padding: 40px 17px 65px 18px;
    border-radius: 10px;
    background-color: #f7fcff;
    border: 1px solid #c6eaff;
    transition: all 0.3s ease-in-out;
}
.ts-ks-about-inner{
    text-align: center;
}
.ts-ks-about-inner span{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow:-9.804px 15.096px 10px rgba(38,171,250,0.2);
    background-color: #5fc3ff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    transition: all 0.3s ease-in-out;
}
.ts-ks-about-inner span svg{
    fill: var(--themestack-white-color);
    transition: all 1s;
}
.ts-ks-about-inner h5{
    font-size: 20px;
    color: #38b5ff;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    margin-top: 30px;
}
.ts-ks-about-inner h5:after {
    content: '';
    width: 79px;
    height: 2px;
    background-color: #5fc3ff;
    position: absolute;    
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
}
.ts-ks-about-inner .ts-ks-paragraph {
    margin-top: 24px;
    line-height: 1.5;
}
.ts-ks-about-btn a{
    max-width: 140px;
    width: 100%;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 22px;
    background-color: #f7fcff;
    border: 1px solid #c6eaff;
    font-size: 12px;
    letter-spacing: 1px;    
    color: #5fc3ff;
    text-transform: uppercase;
    font-weight: 700;
    margin: -25px auto 0 auto;
    transition: all 0.3s ease-in-out;
}
.ts-ks-about-parent-box:hover .ts-ks-about-box{    
    box-shadow:1.5px 3.99px 27px 0px rgba(38,171,250,0.2);
}
.ts-ks-about-parent-box:hover .ts-ks-about-inner span{
    transform: translateY(-10px);
}
.ts-ks-about-inner span img {
    display: block;
    transition:all 0.5s;
}
.ts-ks-about-parent-box:hover .ts-ks-about-inner span img{
    transform: rotate(360deg);
}
.ts-ks-about-parent-box:hover .ts-ks-about-btn a{
    background-color: #5fc3ff;
    color: var(--themestack-white-color);
}
/* about second box */
.about-second-box .ts-ks-about-box {
    background-color: #fffcf6;
    border: 1px solid #feeac4;
}
.about-second-box:hover .ts-ks-about-box{    
    box-shadow:1.5px 3.99px 27px 0px rgba(247,200,111,0.2);
}
.about-second-box span{    
    box-shadow:-9.804px 15.096px 10px rgba(247,200,111,0.2);
    background-color: #ffcd71;
}
.about-second-box h5{    
    color: #ffb526;
}
.about-second-box h5:after {    
    background-color: #ffb526;    
}
.about-second-box .ts-ks-about-btn a{
    background-color: #fffcf6;
    border: 1px solid #feeac4;
    color: #ffb526;
    transition: all 0.3s ease-in-out;
}
.about-second-box:hover .ts-ks-about-btn a{
    background-color: #ffb526;    
}
/* about third box */
.about-third-box .ts-ks-about-box{
    background-color: #fff7f9;
    border: 1px solid #ffd0da;
}
.about-third-box:hover .ts-ks-about-box{    
    box-shadow:1.5px 3.99px 27px 0px rgba(255,143,166,0.2);
}
.about-third-box span{        
    box-shadow:-9.804px 15.096px 10px rgba(255,143,166,0.2);
    background-color: #ff5e80;
}
.about-third-box h5{    
    color: #ff5e80;
}
.about-third-box h5:after {    
    background-color: #ff5e80;    
}
.about-third-box .ts-ks-about-btn a{
    background-color: #fff7f9;
    border: 1px solid #ffd0da;
    color: #ff5e80;
}
.about-third-box:hover .ts-ks-about-btn a{
    background-color: #ff5e80;    
}
/* about fourth box */
.about-fourth-box .ts-ks-about-box{
    background-color: #f2fdff;
    border: 1px solid #91eeff;
}
.about-fourth-box:hover .ts-ks-about-box{    
    box-shadow:1.5px 3.99px 27px 0px rgba(16,211,246,0.2);
}
.about-fourth-box span{        
    box-shadow:-9.804px 15.096px 10px rgba(16,211,246,0.2);
    background-color: #42e2ff;
}
.about-fourth-box h5{    
    color: #42e2ff;
}
.about-fourth-box h5:after {    
    background-color: #42e2ff;    
}
.about-fourth-box .ts-ks-about-btn a{
    background-color: #f2fdff;
    border: 1px solid #91eeff;
    color: #42e2ff;
}
.about-fourth-box:hover .ts-ks-about-btn a{
    background-color: #42e2ff;    
}
/* about box end */
.ts-ks-about-botm-parent{
    padding-top: 95px;
}
.ts-ks-about-right .ts-ks-heading{
    text-align: left;
}
.ts-ks-about-right .ts-ks-paragraph{
    color: var(--ks-grey-color);
    margin: 28px 0 40px 0;
}
.ts-ks-about-left-img img{
    animation: up-down 2.5s infinite alternate-reverse both;
}
.ts-ks-actvt-text-mng .ts-ks-activity-btn .ts-ks-dark-btn {
    max-width: 190px;
}
/* about section css end */
/* counter section css start */
.ts-ks-counter-wrapper{
    background-image: url(../images/kids-school/counter-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0;
}
.ts-ks-count{
    text-align: center;    
}
.ts-ks-count span{
    width: 90px;
    height: 90px;
    border-radius: 45px;
    background-color: var(--themestack-white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    position: relative;
    transition: all 0.3s ease-in-out;   
}
.ts-ks-count span:after{
    content: '';
    border: 2px dashed var(--themestack-white-color);
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    transition: all 0.3s ease-in-out;
    animation:rotate 5s linear infinite;
}
@keyframes rotate{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.ts-ks-count span svg{
    fill: var(--themestack-primary-color);
}
.ts-ks-count .counting{
    font-size: 38px;    
    color: var(--themestack-white-color);
    font-weight: 600;
    margin-top: 30px;
}
.ts-ks-count h5 {
    max-width: 220px;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255,255,255,0.19);
    border-radius: 20px;
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 500;
    text-transform: uppercase;
    margin: 10px auto 0 auto;
}
.ts-ks-count:hover span{
    transform: translateY(-10px);
}
/* counter section css end */
/* activity section css start */
.ts-ks-activity-wrapper{
    padding: 80px 0;
    background-color: var(--themestack-white-color);
}
.ts-ks-activity-heading {
    padding-bottom: 43px;
}
.ts-ks-actvt-text-mng {
    padding-top: 100px;
}
.ts-ks-actvt-text-mng p {
    font-size: 16px;
    font-weight: 500;
    color: var(--ks-grey-color);
}
.ts-ks-activity-box{    
    border-radius: 10px;
    box-shadow:0 0 15px rgba(52,124,222,0.1);
    background-color: var(--themestack-white-color);
    padding: 40px 35px 36px 40px;
    position: relative;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.ts-ks-activity-box:hover{
    transform: translateX(10px);
}
.ts-ks-activity-box:after{
    content: '01';
    font-size: 120px;    
    color: var(--themestack-primary-color);
    font-weight: 700;
    opacity: 0.07;
    position: absolute;
    top: 0;
    right: 20px;
}
.ts-ks-activity-box-two:after{
    content: '02';    
}
.ts-ks-activity-box-three:after{
    content: '03';    
}
.ts-ks-activity-box-four:after{
    content: '04';    
}
.ts-ks-activity-inner h3{
    font-size: 22px;
    color: var(--ks-black-color);
    font-weight: 700;
    text-transform: capitalize;
}
.ts-ks-activity-inner .ts-ks-paragraph{
    margin: 15px 0 13px 0;
    color: var(--ks-grey-color);
}
.ts-ks-activity-inner a.readmore{
    font-size: 16px;    
    color: var(--themestack-primary-color);
    font-weight: 600;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}
.ts-ks-activity-inner a.readmore:hover{
    letter-spacing: 2px;
}
.ts-ks-activity-inner a.readmore span svg{
    fill: var(--themestack-primary-color);
    margin-left: 5px;
}
.ts-ks-activity-btn .ts-ks-dark-btn {
    max-width: 240px;
}
/* activity section css end */
/* gallery section css start */

.ts-ks-gallery-heading {
    padding-bottom: 30px;
}
.ts-ks-gallery-wrapper .content {    
    display: flex;
    margin: 30px -15px 0 -15px;
}
.ts-ks-gallery-wrapper .single-content{
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
    margin-bottom: 30px;
}
.ts-ks-gallery-wrapper .single-content img {
    width: 100%;
    border-radius: 10px;
}
.ts-ks-gallery-wrapper .filters {
	width: 100%;
	text-align: center;
}
.ts-ks-gallery-wrapper .filter-button-group ul li {
    list-style: none;
    display: inline-block;
}
.ts-ks-gallery-wrapper .filter-button-group ul li a {
	display: block;
	padding: 6px 25px;
	font-size: 16px;
	color: var(--ks-grey-color);
	font-weight: 400;
    border-radius: 20px;
	cursor: pointer;
  	text-transform: capitalize;  
    transition: all 0.3s;	
    margin-right: 5px;
}
.ts-ks-gallery-wrapper .filter-button-group ul li:last-child a{
    margin-right: 0px;
}
.ts-ks-gallery-wrapper .filter-button-group ul li:hover a {
	color: var(--themestack-white-color);
    background-color: var(--themestack-primary-color);
}
.ts-ks-gallery-wrapper .filter-button-group ul li a.gallery-active {
	color: var(--themestack-white-color);
    background-color: var(--themestack-primary-color);
}
.ts-ks-gallery-btn .ts-ks-dark-btn{
    max-width: 240px;
    width: 100%;
    min-height: 60px;
    margin: 10px auto 0 auto;
}
.ts-ks-gallery-img{    
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.ts-ks-gallery-img img{
    transition: all 0.5s;
}
.ts-ks-gallery-overlay{
    position: absolute;
    top:8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all 0.3s ease-in-out;
}
.gallery-box-inner:hover .ts-ks-gallery-overlay{
    opacity: 1;
    visibility: visible;    
    transform: scale(1);
}
.gallery-box-inner:hover .ts-ks-gallery-img img{
    transform: scale(1.15);
}
/* gallery section css end */
/* blog section css start */

.ts-ks-crs-heading .ts-ks-blog-heading {
    display: flex;
    align-items: center;
}
.ts-ks-blog-heading {
    margin-bottom: 43px;
}
.ts-ks-blog-heading .ts-ks-paragraph {
    margin-left: auto;
    color: var(--themestack-primary-color);
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    text-transform: capitalize;
}
.ts-ks-blog-heading .ts-ks-paragraph:hover{
    letter-spacing: 2px;
}
.ts-ks-blog-heading .ts-ks-paragraph span svg{
    fill: var(--themestack-primary-color);
    margin-left: 5px;
}
/*course css start*/
.ts-ks-blog-wrapper .container {
    padding: 0 13px;
}
.ts-ks-blog-wrapper .mt-exclusive-pro {
    margin-top: 0;
}
.ts-ks-blog-wrapper ul.ts-ks-course-wrapper {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(3,1fr);
    padding-left:0;
}
.ts-ks-blog-wrapper ul.ts-ks-course-wrapper li{
    list-style:none;
    margin-bottom:0;
}
.ts-ks-blog-wrapper .course-wrap-meta .meta-item-duration, .ts-ks-blog-wrapper .course-wrap-meta .meta-item-level, .ts-ks-blog-wrapper .course-wrap-meta .meta-item-lesson, .ts-ks-blog-wrapper .course-content h3.course-title:before, .ts-ks-blog-wrapper .course-price, .ts-ks-blog-wrapper .course-readmore{
    display: none;
}
.ts-ks-blog-wrapper .course-content h3.course-title {
    font-size: 18px;
    color: var(--ks-black-color);
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
    padding: 31px 0 0 30px;
    transition: all 0.3s;
}
.ts-ks-blog-wrapper .course-wrap-meta {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 14px;
    left: 30px;
}
.ts-ks-blog-wrapper .course-wrap-meta .meta-item-student span.meta-number, .ts-ks-blog-wrapper .course-wrap-meta .meta-item-quiz span.meta-number{
    font-size: 14px;
    color: var(--ks-grey-color);
    font-weight: 500;
    text-transform:capitalize;
}
.ts-ks-blog-wrapper .course-wrap-meta .meta-item-student {
    padding-left: 45px;
    background-image: url(../images/quiz1.png);
    background-repeat: no-repeat;
    background-position: 20px center;
}
.ts-ks-blog-wrapper .course-wrap-meta .meta-item-quiz {
    padding-left: 25px;
    background-image: url(../images/student1.png);
    background-repeat: no-repeat;
    background-position: 0px center;
}
.ts-ks-blog-wrapper .course-info {
    padding-bottom: 30px;
    position: relative;
}
.ts-ks-blog-wrapper .course-excerpt {
    font-size: 16px;
    font-weight: 500;
    color: var(--ks-grey-color);
    line-height: 1.5;
    padding: 15px 0 50px 30px;
}
.ts-ks-blog-wrapper .course-content {
    position: relative;
    box-shadow: 0 0 15px rgb(52 124 222 / 10%);
}
.ts-ks-blog-wrapper .course-content:before{
    content:'';
    width:100%;
    height:1px;
    background:#dbe4f3;
    position:absolute;
    left:0;
    right:0;
    bottom:54px;
}
.ts-ks-blog-wrapper .course-categories a {
    position: relative;
    max-width: 119px;
    width: 100%;
    min-height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: none;
    cursor: pointer;
    font-family: "Inter";
    font-weight: 600;
    text-transform: capitalize;
    font-size: 12px;
    color: var(--themestack-white-color);
    background-color: var(--themestack-primary-color);
    border-radius: 17px;
    z-index: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 25px;
    top: -15px;
}
.ts-ks-blog-wrapper .course-thumbnail a .centered {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.ts-ks-blog-wrapper .course-thumbnail a .centered img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    transition:all 0.3s;
}
.ts-ks-blog-wrapper .course-item:hover .course-thumbnail a .centered img {
    transform: scale(1.2)rotate(5deg);
}
.ts-ks-blog-wrapper .course-item:hover .course-content h3.course-title{
    color: var(--themestack-primary-color);
}
.course-extra-box__content li::before, .learn-press-profile-course__tab__inner a.active, .learn-press-course-tab-filters .learn-press-filters a.active, ul.learn-press-nav-tabs .course-nav.active label, input[type=radio]:nth-child(1):checked ~ .switch-btn:nth-child(2)::before, input[type=radio]:nth-child(3):checked ~ .switch-btn:nth-child(4)::before, .learn-press-courses[data-layout=list] .course-wrap-meta .meta-item::before, .lp-archive-courses .course-meta__pull-left .meta-item__value>div a:hover, .lp-user-profile .wrapper-profile-header, .lp-user-profile #profile-nav .lp-profile-nav-tabs>li>a>i, .lp-user-profile #profile-nav ul.profile-tab-sections li:hover a, .lp-user-profile #profile-nav ul.profile-tab-sections li:hover a i{
    color: var(--themestack-primary-color) !important;
}
.lp-archive-courses .course-content .course-categories a:first-child {
    background: var(--themestack-primary-color) !important;
    font-weight:600;
}
.learn-press-courses[data-layout=list] .course-content .course-readmore a {
    border: none !important;
}
.learn-press-courses[data-layout=list] .course-content .course-readmore a:hover, .lp-user-profile #profile-nav .lp-profile-nav-tabs>li.active, .lp-user-profile #profile-nav .lp-profile-nav-tabs>li:hover {
    background: var(--themestack-primary-color) !important;
}
.lp-user-profile .wrapper-profile-header {
    background: none !important;
}
.lp-archive-courses .course-meta__pull-left .meta-item {
    align-items: center !important;
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs>li.active>a i, .lp-user-profile #profile-nav .lp-profile-nav-tabs>li.active>a::after, .lp-user-profile #profile-nav .lp-profile-nav-tabs>li:hover>a i, .lp-user-profile #profile-nav .lp-profile-nav-tabs>li:hover>a::after {
    color: var(--themestack-white-color) !important;
}
.learn-press-profile-course__tab__inner a.active::before {
    height: 2px !important;
    background-color: var(--themestack-primary-color) !important;
}
.lp-user-profile .lp-user-profile-avatar img {
    border-radius: 50% !important;
    border: 2px solid var(--themestack-primary-color) !important;
}
.lp-user-profile .lp-profile-left {
    border: none !important;
}
.lp-user-profile .lp-profile-content-area {
    padding: 0 !important;
}
.learn-press-tabs .learn-press-tabs__checker:nth-child(1):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(1)::after, .learn-press-tabs .learn-press-tabs__checker:nth-child(1):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(1)::before, .learn-press-tabs .learn-press-tabs__checker:nth-child(2):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(2)::before, .learn-press-tabs .learn-press-tabs__checker:nth-child(2):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(2)::after, .learn-press-tabs .learn-press-tabs__checker:nth-child(3):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(3)::before, .learn-press-tabs .learn-press-tabs__checker:nth-child(3):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(3)::after, .learn-press-tabs .learn-press-tabs__checker:nth-child(4):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(4)::before, .learn-press-tabs .learn-press-tabs__checker:nth-child(4):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(4)::after {
    background: var(--themestack-primary-color) !important;
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs li.active>ul .active>a, .lp-user-profile #profile-nav .lp-profile-nav-tabs li.active>ul .active>a i, .learn-press-tabs .learn-press-tabs__checker:nth-child(1):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(1) label a, .learn-press-tabs .learn-press-tabs__checker:nth-child(2):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(2) label, .learn-press-tabs .learn-press-tabs__checker:nth-child(2):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(2) label a, .learn-press-tabs .learn-press-tabs__checker:nth-child(3):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(3) label a, .learn-press-tabs .learn-press-tabs__checker:nth-child(4):checked ~ .learn-press-tabs__nav .learn-press-tabs__tab:nth-child(4) label a {
    color: var(--themestack-primary-color) !important;
}
/*course css end*/

/* blog section css end */
/* client section css start */

.ts-ks-client-wrapper .swiper-container.swiper-initialized.swiper-horizontal {
    overflow: hidden;
	position: relative;
}
.ts-ks-client-box {
    background-color: var(--themestack-white-color);
    padding: 30px 30px 35px 30px;
    border-radius: 10px;
    margin-top: 30px;    
    transition: all 0.3s ease-in-out;
    position: relative;
}
.ts-ks-client-box:after {
    content: '';
    max-width: 450px;
    width: 100%;
    height: 280px;
    background-color: var(--themestack-primary-color);
    border-radius: 10px;
    transform: rotate(-10deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: auto;
    transition: all 0.3s ease-in-out;
}
.ts-ks-client-heading{
    display: flex;
    align-items: center;
}
.ts-ks-client-name{
    margin-left: 20px;
}
.ts-ks-client-name h6 {
    font-size: 18px;
    font-weight: 700;
    color: var(--ks-black-color);
    transition: all 0.3s ease-in-out;
    margin-bottom: 0;
}
.ts-ks-client-name p{
    font-size: 14px;
    font-weight: 500;
    color: var(--themestack-primary-color);    
    margin-bottom: 0;
}
.ts-ks-client-img img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
}
.ts-ks-client-text{    
    border-radius: 10px;
    background-color: #f8f9fa;
    border: 1px solid #e8eef5;
    margin-top: 30px;
    position: relative;
}
.ts-ks-client-text .ts-ks-paragraph {
    color: var(--ks-grey-color);
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    padding:20px;
    line-height: 1.5;
}
.ts-ks-qoute-img {
    position: absolute;
    top: -10px;
    right: 20px;
}
.ts-ks-qoute-img svg{
    width: 38px;
    height: 33px;
    fill: var(--themestack-primary-color);
    transition: all 0.3s ease-in-out;
}
.ts-ks-client-wrapper .swiper-container {
    padding-bottom: 30px;
}
.ts-ks-client-wrapper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #3f4146;
}
.ts-ks-client-wrapper .swiper-pagination-bullet-active{
    background-color: var(--themestack-primary-color);
    width: 12px;
    height: 12px;
}
.ts-ks-client-wrapper .swiper-slide{
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.ts-ks-client-wrapper .swiper-slide:hover .ts-ks-client-box{
    box-shadow:1.5px 3.99px 27px 0px rgb(0 0 0 / 10%);
}
.ts-ks-client-wrapper .swiper-slide:hover .ts-ks-client-box:after{
    height: 230px;
}
.ts-ks-client-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 71px;
}
    
/* client section css end */
/* footer section css start */

.ts-ks-footer-logo{
    margin-top: 6px;
}
.ts-ks-footer-text .ts-ks-paragraph{
    color: var(--themestack-white-color);
    font-weight: 400;
    margin: 28px 0 10px 0;
}
.ts-ks-footer-text a{
    font-size: 16px;
    font-weight: 600;
    color: var(--themestack-primary-color);
    transition: all 0.3s ease-in-out;
}
.ts-ks-footer-text a:hover{
    letter-spacing: 2px;
}
.ts-ks-footer-text a span{
    margin-left: 5px;
}
.ts-ks-footer-text a span svg{
    fill: var(--themestack-primary-color);
}
.ts-ks-footer-links-heading .ts-ks-heading{
    text-align: left;
    color: var(--themestack-white-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 36px;
    position: relative;
}
.ts-ks-footer-links-heading .ts-ks-heading:after{
    content: '';
    max-width: 110px;
    width: 100%;
    height: 2px;
    background-color: #46495a;
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
}
.ts-ks-footer-links-heading .ts-ks-heading:before{
    content: '';
    max-width: 57px;
    width: 100%;
    height: 2px;
    background-color:var(--themestack-primary-color);
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 1;
}
.ts-ks-footer-links-heading .activity:after{    
    max-width: 90px;
    width: 100%;    
}
.ts-ks-footer-link ul li{    
    margin-bottom: 10px;
}
.ts-ks-footer-link ul li:last-child {
    margin-bottom: 0;
}
.ts-ks-footer-link ul li a {
    color: var(--themestack-white-color);
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    text-transform: capitalize;
}
.ts-ks-footer-link ul li a:hover{
    color: var(--themestack-primary-color);
}
.ts-ks-footer-link ul li a span{
    fill: var(--themestack-primary-color);
    margin-right: 10px;
}
.ts-ks-footer-form input {
    height: 40px;
    width: 100%;
    background-color: #3a3c4e;
    color: #6b6d80;
    border-radius: 6px;
    border: none;
    padding: 0 20px;
    margin-bottom: 15px !important;
}
.ts-ks-footer-form input::placeholder{
    font-size: 14px;
    color: #6b6d80;
    font-weight: 400;
}
.ts-ks-footer-form input.ts-ks-dark-btn {
    font-size: 14px;
    font-weight: 600;
    max-width: 100%;
    min-height: 40px;
    border-radius: 6px;
    background: var(--themestack-primary-color);
    color: var(--themestack-white-color);
}
/* footer section css end */
/* copyright section css start */
.ts-ks-copyright-wrapper p {
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 400;
    background-color: #1d1e27;
    text-align: center;
    padding: 15px 0 10px 0;
}
.ts-ks-copyright-wrapper a{
    color: var(--themestack-primary-color);
    font-weight: 500;
}
/* copyright section css end */
/* swiper slider */
.ts-ks-client-wrapper .swiper-pointer-events, .ts-ks-partner-wrapper .swiper-pointer-events{
    touch-action: pan-y;
    overflow: hidden;
    position: relative;
}
/* swiper slider */

/* media query start */
@media(max-width:1199px){
    .ts-ks-blog-footer span:nth-child(2) {
        margin-left: 10px;
    }
    .ts-ks-blog-footer span svg {
        margin-right: 2px;
    }
    .ts-ks-client-box:after{
        max-width: 400px;
    }
    .ts-ks-actvt-text-mng {
        padding-top: 30px;
    }
    .ts-ks-client-box {
         margin-top: 0px; 
    }
    .ts-ks-client-box:after{
        display:none;
    }
    .ts-ks-blog-wrapper .course-excerpt {
        padding: 15px 15px 40px 20px;
    }
    .ts-ks-blog-wrapper .course-content h3.course-title {
        padding: 31px 0 0 20px;
    }
    .ts-Wr-contact-section .wpcf7 form.sent .wpcf7-response-output {
        bottom: 20px;
    }
}

@media(max-width:991px){
    .ts-ks-brand-logo {
        background: #fff;        
        width: 100%;
        padding: 15px;
        border-radius: 5px;
        position: relative;
    }
    .ts-ks-about-wrapper, .ts-ks-about-botm-parent{
        padding-top: 0;
    }
    .ts-ks-about-left-img, .ts-ks-about-right .ts-ks-heading {
        text-align: center;
    }
    .ts-ks-about-right {
        text-align: center;
        margin-top: 30px;    
    }
    .ts-ks-about-right .ts-ks-dark-btn{
        margin: auto;
    }
    .ts-ks-gallery-wrapper .single-content {
        flex: 0 0 33.33%;
        max-width: 33.33%;        
    }
    .ts-ks-counter-wrapper{
        padding-bottom: 50px;
    }
    .ts-ks-client-box:after{
        display: none;
    }
    .ts-ks-footer-link-parent, .ts-ks-footer-last-parent {
        margin-top: 5px;
    }
    .ts-ks-blog-wrapper ul.ts-ks-course-wrapper {
        grid-template-columns: repeat(2,1fr);
    }
    .ts-ks-activity-box {
        padding: 30px 25px 26px 30px;
    }
    .ts-ks-footer-links-heading .ts-ks-heading {
        padding-top: 0;
    }
}
@media(max-width:767px){
    .ts-ks-gallery-wrapper .single-content {
        flex: 0 0 50%;
        max-width: 50%;        
    }
    .ts-ks-blog-wrapper ul.ts-ks-course-wrapper {
        grid-template-columns: repeat(1,1fr);
    }
    .ts-ks-crs-heading .ts-ks-blog-heading {
        flex-direction: column;
    }
    .ts-ks-blog-heading .ts-ks-paragraph {
        margin-left: 0;
    }
    .ts-ks-client-wrapper .container {
        padding: 0;
    }
    
}
@media(max-width:575px){
    .ts-header-style12 .ts-main-header-inner {
        padding:15px;
    }
    .ts-header-style12 {
        right: 15px;
        left: 15px;
    }
}
@media(max-width:425px){
    .ts-ks-counter-wrapper{
        padding-top: 50px;
    }
    .ts-ks-heading {
        font-size: 25px;     
    }
    .ts-ks-blog-heading .ts-ks-heading{
        font-size: 22px;
    }
    .ts-ks-blog-heading .ts-ks-paragraph{
        font-size: 14px;
    }
    .ts-ks-activity-box {     
        padding: 30px 20px 30px 20px;
    }
    .ts-ks-client-box {
        margin-top: 0;
        padding: 20px;
    }
    .ts-ks-client-text .ts-ks-paragraph {
        padding: 10px;
    }
    .ts-ks-qoute-img svg {
        transform: rotate(180deg);
    }
    .ts-ks-qoute-img {
        top: -25px;
    }
}
@media(max-width:375px){    
    .ts-ks-gallery-wrapper .single-content {
        flex: 0 0 100%;
        max-width: 100%;        
    }
    .ts-ks-gallery-wrapper .filter-button-group ul li{
        display: block;
    }
    .ts-ks-gallery-img{
        margin-left: 15px;
    }
    .filters.filter-button-group ul h4 {
        max-width: 155px;
        width: 100%;
        margin: auto;
    }
}

/*======================= Kids School demo css end ====================*/
/*======================= Laundry demo css start ====================*/
.ts-ld-top-header-btn {
    width: 100%;
    max-width: 212px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--themestack-white-color);
    color: var(--themestack-primary-color);
    border-radius: 50px 50px 0 50px;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 600;
}
.ts-ld-top-header-btn span svg {
    fill: var(--themestack-primary-color);
}
.ts-ldry-all-btn { 
    width: 100%; 
    max-width: 170px; 
    height: 50px; 
    color: var(--ld-main-color); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    background-color: var(--ld-white-color); 
    border-radius: 50px 50px 0px 50px; 
    -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    transition: all 0.3s;
};
.ts-ld-top-header-btn span svg{
    fill: var(--themestack-primary-color);
}
.ts-ld-top-header-btn span {
    padding: 7px;
}
.ts-ld-top-header-btn:hover{
    border-radius: 25px 0 25px 0;
}
.ts-ld-all-btn {
    width: 100%;
    max-width: 170px;
    height: 50px;
    color: var(--themestack-white-color) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--themestack-white-color);
    border-radius: 50px 50px 0px 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ts-ld-all-btn1 {
    width: 100%;
    max-width: 170px;
    height: 50px;
    color: var(--themestack-white-color) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 12px 30px 0px rgba(75, 226, 240, 0.3);
    background-color: var(--themestack-primary-color);
    border-radius: 50px 50px 0px 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ts-ld-all-btn:hover{
    border-radius: 25px 0 25px 0;
    color: var(--themestack-white-color);
}
.ts-ld-all-btn1:hover{
    border-radius: 25px 0 25px 0;
    color: var(--themestack-white-color);
}
.ts-ld-header-btn {
    width: 212px;
}
/****** about css start ******/
.ts-ld-all-heading h4 {
    font-size: 14px;
    font-weight:500;
    letter-spacing: 3px;
    color: var(--themestack-primary-color);
    text-transform:uppercase;
}
.ts-ld-about-right h1 {
    font-size: 32px;
    color: var(--ld-heading-color);
    font-weight: 400;
    padding: 13px 0px 15px;
}
.ts-ld-abt-para {
    padding-top: 95px;
}
.ts-ld-abt-para p {
    font-size: 14px;
    color: var(--ld-text-color);
    font-weight: 500;
}
/******** about css end *******/
/******* service css start *********/
.ts-ld-service-wrapper {
    background-color: var(--themestack-primary-color1);
    padding: 74px 0px 80px;
}
.ts-ld-all-heading h1 {
    font-size: 32px;
    font-weight: 400;
    padding-bottom: 20px;
    color: var(--ld-heading-color);
    margin-bottom: 0;
}
.ts-ld-service-box{
    background-color: var(--themestack-white-color);
    text-align: center;
    padding: 54px 25px 53px;    
    border-radius: 10px;
    border: 1px solid #f3fafb;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ts-ld-service-box h2 {
    font-size: 18px;
    color: var(--ld-heading-color);
    padding: 26px 0px 20px;
    margin-bottom: 0;
}
.ts-ld-service-box a {
    display: block;
    padding-top: 10px;
    color: var(--themestack-primary-color);
    transition:all 0.3s;
}
.ts-ld-service-box a:hover{
    letter-spacing:2px;
}
.ts-ld-service-box p {
    font-size: 14px;
    color: var(--ld-text-color);
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.5;
}
.ts-ld-service-box:hover{
    transform: translateY(-5px);
    box-shadow: 0px 28px 50px 0px rgba(97, 153, 163, 0.1);
}
/******** service css end *******/
/****** choose us css start *****/
.ts-ld-choose-wrapper {
    padding: 77px 0px 80px;
}
/***** choose us css end *******/
/******* client slider css start ********/
.ts-ld-client-slider-swiper {
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    width: 900px;
}
.ts-ld-client-slider-wrapper .swiper {
    width: 100%;
    height: 100%;
}
.ts-ld-client-slider-wrapper .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.ts-ld-client-box-text p{
    max-width: 100%;
    width: 630px;
    font-size: 14px;
    line-height: 24px;
    color: var(--ld-text-color);
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
}
.ts-ld-client-box-text h2{
    font-size: 16px;
    color: var(--ld-heading-color);
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
}
.ld-gallery-thumbs-pagination .swiper-pagination{
    position: relative;
    margin-top: 60px;
}
.ts-ld-client-box{
    max-width: 770px;
    width: 100%;
    margin:0 auto;
    min-height: 294px;
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(70,176,195,0.2);
    background: var(--themestack-white-color);
    position: relative;
    padding: 50px 0 0 0;
    transition: all .3s linear;
}
.ts-ld-client-box::after{
    position: absolute;
    content: '';
    left: 27px;
    top: 27px;
    width: 100%;
    max-width: 770px;
    min-height: 294px;
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(70,176,195,0.2);
    background: var(--themestack-white-color);
    z-index: -1;
    transition: all .4s linear;
}
.ts-ld-client-box:hover:after{
    top: 0;
    left: 0;
}
.ts-ld-client-box-text {
    position: relative;
    z-index: 1;
}
.ts-ld-qoute-img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.ts-ld-qoute-img img{
    width: auto;
    height: auto;
    z-index: -1;
}
.ts-ld-client-box .swiper-container {
  width: 100%;  
  overflow: hidden;
}
.ts-ld-client-box .swiper-wrapper {
   align-items: center;
}
.ts-ld-client-box .ld-gallery-thumbs {
    box-sizing: border-box;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;    
}
.ts-ld-client-box .ld-contentbox {
    background: var(--themestack-white-color);
    position: relative;
    padding-top: 30px;
} 
.ts-ld-client-box .ld-contentbox h3 {
    font-size: 18px;
    color: red;
    font-weight: 500;
	margin-top: 10px;
}
.ts-ld-client-box .ld-client-img{
    position:relative;    
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}
.ts-ld-client-box .ld-client-img img {    
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
    opacity:0.5;
}
.ts-ld-client-box .ld-gallery-thumbs .swiper-slide-thumb-active .ld-client-img img{
    width: 80px;
    height: 80px;
    opacity: 1;
}
.ld-gallery-thumbs-pagination .swiper-pagination-bullets {
	left: 0;
    right: 0;
    margin: auto;
    bottom: 0px;
} 
.ld-gallery-thumbs-pagination .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
} 
.ld-gallery-thumbs-pagination .swiper-pagination-bullet {
    background: #c6d8d8;
    opacity: 0.8;
    width: 10px;
    height: 10px;
}
.ld-gallery-thumbs-pagination .swiper-pagination-bullet-active {
    background: var(--themestack-primary-color);
	width: 12px;
    height: 12px;
	vertical-align: middle;
	transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	opacity: 1;
}
/*===================== work css start ======================*/
.ts-ld-work-box {
    text-align: center;
    position: relative;
    transition: all .3s linear;
}
.ts-ld-work-box img{
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.ts-ld-work-box:hover img{
    transform: scale(1.1);
}
.ts-ld-work-box:hover h5 {
    transform: scale(1.1);
    background-color: var(--ld-heading-color);
    color: var(--themestack-white-color);
}
.ts-ld-work-box:hover h2{
    color: var(--themestack-primary-color);
}
.ts-ld-work-box h5:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 110px;
    width: 180px;
    height: 2px;
    border: 1px dashed #def3f5;
    z-index: -1;
}
.ts-ld-work-wrapper .col-lg-3:last-child .ts-ld-work-box h5:after {
    display: none;
}
.ts-ld-work-box.ts-ld-work-box-border:after {
    background-image: none;
    display: none;
}
.ts-ld-work-box h5 {
    width: 100%;
    max-width: 110px;
    margin: 30px auto 30px;
    height: 40px;
    font-size: 14px;
    letter-spacing: 2px;
    color: var(--themestack-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ld-main-light);
    border-radius: 50px;
    transition: all .3s ease-in-out;
    position:relative;
}
.ts-ld-work-box h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--ld-heading-color);
    padding-bottom: 10px;
    margin-bottom: 0;
}
.ts-ld-work-box p {
    color: var(--ld-text-color);
    font-size: 14px;
    margin-bottom: 0;
}
/*================ plan css start =================*/
.ts-ld-plan-section-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--themestack-white-color);
    box-shadow: 0px 0px 50px 0px rgba(70, 176, 195, 0.2);
    padding: 35px 30px;
    border-radius: 10px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ts-ld-tab-header ul.nav.nav-tabs {
    display: block;
    border: none;
}
.ts-ld-plan-section-box h1 {
    font-size: 16px;
    color: var(--ld-heading-color);
    margin-bottom: 0;
}
.ts-ld-plan-section-box h2 {
    font-size: 42px;
    font-weight: 700;
    color: var(--ld-heading-color);
    margin-bottom: 0;
}
.ts-ld-plan-section-box h2 span{
    font-size: 14px;
}
.ts-ld-plan-section-box:hover{
    background-color: var(--themestack-primary-color);
    box-shadow: 0px 0px 50px 0px rgba(70, 176, 195, 0.2);
}
.ts-ld-plan-section-box:hover h1{
    color: var(--themestack-white-color);
}
.ts-ld-plan-section-box:hover h2{
    color: var(--themestack-white-color);
}
.ts-ld-tab-header ul li a.active .ts-ld-plan-section-box {
    background: var(--themestack-primary-color);
    box-shadow: 0px 0px 50px 0px rgba(70, 176, 195, 0.2);
}
.ts-ld-tab-header ul li a.active .ts-ld-plan-section-box h1, .ts-ld-tab-header ul li a.active .ts-ld-plan-section-box h2 {
    color: var(--themestack-white-color);
}
/***** table css *****/
.ts-ld-price-table {
    background-color: var(--themestack-white-color);
    border-radius: 10px;
    padding: 0px 0 19px;
    box-shadow: 0px 0px 50px 0px rgba(70, 176, 195, 0.2);
}
.ts-ld-price-table table {
    margin-bottom: 0;
}
.ts-ld-price-table tbody tr:first-child {
    background: #f7f8ff;
}
.ts-ld-price-table h2 {
    font-size: 18px;
    color: var(--ld-heading-color);
    padding: 26px 0px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
}
.ts-ld-price-table table tr th {
    color: var(--ld-heading-color);
    font-size: 14px;
    text-align: left;
    background-color: #f7f8ff;
}
.ts-ld-price-table table tr th:nth-child(1) {
    width: 270px;
    text-align: left;
    padding: 9px 0px 9px 50px;
}
.ts-ld-price-table table tr th{
    width: 180px;
}
.ts-ld-price-table table tr td {
    color: var(--ld-text-color);
    font-size: 14px;
    text-align: center;
    padding: 25px 50px 3px 0px;
    border: none;
}
.ts-ld-price-table table tr td:nth-child(1) {
    text-align: left;
    padding-left: 50px;
}
.ts-ld-price-table table.table tbody tr td svg {
    fill: #3bb54a;
}
.ts-ld-price-table table.table tbody tr td svg.ts-ld-red {
    fill: red;
}
/****** blog css start ********/

.ts-ld-blog-img {
    position: relative;
}
.ts-ld-blog-img a img {
    width: 100%;
}
.ts-ld-blog-img::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.ts-ld-blog-img:hover::before, .ts-ld-blog-box:hover .ts-ld-blog-img::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
    @-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 110%;
        height: 110%;
        opacity: 0;
    }
}
    @keyframes circle {
    0% {
      opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 110%;
        height: 110%;
        opacity: 0;
    }
}
.ts-ld-blog-text {
    position: absolute;
    bottom: -30px;
    left: 20px;
    transition: all .3s ease-in-out;
    height: 90px;
    max-width: 100%;
    width: 80px;
}
.ts-ld-blog-text h1 {
    font-size: 36px;
    color: var(--ld-heading-color);
    background-color: var(--themestack-white-color);
    font-weight: 700;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    transition: all 0.3s;
}
.ts-ld-blog-text h2 {
    font-size: 14px;
    color: var(--themestack-white-color);
    background-color: var(--themestack-primary-color);
    width: 80px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
ul.ts-ld-blog-menu {
    padding: 16px 0px 14px;
}
ul.ts-ld-blog-menu li {
    display: inline-flex;
    padding-top: 40px;
    padding-right: 10px;
    margin-bottom: 0;
}
ul.ts-ld-blog-menu li a svg {
    fill: var(--themestack-primary-color);
    margin: -3px 5px 0 0;
}
ul.ts-ld-blog-menu li a {
    color: var(--ld-text-color);
    font-size: 14px;
    font-weight: 400;
}
.ts-ld-blog-box a h3 {
    font-size: 20px;
    color: var(--ld-heading-color);
    padding-bottom: 10px;
    transition: all .3s linear;
    margin-bottom: 0;
}
.ts-ld-blog-box p{
    font-size: 14px;
    color: var(--ld-text-color);
    margin-bottom: 0;
}
/****** footer css start *****/
.ts-ld-footer-wrapper {
    background-color: var(--ld-footer);
    padding: 80px 0px 80px;
}
.ts-ld-footer-inner {
    border-bottom: 1px solid var(--ld-footer-text);
    padding-bottom: 48px;
}
.ts-ld-footer-wrapper .ts-ld-footer-inner .col-lg-3:nth-child(2) .ts-ld-footer-section2 {
    padding-left: 50px;
}
.ts-ld-footer-section1 p {
    color: var(--ld-footer-text);
    font-size: 14px;
    padding: 24px 0px 0px 0px;
}
.ts-ld-footer-section1 h5 {
    font-size: 16px;
    color: var(--themestack-white-color);
    padding: 18px 0px 17px;
}
a.ts-ld-top-header-btn.ts-ld-footer-btn {
    background-color: var(--themestack-primary-color);
    color:  var(--themestack-white-color);
}
a.ts-ld-top-header-btn.ts-ld-footer-btn svg{
    fill: var(--themestack-white-color);
}
.ts-ld-footer-section2 h2 {
    color: var(--themestack-white-color);
    font-size: 18px;
    position: relative;
    padding-bottom: 38px;
}
.ts-ld-footer-section2 h2:after {
    content: '';
    position: absolute;
    bottom: 29px;
    left: 0;
    right: 0;
    width: 71px;
    height: 1px;
    background-color: var(--themestack-primary-color);
}
.ts-ld-footer-section2 h2:before{
    content: '';
    position: absolute;
    bottom: 26px;
    left: 0;
    right: 0;
    width: 64px;
    height: 1px;
    background-color: var(--themestack-primary-color);
}
ul.ts-ld-footer-menu li {
    padding-bottom: 6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.ts-ld-footer-menu li:last-child {
    padding-bottom: 0;
}
ul.ts-ld-footer-menu li a {
    color: var(--ld-footer-text);
    font-size: 14px;	
}
ul.ts-ld-footer-menu li a span {
    padding-left: 12px;
    position: relative;
}
ul.ts-ld-footer-menu li a span:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 13px;
    right: 0;
    border-bottom: 1px solid var(--ld-footer);
    transition: all 0.3s;
}
ul.ts-ld-footer-menu li a svg{
    fill: var(--ld-footer-text);
}
.ts-ld-blog-box{
    transition: all .3s linear;
}
.ts-ld-blog-box:hover a h3{
    color: var(--themestack-primary-color);
}
.ts-ld-blog-box:hover .ts-ld-blog-text{
    bottom: -10px;
}
.ts-ld-blog-box:hover .ts-ld-blog-text h1{
    border-radius: 40px 40px 0px 0px;
}
/****** hover css ******/
ul.ts-ld-footer-menu li:hover {
    transform: translateX(5px);
}
ul.ts-ld-footer-menu li:hover a{
    color: var(--themestack-primary-color);
}
ul.ts-ld-footer-menu li:hover a svg{
    fill: var(--themestack-primary-color);
}
ul.ts-ld-footer-menu li:hover a span:after{
    border-color: var(--themestack-primary-color);
}
/******* newsletter css *****/
.ts-ld-newsletter-section {
    text-align: center;
    padding-top: 47px;
    border-top: 1px solid #414357;
    margin-top: 50px;
}
.ts-ld-newsletter-section h5{
    font-size: 14px;
    color: var(--themestack-primary-color);
    text-transform: uppercase;
    letter-spacing: 2px;
}
.ts-ld-newsletter-section h4 {
    font-size: 26px;
    color: var(--themestack-white-color);
    padding: 11px 0px 33px;
    margin-bottom: 0;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}
.ts-ld-newsletter-button {
    position: relative;
    width: 100%;
    max-width: 535px;
    margin: 0 auto;
}
.ts-ld-newsletter-button input {
    width: 100%;
    max-width: 535px;
    height: 50px;
    padding: 0px 195px 0px 30px;
    border-radius: 50px;
    background-color: #32344b;
    border: 1px solid transparent;
    color: var(--themestack-white-color);
}
.ts-ld-newsletter-button input::placeholder{
    color: var(--ld-footer-text);
}
a.ts-ld-subscribe {
    width: 100%;
    max-width: 180px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--themestack-primary-color);
    border:1px solid transparent;
    border-radius: 50px;
    font-size: 16px;
    color: var(--themestack-white-color);
    position: absolute;
    top: 0;
    right: 0;
    transition:all 0.3s;
}
a.ts-ld-subscribe:hover{
    background:transparent;
    border:1px solid var(--themestack-primary-color);
}
/******* copywrite css ******/
.ts-ld-copywrite{
    background-color: var(--ld-copywrite);
}
.ts-ld-copywrite p {
    color: var(--themestack-white-color);
    font-size: 14px;
    text-align: center;
    padding: 14px 0px;
}
.ts-ld-client-pagination-bottom {
    position: relative;
    top: 53px;
    left: 0;
    right: 0;
    text-align: center;
}
.ts-ld-client-pagination-bottom .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.ts-ld-client-pagination-bottom .swiper-pagination-bullet-active {
    background: var(--themestack-primary-color);
}
/* responsive css start */
@media (max-width:1300px){
    ul.ts-ld-header-menu li{
        margin: 0 15px;
    }
}
@media (max-width:1199px){
    .ts-ld-choose-mange {
        padding-bottom: 30px;
    }
    ul.ts-ld-header-menu li{
        margin: 0 6px;
    }
    .ts-ld-abt-para {
        padding-top: 20px;
    }
    .ts-ld-tab-header ul.nav.nav-tabs {
        display: flex;
        align-items: center;
    }
    .ts-ld-tab-header ul.nav.nav-tabs li {
        max-width: 275px;
        width: 100%;
        margin-right: 30px;
        margin-bottom: 0;
    }
    .ts-ld-tab-header ul.nav.nav-tabs li:last-child {
        margin-right: 0;
    }
    .ts-ld-plan-section-box {
        flex-direction: column;
        margin-bottom: 0;
    }
    .ts-ld-plan-section-box h1 {
        padding-bottom: 10px;
    }
}
@media (max-width:1024px){
    ul.ts-ld-header-menu li{
        margin: 0 2px;
    }
}
@media (max-width:991px){
    .ts-ld-work-box h5:after{
        display: none;
    }
    .ts-ld-toggle-btn{
        display: block;
        margin-left: 30px;
    }
    ul.ts-ld-header-menu {
        position: fixed;
        left: -200px;
        top: 0;
        bottom: 0;
        width: 200px;
        background-color: var(--themestack-white-color);
        transition: all .5s ease-in-out;
    }
    .open-toggle ul.ts-ld-header-menu{
        left: 0;
    }
    ul.ts-ld-header-menu li{
        display: block;
        padding: 10px 50px;
    }
    ul.ts-ld-header-menu li a{
        color: var(--themestack-primary-color);
    }
    .open-toggle  .ts-ld-toggle-btn span:nth-child(2){
        width: 10px;
    }
    .open-toggle  .ts-ld-toggle-btn span:nth-child(3){
        width: 5px;
    }
    .ts-ld-footer-section1, .ts-ld-footer-section2{
        margin-bottom: 20px;
    }
    .ts-ld-blog-box, .ts-ld-work-box{
        margin-bottom: 20px;
    }
    .ts-ld-client-box{
        width: 630px;
        padding: 30px 10px;
    }
    .ts-ld-client-box-text p{
        width: 530px;
    }
    .ts-ld-footer-wrapper .ts-ld-footer-inner .col-lg-3:nth-child(2) .ts-ld-footer-section2 {
        padding-left: 0;
    }
    .ts-ld-tab-header ul.nav.nav-tabs {
        flex-direction: column;
    }
    .ts-ld-tab-header ul.nav.nav-tabs li{
        margin-right:0;
        margin-bottom:15px;
    }
    .ts-ld-tab-header ul.nav.nav-tabs li:last-child{
        margin-bottom:0px;
    }
}
@media (max-width:767px){
    .ts-ld-client-box{
        width: auto;
    }
    .ts-ld-price-table table tr th:nth-child(1) {
        padding: 9px 0px 9px 20px;
    }
    .ts-ld-price-table table tr td {
        padding: 25px 20px 3px 20px;
    }
    .ts-ld-price-table table tr td:nth-child(1) {
        padding-left: 20px;
    }
}
@media (max-width:575px){
    .ts-ld-price-table table tr th:nth-child(1){
        width: auto;
        padding: 9px 0px 9px 30px;
    }
    .ts-ld-price-table table tr td:nth-child(1){
        padding-left: 30px;
    }
    .ts-ld-price-table table tr th{
        padding-right: 0;
        width: 100px;
    }
    .ts-ld-logo {
        margin-bottom: 10px;
    }
    .ts-header-style13 .container-fluid {
        padding: 0 15px;
    }
    .ts-header-style13 .ts-main-header-inner {
        flex-direction: column;
    }
    .ts-header-style13 {
        padding-bottom: 15px !important;
    }
}
@media (max-width:480px){
    .ts-ld-price-table table tr td{
        padding: 25px 0 3px 0;
    }
    .ts-ld-price-table table tr th:nth-child(1){
        padding: 9px 0 9px 10px;
    }
    .ts-ld-price-table table tr td:nth-child(1){
        padding-left: 10px;
    }
}
@media(max-width:425px){
    a.ts-ld-subscribe {   
        position:unset;     
        margin: 20px auto 0 auto;
    }
    .ts-ld-newsletter-button input {        
        padding: 0px 30px 0px 30px;        
    }
    .ts-header-style13 .ts-date-controls ul {
        flex-wrap: nowrap;
    }
    .ts-newsletter-box input {
        padding: 0 20px 0 20px;
    }
}
/*======================= Laundry demo css end ====================*/
/*======================= Auto Insurance demo css start ====================*/

/* header-section-css-start */
.ts-ai-button {
    font-size: 16px;
    color: var(--themestack-white-color) !important;
    font-weight: 400;
    min-width: 147px;
    height: 60px;
    border-radius: 6px;
    background-color: var(--themestack-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    transition: all 0.5s ease-in-out;
}
.ts-ai-button:hover{
    background-color:var(--themestack-white-color);
    color: var(--themestack-primary-color) !important;
    border: 2px solid var(--themestack-primary-color);
    letter-spacing: 1px;
}
.ts-ai-button:hover span svg{
    fill:var(--themestack-primary-color)
}
.ts-ai-partners-slider .swiper-content {
    overflow: hidden;
    position: relative;
}
.ts-ai-top-button .ts-ai-button {
    min-width: 87px;
    height: 40px;
    text-transform: capitalize;
}
/* header-section-css-end */
/* banner-box-css-start */
.ts-ai-box {
    max-width: 1046px;
    border-radius: 15px;
    filter: drop-shadow(0 0 23px rgba(62,59,58,0.23));
    background-color: var(--themestack-white-color);
    margin: 0 auto;
    margin-top: -240px;
    padding: 20px 55px 0px;
    display: flex;
    padding: 50px;
    z-index: 1;
}
.ts-ai-box-left h4 {
    font-size: 30px;
    color: var(--ai-grey-color);
    font-weight: 700;
    max-width: 400px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-ai-box-right h1{
    font-size: 18px;
    color: #565b62;
    font-weight: 600;
    margin-bottom: 0;
}
.ts-ai-box-left{
    width: 45%;
}
.ts-ai-insure-form {
    margin-left: auto;
    width: 55%;
}
.ts-ai-box-left p {
    font-size: 20px;
    color: #ff4507;
    font-weight: 400;
    padding-top: 15px;
    margin-bottom: 0;
}
.ts-ai-box-left img {
    padding-top: 15%;
}
.mg-btn{
    margin-top: 30px;
}
.ts-ai-box-right input {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    padding: 0;
}
.ts-ai-box-right input::placeholder {
    color:#d0cece;
    font-weight:300;
}
.ts-ai-box-right input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    color:#d1cfd0;
}
.ts-ai-form.ts-ai-isure-field {
    margin-top: 16px;
}
.ts-ai-form.ts-ai-insure-mid-fields span input, .ts-ai-form.ts-ai-isure-field span input {
    max-width: 210px;
    width: 100%;
    font-weight: normal;
}
.ts-ai-form.ts-ai-insure-mid-fields span input::placeholder{
    color:#d0cece;
    font-weight: normal;
}
/* banner-box-css-end */
/* abouts-section-css-start */
.ts-ai-heading {
    padding-bottom: 50px;    
}
.ts-ai-heading h1 {
    font-size: 36px;
    color: var(--ai-grey-color);
    font-weight: 700;
    position: relative;
    padding-left: 70px;
    margin-bottom: 0;
    text-transform: capitalize;
    min-width: 180px;
    display: inline-block;
}
.ts-ai-heading h1::before {
    position: absolute;
    content: "";
    top: 23px;
    left: -15px;
    height: 2px;
    width: 69px;
    background-color: var(--themestack-primary-color);
    margin-right: 20px;
}
.ts-ai-services-section-start .head-1 h1::before {
    left: 420px;
    top: 24px;
}
.ts-ai-team-section .head-2 h1::before {
    left: 282px;
    top: 24px;
}
.ts-ai-client-section .head-3 h1::before {
    left: 404px;
    top: 23px;
}
.ts-ai-client-section .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	display: none;
}
.ts-ai-commercial-section-start .head-4 h1::before {
    left: 319px;
    top: 23px;
}
.ts-ai-faq-section .head-5 h1::before {
    left: 476px;
    top: 23px;
}
.ts-ai-partner-section .head-6 h1::before {
    left: 416px;
    top: 23px;
}
.ts-ai-heading p {
    font-size: 16px;
    color: #7d7f83;
    font-weight: 400;
    margin-bottom: 0;
}
.ts-ai-abouts-content h1 {
    font-size: 24px;
    color: var(--ai-grey-color);
    font-weight: 600;
    margin-bottom: 0;
}
.ts-ai-abouts-content h2 {
    font-size: 16px;
    color: var(--ai-grey-color);
    font-weight: 600;
    padding-top: 30px;
    display: block;
    margin-bottom: 0;
}
.ts-ai-abouts-content p {
    font-size: 16px;
    color: #949699;
    font-weight: 400;
    padding: 15px 0px 20px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 0;
    line-height: 1.3;
}
.ts-ai-icons p {
    color: #333a47;
    font-weight: 400;
    padding-bottom: 0;
}
.ts-ai-abouts-content .ts-ai-icons:hover p {
    color: #ff4507;
}
.ts-ai-abouts-icons {
    display: flex;
    align-items: baseline;
    margin-top: 22px;
	position: relative;
}
.ts-ai-abouts-icons .ts-ai-icons:first-child p {
    max-width: 100px;
}
.ts-ai-flex svg{
    fill: var(--themestack-white-color);
    height: 18px;
    transition:all 0.3s;
}
.ts-ai-icons {
    width: 100%;    
}
.ts-ai-abouts-icons .ts-ai-icons span {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0px 0px 31px 0px rgb(0 0 0 / 8%);
    background-color: var(--themestack-white-color)ff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.8s;
    border: 2px solid transparent;
    transition: all 0.4s ease-in-out;   
}
.ts-ai-abouts-icons .ts-ai-icons:hover span{
    transform: translate(0px, -8px);
}
.about-img::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    border: 1px dashed #ff4507;
    animation: spin 40s linear infinite;    
}
.about-img {
    text-align: end;  
    width: 330px;
    height: 330px;
    border-radius: 50%;    
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
	position: relative;  
}
@keyframes spin { 
    100% { 
      transform: rotateZ(360deg); 
    }
  }
.ts-ai-abouts-content1 {
    position: relative;
    text-align: center;
    max-width: 330px;
    width: 100%;
    margin-left: 120px;
}
.ts-ai-abouts-content>span{
	width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0px 0px 31px 0px rgb(0 0 0 / 8%);
    background-color: var(--themestack-white-color)ff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-ai-abouts-content1 span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--themestack-white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0 0 10px rgb(0 0 0 / 8%);
}
.ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(1) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -55px;
}
.ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(2) {
    position: absolute;
    top: -37px;
    left: 50%;
    transform: translateX(-50%);
}
.ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(3) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -43px;
}
.ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(4) {
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
}
.ts-ai-icons-content p {
    background: white;
    transition: all 0.3s ease-in-out;
}
.ts-ai-icons-content:hover p {
    color: #ef4923;
}
/* abouts-section-css-end */
/* services-section-css-start */
.ts-ai-services-content h1 {
    font-size: 24px;
    color: var(--ai-grey-color);
    font-weight: 500;
    margin: 20px 0px;
	transition: all 0.3s;   
}
.ts-ai-services-content p {
    font-size: 16px;
    line-height: 24px;
    color: #949699;
    font-weight: 400;
    margin-bottom: 0;
}
.ts-ai-services-content {
    text-align: center;
    padding: 55px 31px;
    border: 1px solid transparent;
    transition: all 0.3s;
    text-align: center;
    margin: 0 auto;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
}
.ts-ai-services-content:hover {
    box-shadow: 0 0 35px -4px rgb(54 54 54 / 10%);
    border: 1px solid var(--themestack-primary-color);
}
/* services-section-css end */
/* team-section-css-start */
.ts-ai-team-section .ts-ai-team-content h1 {
    font-size: 16px;
    color: #282828;
    font-weight: 600;
    padding: 20px 0px 0px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 0;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay{
    position: relative;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay img {
    width: 100%;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay .overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0,0.55);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay:hover .overlay{
    opacity: 1;
}
.ts-ai-team-section .ts-ai-team-content .overlay-icon {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    transition: all 0.3s ease-in-out;
}
.ts-ai-team-section .ts-ai-team-content .overlay-icon img {    
    margin: 0px 10px;   
}
.ts-ai-team-section .ts-ai-team-content:hover h1{
    color: var(--themestack-primary-color);
}
.ts-ai-team-section .ts-ai-team-content p {
	font-size: 16px;
	color: #878383;
	font-weight: 400;
	margin-bottom: 0;
}
.ts-ai-team-section .ts-ai-team-content {
    text-align: center;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay .overlay ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    transform: translateY(20px);
    transition:all 0.3s;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay:Hover .overlay ul{
    transform: translateY(0px);
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay .overlay ul li {
    margin-bottom: 0;
    margin-right: 10px;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay .overlay ul li:last-child {
    margin-right: 0px;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay .overlay ul li a span {
    width: 44px;
    height: 44px;
    background-color:var(--themestack-primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition:all 0.3s
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay .overlay ul li:first-child a span{
    background-color:#0b8ff3;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay .overlay ul li:nth-child(2) a span{
    background-color:#53cbfb;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay .overlay ul li:last-child a span{
    background-color:#0793b3;
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay .overlay ul li:hover a span{
    background-color:var(--themestack-primary-color);
    transform: translateY(-5px);
}
.ts-ai-team-section .ts-ai-team-content .ts-ai-overlay .overlay ul li a span svg {
    fill: var(--themestack-white-color);;
    width: 18px;
    height: auto;
}
/* team-section-css-end */
/* client-section-css start */
.ts-ai-client-section {
    position: relative;
}
.ts-ai-client-content h1 {
    font-size: 24px;
    color: #353b48;
    font-weight: 600;
    max-width: 217px;
    margin-bottom: 0;
}
.ts-ai-slider-box {
    position: relative;
    text-align: center;
    max-width: 390px !important;
    border-radius: 6px;
    filter: drop-shadow(0 0 9px rgba(0,0,0,0.06));
    background-color: var(--themestack-white-color);
    padding: 20px 20px 56px 20px;
    max-width: 395px;
    margin-left: 23px;
    margin-bottom: 20px;
}
.ts-ai-slider-box h1 {
    font-size: 18px;
    color: var(--ai-grey-color);
    font-weight: 600;
    margin-bottom: 0;
}
.ts-ai-slider-box h5 {
    font-size: 16px;
    color: #9f9f9f;
    font-weight: 400;
    padding: 5px 0 20px 0px;
    margin-bottom: 0;
}
.ts-ai-slider-box p {
    font-size: 16px;
    color: #949699;
    font-weight: 400;
    margin: 0 auto;
    max-width: 345px;
    line-height: 1.3;
}
.ts-ai-slider-box img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    background-color: var(--themestack-primary-color);
    border: 2px solid var(--themestack-primary-color);
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
}
.ts-ai-slider-box span {
    display: block;
    padding: 29px 0px 11px;
}
.client-slider .swiper-content {
    overflow: hidden;
    position: relative;
}
.ts-ai-client-slider-section {
    margin-top: 90px;
    display: flex;
    align-items: center;
}
.ts-ai-client-slider-section .ts-ai-slider-box:nth-child(2){
    margin-left: 15px;
}
.ts-ai-client-content{
    position: relative;
}
.ts-ai-slider-btn-client{
	position: relative;
}
.ts-ai-slider-btn-client .swiper-button-prev {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    border: 1px solid rgba(29,28,28,0.38);
    left: 0;
    top: 40px;
    transition: all 0.3s;
}
.ts-ai-slider-btn-client .swiper-button-prev svg{
	height: 25px;
    fill: #a5a5a5;
    transition: all 0.3s ease-in-out;
}
.ts-ai-slider-btn-client .swiper-button-next {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    box-shadow: 0 0 27px rgb(0 0 0 / 3%);
    border: 1px solid rgba(29,28,28,0.38);
    left: 75px;
    top: 40px;
}
.ts-ai-slider-btn-client .swiper-button-next:hover{
	background-color: var(--themestack-primary-color);
	border: 1px solid transparent;
}
.ts-ai-slider-btn-client .swiper-button-prev:hover{
	background-color: var(--themestack-primary-color);
	border: 1px solid transparent;
}
.ts-ai-slider-btn-client .swiper-button-next:hover svg{
	fill: var(--themestack-white-color);
}
.ts-ai-slider-btn-client .swiper-button-prev:hover svg {
    fill: var(--themestack-white-color);
}
.ts-ai-slider-btn-client .swiper-button-next svg{
	height: 25px;
    fill: #a5a5a5;
    transition: all 0.3s ease-in-out;
}
/* client-section-css-end */
/* Commercial-section-css-start */
.ts-ai-commercial-section p{
    font-size: 16px;
    color: var(--ai-grey-color);
    font-weight: 600;
}
.ts-ai-commercial-section h1 {
    font-size: 16px;
    color: var(--ai-grey-color);
    font-weight: 600;
    padding: 20px 0px 10px;
    margin-bottom: 0;
}
.ts-ai-commercial-pera a {
    font-size: 16px;
    color: var(--ai-grey-color);
    font-weight: 400;
    max-width: 160px;    
    transition: all 0.3s ease-in-out;
}
.ts-ai-commercial-pera a:hover {
    letter-spacing: 0.2px;
    color: var(--themestack-primary-color);
}
.ts-ai-commercial-icon span {
    width: 75px;
    height: 75px;
    background-color: #ff4d121c;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
}
.ts-ai-blog-right-content {
    margin-left: 10px;
}
.ts-ai-1 {
    padding: 40px 20px 40px 30px;
    border-radius: 6px;
    box-shadow: 0px 0px 20.64px 3.36px rgb(0 0 0 / 5%);
}
.ts-ai-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ts-ai-flex a.ts-ai-button {
    height: 50px;
}
.ts-ai-abt-btn .ts-ai-flex {
    padding-left: 15px;
}
.ts-ai-commercial-section>p {
    font-size: 16px;
    color: #949699;
    font-weight: 400;
    max-width: 463px;
    line-height: 1.3;
}
.ts-ai-commercial-section .ts-ai-flex h2 {
    font-size: 24px;
    color: var(--ai-grey-color);
    font-weight: 600;
    margin-bottom: 0;
}
.ts-ai-commercial-pera a {
    width: 147px;
    height: 49px;
    border-radius: 6px;
    display: block;
    line-height: 1.3;
}
a.ts-ai-button span {
    margin-left: 7px;
}
.ts-ai-commercial-section {
    border-radius: 6px;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
    background-color: var(--themestack-white-color);
    padding: 30px;
    margin-bottom: 30px;
}
.ts-ai-commercial-pera a span {
    margin-left: 5px;
}
.ts-ai-1 h1 {
    font-size: 24px;
    color: var(--ai-grey-color);
    font-weight: 600;
    margin-bottom: 0;
}
.ts-ai-1 .ts-ai-flex {
    margin-top: 40px;
}
.ts-ai-1 P {
    font-size: 16px;
    color: #949699;
    font-weight: 400;
    line-height: 1.3;
    padding: 40px 0px 45px;
    margin-bottom: 0;
}
.ts-ai-2 img {
    width: 100%;
}
/* Commercial-section-css-end */
/* accoedians-css-start */
.accordion-item {
    background-color: var(--themestack-white-color);
    border: 1px solid rgba(0,0,0,.125);
    margin-bottom: 30px; 
}
.accordion-button {
    font-size: 18px;
    color: #333a47;
    font-weight: 400;
    padding-left: 40px;
}
.card-body {
    padding: 0 60px 40px 41px;
}
.card-body p {
    font-size: 16px;
    color: #949699;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.3;
    padding: 0 20px 20px 0px;
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: var(--themestack-white-color)ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.7) !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.accordion-header > .accordion-button[aria-expanded="true"] {
    color: var(--themestack-primary-color);
    font-size: 30px;
    font-weight: 600;
    padding: 38px 20px 20px 40px;
}
.accordion-button[aria-expanded="true"]::after {
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='red' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    color: var(--themestack-primary-color);
}
.accordion-collapse .collapse .show .accordion-button::after{ 
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}    
.accordion-item {
    border-radius: 6px;
    background: var(--themestack-white-color);
    box-shadow: 0 0 35px -7px rgba(0,0,0,0.1);
    border: none !important;
}
/* accordians-css-end */
/* partner-slider-css-start */
.ts-ai-partner-slider{
    display: flex;
}
.ts-ai-partner-section .swiper-slide{
	text-align: center;
}
.ts-ai-partners-swiper-container .swiper-slide h2 {
    font-size: 24px;
    font-weight: 600;
    color:#333a47;
    padding-top: 25px;
    margin-bottom: 0;
    transition: all 0.3s;
}
.ts-ai-partners-swiper-container .swiper-slide:hover h2{
    color:var(--themestack-primary-color);
}
.ts-ai-partners-content .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0px;
    top: -51px;
    right: auto;
}
.ts-ai-partners-content .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    top: -51px;
    left: auto;
}
.ts-ai-partner-section .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	display: none;
}
.ts-ai-partners-arrow{
	position: relative;
}
.ts-ai-partners-arrow .swiper-button-prev {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    box-shadow: 0 0 27px rgb(0 0 0 / 3%);
    border: 1px solid rgba(29,28,28,0.38);
    left: -50px;
    top: -50px;
}
.ts-ai-partners-arrow .swiper-button-prev svg{
    height: 25px;
    fill: #a5a5a5;
    transition: all 0.3s ease-in-out;
}
.ts-ai-partners-arrow .swiper-button-next {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    box-shadow: 0 0 27px rgb(0 0 0 / 3%);
    border: 1px solid rgba(29,28,28,0.38);
    right: -50px;
    top: -50px;
}
.ts-ai-partners-arrow .swiper-button-next svg{
    height: 25px;
    fill: #a5a5a5;
    transition: all 0.3s ease-in-out;
}
.ts-ai-partners-arrow .swiper-button-next:hover svg{
    fill: var(--themestack-white-color);
}
.ts-ai-partners-arrow .swiper-button-prev:hover svg{
    fill: var(--themestack-white-color);
}
.ts-ai-partners-arrow .swiper-button-next:hover{
    background-color: var(--themestack-primary-color);
    border: 1px solid transparent;
}
.ts-ai-partners-arrow .swiper-button-prev:hover{
    background-color: var(--themestack-primary-color);
    border: 1px solid transparent;
}
/* partner-slider-css-end */
/* footer-section-start */
.ts-ai-footer-section {
    padding: 50px 0px 35px;
    background-color: rgb(248, 248, 248);
}
.ts-ai-footer-right-content h1 {
    font-size: 30px;
    color: var(--themestack-primary-color);
    font-weight: 600;
    margin-right: 20px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-ai-footer-right-content p{
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 400;
}
.ts-ai-footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(125 127 131 / 18%);
    padding-bottom: 39px;
    margin-bottom: 44px;
}
.ts-ai-footer-right-content p span {
    margin-right: 10px;  
}
.ts-ai-footer-right-content {
    display: flex;
    align-items: flex-end;
}
.ts-ai-footer-right-content p {
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
}
.ts-ai-footer-sec p {
    color: #505050;
}
.ts-ai-footer-right-content p:nth-child(2){
    margin-right: 20px;
}
.ts-ai-footer-heading{
  margin: 50px 0px 20px;
}
.ts-ai-footer-heading h1{
    font-size: 24px;
	color: var(--ai-grey-color);
	font-weight: 600;
}
.ts-ai-footer-sec ul li{
    margin-bottom: 15px;
    position: relative;
}
.ts-ai-footer-sec ul li::before {
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50px;
    left: 1px;
    top: 10px;
    background-color: #505050;
    transition: all 0.3s ease-in-out;
}
.ts-ai-footer-sec ul li:hover:before {
    background-color:var(--themestack-primary-color);
}
.ts-ai-footer-sec ul li a {
    font-size: 16px;
    color: #505050;
    font-weight: 400;
    padding-left: 18px;
    transition: all 0.3s ease-in-out;
}
.ts-ai-footer-sec ul li a:hover{
    color:var(--themestack-primary-color);
}
.ts-ai-copy-right-sec p{   
	text-align: center;
}
.ts-ai-copy{
    padding: 20px 0px;
    background-color: rgb(248, 248, 248);
    position: relative;
}
.ts-ai-copy:before {
    content: '';
    max-width: 1145px;
    width: 100%;
    height: 1px;
    background: #e2e2e3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;    
}
.ts-ai-copy-right-sec p{
    text-align: center;
    font-size: 16px;
    color: #42454b;
    font-weight: 400;
}
.ts-ai-box-right input#fname {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 5px;   
}
.ts-ai-box-right input::placeholder {
    font-size: 16px;
    color: #d0cece;
    font-weight:300;
    opacity: 1;
  }
  .ts-ai-form p {
    display: flex;
    align-items: center;
    margin-top: 5px;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.mg-bottom{
    margin-top: 30px;
}
.ts-ai-form input:nth-child(1){
    margin-left: 0px;
}
.ts-ai-form input#dname {
    max-width: 40%;
}
.ts-ai-form input#pname {
    max-width: 100px;    
}
.ts-ai-form input#sname {
    max-width: 85px;
    margin-right: 56px;
}
.ts-ai-form#iname {
    max-width: 169px;    
    border: none;
    border-bottom: 1px solid #e3e3e3;
    padding-left: 25px;
}
.ts-ai-form input#iname {
    padding-left: 25px;
    max-width: 33%;
}
.ts-ai-form input{
    max-width: 140px;      
    border: none;
    border-bottom: 1px solid #e3e3e3;
}
.ts-ai-box-right h1{
    padding-bottom: 10px;
}
h1.ts-ai-insur-heading {
    padding-top: 26px;
    padding-bottom: 3px;
}
.ts-ai-form-bottom {
    margin-top: 30px;
}
.ts-ai-form-bottom input {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 268px;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background-color: #ff4507;
    font-size: 16px;
    color: var(--themestack-white-color);
    font-weight: 400;
    border: 2px solid transparent;
    transition: all 0.5s ease-in-out;
}
.ts-ai-form-bottom input:hover{
    background-color: var(--themestack-white-color);
    border: 2px solid var(--themestack-primary-color);
    color: var(--themestack-primary-color);
    letter-spacing: 1.5px;
}
.ts-ai-footer-form{
    margin-top: 30px;
    position: relative;
}
.ts-ai-footer-form input {
    background: var(--themestack-white-color);
    border: none;
    max-width: 452px;
    width: 100%;
    height: 53px;
    border-radius: 6px;
    filter: drop-shadow(0 0 14.5px rgba(63,60,60,0.09));
    background-color: var(--themestack-white-color);
    padding: 15px;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
    padding-right: 155px;
}
.ts-ai-footer-form input:hover{
    border: 1px solid var(--themestack-primary-color);
}
.ts-ai-footer-form a {
    max-height: 157px;
    height: 53px;
    border-radius: 0px 6px 6px 0px;
    background-color: var(--themestack-primary-color);
    position: absolute;
    top: 0;
    right: 0;
}
.ts-ai-form.ts-ai-insure-mid-fields span input::placeholder, .ts-ai-form.ts-ai-isure-field span input::placeholder{
    font-weight:normal;
}
/* footer-section-css-end */
/*======================================= Media query =========================*/
@media(max-width:1630px){
    .slider-btn {
        margin-bottom: 50px;
    }
    .ts-ai-client-section .swiper-button-prev, .ts-ai-client-section .swiper-container-rtl .swiper-button-next {
        left: 0;
        right: auto;
        top: 55px;
    }
    .ts-ai-client-section .swiper-button-next, .ts-ai-client-section .swiper-container-rtl .swiper-button-prev {
        right: 45%;
        top: 55px;
    }
}
@media(max-width:1350px){
    .ts-ai-box {
        margin-top: -150px;
    }
}
@media(max-width:1300px){
   .ts-ai-partner-section {
        padding: 0px 0px 94px;
    }
    .ts-ai-partners-arrow .swiper-button-prev {
        top: 60px;
        left: 44%;
    }
    .ts-ai-partners-arrow .swiper-button-next{
        top: 60px;
        right: 44%;
    }
}
@media(max-width:1199px){        
    .ts-ai-abouts-content1 {        
        max-width: 400px;
        width: 100%;
        margin: auto;
    }
    .about-img{
        margin: 0 auto;
    }
    .ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(1) {     
        left: -19px;
    }
    .ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(3) {     
        right: -10px;
    }
    .ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(2), .ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(4) {     
        left: 50%;
        transform: translateX(-50%);
    }
    .ts-ai-client-content .swiper-button-prev .swiper-button-next {
        left: 40%;
        right: auto;
        top: 55px;        
    }
    .ts-ai-client-content .swiper-button-next .swiper-button-prev {
        right: 40%;
        top: 55px;
    }
    .ts-ai-slider-box{
        margin-left: unset;
    }
    .ts-ai-slider-box {
        max-width: 322px !important;
        filter: none;
        border: 1px solid var(--themestack-border-color);
    }
    .ts-ai-client-content .swiper-button-next, .ts-ai-client-content .swiper-button-prev {
        right: 38px;
    }
    .ts-ai-heading h1::before{
        display: none;
    }
    .ts-ai-heading h1{
        padding-left: 0px;
    } 
    .ts-ai-box-left {
        padding-right: 25px;
    }
    .ts-ai-partners-arrow .swiper-button-next {
        right: 40%;
    }
    .ts-ai-partners-arrow .swiper-button-prev {
        left: 40%;
    }
}
@media(max-width:991px){
	.ts-ai-2 {
		margin-top: 30px;
		text-align: center;
	}
	.ts-ai-client-content {
		display: block;
	}
	.ts-ai-client-content h1 {
		max-width: 100%;
		text-align: center;
	}
    .ts-ai-box{
        display: block;
    }
    .ts-ai-box-left, .ts-ai-box-right{
        width: 100%;
    }
    .ts-ai-box-left {
        text-align: center;
    }
    .ts-ai-box-left h4 {     
        margin: 0 auto;
    }
    .ts-ai-box-left img{
        padding: 30px 0px;
    }
    .ts-ai-abouts-content1 {        
        margin: 50px auto 0 auto;
    }
    .ts-ai-abouts-icons {        
        flex-wrap: wrap;
    }
    .ts-ai-abouts-icons .ts-ai-icons p {
        margin-bottom: 15px;
    }
    .ts-ai-icons {
        flex: 0 0 50%;
    }
    .ts-ai-abouts-icons .ts-ai-icons span {        
        margin: auto;
    }
    .ts-ai-icons p{
        text-align: center;
    }
    .ts-ai-partners-arrow .swiper-button-prev {     
        left: 40%;
    }
    .ts-ai-partners-arrow .swiper-button-next{        
        right: 40%;
    }
    .ts-seo-footer-icon ul {
        margin-top: 30px; 
    }
    .ts-seo-footer-wrapper .col-lg-3:nth-child(3) .ts-seo-footer-btm-info .ts-seo-footer-btm-heading, .ts-seo-footer-wrapper .col-lg-3:last-child .ts-seo-footer-last .ts-seo-footer-btm-heading{
        margin-top: 30px;
    }
    .ts-ai-1 P{
        max-width: unset;
    }
    .ts-ai-commercial-section .ts-ai-flex h2 {
        margin: 20px 0px;
    }
    .ts-ai-footer-content{
        display: block;
    }
    .ts-ai-footer-right-content{
        margin-top: 20px;
    }
    .ts-ai-client-content .swiper-button-next {
        right: 250px;
        left: auto;
    }
    .ts-ai-client-section .swiper-button-prev {
        left:250px;     
    }
    .ts-ai-insure-form {
        margin-left: 0;
        width: 100%;
    }
    .ts-ai-slider-box {
        margin-top: 80px;
    }
    .ts-ai-slider-box {
        max-width: 100% !important;
    }
    .ts-ai-slider-box p {
        max-width: 100%;
    }
    .ts-ai-client-slider-section .ts-ai-slider-box:nth-child(2) {
        margin-left: 0;
    }
}
@media(max-width:767px){
    .ts-ai-team-content {
        text-align: center;
        margin-top: 30px;
    }   
    .ts-ai-commercial-section .ts-ai-flex h2 {
        margin-bottom: 30px;
        margin-top: 20px;
        padding-right: 10px;
    }
    .ts-ai-client-content .swiper-button-next{
        right: 100px;        ;
    }
    .ts-ai-client-section .swiper-button-prev {
        left: 100px;     
    }
    .accordion-header > .accordion-button[aria-expanded="true"] {     
        font-size: 25px;
    }
    .ts-ai-partners-arrow .swiper-button-next {
        right: 30%;
    }
    .ts-ai-partners-arrow .swiper-button-prev {
        left: 30%;
    }
    .ts-ai-footer-right-content {
        flex-direction: column;
    }
}
@media(max-width:610px){
    .ts-ai-footer-form a {        
        min-width: 100px;
    }
    .ts-ai-footer-form input {        
        padding-right: 105px;
    }
}
@media(max-width:575px){
    .ts-ai-footer-right-content {        
        display: block;
        margin-top: 20px;        
    }
    .ts-ai-footer-right-content p:nth-child(2) {
        margin: 0;
        padding: 5px 0;
    }    
    .ts-ai-footer-sec, .ts-ai-footer-content {
        padding-left: 10px;
    } 
    .ts-ai-footer-form input {
        padding-right: 50px;
    }
    .ts-seo-footer-wrapper .col-lg-3:nth-child(2) .ts-seo-footer-btm-info .ts-seo-footer-btm-heading{
        margin-top: 30px;
    }
}
@media(max-width:480px){
	.ts-ai-services-content {
		padding: 0 31px 40px 31px;
	}
	.ts-ai-services-section-start {
		padding: 0px;
	}
	.ts-ai-heading {
		padding-bottom: 25px;
	}
	.ts-ai-slider-box {
		margin-bottom: 5px;
	}
	.ts-ai-commercial-section {
		margin-bottom: 0;
	}
	.ts-ai-partner-section {
        padding: 0px 0px 117px;
    }
    .ts-ai-form input#sname {     
        margin-right: 0;
    }
    .about-img {
        position: unset;
        display: none;
    }
    .ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(1), .ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(2), .ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(3), .ts-ai-abouts-content1 .ts-ai-icons .ts-ai-icons-content:nth-child(4) {
        position: unset;     
        transform:translate(0)   
    }
    .ts-ai-commercial-icon {
        margin-right: 20px;
    }
    .ts-ai-partners-arrow .swiper-button-prev, .ts-ai-partners-arrow .swiper-button-next {
        width: 40px;
        height: 40px;   
        border-radius: 50%;     
    }
    .ts-ai-partners-arrow .swiper-button-prev svg, .ts-ai-partners-arrow .swiper-button-next svg {
        height: 20px;     
    }   
    .ts-ai-footer-form input {
        padding-right: 110px;
    }
}
@media(max-width:425px){
    .ts-ai-form input#iname {     
        max-width: 50%;
    }
    .ts-ai-form input#sname {
        width: 50%;     
    }
    .ts-ai-form input#pname {     
        margin-top: 20px;
    }
    .ts-ai-faq-content .m-4 {
        margin: 0 !important;
    }
    .accordion-header > .accordion-button[aria-expanded="true"] {
        font-size: 20px;
    }
    .ts-ai-heading h1 {
        font-size: 28px;        
        font-weight: 600;        
    }
    .ts-ai-1 h1 {
        font-size: 21px;     
    }
    .ts-ai-commercial-section .ts-ai-flex h2 {
        font-size: 22px;     
    }
    .ts-ai-client-section .swiper-button-prev {
        left: 50px;
    }
    .ts-ai-client-content .swiper-button-next {
        right: 50px;
    }
    .accordion-header > .accordion-button[aria-expanded="true"] {
        padding: 28px 20px 10px 20px;
    }
    .card-body {
        padding: 0 30px 30px 21px;
    }
    .accordion-button {
        padding-left: 20px;
    }
    .ts-header-style14 .ts-main-header-inner {
        flex-direction: column;
    }
    .ts-header-style14 {
        padding-bottom: 15px !important;
    }
}
@media(max-width:375px){
    .ts-ai-form input#dname {
        max-width: 100%;
    }
    .ts-ai-form input#dname:last-child{
        margin-top: 20px;
    }
    .ts-ai-icons {
        flex: 0 0 100%;
    }
    .ts-ai-commercial-section {        
        padding: 20px 15px;     
    }
    .ts-header-style14 .ts-main-navigation ul.menu {
        width: 220px;
    }
}
@media(max-width:370px){   
    .ts-ai-footer-form{
        margin-bottom: 50px;
    }
    .ts-ai-heading h1{
        margin-left: 0px;
    }
    .ts-ai-services-section-start{
        padding: 0;
    }
}
/*======================= Auto Insurance demo css end ====================*/
/*======================= Photographer demo css start ====================*/
/* All button css */
.ts-pg-btn {
	width: 185px;
}
.ts-pg-all-btn {
    width: 100%;
    font-size: 12px;
    max-width: 185px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--themestack-primary-color);
    color: var(--themestack-white-color) !important;
    letter-spacing: 2.4px;
    font-weight: 600;
    transition: all 0.5s;
}
.ts-pg-all-btn:hover {
	background-color: var(--pg-dark-color);
}
.ts-pg-all-btn.ts-pg-btn-hover:hover {
	background: var(--themestack-white-color);
	color: var(--themestack-primary-color)!important;
}
/*input btn*/
input.ts-pg-all-btn {
    width: 100%;
    font-size: 12px;
    max-width: 185px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--themestack-primary-color);
    color: var(--themestack-white-color);
    letter-spacing: 2.4px;
    font-weight: 600;
    transition: all 0.5s;
    text-transform: uppercase;
}
input.ts-pg-all-btn:hover {
	background-color: var(--pg-dark-color);
	color: var(--themestack-white-color);
}
input.ts-pg-all-btn.ts-pg-btn-hover:hover {
	background: var(--themestack-white-color);
	color: var(--themestack-primary-color);
}
/*input btn*/

/*css start*/
a.ts-pg-all-btns {
	width: 100%;
	max-width: 180px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--themestack-white-color);
	color: #000;
	letter-spacing: 2.4px;
	font-size: 12px;
	font-weight: 700;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.ts-pg-all-btns:hover {
	background-color: var(--themestack-primary-color);
	color: var(--themestack-white-color);
}
.ts-pg-all-heading {
	padding-bottom: 31px;
}
.ts-pg-all-heading h4 {
	letter-spacing: 3.2px;
	font-weight: 700;
}
.ts-pg-all-heading h3 {
    font-size: 32px;
    color: var(--pg-black-color);
    font-weight: 700;
    margin-bottom: 0;
}
/* Header css end */
/* Service css start */

.ts-pg-service-slider-inner {
	position: relative;
}
.ts-pg-service-slider-inner .swiper {
	padding: 12px 11px;
}
.ts-pg-service-box {
    text-align: center;
    box-shadow: 0px 0px 20px #3830B20F;
    padding: 40px 20px 32px 20px;
    position: relative;
    border-bottom: 3px solid var(--themestack-white-color);
    transition: all 0.3s;
}
.ts-pg-service-box img {
	padding-bottom: 35px;
}
.ts-pg-service-box h3 {
    font-weight: 700;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 0;
}
.ts-pg-service-box h3:after {
	content: '';
	position: absolute;
	width: 84px;
	height: 2px;
	background-color: var(--themestack-primary-color);
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.ts-pg-service-box p {
    font-weight: 500;
    padding: 16px 0px 11px;
    margin-bottom: 0;
    line-height: 1.6;
}
.ts-pg-service-box a {
    font-weight: 800;
    letter-spacing: 2.8px;
    border-bottom: 2px solid var(--themestack-white-color);
    text-transform: uppercase;
}
.ts-pg-service-box:hover{
    border-bottom: 3px solid var(--themestack-primary-color);
}
.ts-pg-service-box:hover h3 {
   color:var(--themestack-primary-color);
}
/* slider arrow */
.ts-pg-arrow .swiper-button-prev.ts-pg-service-prev svg, .ts-pg-arrow .swiper-button-next.ts-pg-service-next svg{
    fill:#d6d6d6;
    transition:all 0.3s;
} 
.ts-pg-arrow .swiper-button-prev.ts-pg-service-prev:hover svg, .ts-pg-arrow .swiper-button-next.ts-pg-service-next:hover svg{
    fill:var(--themestack-primary-color);
} 
.ts-pg-arrow .swiper-button-prev.ts-pg-service-prev {
	position: absolute;
	left: -70px;
}
.ts-pg-arrow .swiper-button-next.ts-pg-service-next {
	position: absolute;
	right: -70px;
}
.ts-pg-arrow .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev';
	display: none;
}
.ts-pg-arrow .ts-pg-arrow .swiper-button-next.ts-pg-service-next {
	position: absolute;
	right: -70px;
}
.ts-pg-arrow .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next';
	display: none;
}
/* Service css end */
/* portfolio css start */

.ts-pg-project-gallery {
	text-align: center;
}
.ts-pg-project-gallery .ts-pg-grid-item {
	width: 20%;
	clear: both;
	position: relative;
	overflow: hidden;
}
.ts-pg-project-gallery .ts-pg-grid-img:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, 0.72);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	z-index: 1;
}
.ts-pg-project-gallery .ts-pg-grid-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale3d(0, 0, 0);
	-ms-transform: translate(-50%, -50%) scale3d(0, 0, 0);
	transform: translate(-50%, -50%) scale3d(0, 0, 0);
	text-align: center;
	z-index: 1;
}
.ts-pg-project-gallery .ts-pg-grid-item:hover .ts-pg-grid-icon {
	-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ts-pg-project-gallery .bottom-content {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 20px;
	color: #fff;
	z-index: 1;
}
.ts-pg-project-gallery .bottom-content > span,
.ts-pg-project-gallery .bottom-content > h3 {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-pg-project-gallery .ts-pg-grid-item:hover .bottom-content > span,
.ts-pg-project-gallery .ts-pg-grid-item:hover .bottom-content > h3 {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.ts-pg-project-gallery .ts-pg-grid-item:hover .bottom-content > h3 {
	-webkit-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.ts-pg-project-gallery .ts-pg-grid-item:hover .ts-pg-grid-img:before {
	opacity: 1;
	visibility: visible;
}
.ts-pg-project-gallery .ts-pg-grid-img img {
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
}
.ts-pg-project-gallery .ts-pg-grid-item:hover .ts-pg-grid-img img {
	transform: scale(1.2, 1.2);
}
.ts-pg-project-gallery .ts-pg-project-gallery-view a {
	z-index: 0;
}
.ts-pg-project-gallery .ts-pg-grid-img {
	overflow: hidden;
	position: relative;
}
.ts-pg-project-gallery {
	display: inline-block;
	width: 100%;
	text-align: center;
}
a.ts-pg-all-btn.ts-pg-portfolio-btn {
	max-width: 170px;
	margin: 30px auto 0;
}
/* portfolio css end */
/* project css start */

.ts-pg-project-wrapper {
	padding: 98px 0 100px;
}
.ts-pg-project-form {
	background-color: var(--themestack-white-color);
	box-shadow: 0px 0px 30px #3830B20F;
	padding: 44px 47px 50px 47px;
	position:relative;
}
.ts-pg-form-field label {
	font-size: 15px;
	color: var(--pg-black-color);
	font-weight: 700;
	margin-bottom: 14px;
}
.ts-pg-form-bottom {
	padding-bottom: 22px;
}
.ts-pg-form-field input {
	height: 50px;
	border-radius: 4px;
	background-color: #FBFBFF;
	border: 1px solid #E2E2EF;
	font-size: 14px;
    font-weight: 600;
    color:var(--themestack-font-color) !important;
}
.ts-pg-form-field input::placeholder, .ts-pg-form-textarea textarea::placeholder {
	color:var(--themestack-font-color) !important;
	
}
.ts-pg-form-field input:focus {
	background-color: #FBFBFF;
	border: 1px solid #E2E2EF;
}
.ts-pg-form-textarea label {
    width: 100%;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 700;
    color: var(--pg-black-color);
}
.ts-pg-form-textarea textarea {
    resize: none;
    height: 171px;
    width: 100%;
    border-radius: 4px;
    background-color: #FBFBFF;
    border: 1px solid #E2E2EF;
    padding:10px;
}
.ts-pg-form-field input::placeholder, .ts-pg-form-textarea textarea::placeholder{
    font-size: 14px;
    font-weight: 600;
    color: var(--pg-black-color);
}
.ts-pg-form-content-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 31px;
}
.ts-pg-form-btn {
	width: 180px;
}
.ts-pg-form-btn p {
    margin-bottom: 0;
}
.ts-pg-form-info {
	padding: 11px 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-pg-form-info:hover {
	transform: translateX(5px);
}
.ts-pg-form-info span {
    padding-left: 10px;
    font-weight: 700;
    color: var(--pg-black-color);
}
.ts-pg-form-parent {
    display: flex;
    margin: 0 -15px;
}
.ts-pg-form-parent .col-md-4 {
    padding: 0 15px;
}
.ts-pg-form-info-parent {
    display: flex;
    position: absolute;
    bottom: 50px;
    left: 275px;
}
.ts-pg-form-info-parent .ts-pg-form-info:first-child, .ts-pg-form-info-parent .ts-pg-form-info:nth-child(2) {
    margin-right: 90px;
}
/* project css end */
/* Testimonial css start */
.ts-pg-heading-white h3 {
    color: var(--themestack-white-color);
}
.ts-pg-testimonial-slider-wrapper .swiper {
	padding: 0px 20px 0px 0px;
}
.ts-pg-testimonial-box {
    background-color: var(--themestack-white-color);
    border-bottom: 5px solid transparent;
    transition: all 0.5s;
    border-radius: 6px;
    padding-bottom: 31px;
}
.ts-pg-testimonial-box:hover {
	border-bottom: 5px solid var(--themestack-primary-color);
}
.ts-pg-testimonial-profile-section {
    display: flex;
    align-items: center;
    padding: 30px;
    background-color: #f3f3f3;
    position: relative;
    border-radius: 6px 6px 0 0;
}
.ts-pg-testimonial-profile-section:before {
    content: '';
    border-bottom: 20px solid #f3f3f3;
    border-left: 20px solid transparent;
    transform: rotate(45deg);
    position: absolute;
    bottom: -10px;
    left: 45px;
}
.ts-pg-testimonial-profile {
	padding-right: 15px;
}
.ts-pg-testimonial-profile img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}
.ts-pg-testimonial-profile-text h4 {
    font-size: 18px;
    font-weight: 800;
    color: var(--pg-black-color);
    margin-bottom: 0;
    transition: all 0.3s;
}
.ts-pg-testimonial-box:hover .ts-pg-testimonial-profile-text h4{
    color:var(--themestack-primary-color);
}
.ts-pg-testimonial-profile-text p {
	font-size: 14px;
	font-weight: 500;
	padding-top: 3px;
	margin-bottom: 0;
}
.ts-pg-testimonial-content {
	padding: 0px 30px;
	position:relative;
}
.ts-pg-qoute-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.ts-pg-testimonial-content p:first-child{
    font-size: 14px;
    font-weight: 400;
    color: var(--pg-text-color);
    padding: 50px 0px 30px;
    margin-bottom: 0;
    position:relative;
    z-index: 1;
}
.ts-pg-testimonial-content p.yellow-color {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}
.ts-pg-testimonial-pagination {
	padding-top: 70px;
}
.ts-pg-testimonial-pagination span.swiper-pagination-bullet {
	background: var(--themestack-primary-color);
	width: 12px;
	height: 12px;
}
/* Testimonial css end */
/* Team css start */

.ts-pg-team-box {
	text-align: center;
}
.ts-pg-team-img {
	position: relative;
	background-color: var(--pg-yellow-light);
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-pg-team-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: #ff9f0e69;
	transition: all 0.5s;
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
}
.ts-pg-team-social {
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
}
.ts-pg-team-content {
	padding: 24px 0px 24px 0px;
}
.ts-pg-team-content h2 {
    font-weight: 800;
    color: var(--pg-black-color);
    margin-bottom: 0;
}
.ts-pg-team-content p {
    color: var(--pg-text-color1);
    font-weight: 400;
    margin-bottom: 0;
}
.ts-pg-team-img:hover .ts-pg-team-overlay {
    transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.ts-pg-team-content:hover h2 {
    color: var(--themestack-primary-color);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* Team css end */
/* footer css start */

.ts-pg-footer-wrapper {
	background-color: #15172D;
	padding: 80px 0px 100px;
}
.ts-pg-footer-top-20 {
	padding: 17px 0px 0;
}
.ts-pg-footer-box h2 {
	padding: 0 0 30px;
}
ul.ts-pg-footer-menu li {
	padding: 0px 0px 9px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
ul.ts-pg-footer-menu li:hover a {
	color: var(--themestack-primary-color);
}
ul.ts-pg-footer-social-icon li {
	transition: all 0.5s;
}
ul.ts-pg-footer-social-icon li:hover {
	transform: translateY(-5px);
}

ul.ts-pg-footer-menu li:hover a:after{
	opacity: 1;
	visibility: visible;
}
ul.ts-pg-footer-social-icon li a {
	width: 45px;
	height: 45px;
	background-color: #1F223D;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
ul.ts-pg-footer-menu li a {
	color: var(--pg-light-color);
	font-size: 14px;
	position: relative;
}

ul.ts-pg-footer-menu li a:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--themestack-primary-color);
    display: inline-flex;
    border-radius: 5px;
    top: 6px;
    margin-right: 10px;
    left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
ul.ts-pg-footer-menu li a span {
    font-size: 14px;
    color: var(--pg-light-color);
    padding-left: 0;
    transition: all 0.3s;
}
ul.ts-pg-footer-menu li:hover a span {
    color: var(--themestack-primary-color);
    padding-left: 15px;
}
ul.ts-pg-footer-social-icon{
    padding-left:0;
}
ul.ts-pg-footer-social-icon li {
	display: inline-flex;
	margin-right: 5px;
}
ul.ts-pg-footer-social-icon li:last-child {
	margin-right: 0px;
}
ul.ts-pg-footer-social-icon li a svg {
    width: 19px;
    fill: var(--themestack-white-color);
}
.ts-pg-footer-box-inner {
	position: relative;
}
.ts-pg-footer-box p {
	padding: 20px 0px 20px;
}
.ts-pg-footer-box-inner.ts-pg-margin-bottom {
	margin-bottom: 19px;
}
.ts-pg-footer-box1.ts-pg-footer-top-20 h2 {
	padding-bottom: 30px;
}
.ts-pg-footer-img {
	width: 90px;
	height: 90px;
}
.ts-pg-footer-text {
	position: absolute;
	left: 120px;
	top: 10px;
}
.ts-pg-footer-text p {
	padding-top: 10px;
}
/* footer css end */
/* copywrite css start */

.ts-pg-copywrite-wrapper {
	background-color: #0F1126;
}
.ts-pg-copywrite-wrapper p {
	text-align: center;
	color: var(--pg-light-color);
	padding: 15px 0px;
}
/* copywrite css end */

/* MEDIA CSS START */
@media(max-width:1300px){
    .ts-pg-arrow .swiper-button-prev.ts-pg-service-prev {
        left: -30px;
    }
    .ts-pg-arrow .swiper-button-next.ts-pg-service-next {
        right: -30px;
    }
}
@media(max-width:1199px){
    .ts-pg-testimonial-slider-wrapper .swiper {
        padding: 0;
    }
    .fl-bhh-toggle {
        position: absolute;
        right: 40px;
    }
    .ts-pg-arrow .swiper-button-prev.ts-pg-service-prev {
        left: -50px;
    }
    .ts-pg-arrow .swiper-button-next.ts-pg-service-next {
        right: -50px;
    }
    .ts-pg-form-info-parent {
        position: unset;
        padding-top: 10px;
    }
    .ts-header-style15 .ts-logo-wrap {
        padding: 20px 0;
    }
    .ts-pg-project-form .wpcf7 form.sent .wpcf7-response-output {
        bottom: 0;
    }
}
@media(max-width:991px){
    .ts-pg-testimonial-slider-wrapper .swiper {
        padding:0px;
    }
    .ts-pg-project-form {
        height:auto;
    }
    .ts-pg-form-content-wrapper {
        flex-wrap:inherit;
    }
    .ts-pg-team-overlay {
        top:-381px;
    }
    .single-content {
        flex:0 0 33.3%;
        max-width:33.3%;
    }
    .fl-bhh-toggle {
        position:absolute;
        right:35px;
    }
    .fl-bhh-toggle {
        position:absolute;
        right:35px;
        top:50px;
    }
    .ts-pg-footer-box.ts-pg-footer-top-20.ts-pg-res1 {
        padding:17px 19px 0 20px;
    }
    .ts-pg-form-info-parent {
        flex-direction:column;
    }
    .ts-pg-form-info-parent .ts-pg-form-info:first-child, .ts-pg-form-info-parent .ts-pg-form-info:nth-child(2) {
        margin-right: 0;
    }
    .ts-pg-project-gallery .ts-pg-grid-item {
        width: 33.33%;
    }
}
@media(max-width:775px){
    .ts-pg-footer-box {
        padding-bottom:25px;
    }
    .ts-pg-footer-box1.ts-pg-footer-top-20.res-top30 {
        padding-top:40px;
    }
    .ts-pg-form-btn {
        margin-bottom:20px;
    }
    .ts-pg-form-content-wrapper {
        display:block;
    }
    .ts-pg-form-textarea label {
        padding-top:20px;
    }
    .pg-project-gallery .ts-pg-grid-item {
        width:50%;
    }
    
}
@media(max-width:767px){
    .ts-pg-form-parent {
        display: block;
    }
    .ts-pg-form-parent .col-md-4:first-child .ts-pg-form-field:last-child {
        padding-bottom: 22px;
    }
    .ts-pg-project-gallery .ts-pg-grid-item {
        width: 50%;
    }
}
@media(max-width:575px){
    .ts-pg-arrow .swiper-button-prev.ts-pg-service-prev {
        left: 40%;
        bottom: -40px;
        top: auto;
    }
    .ts-pg-arrow .swiper-button-next.ts-pg-service-next {
        right: 40%;
        bottom: -40px;
        top: auto;
    }
    .ts-header-style15 .container-fluid {
        padding: 0 15px;
    }
    .ts-header-style15 .ts-main-header-inner {
        flex-direction: column;
    }
   .ts-header-style15 {
        padding-bottom: 20px !important;
    }
}
@media(max-width:480px){
    .ts-pg-project-wrapper {
        padding:65px 0 65px;
    }
    .ts-pg-footer-wrapper {
        background-color:#15172D;
        padding:65px 0 55px;
    }
    .ts-pg-footer-text {
        position: absolute;
        left: 100px;
        top: 3px;
    }
    .ts-pg-project-gallery .ts-pg-grid-item {
        width: 100%;
    }
}
@media(max-width:425px){
    .ts-pg-testimonial-profile-section {
        padding: 20px;
    }
    .ts-pg-testimonial-content {
        padding: 0px 20px;
    }
    .ts-pg-testimonial-content p:first-child {
        padding: 30px 0px 20px;
    }
    .ts-pg-testimonial-box {
        padding-bottom: 11px;
    }
}
@media(max-width:380px){
    .ts-pg-project-form {
        padding:44px 25px 35px 25px;
    }
    .ts-pg-project-form {
        padding:30px 25px 30px 25px;
    }
    a.ts-pg-all-btns {
        margin:0 auto;
    }
    .ts-pg-all-heading h3 {
        font-size:26px;
    }
    .ts-pg-all-heading {
        padding-bottom:25px;
    }
    .ts-pg-project-wrapper {
        padding:40px 0 40px;
    }
    .ts-pg-footer-wrapper {
        padding:40px 0 40px;
    }
}
@media(max-width:375px){
    .ts-pg-arrow .swiper-button-prev.ts-pg-service-prev {
        left: 38%;
    }
    .ts-pg-arrow .swiper-button-next.ts-pg-service-next {
        right: 38%;
    }
    .ts-header-style15 .ts-main-navigation ul.menu {
        width: 240px;
    }
    .ts-pg-project-form .wpcf7 form.sent .wpcf7-response-output {
        bottom: -20px;
        padding: 5px;
        font-size: 13px;
        text-align: center;
    }
}
/*======================= Photographer demo css end ====================*/
/*======================= game demo css start ====================*/
/* all button css start */

.ts-gz-header-btn {
	width: 180px;
}
/* new-button */

a.ts-gz-all-btn.ts-gz-top-btn {
	letter-spacing: 0px;
	border: 1px solid var(--themestack-primary-color);
	background: transparent;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.ts-gz-all-btn.ts-gz-top-btn:hover {
	background-color: var(--themestack-primary-color);
	color: var(--themestack-white-color) !important;
}
.ts-gz-all-btn {
	width: 100%;
	max-width: 172px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	font-family: 'Mukta', sans-serif;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 2px;
	color: var(--themestack-white-color) !important;
	cursor: pointer;
	text-align: center;
	text-transform: capitalize;
	border-radius: 0px;
	position: relative;
	overflow: hidden!important;
	border: 1px solid var(--themestack-primary-color);
	background-color: var(--themestack-primary-color);
	;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-gz-all-btn:hover {
	border: 1px solid transparent;
	color: var(--themestack-primary-color)!important;
	background-color: var(--themestack-white-color);
}
/* banner slider btn */

a.ts-gz-all-btn.ts-gz-btn-color.ts-gz-banner-btn {
    max-width: 140px;
    height: 48px;
    font-size: 16px;
    background: #2b2d2c;
    letter-spacing: 0px;
}
a.ts-gz-all-btn.ts-gz-btn-color.ts-gz-banner-btn:hover{
    background:var(--themestack-primary-color);
}
a.ts-gz-all-btn.ts-gz-btn-color.ts-gz-banner-btn:hover span{
    color:var(--themestack-white-color);
}
/*css start*/

/*========================= Banner start ===================*/

.ts-gz-banner-wrapper {
	background-image: url(../images/game/banner.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.ts-gz-header-main {
	padding: 10px 70px 0;
}
.ts-gz-header-main.ts-gz-header-fixed{
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color:var(--gz-black-color);
    box-shadow: 1.5px 3.99px 27px 0px rgb(255 255 255 / 10%);
    max-width: 100%;
    z-index: 99999;
    transition: all 0.7s ease-in-out;
    -webkit-animation: slideInDown .7s;
    -moz-animation: slideInDown 0.7s;
    -ms-animation: slideInDown 0.7s;
    -o-animation: slideInDown 0.7s;
    animation: slideInDown 0.7s;
    backface-visibility: hidden;
    padding: 10px 70px 10px;
}
.ts-gz-header-menu {
	display: flex;
	align-items: center;
	justify-content: end;
}
ul.ts-gz-menu li {
	display: inline-flex;
	margin: 0px 25px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
ul.ts-gz-menu li:hover a {
	color: var(--themestack-primary-color);
}
ul.ts-gz-menu li:hover a svg {
	fill: var(--themestack-primary-color);
}
ul.ts-gz-menu li a {
	color: var(--themestack-white-color);
	font-family: 'Mukta', sans-serif;
}
ul.ts-gz-menu li a svg {
	fill: var(--themestack-white-color);
}
ul.ts-gz-menu li a span {
	padding-right: 10px;
}
.ts-gz-banner-slide-content .ts-gz-all-btn {
    background: #2a2c2c;
    max-width: 150px;
}
/* banner text */

.ts-gz-banner-text {
    width: 100%;
    max-width: 540px;
    margin: 185px auto 155px;
}
.ts-gz-banner-text h4 {
    position: relative;
    color: var(--themestack-white-color);
    letter-spacing: 2px;
    font-weight: 400;
    font-family: 'Mukta', sans-serif;
    margin-bottom: 0;
    font-size: 16px;
}
.ts-gz-banner-text h3 {
	font-size: 56px;
	color: var(--themestack-white-color);
	font-family: 'Bebas Neue', cursive;
	padding-top: 12px;
	line-height: 1.3;
}
.ts-gz-banner-text h3 span {
	background-color: var(--themestack-primary-color);
	color: var(--gz-black-color);
	width: 100%;
	max-width: 250px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 0px;
	padding: 37px 0px 32px;
}
.ts-gz-banner-text p {
	color: var(--gz-text-color);
	font-size: 14px;
}
/* banner slider css */

.ts-gz-banner-main {
	background-color: var(--background-black1);
	position: relative;
}
.ts-gz-banner-slider-wrapper .swiper {
	padding: 100px 0px;
	position: relative;
	top: -260px;
}
.ts-gz-banner-slider-inner {
    position: relative;
    height: 330px;
    background-color: #444646a1;
    border-radius: 10px;
    margin-top: 40px;
    opacity: 0.5;
}
.swiper-slide.swiper-slide-active .ts-gz-banner-slider-inner {
	opacity: 1;
}
.ts-gz-banner-slide-img {
	position: absolute;
	top: -25px;
	left: 25px;
}
.ts-gz-banner-slide-img img {
    border-radius: 10px;
    width: 260px;
    height: 326px;
    object-fit: cover;
}
.ts-gz-banner-slide-content {
    padding: 30px 20px 51px 310px;
    position: relative;
}
.ts-gz-banner-slide-content span.ts-gz-star {
    display: flex;
}
.ts-gz-banner-slide-content .star-rating::before {
    position: unset;
    font-size: 14px;
    letter-spacing: 3px;
}
.ts-gz-banner-slide-content h3 {
    font-size: 26px;
    color: var(--themestack-white-color);
    padding-bottom: 7px;
    margin-bottom: 0;
}
.ts-gz-banner-slide-content h3 a{
    color: var(--themestack-white-color);
}
.ts-gz-banner-slide-content span svg:nth-child(1) {
	fill: var(--gz-yellow-color);
}
.ts-gz-banner-slide-content span svg:nth-child(2) {
	fill: var(--gz-yellow-color);
}
.ts-gz-banner-slide-content span svg:nth-child(3) {
	fill: var(--gz-yellow-color);
}
.ts-gz-banner-slide-content span svg:nth-child(4) {
	fill: #64686b;
}
.ts-gz-banner-slide-content span svg:nth-child(5) {
	fill: #64686b;
}
.ts-gz-banner-slide-content p {
	font-size: 14px;
	color: var(--gz-text-color);
	padding-top: 7px;
}
/* banner arrow */

.ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-prev {
    right: 240px;
    position: absolute;
    top: -60px;
}
.ts-gz-about-arrow .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'none';
    background-image: url(../support-desk-images/left-arrow.svg);
    width: 23px;
    height: 12px;
    background-repeat: no-repeat;
    position: absolute;
    top: 19px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-next {
	top: -60px;
	right: 140px;
}
.ts-gz-about-arrow.ts-gz-banner-arrow .ts-gz-swiper-line:before {
	width: 340px;
	left: -405px;
}
.ts-gz-about-arrow.ts-gz-banner-arrow .ts-gz-swiper-line:after {
	left: -410px;
}
/* about css start */

.ts-gz-about-wrapper {
	position: relative;
}
.ts-gz-about-left {
	position: relative;
	z-index: 1;
}
.ts-gz-about-left:before {
    content: '';
    position: absolute;
    width: 245px;
    height: 370px;
    z-index: -1;
    right: 70px;
    background: #1d1f1f;
    border: 10px solid #fff;
    opacity: 0.05;
}
.ts-gz-about-box {
	background-color: var(--themestack-primary-color);
	width: 100%;
	max-width: 270px;
	height: 140px;
	padding: 40px 0px 40px 30px;
	position: absolute;
	right: -25px;
	bottom: 100px;
}
.ts-gz-about-box h3 {
	font-size: 26px;
	color: var(--themestack-white-color);
	font-family: 'Bebas Neue', cursive;
}
.ts-gz-about-box span svg:nth-child(1) {
	fill: var(--themestack-white-color);
}
.ts-gz-about-box span svg:nth-child(2) {
	fill: var(--themestack-white-color);
}
.ts-gz-about-box span svg:nth-child(3) {
	fill: var(--themestack-white-color);
}
.ts-gz-about-box span svg:nth-child(4) {
	fill: #ffa64d;
}
.ts-gz-about-box span svg:nth-child(5) {
	fill: #ffa64d;
}
.ts-gz-banner-slide-content p {
	font-size: 14px;
	color: var(--gz-text-color);
	padding-top: 5px;
}
.ts-gz-about-right {
	padding: 140px 0px 0px 40px;
	text-align: left;
}
.ts-gz-about-right h3 {
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    color: var(--themestack-primary-color);
    letter-spacing: 2px;
    text-transform: capitalize;
    padding-bottom: 15px;
    font-weight: 500;
    margin-bottom: 0;
}
.ts-gz-about-right.ts-gz-about-top-space h5 {
    font-size: 42px;
    color: var(--themestack-white-color);
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-gz-about-right p {
	font-size: 14px;
	color: var(--gz-text-color);
	width: 100%;
	max-width: 445px;
}
.ts-gz-about-right p.ts-gz-about-para-space {
    padding: 20px 0px 27px;
    margin-bottom: 0;
}
/* slider arrow */

.ts-gz-about-arrow .swiper-button-next, .ts-gz-about-arrow .swiper-button-prev {
    width: 82px;
    height: 52px;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid var(--themestack-primary-color);
    position: absolute;
    top: 22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ts-gz-about-arrow .swiper-button-prev {
	left: auto;
	right: 100px;
}
.ts-gz-about-arrow .swiper-button-next:hover, .ts-gz-about-arrow .swiper-button-prev:hover{
    border: 1px solid var(--themestack-white-color);
}
.ts-gz-about-arrow .swiper-button-next span.ts-gz-banner-arrow-svg, .ts-gz-about-arrow .swiper-button-prev span.ts-gz-banner-arrow-svg{
    line-height:0;
}
.ts-gz-about-arrow .swiper-button-next span.ts-gz-banner-arrow-svg svg, .ts-gz-about-arrow .swiper-button-prev span.ts-gz-banner-arrow-svg svg{
    fill: var(--themestack-primary-color);
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-gz-about-arrow .swiper-button-next:hover span.ts-gz-banner-arrow-svg svg, .ts-gz-about-arrow .swiper-button-prev:hover span.ts-gz-banner-arrow-svg svg{
    fill: var(--themestack-white-color);
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-gz-about-arrow .swiper-button-next:after, .ts-gz-about-arrow .swiper-button-prev:after{
    display:none;
}
.ts-gz-swiper-line {
	position: relative;
}
.ts-gz-swiper-line:before {
	content: '';
	position: absolute;
	width: 255px;
	height: 1px;
	background-color: var(--themestack-primary-color);
	left: -309px;
}
.ts-gz-swiper-line:after {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	background-color: var(--themestack-primary-color);
	left: -315px;
	z-index: 9;
	border-radius: 20px;
	top: -3px;
}
/* top games css start */

.ts-gz-top-game-wrapper {
	position: relative;
}
.ts-gz-all-heading {
	text-align: center;
	padding-bottom: 40px;
}
.ts-gz-game-slider-inner {
    margin-bottom: 20px;
}
.ts-gz-game-image {
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-gz-game-image img {
	width: 100%;
}
.ts-gz-game-slider-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	background-image: -moz-linear-gradient(-90deg, rgba(255, 128, 0, 0) 0%, rgba(255, 128, 0, 0.90196) 100%);
	background-image: -webkit-linear-gradient(-90deg, rgba(255, 128, 0, 0) 0%, rgba(255, 128, 0, 0.90196) 100%);
	background-image: -ms-linear-gradient(-90deg, rgba(255, 128, 0, 0) 0%, rgba(255, 128, 0, 0.90196) 100%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.ts-gz-all-btn.ts-gz-game-slider-btn {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 20px;
	max-width: 148px;
	height: 48px;
	border: 1px solid var(--themestack-white-color);
	background-color: transparent;
	color: var(--themestack-white-color);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-gz-game-image:hover .ts-gz-game-slider-overlay {
	opacity: 1;
	visibility: visible;
}
.ts-gz-game-image:hover a.ts-gz-all-btn.ts-gz-game-slider-btn {
	opacity: 1;
	visibility: visible;
	color: var(--themestack-white-color) !important;
}
.ts-gz-all-heading h5 {
    color: var(--themestack-primary-color);
    font-size: 18px;
    letter-spacing: 2px;
    font-family: 'Mukta', sans-serif;
    padding: 0 0px 6px;
    font-weight: 400;
    margin-bottom: 0;
    min-width:90px;
    display:inline-block;
    position:relative;
}
.ts-gz-all-heading h5:before {
    content: '';
    width: 40px;
    height: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -15px;
    transition: all 0.3s;
    border-bottom: 5px solid var(--themestack-primary-color);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.ts-gz-all-heading h3 {
    font-size: 32px;
    color: var(--themestack-white-color);
    margin-bottom: 0;
}
.ts-gz-game-content a {
    font-size: 26px;
    color: var(--themestack-white-color);
    padding: 18px 0px 6px;
    display: block;
    font-family: 'Bebas Neue', cursive;
}
.ts-gz-about-arrow.ts-gz-game-slider-arrow .swiper-button-next {
	top: -80px;
	right: 30px;
}
.ts-gz-about-arrow.ts-gz-game-slider-arrow .swiper-button-prev {
	top: -80px;
	right: 135px;
}
.ts-gz-about-arrow.ts-gz-banner-arrow .ts-gz-swiper-line .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity:1 !important;
    cursor: auto;
    pointer-events: none;
}
.ts-gz-game-slider-arrow .ts-gz-swiper-line:before {
	width: 465px;
	left: -517px;
}
.ts-gz-game-slider-arrow .ts-gz-swiper-line:after {
	left: -519px;
	top: -3px;
}
.ts-gz-game-slider-inner .star-rating::before {
    content: "\73\73\73\73\73";
    color: var(--themestack-yellow);
    float: none;
    position: absolute;
    top:auto;
    bottom: 0;
    letter-spacing: 3px;
}
/* matches css start */
.ts-gz-matches-table ul li {
	margin-right: 65px;
}
.ts-gz-matches-table ul li:last-child {
    margin-right: 0;
}
.ts-gz-matches-table ul.nav-tabs {
	background-color: #191a1a;
	height: 60px;
	border-bottom: transparent;
	padding: 0px 35px;
}
.ts-gz-matches-table .nav-link {
    color: var(--themestack-white-color);
    font-family: 'Mukta', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 17px 15px 17px;
    position: relative;
}
.ts-gz-matches-table .nav-link.active {
	color: var(--themestack-primary-color);
	background-color: transparent;
	border-color: transparent;
}
.ts-gz-matches-table .nav-link.active:before {
    content: '';
    width: 40px;
    height: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 3px;
    transition: all 0.3s;
    border-bottom: 5px solid var(--themestack-primary-color);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.ts-gz-matches-table .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: transparent;
	isolation: isolate;
}
.ts-gz-matches-box table tr td {
    border: none;
}
.ts-gz-matches-box table tr td:nth-child(1) {
	width: 400px;
}
.ts-gz-matches-box table tr td:nth-child(2) {
    width: 355px;
    padding-top: 25px;
}
.ts-gz-matches-box table tr td:nth-child(3) {
	width: 455px;
}
.ts-gz-matches-box {
	position: relative;
	background-color: #212323;
	padding: 25px;
}
.ts-gz-matches-box .ts-gz-matches-img {
	position: absolute;
	width: 113px;
	height: 90px;
	background: #272b2b;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ts-gz-matches-content {
	padding: 17px 0px 17px 130px;
}
.ts-gz-matches-content h4 {
    font-size: 32px;
    color: var(--themestack-white-color);
    margin-bottom: 0;
    display: flex;
}
.ts-gz-matches-content h5 {
    font-size: 14px;
    font-family: 'Mukta', sans-serif;
    text-transform: capitalize;
    color: var(--themestack-primary-color);
    letter-spacing: 2px;
    padding-bottom: 8px;
    margin-bottom: 0;
    text-align: left;
}
.ts-gz-matches-center-box {
	text-align: center;
}
.ts-gz-matches-center-box h5 {
	background-color: #3a3f3f;
	width: 32px;
	height: 32px;
	margin: 0 auto 7px;
	font-size: 12px;
	border-radius: 50px;
	font-family: 'Mukta', sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--themestack-white-color);
}
.ts-gz-matches-center-box h4 {
    color: var(--themestack-white-color);
    font-size: 32px;
    margin-bottom: 0;
}
.ts-gz-matches-center-box p {
	font-size: 16px;
	color: var(--themestack-white-color);
}
.ts-gz-advertisement-img {
	padding: 80px 0px 0px;
}
.ts-gz-advertisement-img a img {
    width: 100%;
}
/* trailer css start */

.ts-gz-trailer-wrapper {
    position: relative;
}
/* slider css start */
.ts-gz-trailer-wrapper .swiper {
    max-width: 960px;
    width: 100%;
    margin: auto;
}
.ts-gz-trailer-wrapper .swiper-slide {
	background-position: center;
	background-size: cover;
	opacity: 0;
    visibility: hidden;
	height:300px;
	width:560px;
	margin: 0 auto;
}
.ts-gz-trailer-wrapper .swiper-slide.swiper-slide-active,.ts-gz-trailer-wrapper .swiper-slide.swiper-slide-prev,.ts-gz-trailer-wrapper .swiper-slide.swiper-slide-next {
	opacity: 1;
    visibility: visible;
	overflow: hidden;
}
/* arrow */
.ts-gz-trailor-prev, .ts-gz-trailor-next{
	width: 82px;
	height: 52px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: 1px solid var(--themestack-primary-color);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-gz-trailor-prev{
    left: 0px;
}
.ts-gz-trailor-next{
    right: 0px;
}
span.ts-gz-trailor-prev svg, span.ts-gz-trailor-next svg{
    fill:var(--themestack-primary-color);
    transition:all 0.3s;
}
.ts-gz-trailor-prev:hover, .ts-gz-trailor-next:hover {
	border: 1px solid var(--themestack-white-color);
}
span.ts-gz-trailor-prev:hover svg, span.ts-gz-trailor-next:hover svg{
    fill:var(--themestack-white-color);
}
/* gameing product css start */

.ts-gz-gameing-product-wrapper {
    position: relative;
}
.ts-gz-game-product-inner {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-gz-game-product-inner img {
	width: 100%;
}
ul.ts-gz-game-product-social {
    position: absolute;
    top: 10px;
    width: 40px;
    right: -40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    padding-left: 0;
}
.ts-gz-game-product-inner:hover ul.ts-gz-game-product-social {
	right: 13px;
	opacity: 1;
	visibility: visible;
}
ul.ts-gz-game-product-social li {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #2b2d2d;
	margin: 0px 0px 15px;
	width: 40px;
	height: 40px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
ul.ts-gz-game-product-social li:last-child{
    margin-bottom: 0px;
}
ul.ts-gz-game-product-social li:hover {
	background-color: var(--themestack-primary-color);
}
ul.ts-gz-game-product-social li a svg {
	fill: var(--themestack-white-color);
}
.ts-gz-game-product-inner:hover ul.ts-gz-game-product-social li {
	right: 20px;
}
/*campare btn css*/
ul.ts-gz-game-product-social .br_compare_button .fa-square-o {
    display: none;
}
ul.ts-gz-game-product-social .br_compare_button {
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    background: none;
}
/*campare btn css*/
a.ts-gz-all-btn.ts-gz-btn-color.ts-gz-product-btn {
	text-transform: none !important;
	position: absolute;
	bottom: 45px;
	left: 0;
	right: 0;
	margin: 0 auto;
	cursor: pointer;
	background-color: var(--themestack-primary-color) !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
}
a.ts-gz-product-btn {
	width: 100%;
	max-width: 172px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	font-family: 'Mukta', sans-serif;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 2px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	text-transform: capitalize;
	border-radius: 0px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 80px;
	overflow: hidden!important;
	border: 1px solid var(--themestack-primary-color);
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
	background: var(--themestack-primary-color);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.ts-gz-product-btn:hover {
	background-color: var(--themestack-white-color);
	color: var(--themestack-primary-color);
	border: transparent;
}
.ts-gz-product-btn:hover svg {
	fill: var(--themestack-primary-color);
}
.ts-gz-product-btn svg {
	fill: var(--themestack-white-color);
	margin-right: 10px;
}
.ts-gz-game-product-inner:hover a.ts-gz-product-btn {
	bottom: 125px;
	opacity: 1;
	visibility: visible;
}
.ts-gz-game-product-info {
	padding-top: 15px;
}
.ts-gz-game-product-info a {
	color: var(--themestack-white-color);
	font-size: 20px;
	font-family: 'Mukta', sans-serif;
	padding: 5px 0px 1px;
}
.ts-gz-game-product-info p {
    color: var(--themestack-primary-color);
    font-size: 20px;
    font-family: 'Mukta', sans-serif;
    font-weight: 800;
    margin-bottom: 0;
}
/* slider arrow css */

.ts-gz-product-arrow .swiper-button-prev, .ts-gz-product-arrow .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 82px;
    height: 52px;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid
	var(--themestack-primary-color);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ts-gz-product-arrow .swiper-button-prev:hover, .ts-gz-product-arrow .swiper-button-next:hover{
    border:1px solid var(--themestack-white-color);
}
.ts-gz-product-arrow .swiper-button-next span.ts-gz-banner-arrow-svg, .ts-gz-product-arrow .swiper-button-prev span.ts-gz-banner-arrow-svg{
    line-height:0;
}
.ts-gz-product-arrow .swiper-button-prev span.ts-gz-banner-arrow-svg svg, .ts-gz-product-arrow .swiper-button-next span.ts-gz-banner-arrow-svg svg{
    fill:var(--themestack-primary-color);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ts-gz-product-arrow .swiper-button-prev:hover span.ts-gz-banner-arrow-svg svg, .ts-gz-product-arrow .swiper-button-next:hover span.ts-gz-banner-arrow-svg svg{
    fill:var(--themestack-white-color);
}
.ts-gz-product-arrow .swiper-button-prev {
	left: 250px;
}
.ts-gz-product-arrow .swiper-button-next{
    right: 250px;
    left: auto;
}
.ts-gz-product-arrow .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    display: none;
}
.ts-gz-game-product-inner .star-rating::before {
    content: "\73\73\73\73\73";
    color: var(--themestack-yellow);
    float: none;
    position: unset;
    letter-spacing: 3px;
}
/* Blog css start */

.ts-gz-blog-img {
	overflow: hidden;
}
.ts-gz-blog-img img {
	transform: scale(1);
	width: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-gz-blog-img img:hover {
	transform: scale(1.3);
}
ul.ts-gz-blog-date {
	padding: 24px 0px 7px;
}
ul.ts-gz-blog-date li {
	display: inline-flex;
	margin: 0px 14px 0 0;
}
ul.ts-gz-blog-date li a {
	font-size: 16px;
	font-family: 'Mukta', sans-serif;
	color: var(--gz-text-color);
}
ul.ts-gz-blog-date li a span {
	fill: var(--themestack-primary-color);
}
ul.ts-gz-blog-date li a span svg {
    margin: -3px 10px 0 0;
}
a.ts-gz-blog-title {
	font-family: 'Mukta', sans-serif;
	font-size: 22px;
	color: var(--themestack-white-color);
}
a.ts-gz-blog-title:hover {
	color: var(--themestack-primary-color);
}
.ts-gz-blog-box p {
    font-size: 14px;
    color: var(--gz-text-color);
    margin-bottom: 0;
}
/* newsletter css start */
/* left side */

.ts-gz-newsletter-left p {
    color: var(--themestack-primary-color);
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 0;
}
.ts-gz-newsletter-left h3 {
    font-size: 32px;
    color: var(--themestack-white-color);
    margin-bottom: 0;
}
ul.ts-gz-available p {
	font-size: 16px;
	color: var(--gz-text-color);
	letter-spacing: 0px;
	padding: 13px 0px 9px;
}
ul.ts-gz-available {
    padding-left: 0;
}
ul.ts-gz-available li {
	display: inline-flex;
	margin-right: 7px;
	background-color: #2b2d2d;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
ul.ts-gz-available li:nth-child(2) {
	margin-right: 8px;
}
ul.ts-gz-available li a {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.ts-gz-available li a svg {
	fill: var(--themestack-white-color);
}
ul.ts-gz-available li:hover {
	background-color: var(--themestack-primary-color);
	transform: translateY(-5px);
}
/* center */

.ts-gz-newsletter-border {
	text-align: center;
}
/* right side */

.ts-gz-newsletter-right p {
	font-size: 18px;
	color: var(--themestack-primary-color);
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom:0;
}
.ts-gz-newsletter-right h4 {
    font-size: 32px;
    color: var(--themestack-white-color);
    padding: 2px 0 0;
    margin-bottom: 0;
}
/* input css */

.ts-gz-newsletter-right {
	padding-left: 90px;
}
.ts-gz-newsletter-input {
	padding: 40px 0px 0px;
	position: relative;
}
.ts-gz-newsletter-input input, .ts-gz-newsletter-input input:focus {
    width: 100%;
    height: 70px;
    padding: 0px 190px 0px 70px;
    position: relative;
    background-color: #212323;
    color: var(--themestack-white-color);
    border: none;
    font-family: 'Mukta';
    text-transform: none;
}
.ts-gz-newsletter-input input::placeholder {
	color: #a5b2b2;
	font-family: 'Mukta', sans-serif;
}
span.ts-gz-newsletter-input-icon {
    position: absolute;
    fill: var(--gz-text-color);
    left: 0;
    top: 62px;
    left: 30px;
}
a.ts-gz-newsletter-btn {
	width: 100%;
	max-width: 160px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--themestack-white-color);
	font-family: 'Mukta';
	background-color: var(--themestack-primary-color);
	position: absolute;
	right: 10px;
	top: 50px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.ts-gz-newsletter-btn:hover {
	background-color: var(--gz-black-color1);
}
a.ts-gz-newsletter-btn:after, a.ts-gz-newsletter-btn:before{
    display:none;
}
/* footer css start */

.ts-gz-footer-wrapper {
	background-color: var(--gz-black-color);
	padding: 71px 0px 59px;
}
.ts-gz-footer-wrapper .col-lg-3:nth-child(2) .ts-gz-footer-section2 {
    margin-left: 65px;
}
.ts-gz-footer-wrapper .col-lg-3:nth-child(3) .ts-gz-footer-section2 {
    margin-left: 18px;
}
.ts-gz-footer-section1 p {
    font-size: 14px;
    color: var(--gz-text-color);
    padding: 23px 0px 20px;
    margin-bottom: 0;
}
.ts-gz-footer-mobile-app{
	background-color: #272a2a;
	position: relative;
	width: 100%;
	max-width: 244px;
	padding: 20px;
}
.ts-gz-mobile-text {
	position: absolute;
	top: 27px;
	left: 85px;
}
.ts-gz-mobile-text h4 {
    font-size: 14px;
    font-family: "Mukta";
    color: var(--themestack-white-color);
    padding-bottom: 3px;
    margin-bottom: 0;
}
.ts-gz-mobile-text h5 {
	color: var(--themestack-primary-color);
	font-size: 14px;
	font-family: 'Mukta';
	font-weight: 700;
}
/* section2 */

.ts-gz-footer-section2 h4 {
    font-size: 22px;
    color: var(--themestack-white-color);
    padding: 25px 0px 37px;
    margin-bottom: 0;
}
.ts-gz-footer-section2 ul {
    padding-left: 0;
    list-style: none;
}
.ts-gz-footer-section2 ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--gz-text-color);
    font-family: 'Mukta';
    transition:all 0.3s;
}
.ts-gz-footer-section2 ul li a:hover{
    color:var(--themestack-primary-color);
}
.ts-gz-footer-section2 ul li a span{
    fill: var(--gz-text-color);
	padding-right: 10px;
	transition:all 0.3s;
}
.ts-gz-footer-section2 ul li a:hover span svg{
    color:var(--themestack-primary-color);
}
/* instagram */

.ts-gz-footer-section3 h4 {
	color: var(--themestack-white-color);
	font-size: 22px;
	padding: 25px 0px 17px;
}
.ts-gz-footer-section3 ul.ts-gz-insta {
    display: flex;
    flex-wrap: wrap;
}
ul.ts-gz-insta li {    
    margin: 0 5px 5px 0;    
    overflow: hidden; 
    flex: 0 0 31%;
}
ul.ts-gz-insta li a {
    display: block;
	width: 100%;	
    object-fit: cover;    
	overflow: hidden;
}
ul.ts-gz-insta li a img {
	width: 100%;
    transform: scale(1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
ul.ts-gz-insta li a img:hover {
	transform: scale(1.3);
}
/* copywrite css start */

.ts-gz-copywrite-wrapper {
	background-color: var(--gz-black-color1);
	height: 50px;
	line-height: 50px;
}
.ts-gz-copywrite-wrapper p {
	color: var(--gz-text-color);
	font-size: 15px;
	text-align: center;
}
.ts-gz-copywrite-wrapper p span {
	color: var(--themestack-primary-color);
}
.ts-gz-matches-box .table {
    min-width: 1080px;
    margin-bottom: 0;
}
/* table scroll css */

.table-responsive::-webkit-scrollbar:vertical {
	width: 12px;
}
.table-responsive::-webkit-scrollbar:horizontal {
	height: 10px;
}
.table-responsive::-webkit-scrollbar-thumb {
	background-color: var(--themestack-primary-color);
	border: 2px solid var(--themestack-white-color);
}
.table-responsive::-webkit-scrollbar-track {
	background-color: var(--themestack-white-color);
}
/*table scroll css end  */

.table>:not(caption)>*>* {
	padding: .5rem .5rem;
	background-color: transparent !important;
	border-bottom-width: 0;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.ts-gz-matches-box.table::-webkit-scrollbar {
	width: 5px;
	box-shadow: none;
}
.ts-gz-matches-box.table::-webkit-scrollbar-track {
	background-color: red !important;
	box-shadow: none;
}
.ts-gz-matches-box .table::-webkit-scrollbar-thumb {
	background-color: #000;
}
/* MEDIA CSS START */
@media(max-width:1850px){
    .ts-gz-product-arrow .swiper-button-prev {
    	left: 100px;
    }
    .ts-gz-product-arrow .swiper-button-next{
        right: 100px;
    }
}
@media(max-width:1700px){
    .ts-gz-swiper-line {
        position: relative;
        display: none;
    }
    .ts-gz-banner-slider-inner {
        height: auto;
    }
    .ts-gz-banner-wrapper {
        background-size: cover;
    }
    .ts-gz-banner-wrapper {
        padding: 0;
    }
    .ts-gz-banner-slide-img {
        top: 30px;
    }
    .ts-gz-banner-slide-img img {
        width: 200px;
    }
    .ts-gz-banner-slide-content {
        padding: 30px 20px 30px 245px;
    }
}
@media(max-width:1600px){
    ul.ts-gz-menu li{
        margin-right: 10px;
        margin-left:0;
    }
}
@media(max-width:1550px){
    .ts-gz-product-arrow .swiper-button-next {
        right: 30px;
    }
    .ts-gz-product-arrow .swiper-button-prev {
        left: 30px;
    }
}
@media(max-width:1500px){          
    .ts-gz-banner-slide-img {
        top: 42px;
    }
    .ts-gz-banner-slide-content h3 {
        font-size: 20px;
    }
}
@media(max-width:1400px){
    ul.ts-gz-menu li a span {
        padding-right: 3px;
    }
    .ts-gz-product-arrow .swiper-button-next, .ts-gz-product-arrow .swiper-button-prev {
        top: -50px;
    }
    .ts-gz-product-arrow .swiper-button-prev{
        left:auto;
        right:125px;
    }
}
@media(max-width:1335px){
    .ts-gz-header-main {
        padding: 10px 20px 0;
    }
    .ts-gz-banner-slide-content {
        padding: 20px 10px 20px 235px;
    }
    .ts-gz-banner-slide-img {
        left: 15px;
    }
    .ts-header-style16 .container-fluid {
        padding: 0 15px;
    }
}
@media(min-width:1200px){
    .ts-gz-matches-wrapper .container {
        min-width: 1178px;
    }
}
@media(max-width:1200px){   
    .ts-gz-banner-slide-img img {
        width:100%;
        opacity:0.2;
    }
    .ts-gz-banner-slide-img {
        top: 0;
        left: 0;
        width: 100%;
    }
    .ts-gz-banner-slide-content {
        padding:30px 20px 30px 25px;
    }
}
@media(max-width:1199px){
    .ts-gz-matches-table ul.nav-tabs {     
        justify-content: center;
    }
    .ts-gz-product-arrow .swiper-button-next{
        right:130px;
    }
    .ts-gz-product-arrow .swiper-button-prev{
        left:130px;
    }
    ul.ts-gz-blog-date li a {
        font-size: 15px;        
    }
    .ts-gz-footer-wrapper .col-lg-3:nth-child(2) .ts-gz-footer-section2 {
        margin-left: 10px;
    }
    .ts-gz-footer-wrapper .col-lg-3:nth-child(3) .ts-gz-footer-section2 {
        margin-left: 0;
    }
    .ts-gz-mobile-text {     
        top: 18px;     
    }
    ul.ts-gz-insta li {     
        flex: 0 0 30%;
    }
    .ts-gz-matches-wrapper .container {
        max-width: 1200px;
    }
    .ts-gz-trailor-next, .ts-gz-trailor-prev{
        top: auto;
        bottom: -70px;
        transform: none;
    }
    .ts-gz-trailor-prev {
        left: 35%;
    }
    .ts-gz-trailor-next {
        right: 35%;
    }
    .ts-gz-footer-section1 p {
        max-width: 400px;
    }
}
@media(max-width:991px){
    ul.ts-gz-menu li:hover a {
        color: #fff !important;
    }
    ul.ts-gz-menu li:hover a svg {
        fill: var(--themestack-white-color) !important;
    }
    .ts-gz-about-box {
        right:0;
    }
    .ts-gz-about-box {
        padding: 40px 0px;
    }
    .ts-gz-about-left {
        left:0;
        right:0;
        text-align:center;
    }
    .ts-gz-about-right {
        text-align:center;
        padding:50px 0px 0px 40px;
    }
    .ts-gz-about-right p {
        max-width:100%;
    }
    .ts-gz-matches-table ul li {
        margin-right:15px;
    }
    .ts-gz-matches-table ul.nav-tabs {
        height:auto;
    }
    .ts-gz-newsletter-right {
        padding:0;
    }
    .col-lg-1.col-md-4.res-border-none {
        display:none;
    }
    .ts-gz-about-arrow .swiper-button-prev {     
        top: 0;
        right: 90px;        
    }
    .ts-gz-about-arrow .swiper-button-next {
        left: 50px;
        top: 0;
    }
    .ts-gz-trailor-next {        
        right: 38%;        
    }    
    .ts-gz-trailor-prev {        
        left: 38%;        
    }
    .ts-gz-footer-section1 p {     
        max-width: 300px;
        width: 100%;
    }
    .ts-gz-mobile-text {
        top: 26px;
    }
    .ts-header-style16 .container-fluid {
        padding: 0 30px;
    }
    h4.ts-gz-top {
        padding-top: 40px;
    }
    .ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-prev {
        right: 50px;
    }
}
@media(max-width:775px){
    .ts-gz-about-arrow .swiper-button-next {
        width:60px;
        height:40px;
    }
    .ts-gz-newsletter-right {
        padding:30px 0 0 0px;
    }
    .ts-gz-about-arrow .swiper-button-next:after {
        top:14px;
    }
    .ts-gz-about-arrow .swiper-button-prev {
        width:60px;
        height:40px;
    }
    .ts-gz-about-arrow .swiper-button-prev:after {
        top:14px;
    }
    .ts-gz-trailor-prev, .ts-gz-trailor-next {             
        width: 60px;
        height: 40px;
    }
    .ts-gz-product-arrow .swiper-button-next {
        width:60px;
        height:40px;
    }
    .ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-prev {
        width:60px;
        height:40px;
        right:85px;
    }
    .ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-next {
        right:15px;
    }
    .ts-gz-product-arrow .swiper-button-prev {
        width: 60px;
        height: 40px;
        right: auto;
        top: auto;
        bottom: -80px;
        left: 30%;
    }
    .ts-gz-product-arrow .swiper-button-next {
        top: auto;
        bottom: -80px;
        right: 30%;
    }
    .ts-gz-product-arrow .swiper-button-next:after {
        top:14px;
    }
    .ts-gz-product-arrow .swiper-button-prev:after {
        top:14px;
    }
    .ts-gz-game-product-info {
        text-align:center;
    }
    .ts-gz-newsletter-input {
        padding:20px 0px 0px;
    }
    .ts-gz-newsletter-input input {
        max-width:100%;
    }
    a.ts-gz-newsletter-btn {
        top:30px;
    }
    span.ts-gz-newsletter-input-icon {
        top:45px;
    }  
    .ts-gz-about-right {
        padding:55px 0px 0px 0;
    }
}
@media(max-width:767px){
    .ts-gz-matches-table ul.nav-tabs {     
        padding: 0 15px;
    }
    .ts-gz-matches-table ul li {     
        margin-bottom: 0;
    }
    .ts-gz-matches-table ul.nav-tabs li button {
        padding: 15px 0;
        font-size: 15px;
    }
    .ts-gz-matches-table .nav-link.active {        
        font-size: 15px;        
        padding: 15px 0px;        
    }
    .ts-gz-trailor-next {        
        right: 35%;        
    }    
    .ts-gz-trailor-prev {        
        left: 35%;        
    }
    .ts-gz-trailor-prev, .ts-gz-trailor-next {     
        bottom: -60px;
    }
    .ts-gz-banner-text {
        max-width: 100%;
        margin: 85px auto 100px;
        padding:0 15px;
    }
    .ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-next, .ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-prev {
        top: -30px;
        right: 140px;
    }
    .ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-next {
        right: auto;
        left: 15px;
    }
    .ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-prev {
        left: auto;
        right: 15px;
    }
}
@media(max-width:575px){
    .ts-gz-about-arrow.ts-gz-game-slider-arrow .swiper-button-next {
        right: auto;
        left: 30px;
    }
    .ts-gz-about-arrow.ts-gz-game-slider-arrow .swiper-button-prev {
        right: 30px;
    }
    .ts-gz-game-product-inner img {
        width:100%;
    }
    .ts-gz-about-wrapper {
        padding:50px 0 0px;
    }
    .ts-gz-matches-table ul.nav-tabs { 
        display: block;
    }
    .ts-gz-matches-table ul.nav-tabs li button {
        margin: auto;
        font-size: 16px;
    }
    .ts-gz-matches-table ul.nav-tabs li .nav-link.active {
        font-size: 16px;
    }
    .ts-gz-trailor-next {        
        right: 30%;        
    }    
    .ts-gz-trailor-prev {        
        left: 30%;        
    }
    .ts-gz-product-arrow {     
        left: 0;
        right: 0;
    }
    ul.ts-gz-insta li {
        flex: 0 0 30%;
    }
    .ts-gz-footer-wrapper .col-lg-3:nth-child(2) .ts-gz-footer-section2 h4.ts-gz-top {
        padding: 30px 0 15px 0;
    }
    .ts-gz-footer-section3 h4 {     
        padding: 25px 0px;
    }
    .ts-gz-footer-wrapper .col-lg-3:nth-child(2) .ts-gz-footer-section2 {
        margin-left: 0px;
    }
    .ts-gz-matches-box {
        padding: 10px;
    }
}
@media(max-width:475px){    
    .ts-gz-matches-table .nav-link {
        width:100%;
    }
    .ts-gz-matches-table ul li {
        margin-right:0;
        width:100%;
    }
    a.ts-gz-newsletter-btn {
        max-width:110px;
    }
    .ts-gz-newsletter-input input {
        padding: 0px 130px 0px 65px;
    }
    .ts-gz-matches-content h4 {
        font-size:22px;
    }
    .ts-gz-matches-center-box h4 {
        font-size:25px;
    }
    .ts-gz-about-box {
        display:none;
    }
    .ts-gz-about-arrow .swiper-button-next {
        left: 0px;
    }
    .ts-gz-about-arrow .swiper-button-prev {
        right: 0px;
    }    
}
@media(max-width:425px){
    .ts-gz-trailor-prev {
        left: 20%;
    }
    .ts-gz-trailor-next {
        right: 20%;
    }
    .ts-gz-product-arrow .swiper-button-next {
        right: 50px;
    }
    .ts-gz-product-arrow .swiper-button-prev {
        left: 50px;
    }
    .ts-header-style16 .container-fluid {
        padding: 0 15px;
    }
    .ts-gz-about-arrow.ts-gz-game-slider-arrow .swiper-button-next, .ts-gz-about-arrow.ts-gz-game-slider-arrow .swiper-button-prev {
        top: -150px;
    }
    .ts-gz-newsletter-input input {
        height: 60px;
    }
    span.ts-gz-newsletter-input-icon {
        top: 35px;
        left:20px;
    }
    a.ts-gz-newsletter-btn {
        max-width: 90px;
        height: 40px;
        top: 30px;
    }
    .ts-gz-newsletter-input input {
        padding: 0px 110px 0px 55px;
    }
    .ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-next, .ts-gz-about-arrow.ts-gz-banner-arrow .swiper-button-prev {
        top: 0;
    }
    .ts-header-style16 .ts-main-header .ts-main-header-inner {
        flex-direction: column;
    }
    .ts-header-style16{
        padding-bottom:15px !important;
    }
    .ts-gz-banner-text {
        margin: 150px auto 100px;
    }
}
@media(max-width:375px){ 
    .ts-header-style16 .ts-main-navigation ul.menu {
        width: 230px;
    }
    .ts-gz-newsletter-left h3 {
        font-size:25px;
    }
    .ts-gz-newsletter-right h4 {
        font-size:25px;
    }
    span.ts-gz-newsletter-input-icon {
        display:none;
    }
    .ts-gz-newsletter-input input {
        padding: 0px 105px 0px 12px;
    }
    a.ts-gz-newsletter-btn {
        top:30px;
    }
    .ts-gz-about-right.ts-gz-about-top-space h5 {
        font-size:30px;
    }
    .ts-gz-about-left:before{
        display:none;
    }
    .ts-gz-advertisement-img {
        padding:45px 0px 0px;
    }
    .ts-gz-footer-wrapper {
        padding:45px 0px 35px;
    }
    a.ts-gz-blog-title {
        font-size:18px;
    }
    .ts-gz-product-arrow {     
        bottom: 70px;        
    }
}
/*======================= game demo css end ====================*/
/*======================= Pixel market demo css start ====================*/
/* ----------header section ------------*/
.ts-pm-left-inner-btn a {
    color: var(--themestack-white-color);
    padding: 15px 46px;
    width: 160px;
    min-height: 50px;
    border-radius: 6px;
    background-color: var(--Pm-blue-color);
    border: 1px solid var(--Pm-skyblue-color);
    font-size: 14px;
    letter-spacing: 1px;
}
.ts-pm-left-inner-btn a:hover {
    background-color: var(--themestack-white-color);
    color: var(--wh-blue-color);
    border: 1px solid var(--Pm-blue-color);
}
/*banner css start*/
.ts-pm-banner-img {
    position: relative;
    padding-top: 100px;
    margin-bottom: 100px;
}
.ts-pm-banner-img .icon1, .icon2, .icon3, .icon4, .icon5 {
    width: 92px;
    height: 94px;
    border-radius: 20px;
    filter: drop-shadow(4.286px 2.575px 25px rgba(48,120,235,0.4));
    background-color: var(--themestack-white-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-pm-banner-img .icon1 {
    position: absolute;
    top: 51px;
    left: 9px;
    animation: 3s installation infinite alternate;
}
@keyframes installation {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}
.ts-pm-banner-img .icon2 {
    position: absolute;
    top: 57px;
    right: 41%;
    animation: 4s installation infinite alternate;
}
.ts-pm-banner-img .icon3 {
    position: absolute;
    top: 50%;
    right: 25px;
    animation: 3s installation infinite alternate;
}
.ts-pm-banner-img .icon4 {
    position: absolute;
    left: 0px;
    bottom: -40px;
    animation: 3s installation infinite alternate;
}
.ts-pm-banner-img .icon5 {
    position: absolute;
    right: 60px;
    bottom: -64px;
    animation: 4s installation infinite alternate;
}
.ts-pm-banner-text{
    padding: 157px 0px;
    padding-left: 31px;
}
.ts-pm-pxlmart-img {
    padding: 75px 0px;
    padding-right: 31px;
    position: relative;
}
.ts-pm-banner-text p {
    color: var(--themestack-white-color);
    font-weight: 500;
    padding-bottom: 10px;
    font-size: 20px;
    margin-bottom: 0;
}
.ts-pm-banner-text h1 {
    color: var(--themestack-white-color);
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 0;
    max-width: 600px;
    width: 100%;
}
.ts-pm-form-control{
    font-size: 16px;
    color: var(--Pm-skygay-color);
    font-weight: 500;
    height: 50px;
    max-width: 100%;
    width: 583px;
}
.form-outline {
    position: relative;
}
.form-outline a {
    right: 37%;
    position: absolute;
    top: 6px;
    letter-spacing: 1px;
    color:var(--themestack-white-color);
    font-weight: 500;
    padding: 7px 22px;
    background-color: var(--Pm-lightblue-color);
    border-radius: 3px;
}
.ts-pm-host-ht-search-wrappper input {
    background-color: var(--themestack-white-color);
    padding: 0 190px 0 20px;
    font-size: 16px;
    color: var(--Pm-skygay-color);
    font-weight: 400;
    font-family: "Roboto";
    border: none;
}
.ts-pm-host-ht-search-wrappper input::placeholder {
    color: var(--Pm-skygay-color);
}
.ts-pm-pxlmart-img:before {
    position: absolute;
    content: "";
    background-image: url(../images/pixelmarket/HTML.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: -45px;
    top: -23px;
}
.ts-pm-host-search-btn:hover {
    background-color:var(--Pm-darkbrown-color);
}
.ts-pm-host-search-btn:hover.ts-pm-host-search-btn a {
    color: var(--themestack-white-color);
}
/*banner css end*/
/* ------Newest item section css------ */
.ts-pm-main-heading {
    text-align: center;
}
.ts-pm-main-heading h3 {
    color: var(--Pm-darkindigo-color);
    font-weight: 600;
    padding-bottom: 5px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-pm-main-heading p {
    font-size: 16px;
    color: var(--Pm-graylight-color);
    font-weight: 400;
    padding-bottom: 23px;
    margin-bottom: 0;
}
.one-gallery h5 {
    font-size: 14px;
    color: var(--Pm-purpal-color);
    font-weight: 700;
    padding: 14px 0px;
}
.ts-pm-inner-flex {
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.ts-pm-inner-flex .star-rating {
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    width: 110px;
    font-family: star;
    display: block;
    margin: 8px 0 8px !important;
    float: none;
    font-size: var(--themestack-font-size);
}
.ts-pm-inner-flex .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.ts-pm-inner-flex p {
    font-size: 13px;
    color:var(--Pm-graylight-color);
}
.checked {
    color:var(--Pm-yellow-color) !important;
}
.ts-pm-col-btn {
    text-align: center;
    margin-top: 33px;
}
.ts-pm-col-btn a {
    border-radius: 6px;
    background-color:var(--themestack-primary-color);
    font-size: 14px;
    letter-spacing: 1px;
    color:var(--themestack-white-color);
    font-weight: 500;
    padding: 13px 18px;
    border: 1px solid transparent;
    transition: all 0.3s;
}
.ts-pm-col-btn a:hover {
    border: 1px solid var(--themestack-primary-color);
    color: var(--themestack-primary-color);
    background-color:var(--themestack-white-color);
}
.ts-pm-sale-flex span {
    font-size: 20px;
    color:var(--Pm-purpal-color);
    font-weight: 700;
}
.ts-pm-sale-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ts-pm-inner-sale {
    display: flex;
    align-items: center;
}
.ts-pm-inner-sale p {
    font-size: 13px;
    color: var(--Pm-graylight-color);
    line-height: normal;
    padding: 0;
    margin-right: 10px;
    font-weight: 500;
}
span.ts-pm-svg-info {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    background-color:var(--Pm-lightwhite-color) ;
    border: 1px solid var(--Pm-lightgray-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
span.ts-pm-svg-info svg {
    fill: var(--themestack-primary-color);
}
.ts-pm-newest-item-section .card-header {
    border: none;
    background-color: transparent;
    padding-bottom: 6px;
}
.ts-pm-newest-item-section a.nav-link.active {	
    border-radius: 6px;
}
.ts-pm-newest-item-section .card{
    border: none;
}
.ts-pm-newest-item-section .nav-tabs {
    border-bottom: none;
    justify-content: center;
}
.ts-pm-newest-item-section a.nav-link.active {
    background-color:var(--themestack-primary-color) !important;
    color: var(--themestack-white-color) !important;
}
.ts-pm-text h5 a {
    color: var(--Pm-purpal-color);
    font-size: 14px;
    font-weight: 800;
}
.ts-pm-text h5 a:hover {
    color: var(--themestack-primary-color);
}
.ts-pm-ch-check-out1 h5 a {
    color: var(--Pm-purpal-color);
}
.ts-pm-ch-check-out1 h5 a:hover{
    color:var(--themestack-primary-color);
}
.ts-pm-newest-item-section .nav-tabs .nav-link:focus, .ts-pm-newest-item-section .nav-tabs .nav-link:hover {
    border-color: transparent;
}
.ts-pm-newest-item-section li.nav-item {
    margin-right: 14px;
    margin-bottom: 0;
    cursor:pointer;
}
.ts-pm-newest-item-section li.nav-item:last-child{
    margin-right: 0px;
}
.ts-pm-newest-item-section li.nav-item a {
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    background-color: #f5f7fb;
    border: 1px solid #dde6f5;
    padding: 7px 15px;
    text-transform: capitalize;
    display: block;
    transition:all 0.3s;
}
.ts-pm-newest-item-section li.nav-item a.product-active {
    background: var(--themestack-primary-color);
    color: var(--themestack-white-color);
}
.ts-pm-newest-item-section li.nav-item:hover a{
    background: var(--themestack-primary-color);
    color: var(--themestack-white-color);
}
.ts-pm-text h5 {
    font-size: 14px;
    color: var(--Pm-purpal-color);
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.ts-pm-sale-flex {
    padding: 12px 0 15px 0;
}
.ts-pm-newest-item-section .card-body {
    padding: 0 !important;
    margin-top: 20px;
}
.ts-pm-newest-item-section a.nav-link {
    color: var(--Pm-graylight-color);
}
.ts-pm-newest-item-section .nav-link:focus, .ts-pm-newest-item-section .nav-link:hover {
    color:var(--Pm-graylight-color);
}
.ts-pm-text {
    overflow: hidden;
}
.ts-pm-text img {
    width: 100%;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
}
.ts-pm-text:hover img {
    transform: scale(1.1);
}
.ts-pm-text img{
    transition: all .3s linear;
}
.ts-pm-tab-contnt-parnt {
    padding: 10px 10px 0 10px;
}
/* ------Newest item section css end------ */

/* ----------top selling Wordpress section css -------*/
.ts-pm-inner-wordpress>h3 {
    color: var(--themestack-white-color);
    font-weight: 700;
    text-align: center;
    font-size: 23px;
    padding-bottom: 8px;
    text-transform: inherit;
    margin-bottom: 0;
}
.ts-pm-inner-wordpress p {
    border-radius: 25px;
    background-color: #3d82ef;
    font-size: 20px;
    line-height: 32px;
    color:var(--themestack-white-color);
    padding: 10px 0px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 15px;
    z-index: 1;
    max-width: 307px;
    width:100%;
    margin: 0 auto;
    position:relative;
}
.ts-pm-inner-wordpress p:before {
    content: '';
    width: 280px;
    height: 90px;
    background-image: linear-gradient(180deg, #2b71e0 0%, #3078eb 100%);
    position: absolute;
    top: 50px;
    left: 65px;
    z-index: -1;
    transform: skew(50deg, 0deg);
}
.ts-pm-inner-wordpress{
    position: relative;
    z-index: 1;
}
.ts-pm-inner-wordpress h3:nth-child(2){
    margin-bottom: 10px;
}
.ts-pm-inner-wordpress a {
    border-radius: 6px;
    background-color: var(--themestack-white-color);
    color: var(--themestack-primary-color);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 10px 35px;
    transition: all 0.3s;
    border: 1px solid transparent;
    display: inline-block;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}
.ts-pm-inner-wordpress a:hover {
    border: 1px solid var(--themestack-white-color);
    background-color: var(--themestack-primary-color);
    color: var(--themestack-white-color);
}
.ts-pm-inner-wordpress {
    text-align: center;
}
.ts-pm-flex-fully {
    padding-top: 18px;
    padding-bottom: 32px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    z-index: 1;
    position: relative;
}
.ts-pm-flex-fully span {
    font-size: 14px;
    color: var(--themestack-white-color);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    position:relative;
}
.ts-pm-flex-fully span:before {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    top: 9px;
    left: -25px;
    bottom: 0;
    border-radius: 3px;
    background-color: var(--themestack-white-color);
}
.ts-pm-flex-fully span:nth-child(1):before {
    display: none;
}
.ts-pm-ch-check-out1 {
    overflow: hidden;
}
.ts-pm-ch-check-out1 img {
    transition: all 0.3s;
}
.ts-pm-ch-check-out1:hover img {
    transform: scale(1.1);
}
/* ----------top selling Wordpress section css end -------*/
/* -------------check out section css ---------------*/
.ts-pm-ch-check-out1 h5{
    font-size: 14px;
    color:var(--Pm-purpal-color);
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: left;
}
.ts-pm-ch-hading {
    padding-bottom: 20px;
}
.ts-pm-check-out-section .ts-pm-col-btn {
    text-align: center;
    margin-top: 40px;
}
/*------ download free section-------- */
.ts-pm-blog-content h5 a {
    font-size: 16px;
    line-height: 26px;
    color: var(--Pm-purpal-color);
    font-weight: 700;
    padding-top: 10px;
    font-family: "Roboto";
    display: block;
}
p.ts-pm-fieldset input, label {
    margin: 0px 0px;
}
.ts-pm-blog-content p {
    font-size: 14px;
    line-height: 26px;
    color: #949fb3;
    font-weight: 500;
    padding-bottom: 23px;
    margin-bottom: 0;
}
.ts-pm-inner-flex p {
    padding-bottom: 0px;
    padding-right: 3px;
    padding-left: 0;
}
.ts-pm-blog-content a.ts-pm-all-btn {
    border-radius: 6px;
    background-color: var(--themestack-primary-color);
    font-size: 14px; 
    letter-spacing: 1px;
    color: var(--themestack-white-color);
    font-weight: 500;
    padding: 12px 28px;
    border: 1px solid transparent;
    transition: all 0.3s;
}
.ts-pm-blog-content a.ts-pm-all-btn:hover {
    border: 1px solid var(--themestack-primary-color);
    background-color:var(--themestack-white-color);
    color: var(--themestack-primary-color);
}
.download-free-section {
    background-color: #f5f7fb;
    padding-top: 74px;
    padding-bottom: 114px;
}
.ts-pm-blog-slider {
    position: relative;
}
.ts-pm-blog-slider .ts-pm-swiper-container.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    overflow: hidden;
}
.ts-pm-blog-slider .swiper-pointer-events {
    touch-action: pan-y;
    overflow: hidden;
    position: relative;
}
.ts-pm-blog-content {
    background-color:var(--themestack-white-color);
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 19px;
    padding-bottom: 34px;
}
.ts-pm-download-free-section .ts-pm-download-paginnation {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -59px;
    margin: 0 auto;
    text-align: center;
}
.ts-pm-inner-flex-flex {
    display: flex;
    align-items:center;
}
.ts-pm-inner-flex-flex p {
    padding-left: 0;
    padding-bottom: 0px;
    margin-bottom: 0;
}
.bg-heading {
    padding-bottom: 20px;
}
.ts-pm-inner-flex-flex .star-rating::before {
    content: "\73\73\73\73\73";
    color: var(--themestack-yellow);
    float: none;
    position: unset;
    font-size: 14px;
    letter-spacing: 3px;
    margin-right: 20px;
}
/*------ download free section css end-------- */
/* -------- customers section css------- -- */
.ts-pm-swiper-pagination.ts-pm-shop-paginnation.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: center;
    padding-top: 19px;
}
.ts-pm-shop-swiper-container {
    padding-top: 40px;
}
.ts-pm-customers-sestion .swiper-pagination{
    position: relative;
    top:0px;
}
.ts-pm-shop-slide>img {
    position: absolute;
    top: -35px;
}
.ts-pm-shop-slide p {
    font-size: 16px;
    line-height: 30px;
    color: var(--Pm-graylight-color);
    font-weight: 400;
    font-style: italic;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 0;
}
.ts-pm-shop-slide p::before {
    position: absolute;
    content: "";
    background-image: url(../images/pixelmarket-inner-cot.png);
    height: 101px;
    width: 114px;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    z-index: -1;
}
.ts-pm-shop-inner-cls {
    display: flex;
    align-items: center;
}
.ts-pm-shop-inner-cls img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}
.ts-pm-shop-inner-cls-text {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
}
.ts-pm-shop-inner-cls-text span {
    font-size: 14px;
    color: var(--Pm-graylight-color);
    font-weight: 500;
} 
span.ts-pm-text-ui {
    font-size: 16px;
    color: var(--Pm-purpal-color);
    font-weight: 700;
    line-height: normal;
}
.ts-pm-shop-slider {
    position: relative;
} 
.ts-pm-shop-slider .ts-pm-swiper-container{
    padding: 15px 10px 20px;	
}
.ts-pm-swiper-container.swiper-container-initialized.swiper-container-horizontal {
    overflow: hidden;
}
.ts-pm-shop-slider {
    overflow: hidden;
    position: relative;
}
.ts-pm-shop-slider .swiper-slide{
    padding: 10px;
}
.ts-pm-shop-slider .ts-pm-shop-slide{
    padding: 60px 20px 40px;
    position: relative;
    border-radius: 10px;
    background-color: var(--themestack-white-color);
    filter: drop-shadow(0 0 15px rgba(138,123,168,0.1));
}	
.ts-pm-download-free-section span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    width:18px;
    height:8px;
    border-radius: 3px;
}
.ts-pm-customers-sestion span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    width:18px;
    height:8px;
    border-radius: 3px;
}
.ts-pm-customers-sestion .download-paginnation {
    bottom: -47px;	
}
.ts-pm-customers-sestion .swiper-pagination-bullet {
    margin-left: 7px !important;
}
/* -------- customers section css end------- -- */
/* ------------marketplace section css ----------*/
.ts-pm-box1 h1 {
    font-size: 18px;
    color: #364160;
    font-weight: 700;
    padding-bottom: 27px;
    position: relative;
    padding-top: 10px;
}
.ts-pm-box1 {
    padding: 50px 20px 40px 20px;
    border-radius: 6px;
    background-color: var(--themestack-white-color);
    text-align: center;
    transition: all 0.3s;
}
.ts-pm-box1 img {
    transition: all 0.3s ease-in-out;
}
.ts-pm-box1:hover img {
    animation: swing 0.8s ease-out 1;
}
.ts-pm-box1:hover {
    transform: translate(0px, -10px);
    box-shadow: 0px 0px 20px 0px rgb(242 242 242);
}
.ts-pm-box1 p {
    font-size: 16px;
    color: var(--Pm-graylight-color);
    font-weight: 400;
    margin-bottom: 0;
}
.ts-pm-box1 img {
    padding-bottom: 10px;
}
.ts-pm-box1 h1:before {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color:var(--Pm-pich-color);
    top:46px;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
h1.ts-pm-inner-bg1:before {
    background-color:var(--Pm-gbox-color);
}
h1.ts-pm-inner-bg2:before {
    background-color:var(--Pm-pbox-color);
}
h1.ts-pm-inner-bg3:before {
    background-color:var(--Pm-yellow-color);
}
/* ------------marketplace section css end ----------*/
/*-------------------- pricing table------------ */
.pricing-switcher {
    text-align: center;
}
.ts-pm-stp-price-box {
    padding: 40px 0px;
    position: relative;
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    transition: all 0.3s ease 0s;
    border-radius: 6px;
    filter: drop-shadow(0 0 15px rgba(48,120,235,0.1));
    background-color: var(--themestack-white-color);
    margin-top: 66px;
}
.ts-pm-stp-price-box a {
    border-radius: 6px;
    background-color:var(--themestack-primary-color);
    font-size: 14px;
    line-height: 28px;
    color:var(--themestack-white-color);
    font-weight: 500;
    padding: 11px 21px;
    margin-left: 44px;
    text-transform: uppercase;
    border: 1px solid transparent;
    transition: all 0.3s;
}
.ts-pm-stp-price-box a:hover {
    border: 1px solid rgb(48, 120, 235);
    color: rgb(48, 120, 235);
    background-color:var(--themestack-white-color);
}
.ts-pm-stp-price-box h1 {
    font-size: 40px;
    line-height: 70px;
    color: #364160;
    font-weight: 700;
    padding-left: 29px;
    margin-bottom: 0;
}
.ts-pm-stp-price-box h1.ts-pm-pyear {
    display: none;
}
.ts-pm-stp-price-box h1 sub {
    font-size: 16px;
    line-height: 26px;
    color: #fd4f4f;
    font-weight: 700;
    text-transform: capitalize;
}
.ts-pm-stp-price-box p {
    font-size: 16px;
    color: var(--Pm-graylight-color);
    border-bottom: 1px solid #e7e8f4;
    padding: 0 15px 30px 31px;
    margin-bottom: 0;
}
.ts-pm-stp-price-box ul {
    padding-top: 33px;
    padding-left: 40px;
    padding-bottom: 10px;
}
.ts-pm-stp-price-box ul li {
    font-size: 14px;
    color: var(--Pm-graylight-color);
    font-weight: 500;
    padding-bottom: 15px;
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.ts-pm-stp-price-box ul li:last-child {
    padding-bottom: 28px;
}
.ts-pm-stp-price-box ul li img {
    margin-right: 10px;
}
.ts-pm-stp-price-btn h3 {
    font-size: 18px;
    line-height: 70px;
    color: var(--themestack-white-color);
    font-weight: 500;
    font-family: "Roboto";
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
}
.ts-pm-stp-price-btn{
    width: 190px;
    height: 50px;
    border-radius: 25px 25px 25px 0;
    background-color: #fd4f4f;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -20px;
    left: 0;
}
.btn-color1 .ts-pm-stp-price-btn {
    background-color: var(--Pm-yellow-color);
}
.btn-color1 h1.ts-pm-pmonth sub {
    color: #ffab18;
}
.btn-color2 .ts-pm-stp-price-btn {
    background-color: #37c573;
}
.btn-color2 h1.ts-pm-pmonth sub {
    color: #37c573;
}
.ts-pm-stp-price-box {
    position: relative;
    margin-top: 54px;
    margin-bottom: 30px;
}
.ts-pm-pr-heading {
    padding-bottom: 20px;
}
.ts-pm-pricing-switcher {
    text-align: center;
}
.ts-pm-pricing-switcher .ts-pm-fieldset {
    display: inline-block;
    position: relative;
    padding: 5px;
    border-radius: 30px;
    background-color: #ecf0f6;
    width:100%;
    max-width:250px;
}
.ts-pm-pricing-switcher input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.ts-pm-pricing-switcher label {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 117px !important;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 16px;
    color: #364160;
    font-weight: 700;
    width: 31.33%;
}
.ts-pm-over-spacial.plan input[type=radio]:checked + label {
    height: 40px;
    width: 90px;
    border-radius: 23px;
    color:var(--themestack-primary-color );
    filter: drop-shadow(0 0 15px rgba(48,120,235,0.1));
    background-color:var(--themestack-white-color);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition:all 0.5s;
}
.no-js .ts-pm-pricing-switcher {
    display: none;
}
.ts-pm-pricing-list {
    margin: 2em 0 0;
}
.ts-pm-pricing-list > li {
    position: relative;
    margin-bottom: 1em;
}
.ts-pm-pricing-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    max-width: 300px;
    margin: auto;
}
.ts-pm-pricing-save-btn {
    width: 76px;
    max-width: 100%;
    height: 30px;
    border-radius: 15px;
    background-color: #fd4f4f;
    position: absolute;
    top: 10px;
    right: -70px;
}
.ts-pm-pricing-save-btn a{
    font-size: 12px;
    color:var(--themestack-white-color);
    font-weight: 400;
    font-family: "Roboto";
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
}
.ts-pm-pricing-save-btn img{
    position: absolute;
    top: -13px;
    left: -16px;
}
/* ---------------top footer css start-------------- */
.ts-pm-top-footer-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    border-top: solid 1px rgba(255, 255, 255, 0.10);
}
.ts-pm-ftop-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;     
}
/* ---------------top footer css send-------------- */
/* ---------------footer css-------------- */

.ts-pm-footer-section {
    background-color: #232323;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0 64px 0;    
}
a.ts-pm-btn {
    border-radius: 6px;
    width: 220px;
    min-height: 50px;
    background-color:var(--Pm-yellow-color);
    font-size: 14px;
    line-height: 28px;
    color:var(--themestack-white-color);
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    padding: 10px 22px;
    border: 1px solid transparent;
    transition: 0.3s;
}
a.ts-pm-btn:hover {
    border: 1px solid var(--Pm-yellow-color);
    background-color: #232323;
}  
.ts-pm-ftop-text h1 {
    font-size: 36px;
    line-height: 46px;
    color: var(--themestack-white-color);
    font-weight: 400;
    text-transform: capitalize;
}
.ts-pm-ftop-text p {
    font-size: 16px;
    line-height: 26px;
    color:var(--Pm-light-brown-color);
    font-weight: 400;
}
.ts-pm-footer-section{
    position: relative;
}
.ts-pm-footer-box h4 {
    font-size: 18px;
    color: var(--themestack-white-color);
    font-weight: 500;
    padding-bottom: 30px;
    text-transform: capitalize;
}
.ts-pm-footer-box ul li {
    padding-bottom: 10px;
    transition: all 0.3s;
}
.ts-pm-footer-box ul li:last-child{
    padding-bottom: 0px;
}
.ts-pm-footer-box ul li:hover {
    margin-left: 7px;
}
.ts-pm-footer-box ul li a:hover {
    color:var(--themestack-primary-color);
}
.ts-pm-footer-box ul li a {
    font-size: 14px;
    color:var(--Pm-light-brown-color);
    font-weight: 400;
    position: relative;
}
.ts-pm-footer-box ul li a:before {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    left: -19px;
    top: 9px;
    right: 0;
    border-radius: 50%;
    background-color:var(--Pm-light-brown-color);
}
.ts-pm-auth-feilds {
    position: relative;
}
span.ts-pm-fs-logo-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 19px;    
    z-index: 1;
}
span.ts-pm-fs-logo-icon svg {
    fill: #adb7be;
}
.ts-pm-footer-section input[type="text"] {
    width: 100%;
    height: 50px;
    padding: 0 45px 0 50px;
    border-radius: 6px;
    background-color: #2f2f2f;
    border: navajowhite; 
    position: relative;
    color: #adb7be;        
}
.ts-pm-footer-section input::placeholder{
    color:#adb7be;
}
.ts-pm-copy-right {
    font-size: 14px;
    line-height: 36px;
    color:var(--Pm-light-brown-color);
    font-weight: 400;
    text-align: center;
}
.ts-pm-footer-box ul {
    padding: 0 0px 0 25px; ;
}
.ts-pm-fs-sub {
    position: absolute;
    top: 0px;
    right: 3px;
}
.ts-pm-fs-sub a {
    font-size: 14px;
    line-height: 30px;
    color: var(--themestack-white-color);
    font-weight: 500;
    background-color: var(--themestack-white-color);
    border-radius: 0px 6px 6px 0px;
    background-color: var(--themestack-primary-color);
    display: inline-block;
    position: relative;
    min-width: 140px;
    text-align: center;
    padding: 10px 10px 10px 30px;
}
.ts-pm-auth-feilds p {
    font-size: 12px;
    line-height: 20px;
    color:var(--Pm-light-brown-color);
    padding-top: 15px;
}
.ts-pm-contact-cls h3 {
    font-size: 18px;
    color: var(--themestack-white-color);
    font-weight: 500;
    padding-top: 30px;
}
.ts-pm-fs-lft-icon {
    display: flex;
    justify-content: start;
    align-items: center;
}
span.ts-pm-fly-icon {
    padding-right: 11px;
    padding-top: 10px;
}
span.ts-pm-fly-icon svg {
    fill: var(--themestack-primary-color);
}
.ts-pm-fs-lft-icon p{
    font-size: 14px !important;
    color:var(--Pm-light-brown-color) !important;
    font-weight: 400 !important;
}
.ts-pm-fs-lft-icon2 {
    display: flex;
    justify-content: start;
    align-items: center;
}
.ts-pm-fs-lft-icon2 p {
    font-size: 14px;
    color:var(--Pm-light-brown-color);
    font-weight: 400;
}
span.ts-pm-fs-logo-icon svg .s0 {
    fill: var(--Pm-light-brown-color) !important;
}
.ts-pm-last-footer {
    background-color: #232323;
    border-top: solid 1px rgba(255, 255, 255, 0.10);
    padding: 10px 0px;
}
.ts-pm-auth-fields-form {
    position: relative;
}
span.ts-pm-fs-sub-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    z-index: 1;
}
span.ts-pm-fs-sub-icon svg {
    fill: var(--themestack-white-color);
}
.ts-pm-pxlmart-banner-img>img{
    display: none;
}
.ts-pm-footr-field {
    position: relative;
    max-width: 300px;
}
.ts-pm-footer-section .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    width: 18px;
    height: 8px;
    border-radius: 3px;
}
.ts-pm-footer-section .swiper-pagination-bullet{
    margin-left: 2px;
}
.ts-pm-footer-box ul li:hover a:before {
    background-color: var(--themestack-primary-color);
}
/*----------- form ------------*/
.ts-pm-host-ht-search-wrappper {
    width: 100%;
    max-width: 650px;
    border-radius: 6px;
    background-color: var(--themestack-white-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 41px;
    padding: 7px 0;
}
.ts-pm-host-ht-search-wrappper form {
    width: 100%;
}
.ts-pm-host-search-btn button {
    background: none;
    border: none;
    color: var(--themestack-white-color);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0;
    width: 170px;
    min-height: 48px;
}
.ts-pm-form-control.ts-pm-search-control {
    border-color: transparent;
}  
.ts-pm-form-control {
    font-size: 16px;
    color: var(--Pm-brown-color);
    max-width: 520px;
    width: 100%;
    padding: 0px 30px;
    text-transform: capitalize;
    background-color: transparent;
}
.ts-pm-host-search-btn{
    justify-content: unset;
}
.ts-pm-host-search-btn {
    width: 170px;
    min-height: 50px;
    border-radius: 6px;
    background-color:var(--themestack-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    letter-spacing: 1px;
    transition: 0.3s linear;
    color: var(--themestack-white-color) !important;
    position:absolute;
    top:0;
    right:7px;
}
.ts-pm-host-search-btn a {
    color:var(--themestack-white-color);
    text-transform: uppercase;
    font-weight: 500;
}
.nav-tabs .nav-link{
    text-transform: initial;
}
.ts-pm-pxlmart-img .wp-img {
    position: absolute;
    right: 640px;
    top: 44px;
}
.ts-pm-pxlmart-img .shop-img {
    position: absolute;
    right: 215px;
    bottom: 334px;
}
.ts-pm-pxlmart-img .elem-img {
    position: absolute;
    left: -32px;
    bottom: 32px;
}
.ts-pm-pxlmart-img .woocomm-img {
    position: absolute;
    right: 250px;
    bottom: 29px;
}
.ts-pm-pxlmart-img .test-img {
    width: 92px;
    height: 94px;
    border-radius: 20px;
    filter: drop-shadow(-14.722px -8.5px 25px rgba(48,120,235,0.4));
    background-color:var(--themestack-white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
}
.ts-pm-pxlmart-img img {
    width: 100%;
    max-width: 81%;
}
/* ------------responsive css -------*/
@media (max-width:1760px) {
.ts-pm-banner-img .icon2{
        right: 33%;
    }
    .ts-pm-banner-img .icon5{
        right: 10px;
    }
}
@media (max-width:1726px) {
.ts-pm-banner-img .icon3{
        right: -8px;
    }
}
@media (max-width:1600px){
    .ts-pm-pxlmart-img .woocomm-img,.ts-pm-pxlmart-img .ts-pm-shop-img{
            right: 0;
    }
    .ts-pm-pxlmart-img .wp-img{
        right: 270px;
    }
}
@media (max-width:1400px){
    .ts-pm-pxlmart-img .wp-img{
        right: 220px;
    }   
    .ts-pm-footer-section input[type="text"] {
        padding: 0 100px 0 50px;
    }
}
@media(max-width:1350px){
    .ts-header-style17 .menu>li {
        padding-right: 30px!important;
    }
    .ts-header-style17 .menu>li:last-child {
        padding-right: 0!important;
    }
}
@media (max-width:1200px){
    .ts-pm-pxlmart-img .ts-pm-test-img{
        display: none;
    }
    .box1 h1 {
        font-size: 15px;
    }
}
@media (max-width:1199px){
    .ts-pm-banner-img .icon1, .icon2, .icon3, .icon4, .icon4, .icon5{
        display: none;
    }
    .ts-pm-banner-img img {
        display: none;
    }
    .ts-pm-banner-text {
        padding: 36px 0px 10px;
        padding-left: 31px;
    }
    .ts-pm-pxlmart-banner-img>img{
        display: block;
    }
    .ts-pm-banner-img{
        margin-bottom: 0px;
        padding-top:0;
    }
    .ts-pm-inner-wordpress p::after {
        display: none;
    }
    .ts-pm-box1 h1{
        font-size: 16px;
    }
    .ts-pm-fs-sub {        
        right: -25px;
    }
    .ts-pm-footer-section input[type="text"] {
        padding: 0 120px 0 50px;
    }
    .ts-pm-inner-wordpress p:before {
        width: 265px;
    }
    .ts-pm-flex-fully {
        justify-content: space-between;
        max-width: 325px;
        margin: auto;
    }
    .ts-pm-inner-wordpress a {
        margin-bottom: 35px;
    }
    .ts-header-style17 .ts-logo-wrap {
        padding: 15px 0;
    }
}
@media (max-width:1190px){
    .ts-pm-left-inner-btn a{
        padding: 11px 36px;
    }
}
@media (max-width:1110px){
    .ts-pm-left-inner-btn a{
        padding: 11px 28px;
    }
}
@media (max-width:1046px){
    .ts-pm-left-inner-btn a {
        padding: 11px 17px;
    } 
}
/* ---------toggle css-------- */
@media(max-width:991px) {
    .ts-pm-pxlmart-img{
        padding: 152px 0px;
    }
    li.nav-item{
        margin-bottom: 10px;
    }
    .ts-pm-text img {
        width: 100%;
    }   
    /*.ts-pm-banner-text{*/
    /*    padding: 71px 0px;*/
    /*    padding-left: 31px;*/
    /*}*/
    .ts-pm-pxlmart-img{
        padding: 12px 0px;
    }
    .ts-pm-host-signup, .ts-pm-host-pt-box-btn {
        margin-right: 10px !important;
    }
    .ts-pm-img-inner-wordpress {
        text-align: center;
    }
    .ts-pm-flex-fully {        
        padding-bottom: 20px;        
        justify-content: center;     
    }
    .ts-pm-flex-fully span:last-child {        
        margin-left: 35px;
    }
    .ts-pm-footer-section input[type="text"] {
        padding: 0 95px 0 50px;
    }
    .ts-pm-footer-section .row .col-md-6:nth-child(3) .ts-pm-footer-box h4, .ts-pm-footer-section .row .col-md-6:nth-child(4) .ts-pm-footer-box h4 {
        padding-top: 30px;
    }
    .ts-header-style17 .container-fluid {
        padding: 0 15px;
    }
    .ts-pm-newest-item-section li.nav-item {
        margin-bottom: 10px;
    }
    .ts-pm-newest-item-section .card-header {
        padding-bottom: 0;
    }
}
@media (max-width:767px) {
    .ts-pm-banner-text{
        padding: 0px;
    }
    .ts-pm-pxlmart-img{
        padding: 0;
    }
    input[type="text"]{
        width: 100%;
    }
    .ts-pm-footer-section{
        padding: 49px 0 40px;
    }
    .Pm-ftop-btn {
        margin-top: 29px;
    }
    .ts-pm-blog-image img {
        width: 100%;
    }   
    .ts-pm-inner-wordpress img {
        padding-top: 40px;
    }
    .ts-pm-host-signup, .ts-pm-host-pt-box-btn {
        margin-right: 7px !important;
    }
    .ts-pm-flex-fully span:before {
        right: 0;
    }
    .ts-pm-footr-field {     
        max-width: 100%;
    }
    .ts-pm-fs-sub {
        right: -28px;
    }
    .ts-pm-footer-section input[type="text"] {
        padding: 0 100px 0 50px;
    }
    .ts-pm-fs-sub a {        
        min-width: 120px;
        padding: 10px 5px 10px 20px;
    }
    span.ts-pm-fs-sub-icon {        
        left: 10px;     
    }
    .ts-pm-ftop-btn {        
        margin-top: 20px;     
    }
}
@media (max-width:575px){
    .ts-pm-footer-section .row .col-md-6:nth-child(2) .ts-pm-footer-box h4{
        padding-top: 30px;
    }
    .ts-pm-fs-sub {
        right: 0;
    }
    .ts-pm-fs-sub a {
        min-width: 130px;
        padding: 10px 10px 10px 30px;
    }
    span.ts-pm-fs-sub-icon {
        left: 15px;
    }
    .ts-pm-footer-section input[type="text"] {
        padding: 0 140px 0 50px;
    }
    .ts-header-style17 .ts-logo-wrap {
        padding-bottom: 15px;
    }
    .ts-header-style17 .ts-main-header .ts-main-header-inner {
        flex-direction: column;
    }
    .ts-header-style17{
        padding-bottom:15px !important;
    }
    .ts-pm-banner-text {
        padding-top: 50px;
    }
}
@media (max-width:558px) {
    .ts-pm-banner-text h1{
        font-size: 25px;
    }
}

@media (max-width:480px){
    .ts-pm-pricing-save-btn {
        top:auto;
        bottom: -20px;
        right: 0;
        left: 0;
        margin: auto;
    }
   .ts-pm-pricing-save-btn img {
        bottom: 10px;
        left: auto;
        right: -30px;
        transform: rotate(100deg);
        top: auto;
    }
}
@media (max-width:449px) {
    .ts-pm-footer-section .row:after{
        top: 318px;
    }
}
@media (max-width:425px) {
    .ts-pm-pricing-save-btn {        
        left: 20px;
    }
    .ts-pm-host-search-btn {
        width: 120px;
    }
    .ts-pm-host-ht-search-wrappper input {
        padding: 0 135px 0 20px;
    }
    .ts-pm-newest-item-section ul.nav.nav-tabs {
        display: block;
        text-align: center;
    }
    .ts-pm-newest-item-section ul.nav.nav-tabs li{
        margin-right:0;
    }
}
@media (max-width:412px) {
    .ts-pm-footer-section .row:after {
        top: 381px;
    }    
}
@media(max-width:375px){
    .ts-pm-flex-fully{
        display: block;
    }
    .ts-pm-flex-fully span:before {
        display: none;
    }
    .ts-pm-flex-fully span:last-child {
        margin-left: 0;     
    }
    .ts-pm-flex-fully span{        
        display: block;
    }
    .ts-pm-host-search-btn {
        width: 100px;
    }
    .ts-pm-host-ht-search-wrappper input {
        padding: 0 115px 0 20px;
    }
    .ts-header-style17 .container-fluid {
        padding: 0px 5px;
    }
}
@media (max-width:349px) {
    .ts-pm-pricing-save-btn {
        margin-top: 25px;
        left: 0;
    }
}
/* ------------responsive css end -------*/
/*======================= Pixel market demo css end ====================*/
/*======================= SEO demo css start ====================*/
.ts-seo-heading {
    font-size: 32px;
    color: var(--seo-dark-blue-color);
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-seo-paragraph{        
    font-size: 16px;   
    color:var(--seo-light-purple-color);
    font-weight: 400;    
}
/* botton css start*/
.ts-seo-btn {
    max-width: 170px;
    width: 100%;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to right, #cd37ff 0%,#a133ff 51%,  #cd37ff 100%);
    background-size: 200% auto;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 600;
    color: var(--themestack-white-color) !important;
    transition: all 0.5s;
    text-transform: capitalize;
}
.ts-seo-btn:hover{
    background-position: right center;
    color: var(--themestack-white-color) !important;
    transform: translateY(-5px);
    box-shadow: 0 0 20px rgb(205 55 255 / 50%);
}
/* botton css end */
/* banner section css start */
.ts-seo-banner-wrapper .container-fluid {
    padding: 0 145px;
}
.ts-seo-banner-left-content{
    padding-top: 250px;
}
.ts-seo-banner-left-content .tagline{
    background-image: linear-gradient(to right, #ce37ff 0%, #7b00dd 100%);
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    font-size: 18px;    
    font-weight: 600;
    border-bottom: 1px solid #deacef;
    position: relative;
    pointer-events: none;
}
.ts-seo-banner-left-content .tagline:after{
    content: '';
    width: 76px;
    height: 4px;
    background-image: linear-gradient(-35deg, #fff 0%, #cd37ff 100%);
    position: absolute;
    right: -100px;
    top: 15px;
}
.ts-seo-banner-left-content h1 {
    font-size: 60px;
    color: var(--seo-dark-blue-color);
    font-weight: 800;
    margin: 20px 0;
    font-family: 'Mukta';
    max-width: 500px;
    width: 100%;
}
.ts-seo-banner-left-content p {
    max-width: 571px;
    width: 100%;
    font-size: 18px;
    color: var(--seo-light-purple-color);
    font-weight: 400;
    margin-bottom: 0;
}
.ts-seo-banner-input {
    margin-top: 40px;
    position: relative;
    max-width: 571px;
    width: 100%;
    box-shadow: 0 0 15px
    rgba(52,124,222,0.1);
    background-color: #fdfbff;
    border-radius: 6px;
    padding: 10px;
}
.ts-seo-banner-input input {
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background-color: #fbf7ff;
    border: 1px solid #e8eef5;
    font-size: 18px;
    color: #87879e;
    font-weight: 400;
    padding: 0 190px 0 20px;
}
.ts-seo-banner-input-btn button {
    border-radius: 6px;
    background-color: var(--seo-dark-blue-color);
    padding: 9px 20px;
    font-size: 18px;
    color: var(--themestack-white-color);
    font-weight: 600;
    position: absolute;
    top: 9px;
    right: 10px;
    border: none;
    transition:all 0.3s;
}
.ts-seo-banner-input-btn button:hover{
    background-color:var(--themestack-primary-color);
}
.ts-seo-banner-input-btn button:focus{
    border:none;
}
/* banner section css end */
/* partner section css start */
.ts-seo-partner-wrapper{
    margin-top: 120px;
}
.ts-seo-partner-wrapper .swiper-container.swiper-initialized.swiper-horizontal {
    overflow: hidden;
    position: relative;
}
.ts-seo-partner-heading .ts-seo-heading {
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 0;
}
.ts-seo-partner-heading span {
    color: var(--themestack-primary-color);
    font-weight: 800;
    margin-right: 10px;
}
.ts-seo-partner-wrapper .swiper-slide{
    text-align: left;
    cursor: pointer;
    opacity: 0.5;
    margin-top: 65px;      
    transition: all 0.3s ease-in-out;        
}
.ts-seo-partner-wrapper .swiper-slide span svg{
    fill: #656f8d;
    transition: all 0.3s ease-in-out;
} 
.ts-seo-partner-wrapper .swiper-slide:hover span svg{
    fill: var(--themestack-primary-color);
} 
.ts-seo-partner-wrapper .swiper-slide:hover{
    transform: translateY(-10px);
}
.ts-seo-partner-wrapper .swiper-slide:hover{
    opacity: 1;
}
/* partner section css end */
/* feauter section css start */
.ts-seo-feature-wrapper{
    padding: 80px 0;
    background-color: var(--seo-bg-color);
}
.ts-seo-feature-heading {
    margin-bottom: 40px;
    margin-top: 10px;
}
.ts-seo-top-heading {
    background-image: linear-gradient(to right, #ce37ff 0%, #7b00dd 100%);
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    margin-bottom: 0;
}
.ts-seo-top-heading:after{
    content: '';
    width: 76px;
    height: 4px;
    background-image: linear-gradient(-35deg, #cd37ff 0%, #fff 100%);
    position: absolute;
    right: 100%;
    top: 12px;
    margin-right: 10px;
}
.ts-seo-top-heading:before {
    content: '';
    width: 76px;
    height: 4px;
    background-image: linear-gradient(-35deg, #fff 0%, #cd37ff 100%);
    position: absolute;
    left: 100%;
    top: 12px;
    margin-left: 10px;
}
.ts-seo-feature-box {
    background-color: var(--themestack-white-color);
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(52,124,222,0.1);
    padding: 43px 30px 39px 30px;
    transition: all 0.3s ease-in-out;
}
.ts-seo-feature-box:hover{
    transform: translateY(-10px);
}
.ts-seo-feature-box:hover .ts-seo-feature-box-inner h4{
    color: var(--themestack-primary-color);
}
.ts-seo-feature-box-inner{
    text-align: center;
}
.ts-seo-feature-box-inner h4 {
    font-size: 20px;
    color: var(--seo-dark-blue-color);
    font-weight: 800;
    text-transform: capitalize;
    margin-top: 20px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 0;
}
.ts-seo-feature-box-inner .ts-seo-paragraph{
    margin: 20px 0;
    line-height: 1.8s;
}
.ts-seo-feature-box-inner a{
    background-image: linear-gradient(to right, #ce37ff 0%, #7b00dd 100%);
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
.ts-seo-feature-box-inner a:hover{
    letter-spacing: 2px;
}
.ts-seo-feature-box-inner a svg{
    fill:var(--themestack-primary-color);
    margin-left: 5px;
    margin-top: -2px;
    transition:all 0.3s;
}
/* feature section css end */
/* about section css start */
.ts-seo-About-left img{
    animation: up-down 2s infinite alternate-reverse both;
}
@keyframes up-down{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(-10px);
    }
}
.ts-seo-about-heading .ts-seo-top-heading{
    max-width: 170px;
    margin-left: 0;
}
.ts-seo-about-heading .ts-seo-heading{
    color: #333333;
    text-align: left;
    margin-top: 10px;
}
.ts-seo-abt .ts-seo-top-heading:after {
    display: none;
}
.ts-seo-abt .ts-seo-feature-heading{
    margin-bottom:18px;
}
.ts-seo-abt p{
    line-height:1.5;
}
/* about section css end */
/* facility section css start */
.ts-seo-facility-heading .ts-seo-top-heading{
    max-width: 270px;
    margin-left: 0;
}
.ts-seo-fclty {
    padding-top: 92px;
}
.ts-seo-fclty .ts-seo-top-heading:after {
    display: none;
}
.ts-seo-fclty .ts-seo-heading {
    max-width: 450px;
    width: 100%;
}
.ts-seo-fclty .ts-seo-feature-heading {
    margin-bottom: 20px;
}
.ts-seo-fclty p {
    line-height: 1.5;
}
.ts-seo-facility-heading .ts-seo-heading{
    margin-top: 10px;
    text-align: left;
}
.ts-seo-facility-content .ts-seo-paragraph{
    color: #666666;
    margin: 30px 0 40px 0;
}
.ts-seo-facility-right{
    position: relative;
}
.ts-seo-facility-right:after {
    content: '';
    width: 348px;
    height: 348px;
    border-radius: 50%;
    opacity: 0.06;
    background-image: linear-gradient(-35deg, #a133ff 0%, #cd37ff 100%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;    
}
/* circular counter */
.ts-seo-counter-box{
    background-color: var(--themestack-white-color);
    border-radius: 10px;
    box-shadow:0 0 15px rgba(52,124,222,0.1); 
    padding: 40px 30px; 
    max-width: 260px;  
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all 0.3s;
}
.ts-seo-counter-box:hover{
    transform: translateX(10px);
}
.counter-second-box{
    margin-top: 30px;
}
.ts-seo-counter-inner .first .circle{
    position: relative;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    cursor: default;
    margin: auto;
 }
 .ts-seo-counter-inner .first .circle .box, .first .circle .box span {
    position: absolute;
    top: 47%;
    left: 49%;
}
.ts-seo-counter-inner .circle .box span{
    font-size: 30px;
    color: var(--seo-dark-blue-color);
    font-weight: 700;
    transform: translate(-45%, -45%);
    transition: all 0.1s;
}
.ts-seo-counter-inner .first .text {
    font-size: 20px;
    font-weight: 700;
    color: var(--seo-dark-blue-color);
    text-transform: capitalize;
    text-align: center;
    margin-top: 30px;
}
/* facility section css end */
/* video section start */
.ts-seo-video-wrapper{
    background-image: url(../images/seo/video-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 80px;    
}
.ts-seo-vdo .ts-seo-feature-heading {
    margin-bottom: 20px;
}
.ts-seo-vdo p {
    line-height:1.5;
}
.ts-seo-video-box{
    max-width: 720px;
    width: 100%;
    border-radius: 10px;
    background-color: var(--themestack-white-color);    
    margin: auto;
}
.ts-seo-video-inner{
    position: relative;
    text-align: center;
}
.ts-seo-video-img {
    position: relative;
}
.ts-seo-video-img img{
    border-radius:10px;
}
.ts-seo-video-inner .ts-seo-video-img-overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    border-radius: 10px;
}
.ts-seo-video-inner .ts-seo-video-btn span{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-image: linear-gradient(-35deg, #a133ff 0%, #cd37ff 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: shadow-pulse 2s infinite;
	cursor: pointer;
}
.ts-seo-video-inner .ts-seo-video-btn span{
    fill: var(--themestack-white-color);
}
@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255 255 255 / 70%)
    }
    100% {
        box-shadow: 0 0 0 30px rgb(255 255 0 / 0%);        
    }
}
/* video modal css start */
.ts-seo-modal-main-wrapper .modal-content{
    background-color: transparent;
    border:none;
}
.ts-seo-modal-main-wrapper .modal-dialog, .ts-seo-modal-main-wrapper .ts-seo-banner-video, .ts-seo-modal-main-wrapper .ts-seo-banner-video video{
    max-width: 800px;    
}
.ts-seo-modal-main-wrapper .ts-seo-banner-video video {
    border-radius: 6px;
    max-width: 800px;
    width: 100%;
}
/* video modal css end */
/* video section end */
/* mission section css start */
.ts-seo-mission-heading{
    text-align: center;
}
.ts-seo-mission-heading .ts-seo-heading{
    margin-top: 10px;
}
/* tab css start */
.ts-seo-mission-tab-wrapper .nav-tabs {
    border-bottom: none !important;
}
.ts-seo-mission-tab-wrapper .nav {
    max-width: 770px;
    width: 100%;
    background-color: var(--themestack-white-color);
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(52,124,222,0.1);
    margin: 50px auto 30px auto;
    padding: 25px 0 22px 0;
    justify-content: center;
}
.ts-seo-mission-tab-wrapper .nav li {
    margin-right: 50px;
    margin-bottom: 0;
}
.ts-seo-mission-tab-wrapper .nav li:nth-child(4){
    margin-right: 0;
}
.ts-seo-mission-tab-wrapper .nav li a {
    font-size: 16px;
    color: #666666;
    font-weight: 500;
    padding: 25px 0 20px 0;
    position: relative;
    text-transform: capitalize;
}
.ts-seo-mission-tab-wrapper .nav li a:after{
    content: '';
    width: 97px;
    height: 4px;
    background-color: var(--themestack-primary-color);
    border-radius: 10px 10px 0 0;
    position: absolute;
    top: 100%; 
    left: 50%;   
    transform: translateX(-50%)scale(0);
    transition: all 0.3s;
}
.ts-seo-mission-tab-wrapper .nav li a.active:after{
    content: '';
    width: 97px;
    height: 4px;
    background-color: var(--themestack-primary-color);
    border-radius: 10px 10px 0 0;
    position: absolute;
    top: 100%;
    left: 50%;        
    transform: translateX(-50%)scale(1);
    transition: all 0.3s;
}
.ts-seo-mission-tab-wrapper .nav li a.active{
    color: var(--themestack-primary-color);
}
.ts-seo-mission-content-box {
    border-radius: 10px;
    background-color: #fefcff;
    border: 1px solid #e8eef5;
    padding: 35px 50px;
}
.ts-seo-mission-content-inner .ts-seo-heading{
    font-size: 26px;
    text-align: left;
    margin-top: 10px;
}
.ts-seo-mission-content-inner .ts-seo-paragraph {
    color: #666666;
    padding: 15px 0 30px 0;
    margin-bottom: 0;
}
.ts-seo-mission-list ul {
    padding-left: 0;
    list-style: none;
}
.ts-seo-mission-list ul li.paragarph{
    margin-bottom: 25px;
    color: #666666;
}
.ts-seo-mission-list ul li.paragarph:last-child{
    margin-bottom: 0px;
}
.ts-seo-mission-list ul li img{
    margin-right: 10px;
    margin-top: -5px;
}
/* tab scs end */
/* mission section css end */
/* score section css start */
.ts-seo-score-heading{
    text-align: center;
}
.ts-seo-score-heading .ts-seo-heading{
    margin-top: 10px;
    margin-bottom: 50px;
}
.ts-seo-score-box{
    max-width: 970px;
    width: 100%;
    background-color: var(--themestack-white-color);
    border-radius: 10px;
    margin: auto;
    padding: 50px 45px;
}
.ts-seo-score-box-inner p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.ts-seo-score-box-inner input {
    max-width: 335px;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background-color: #fbf7ff;
    border: 1px solid #e8eef5;
    font-size: 18px;
    color: #87879e;
    font-weight: 400;
    padding: 0 20px;
    margin-right: 20px;
}
.ts-seo-score-box-inner input::placeholder {
    color: #87879e;
}
.ts-seo-score-box-inner input.ts-seo-btn {
    max-width: 170px;
    width: 100%;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to right, #cd37ff 0%,#a133ff 51%, #cd37ff 100%) !important;
    background-size: 200% auto;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 600;
    color: var(--themestack-white-color) !important;
    transition: all 0.5s;
    text-transform: capitalize;
    margin-right: 0px;
}
/* score section css end */
/* client section css start */
.ts-seo-client-wrapper .swiper-container.swiper-initialized.swiper-horizontal {
    overflow: hidden;
    position: relative;
}
.ts-seo-tstmnl-slder .ts-seo-feature-heading {
    margin-bottom: 0;
}
.ts-seo-client-top-heading .ts-seo-heading{
    margin-top: 10px;    
}
.ts-seo-client-box {
    background-color: var(--themestack-white-color);
    padding: 12px 25px 20px 30px;
    border-radius: 10px;
    box-shadow: 1px 4px 27px 0px rgb(0 0 0 / 10%);
    margin-top: 55px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.ts-seo-client-box:after {
    content: '';
    max-width: 411px;
    width: 100%;
    background-image: linear-gradient(to left, #a133ff -50%, #cd37ff 100%);
    padding: 25px 0;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px 0 25px 25px;
    z-index: 0;
}
.ts-seo-client-heading {
    display: flex;
    margin-left: -25px;
    position: relative;
}
.ts-seo-client-name {
    position: relative;
    z-index: 1;
    margin: 2px 0 0 30px;
    display: flex;
}
.ts-seo-client-name h6 {
    font-size: 20px;
    font-weight: 700;
    color: var(--themestack-white-color);
    transition: all 0.3s ease-in-out;    
}
.ts-seo-client-name span {
    font-size: 14px;
    font-weight: 400;
    color: var(--themestack-white-color);
    margin: -2px 0 0 15px;
}
.ts-seo-client-text .ts-seo-paragraph{
    color: #666666;    
    margin-top: 20px;
    line-height: 1.7;
    transition: all 0.3s ease-in-out;
}
.ts-seo-client-img {
    z-index: 1;
    padding-left: 48px;
}
.ts-seo-profile-shape-img {
    position: absolute;
    top: 34px;
    left: 15px;
}
.ts-seo-client-img img {
    width: 74px;
    height: 74px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}
.ts-seo-client-img-shape {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ts-seo-qoute-img {
    position: absolute;
    top: -14px;
    right: 35px;
}
.ts-seo-qoute-img svg{
    fill: var(--themestack-primary-color);
    transition: all 0.3s ease-in-out;
}
.ts-seo-client-wrapper .swiper-container{    
    padding: 0 20px 75px;
}
.ts-seo-client-wrapper .swiper-slide {
    opacity: 0;
}
.ts-seo-client-wrapper .swiper-slide.swiper-slide-active,.ts-seo-client-wrapper .swiper-slide.swiper-slide-next {
    opacity: 1;
}
.ts-seo-client-wrapper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: var(--seo-light-purple-color);
}
.ts-seo-client-wrapper .swiper-pagination-bullet-active{
    width: 12px;
    height: 12px;
    background-color: var(--themestack-primary-color);
}
.ts-seo-client-wrapper .swiper-slide{
    transition: all 0.3s ease-in-out;
}
/* client section css end */
/* pricing section css start */
.ts-seo-price-heading{
    text-align: center;
}
.ts-seo-price-heading .ts-seo-heading{
    margin-top: 10px;
    margin-bottom: 50px;
}
.ts-seo-pricing-tab-wrapper .nav {
    background-color: #e7e8f7;
    border-radius: 50px;
    padding: 18px 10px 16px 10px;
    justify-content: space-between;
    position: relative;
}
.ts-seo-pricing-tab-wrapper .nav li {
    margin-bottom: 0;
}
.ts-seo-pricing-tab-wrapper .nav li:last-child{
    margin-right: 0;
}
.ts-seo-pricing-tab-wrapper .nav li a{
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    padding: 10px 30px;
}
.ts-seo-pricing-tab-wrapper .nav li.seo-price-active a {
    font-weight: 600;
    background-color: var(--themestack-white-color);
    border-radius: 50px;
    color: var(--themestack-primary-color);    
}
.ts-seo-tab-header{
    position: relative;
    max-width: 260px;
    width: 100%;
    margin: auto;
    padding-bottom: 20px;
}
.ts-seo-tab-header span {
    font-size: 12px;
    color: var(--themestack-white-color);
    font-weight: 700;
    text-transform: uppercase;
    background-image: linear-gradient(to right, #cd37ff 0%,#a133ff 51%,  #cd37ff 100%);
    background-size: 200% auto;
    border-radius: 50px;
    padding: 10px 12px;
    position: absolute;
    top: 15px;
    right: -95px;
    display: block;
}
.ts-seo-tab-header img{
    position: absolute;
    top: 10px;
    right: -20px;
}
.ts-seo-price-table-heading {
    margin-bottom: 30px;
}
.ts-seo-price-table-heading h1{
    font-size: 42px;    
    color: var(--seo-dark-blue-color);
    font-weight: 500;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}
.ts-seo-price-table-heading span {    
    background-color: #eeeffb;
    border-radius: 50px;
    padding: 5px 20px 2px 20px;
    font-size: 16px;
    color: var(--seo-dark-blue-color);
    font-weight: 500;
    text-transform: uppercase;        
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
}
.ts-seo-price-table-heading .ts-seo-pyear {
    display: none;
}
.ts-seo-price-table-list ul {
    padding-left: 0;
    list-style: none;
}
.ts-seo-price-table-list ul li {
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    margin-bottom: 15px;
}
.ts-seo-price-table-list ul li img{
    margin:-5px 15px 0 0;
}
.ts-seo-price-btn .ts-seo-btn{
    max-width: 150px;  
    margin-top: 35px; 
    transition: all 0.3s ease-in-out; 
}
.ts-seo-tab-wrapper{
    display: flex;    
    margin: 30px -15px 0 -15px;  
    background-color: var(--themestack-white-color); 
    border-radius: 10px;  
}
.ts-seo-inner {
    padding: 50px;
    transition: all 0.3s ease-in-out;
}
.ts-seo-price-table-box {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;  
    transition: all 0.3s ease-in-out;
}
.ts-seo-price-table-box:hover .ts-seo-inner{
    background-color: var(--themestack-primary-color);    
    border-radius: 20px;  
    transform: scale(1.09);    
}
.ts-seo-price-table-box:hover .ts-seo-price-table-heading h1{
    color: var(--themestack-white-color);
}
.ts-seo-price-table-box:hover .ts-seo-price-table-list ul li{
    color: var(--themestack-white-color);
}
.ts-seo-price-table-box:hover .ts-seo-price-btn .ts-seo-btn{
    background: var(--themestack-white-color);
    color: var(--themestack-primary-color);
}
/* pricing section css end */
/* footer section css start */
.ts-seo-footer-wrapper{
    padding: 80px 0;
    background-color: #302636;
}
.ts-seo-footer-first .ts-seo-paragraph{
    margin-top: 25px;
    font-weight: 400;
    color: var(--themestack-white-color);
}
.ts-seo-footer-btm-heading h1{
    font-size: 24px;
    font-weight: 700;
    color: var(--themestack-white-color);    
}
.ts-seo-footer-btm-list ul {
    margin-top: 35px;
    margin-left: 20px;
}
.ts-seo-footer-btm-list ul li{
    margin-bottom: 15px;
    list-style-type: disc;
    transition: all 0.3s ease-in-out;
}
.ts-seo-footer-btm-list ul li:last-child{
    margin-bottom: 0px;     
}
.ts-seo-footer-btm-list ul li::marker{    
    color: var(--themestack-white-color);
    transition: all 0.3s;
}
.ts-seo-footer-btm-list ul li a{
    color: var(--themestack-white-color);
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}
.ts-seo-footer-btm-list ul li:hover{
    transform: translateX(5px);
}
.ts-seo-footer-btm-list ul li:hover::marker{
    color: var(--themestack-primary-color);
}
.ts-seo-footer-btm-list ul li a:hover{
    color: var(--themestack-primary-color);
}
.ts-seo-footer-btm-list ul li a img{
    margin:-4px 18px 0 0;
}
.ts-seo-footer-btm-twitter ul{
    margin-top: 35px;
}
.ts-seo-footer-btm-twitter ul li{
    position: relative;
}
.ts-seo-footer-btm-twitter ul li.footer-last-para{
    margin-top: 8px;
}
.ts-seo-footer-btm-twitter ul img {
    position: absolute;
    left: -30px;
    top: 12px;
}
.ts-seo-footer-btm-twitter ul li.ts-seo-paragraph{
    font-weight: 400;
    color: var(--themestack-white-color);
    margin-left: 30px;
}
.ts-seo-footer-btm-twitter ul li img{
    margin:-4px 18px 0 0;
}
.ts-seo-footer-btm-twitter a{
    font-size: 14px;
    font-weight: 500;
    color: var(--themestack-primary-color);
    margin-left:30px;
}
.ts-seo-footer-icon ul{
    margin-top: 25px;
    text-align: left;    
}
.ts-seo-footer-icon ul li{
    display: inline-block;
    margin-right: 15px;
}
.ts-seo-footer-icon ul li a i{
    width: 44px;
    height: 44px;
    border: 1px solid var(--themestack-white-color);
    color: var(--themestack-white-color);
    border-radius: 50%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.ts-seo-footer-icon ul li a i:hover{
    background-color: var(--themestack-primary-color);    
    color: var(--themestack-white-color);
    border: 1px solid var(--themestack-primary-color);
    transform: translateY(-5px);
}
/* footer section css end */
/* copyright section start */
.ts-seo-copyright{
    background-color: #29202e;
}
.ts-seo-copyright .ts-seo-paragraph{
    color: var(--themestack-white-color);
    font-weight: 400;
    text-align: center;
    padding: 10px 0;
}
.ts-seo-copyright a{
    color: var(--themestack-primary-color);
    font-weight: 600;
}
/* copyright section end */
/* swiper slider */
.ts-seo-banner-wrapper .swiper-pointer-events, .ts-seo-client-wrapper .swiper-pointer-events{
    touch-action: pan-y;
    overflow: hidden;
    position: relative;
}
/* swiper slider */
/* media query start */
@media(min-width:992px){
    .ts-seo-price-table-box:hover .ts-seo-inner, .ts-seo-price-table-box.active .ts-seo-inner{
        background-color: var(--themestack-primary-color);    
        border-radius: 20px;  
        transform: scale(1.09);    
    }
    .ts-seo-price-table-box:hover .ts-seo-price-table-heading h1, .ts-seo-price-table-box.active .ts-seo-price-table-heading h1{
        color: var(--themestack-white-color);
    }
    .ts-seo-price-table-box:hover .ts-seo-price-table-list ul li, .ts-seo-price-table-box.active .ts-seo-price-table-list ul li{
        color: var(--themestack-white-color);
    }
    .ts-seo-price-table-box:hover .ts-seo-price-btn .ts-seo-btn, .ts-seo-price-table-box.active .ts-seo-price-btn .ts-seo-btn {
        background: var(--themestack-white-color);
        color: var(--themestack-primary-color) !important;
    }
}
@media(max-width:1199px){
    .ts-seo-banner-wrapper .container-fluid{
        padding: 0 15px;
    }
    .ts-seo-qoute-img {
        display: none;
    }  
    .ts-seo-inner {
        padding: 30px 15px;     
    }
    .ts-seo-footer-icon ul li{
        margin-right: 5px;
    }
    .ts-seo-fclty {
        padding-top: 0;
        padding-bottom: 30px;
    }
    .ts-seo-counter-box {
        margin: auto;
        max-width: 100%;
    }
    .ts-seo-score-box-inner input {
        max-width: 300px;
    }
    .ts-header-style18 .ts-logo-wrap {
        padding: 20px 0;
    }
    .ts-seo-abt {
        text-align: center;
    }
    .ts-seo-abt .ts-seo-feature-heading {
        text-align: center;
    }
    .ts-seo-abt .ts-seo-btn, .ts-seo-fclty .ts-seo-btn{
        margin: auto;
    }
    .ts-seo-fclty {
        text-align: center;
    }
    .ts-seo-fclty .ts-seo-heading {
        max-width: 100%;
        text-align: center;
    }
    .ts-seo-fclty .ts-seo-feature-heading {
        text-align: center;
    }
    .ts-seo-fclty .ts-seo-top-heading:before{
        display:none;
    }
}
@media(max-width:991px){
    .ts-seo-About-left{
        text-align: center;
    }
    .ts-seo-facility-right{
        margin-top: 30px;
    }
    .ts-seo-tab-wrapper{
        flex-wrap: wrap;
    }
    .ts-seo-price-table-box {
        flex: 0 0 50%;
        max-width: 50%;     
    } 
    .ts-seo-footer-wrapper{
        padding-bottom: 55px;
    }
    .ts-seo-counter-box {        
        max-width: 100%;        
    }
    .ts-seo-modal-main-wrapper .modal-dialog, .ts-seo-modal-main-wrapper .ts-seo-banner-video, .ts-seo-modal-main-wrapper .ts-seo-banner-video video {
        max-width: 750px !important;
    }
    .ts-seo-footer-first .ts-seo-paragraph {     
        max-width: 300px;
        width: 100%;
    }
    .ts-seo-footer-btm-list ul li {
        margin-bottom: 10px;     
    }
    .ts-seo-mission-tab-wrapper .nav li {
        margin-right: 20px;
    }
    .ts-seo-score-box-inner input {
        max-width: 180px;
    }
    .ts-seo-client-box {
        margin-top: 30px;
    }
    .ts-seo-score-box .wpcf7 form.invalid .wpcf7-response-output, .ts-seo-score-box .wpcf7 form.unaccepted .wpcf7-response-output, .ts-seo-score-box .wpcf7 form.payment-required .wpcf7-response-output {
        position: absolute;
        bottom: 85px;
        left: 0;
        transform: none;
        right: 0;
        margin: auto;
        text-align: center;
    }
}
@media(max-width:767px){
    .ts-seo-facility-right:after{
        display: none;
    } 
    .ts-seo-facility-wrapper .container .row{
        justify-content: center;
        display: block;
    }
    .ts-seo-mission-tab-wrapper .nav{
        display: block;
    }
    .ts-seo-mission-tab-wrapper .nav li {
        margin: 0;
        line-height: 50px;
        text-align: center;
    }
    .ts-seo-mission-tab-wrapper .nav li a{
        padding-bottom: 0;
    }
    .ts-seo-score-box-inner p{
        flex-direction: column;
    }
    .ts-seo-score-box-inner input{
        margin-right: 0px;
        max-width: 100%;
    }
    .ts-seo-client-wrapper .swiper-container{    
        padding: 0 0 75px;
    }
    .ts-seo-tab-header{
        padding-top: 35px;
    }
    .ts-seo-tab-header span{
        max-width: 100px;
        width: 100%;
        top: -28px;        
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    .ts-seo-tab-header img {
        top: 5px;
        right: 55px;
        transform: rotate(50deg);
    }
    .ts-seo-modal-main-wrapper .modal-dialog, .ts-seo-modal-main-wrapper .ts-seo-banner-video, .ts-seo-modal-main-wrapper .ts-seo-banner-video video {
        max-width: 550px !important;
    }
    .ts-seo-mission-tab-wrapper .nav li a:after{
        display: none;
    }
    .ts-seo-client-wrapper .swiper-slide {     
        padding: 10px;
    }
}
@media(max-width:670px){
    .ts-seo-client-img {     
        margin-top: -2px;
    }
    .ts-seo-partner-wrapper .swiper-slide {
        text-align: center;     
    }
}
@media(max-width:575px){
    .ts-seo-banner-left-content {
        padding-top: 170px;
    }
    .ts-seo-banner-left-content .tagline{
        color: var(--seo-dark-blue-color);
        border-bottom: 1px solid var(--seo-dark-blue-color);
    }
    .ts-seo-banner-left-content .tagline:after{
        display: none;
    }
    .ts-seo-banner-left-content p{
        color: var(--seo-dark-blue-color);
    }   
    .ts-seo-modal-main-wrapper .modal-dialog, .ts-seo-modal-main-wrapper .ts-seo-banner-video, .ts-seo-modal-main-wrapper .ts-seo-banner-video video {
        max-width: 400px !important;
        margin:auto;
    } 
    .ts-seo-client-img-shape img {     
        top: 49px;
    }       
}
@media(max-width:480px){       
    .ts-seo-banner-left-content h1{
        font-size: 35px;
    }
    .ts-seo-banner-left-content p{
        font-size: 16px;       
    }
    .ts-seo-banner-input a {        
        padding: 10px 15px;
        top: 11px;
    }
    .ts-seo-partner-wrapper {
        margin-top: 50px;
    }
    .ts-seo-heading{
        font-size: 25px;
    }
    .ts-seo-price-table-box {
        flex: 0 0 100%;
        max-width: 100%;     
    }
    .ts-seo-inner{
        margin-left: 30px;
    }
    .counter-box-lg{
        width: 100%;
    }
    .ts-seo-counter-box{
        margin: auto;
    } 
    .ts-seo-client-img-shape img{
        display: none;
    }   
    .ts-seo-client-img {     
        padding-left: 10px;
    }
    .ts-seo-score-box {
        max-width: 100%;
        padding: 30px;
    }
    .ts-seo-profile-shape-img{
        display:none;
    }
    .ts-seo-score-box .wpcf7 form.invalid .wpcf7-response-output, .ts-seo-score-box .wpcf7 form.unaccepted .wpcf7-response-output, .ts-seo-score-box .wpcf7 form.payment-required .wpcf7-response-output {
        bottom: 5px;
        max-width: 300px;
    }
}
@media(max-width:460px){
    .ts-seo-client-img {     
        padding-left: 10px;
    }    
}
@media(max-width:440px){
    .ts-seo-client-name {        
        margin: 5px 0 0 10px;        
    }  
    .ts-seo-client-name h6{
        font-size: 18px;
    }
    .ts-seo-client-name sup{
        font-size: 12px;
    }
}
@media(max-width:425px){
    .ts-seo-banner-left-content {
        padding-top: 50px;
    }
    .ts-seo-banner-input-btn {
        text-align: center;
    }
    .ts-seo-banner-input-btn button {
        position: inherit;
        border: none;
        margin-top: 15px;
    }
    .ts-seo-score-heading .ts-seo-heading{
        margin-bottom: 30px;
    }
    .ts-seo-feature-box {
        padding: 30px 20px;
    }
    .ts-seo-mission-content-box{
        padding: 15px 20px;
    }
    .ts-seo-video-wrapper, .ts-seo-client-box{
        padding-top: 30px;
    }
    .ts-seo-mission-tab-wrapper .nav{
        margin-top: 30px;
    }
    .ts-seo-mission-tab-wrapper .nav{
        padding: 15px 0;
    }
    .ts-seo-tab-header{
        max-width: 235px;
    }
    .ts-seo-pricing-tab-wrapper .nav li a{
        padding: 10px 25px;
    }
    .ts-seo-tab-header img {
        top: 8px;
        right: 40px;     
    }   
    .ts-seo-banner-input a {
        display: block;
        position: unset;
        margin-top: 10px;
        text-align: center;
    }
    .ts-seo-banner-input input {
        padding: 0 15px;
    }
    .ts-seo-modal-main-wrapper .modal-dialog, .ts-seo-modal-main-wrapper .ts-seo-banner-video, .ts-seo-modal-main-wrapper .ts-seo-banner-video video {
        max-width: 350px !important;
    } 
    .ts-seo-client-img {
        padding-left: 0;
    }
    .ts-seo-client-box {
        padding: 12px 5px 10px 20px;
    }
    .ts-seo-client-heading {
        margin-left: 0;
    }
    .ts-seo-client-wrapper .swiper-container {
        padding: 0 0 50px;
    }
}
@media(max-width:380px){    
    .ts-seo-client-name h6 {
        font-size: 16px;
        font-weight: 500;
    }
    .ts-seo-client-name {
        margin: 5px 0 0 5px;
    }
    .ts-seo-client-name span {
        font-size: 12px;
        font-weight: normal;     
        margin: -5px 0 0 10px;
    }
}
@media(max-width:375px){
    .ts-seo-modal-main-wrapper .modal-dialog, .ts-seo-modal-main-wrapper .ts-seo-banner-video, .ts-seo-modal-main-wrapper .ts-seo-banner-video video {
        max-width: 300px !important;
    } 
    .ts-seo-client-img img {
        width: 50px;
        height: 50px;
        margin-top: 15px;
    }
}
/*======================= SEO demo css End ====================*/
/*======================= Support Desk demo css Start ====================*/
/* button css */
.ts-sd-all-btn {
    width: 100%;
    max-width: 170px;
    height: 50px;
    background: transparent linear-gradient(128deg, #FF5B9E 0%, #FEA465 100%) 0% 0% no-repeat padding-box;
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--themestack-white-color) !important;
    text-transform: uppercase;
    font-weight: 600;
    animation: gradient 5s ease infinite;
    padding: 4px 30px 0 30px;
}
.ts-sd-all-btn:hover{
    color: var(--themestack-white-color) !important;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.ts-sd-banner-wrapper {
	background-color: var(--sd-back-color);
	padding: 0 0 60px 0;
}
/* banner section */
.ts-sd-banner-section {
    position: relative;
    padding: 35px 0px 80px 0px;
}
.ts-sd-banner-heading h2 {
    font-size: 42px;
    color: var(--sd-blue-color);
    text-align: center;
    font-weight: 600;
    max-width: 650px;
    margin: auto auto 10px auto;
}
.ts-sd-banner-center-img {
	text-align: center;
	position: relative;
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
}
.ts-sd-banner-center1 {
	width: 100px;
	height: 100px;
	box-shadow: 0px 20px 50px #AC8FAF33;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--themestack-white-color);
	border-radius: 25px;
	position: absolute;
	top: 152px;
	left: 75px;
}
.ts-sd-banner-center2 {
	width: 100%;
	max-width: 360px;
	background-color: #ffffffed;
	box-shadow: 0px 20px 50px #AC8FAF33;
	padding: 40px 35px 23px 37px;
	position: absolute;
	bottom: 43px;
	border-radius: 25px;
	right: -150px;
}
.ts-sd-banner-center2 h2 {
    font-size: 17px;
    color: var(--sd-blue-color);
    text-align: left;
    padding-bottom: 14px;
    font-weight: 800;
    margin-bottom: 0;
}
.ts-sd-banner-center2 p {
    color: #9C93B2;
    text-align: left;
    margin-bottom: 0;
    line-height: 1.5;
}
.ts-sd-banner-center3 {
	display: flex;
	align-items: center;
	background-color: var(--themestack-white-color);
	width: 100%;
	max-width: 310px;
	position: absolute;
	bottom: 122px;
	left: -60px;
	line-height: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	height: 72px;
	padding: 0px 0 0px 90px;
}
.ts-sd-banner-center3-svg {
	width: 100px;
	height: 100px;
	background-color: var(--themestack-white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 10px solid #FF788730;
	border-radius: 100px;
	position: absolute;
	left: -18px;
}
.ts-sd-banner-center3-svg-text p {
    font-size: 18px;
    font-weight: 600;
    color: var(--sd-blue-color);
    margin-bottom: 0;
    padding-left: 10px;
}
.ts-sd-banner-left1 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 25%;
	left: 1%;
	width: 100%;
	max-width: 420px;
}
.ts-sd-banner-left1-text {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.ts-sd-auto-text p {
    font-weight: 500;
    font-size: 16px;
}
.ts-sd-auto-text.ts-sd-auto-text0 {
	height: 50px;
	display: flex;
	align-items: center;
	bottom: 0;
	color: var(--themestack-white-color);
}
.ts-sd-auto-text.ts-sd-auto-text1 {
	height: 62px;
	display: flex;
	align-items: center;
	bottom: 0;
	color: var(--sd-blue-color);
}
.ts-sd-auto-text.ts-sd-auto-text2 {
	display: flex;
	align-items: center;
	height: 99px;
	bottom: 0;
	color: var(--themestack-white-color);
}
.ts-sd-auto-text.ts-sd-auto-text3 {
	height: 58px;
	color: var(--sd-blue-color);
	display: flex;
	align-items: center;
	bottom: 0;
}
.ts-sd-auto-text.ts-sd-auto-text4 {
	bottom: 0;
	height: 50px;
	display: flex;
	align-items: center;
	bottom: 0;
}
.ts-sd-auto-text.ts-sd-auto-text5 {
	display: flex;
	align-items: center;
	height: 99px;
	bottom: 0;
	color: var(--sd-blue-color);
}
.ts-sd-auto-text.ts-sd-auto-text6 {
	display: flex;
	align-items: center;
	height: 99px;
	bottom: 0;
	color: var(--themestack-white-color);
}
.ts-sd-auto-text.ts-sd-auto-text7 {
	height: 59px;
	color: var(--sd-blue-color);
	display: flex;
	align-items: center;
	bottom: 0;
}
.ts-sd-banner-left-imag1 img {
    width: 79px;
    height: 79px;
    object-fit: cover;
    border-radius: 50%;
}
.ts-sd-banner-left1.ts-sd-banner-left2 {
	top: 307px;
	left: 95px;
}
.ts-sd-banner-left1.ts-sd-banner-left3 {
	top: 47%;
}
.ts-sd-banner-left1.ts-sd-banner-left4 {
	top: 555px;
	left: 95px;
}
.ts-sd-banner-left1.ts-sd-banner-left6 {
	left: auto;
	right: 65px;
	max-width: 420px;
}
.ts-sd-banner-left1.ts-sd-banner-left7 {
	left: auto;
	right: 19px;
	top: 329px;
	max-width: 420px;
}
.ts-sd-banner-left1.ts-sd-banner-left8 {
	left: auto;
	right: 65px;
	top: 473px;
}
.ts-sd-banner-left1.ts-sd-banner-left9 {
	top: 607px;
	left: auto;
	right: 19px;
	max-width: 420px;
}
p.word0, p.word1, p.word02, p.word03, p.word04, p.word05, p.word06, p.word07{		
	border-radius: 30px;	
	padding: 0 20px;
}
p.word04, p.word06{
	background-color: #0166ff;
	color: #fff;
}
p.word0{	
	min-width:280px;
	min-height:52px;	
	line-height: 52px;
	border-radius: 30px;	
}
p.word1, p.word03, p.word07{
	background-color: #fff;
	color: #000;
	min-width:240px;
	min-height:52px;	
	line-height: 52px;
}
p.word04{	
	min-width:280px;
	min-height:52px;	
	line-height: 52px;
	border-radius: 30px;	
}
p.word02, p.word05, p.word06{	
	width:280px;
	height: 99px;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}
p.word05{
	background: #fff;
}
p.word0, p.word02{
	background-image: linear-gradient(113deg, #ff5b9e 0%, #fea465 100%);
	color: #fff;
}
.ts-sd-banner-left1 .ts-sd-banner-left-imag1, .ts-sd-banner-left6 .ts-sd-banner-left-imag1, .ts-sd-banner-left8 .ts-sd-banner-left-imag1 {
	margin-right: 20px;
}
.ts-sd-banner-left2 .ts-sd-banner-left-imag1, .ts-sd-banner-left4 .ts-sd-banner-left-imag1, .ts-sd-banner-left7 .ts-sd-banner-left-imag1, .ts-sd-banner-left9 .ts-sd-banner-left-imag1 {
	margin-left: 20px;
}
p.word0, p.word1, p.word02, p.word03, p.word04, p.word05, p.word06, p.word07{
	position: relative;
}
p.word0:before, p.word02:before, p.word04:before, p.word06:before{
    content: '';    
    border-top: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    top: 0;
    left: -6px;
    transform: rotate(135deg);
}
p.word0:before, p.word02:before{
	border-right: 30px solid #fe6397;
}
p.word04:before, p.word06:before{
	border-right: 30px solid #0166ff;
}
p.word1:before, p.word03:before, p.word05:before, p.word07:before{
    content: '';    
	border-left: 30px solid #fff;
    border-top: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    top: 0;
    right: -6px;
    transform: rotate(-135deg);
}
p.word1, p.word03, p.word05, p.word07{	
	box-shadow:0px 4px 17px rgba(0,0,0,0.07);
}
/*========== services section start ============*/
.ts-sd-all-heading p {
    font-size: 18px;
    color: var(--themestack-primary-color);
    text-transform: uppercase;
    padding-bottom: 7px;
    font-weight: 600;
    margin-bottom: 0;
}
.ts-sd-all-heading h5 {
    font-size: 30px;
    color: var(--sd-blue-color);
    font-weight: 600;
    margin-bottom: 0;
}
.ts-sd-service-box {
	padding-bottom: 30px;
}
.ts-sd-service-box img {
	width: 60px;
	height: 60px;
}
.ts-sd-service-box h5 a {
    font-size: 20px;
    color: var(--sd-blue-color);
    padding: 30px 0px 3px;
    font-weight: 800;
    cursor: pointer;
    margin-bottom: 0;
    transition: all 0.3s;
    display: block;
}
.ts-sd-service-box p {
    color: var(--sd-text-color);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.5;
    max-width: 450px;
}
.ts-sd-sprt-sltn {
    padding-top: 80px;
}
.ts-sd-sprt-sltn .ts-sd-all-heading {
    padding-bottom: 23px;
}
.ts-sd-sprt-sltn .ts-sd-all-heading p{
    padding-bottom: 0px;
}
.ts-sd-sprt-sltn p {
    padding-bottom: 20px;
}
.ts-sd-service-box h5:hover{
	color: var(--themestack-primary-color);
}
.ts-sd-support-wrapper {
	background-color: var(--sd-back-color);
	padding: 75px 0px 0px;
}
.ts-sd-support-content h6 {
	font-size: 16px;
    font-weight: 600;
	text-transform: uppercase;
	color: var(--themestack-primary-color);
}
.ts-sd-support-content h5 {
	font-size: 32px;
	width: 100%;
	max-width: 400px;
	color: var(--sd-blue-color);
	padding: 19px 0px 18px;
	line-height: 1.3;
	font-weight: 600;
}
.ts-sd-support-content {
	padding-top: 33px;
}
.ts-sd-support-content p {
	font-size: 14px;
	color: var(--sd-text-color);
	padding-bottom: 30px;
}
ul.ts-sd-support-menu li {
	padding-bottom: 18px;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
ul.ts-sd-support-menu li a {
	font-size: 14px;
	font-weight:800;
	color: #353650;
}
ul.ts-sd-support-menu li a span {
	padding-right: 17px;
}
ul.ts-sd-support-menu li:hover{
    transform: translateX(5px);
}
ul.ts-sd-support-menu li:hover a{
    color: var(--themestack-primary-color);
}
/*=================== counter css start ==================*/
.ts-sd-counter-box {
	text-align: center;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-sd-counter-img {
    width: 70px;
    height: 70px;
    background-color: var(--themestack-white-color);
    line-height: 70px;
    border-radius: 20px;
    margin: auto;
    margin-bottom: 15px;
}
.ts-sd-counter-box span {
    font-size: 38px;
    font-weight: 600;
    color: var(--themestack-white-color);
}
p.ts-sd-counter-text {
    color: var(--themestack-white-color);
    margin-bottom: 0;
    line-height: normal;
}
.ts-sd-counter-box:hover{
    transform: translateY(-5px);
}
/*============== Team section start ==============*/
.ts-sd-team-heading h5 {
	font-size: 16px;
    font-weight: 600;
	color: var(--themestack-primary-color);
	text-transform: uppercase;
}
.ts-sd-team-heading h4 {
    font-size: 32px;
    font-weight: 600;
    color: var(--sd-blue-color);
    width: 100%;
    max-width: 410px;
    line-height: 1.5;
    padding: 0px 0 8px;
}
.ts-sd-team-main {
	position: relative;
	display: flex;
	align-items: center;	
}
.ts-sd-team-left {
	width: 100%;
	max-width: 545px;
}
.ts-sd-team-inner{
    position: relative;
}
.ts-sd-team-inner p{
    font-size: 16px;
    color: var(--sd-text-color);
    font-weight: 400;
    margin-bottom: 0;
    background-color: var(--themestack-white-color);
    box-shadow:0px 20px 28px rgba(172,143,175,0.2);
    padding: 40px 50px 40px 40px;    
    border-radius: 10px;
    z-index: -1;
}
.ts-sd-team-back-icon {
	z-index: -1;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}
.ts-sd-team-arrow {
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 30px solid var(--themestack-white-color);
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 125px;
    left: 20px;
}
.ts-sd-team-profile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 430px;
    margin-top: 42px;
}
.ts-sd-team-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--themestack-primary-color);
}
.ts-sd-team-profile-text {
	display: inline-flex;
}
.ts-sd-team-profile-text h5 {
    font-size: 18px;
    padding-left: 24px;
    font-weight: 700;
    margin-bottom: 0;
}
.ts-sd-team-profile-text h6 {
    font-size: 14px;
    padding-left: 20px;
    color: var(--sd-text-color);
    padding-top: 4px;
    margin-bottom: 0;
}
.ts-sd-team-right {
    padding-left: 50px;
}
/* map section */
.ts-sd-team-map-img {
	position: relative;
	padding-top: 60px;
}
.ts-sd-team-inner{
    position:relative;
}
.ts-sd-team-slider-img img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid transparent;
    box-shadow: -2px 0px 13px 0px rgba(0, 0, 0, 0.13);    
    cursor:pointer;
    transition:all 0.3s;
}
.ts-sd-team-slider-img:first-child {
    margin: 6px 0 0 10px;
}
.ts-sd-team-slider-img:nth-child(2) {
    margin: 155px 0 0 0;
}
.ts-sd-team-slider-img:nth-child(3) {
    margin: 50px 0 0 40px;
}
.ts-sd-team-slider-img:nth-child(4) {
    margin: 150px 0 0 -50px;
}
.ts-sd-team-slider-img:nth-child(6) {
    margin: 150px 0 0 -20px;
}
.ts-sd-team-slider-img:nth-child(5) {
    margin: 5px 0 0 40px;
}
.ts-sd-map-slider-img{
    position:relative;
}
.ts-sd-map-slider-img >img {
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
}
.ts-sd-team-slider-parent {
    z-index: 9;
    margin-top: 70px;
}
.ts-sd-team-slider-img.slick-slide.slick-current{
    transform: scale(1.1); 
}
.ts-sd-team-slider-img.slick-slide.slick-current img{
    transition:all 0.3s;
}
.ts-sd-team-slider-img.slick-slide.slick-current img{
    border-color: var(--themestack-primary-color);
}
/*============= pricing section start =============*/

.ts-sd-pricing-wrapper {
	padding: 80px 0px 80px;
}
.ts-sd-pricing-column-box {
	background-color: var(--themestack-white-color);
	box-shadow: 0px 0px 40px #11347B0F;
	border-radius: 10px 25px 25px 25px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-sd-pricing-column-box:hover {
	transform: translateY(-5px);
}
.ts-sd-pricing-column-box:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 298px;
	height: 4px;
	background-color: var(--sd-pink-color2);
	border-radius: 20px 20px 0px 0px;
	margin: 0 auto;
}
.ts-sd-pricing-column-heading {
	border-bottom: 1px solid #EFEFEF;
	padding: 31px 50px;
}
.ts-sd-pricing-column-heading h4 {
    color: var(--sd-pink-color2);
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0;
}
.ts-sd-pricing-column-heading h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--sd-blue-color);
    padding: 8px 0px 17px 0px;
    margin-bottom: 0;
}
.ts-sd-pricing-column-heading p {
    font-size: 16px;
    color: var(--sd-text-color);
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5;
}
.ts-sd-procing-olumn-inner {
	padding: 35px 50px;
}
.ts-sd-procing-olumn-inner li {
    list-style: none;
    margin-bottom: 15px;
}
.ts-sd-procing-olumn-inner li:last-child {
    margin-bottom: 0px;
}
.ts-sd-procing-olumn-inner span {
	font-size: 16px;
	font-weight:400;
	color: var(--sd-text-color);
	padding-bottom: 30px;
}
.ts-sd-procing-olumn-inner li svg {
	margin-right: 15px;
	position: relative;
	top: -1px;
}
a.ts-sd-pricing-btn {
    width: 100%;
    max-width: 150px;
    height: 46px;
    background: var(--sd-pink-color2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--themestack-white-color) !important;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a.ts-sd-pricing-btn:hover {
	background-color: #c053d5;
}
/* box2 */
.ts-sd-pricing-column-box.ts-sd-pricing-column-box2:after {
	background-color: var(--sd-yellow-color);
}
.ts-sd-pricing-column-heading.ts-sd-pricing-column-heading2 h4 {
	color: var(--sd-yellow-color);
}
.ts-sd-pricing-column-heading.ts-sd-pricing-column-heading2 h4 span {
	font-size: 16px;
}
a.ts-sd-pricing-btn.ts-sd-pricing-btn2 {
    background-color: var(--sd-yellow-color);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 30px;
}
a.ts-sd-pricing-btn.ts-sd-pricing-btn2:hover {
	background-color: #e7913a;
}
/* box3 */
.ts-sd-pricing-column-box.ts-sd-pricing-column-box3:after {
	background-color: var(--themestack-primary-color1);
}
.ts-sd-pricing-column-heading.ts-sd-pricing-column-heading3 h4 {
	color: var(--themestack-primary-color1);
}
.ts-sd-pricing-column-heading.ts-sd-pricing-column-heading3 h4 span {
	font-size: 16px;
}
a.ts-sd-pricing-btn.ts-sd-pricing-btn3 {
	background-color: var(--themestack-primary-color1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.ts-sd-pricing-btn.ts-sd-pricing-btn3:hover {
	background-color: #eb3560;
}
/*price table one*/
.ts-sd-pricing-column-box.ts-sd-pricing-column-box2.green-border .ts-sd-pricing-column-heading h4 {
    color: #e975fe;
}
.ts-sd-pricing-column-box.ts-sd-pricing-column-box2.green-border a.ts-sd-pricing-btn.ts-sd-pricing-btn2 {
    background: #e975fe;
}
.ts-sd-pricing-column-box.ts-sd-pricing-column-box2.green-border:after{
    background: #e975fe;
}
/*price table one*/
/*price table three*/
.ts-sd-pricing-column-box.ts-sd-pricing-column-box2.btn-color2 .ts-sd-pricing-column-heading h4 {
    color: #ff4572;
}
.ts-sd-pricing-column-box.ts-sd-pricing-column-box2.btn-color2 a.ts-sd-pricing-btn.ts-sd-pricing-btn2{
    background: #ff4572;
}
.ts-sd-pricing-column-box.ts-sd-pricing-column-box2.btn-color2:after{
    background: #ff4572;
}
/*price table three*/
/*============= Blog section start ================*/
.ts-sd-blog-box {
	background-color: var(--themestack-white-color);
	padding: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-sd-blog-box:hover {
	transform: translateY(-5px);
}
.ts-sd-blog-img {
	position: relative;
}
.ts-sd-blog-img img {
    width: 100%;
    border-radius: 10px;
}
a.ts-sd-blog-btn {
    width: 100%;
    max-width: 170px;
    height: 45px;
    font-size: 14px;
    background: transparent linear-gradient(127deg, #FF5B9E 0%, #FEA465 100%) 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--themestack-white-color);
    border-radius: 50px;
    position: absolute;
    bottom: -20px;
    right: 25px;
    text-transform: uppercase;
}
a.ts-sd-blog-btn span {
	position: relative;
	top: -2px;
	padding-right: 8px;
}
.ts-sd-blog-content {
    padding: 25px 20px 10px 20px;
}
.ts-sd-blog-content p {
	font-size: 12px;
	color: var(--themestack-primary-color);
	padding: 25px 0px 10px;
	font-weight: 500;
	text-transform: uppercase;
}
.ts-sd-blog-content a {
    display:block;
	font-size: 16px;
	font-weight: 700;
	color: var(--sd-blue-color);
}
.ts-sd-blog-content a.bh-blog-category {
    font-size: 17px;
    font-weight: 600;
    color: var(--themestack-primary-color);
}
.ts-sd-blog-content a.ts-gz-blog-title {
    font-size: 18px;
    line-height: 1.5;
}
ul.ts-sd-blog-content-menu {
    padding-top: 13px;
    padding-left: 0;
}
ul.ts-sd-blog-content-menu li {
	display: inline-flex;
	padding-right: 45px;
	margin-bottom:0;
}
ul.ts-sd-blog-content-menu li:nth-child(2) {
	padding-right: 0;
}
ul.ts-sd-blog-content-menu li a {
    font-size: 16px;
    color: #B1BEC4;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 0.3s;
}
ul.ts-sd-blog-content-menu li a span {
	padding-right: 5px;
}
ul.ts-sd-blog-content-menu li a span svg{
    fill: #B1BEC4;
    transition:all 0.3s;
}
ul.ts-sd-blog-content-menu li:hover a{
    color: var(--themestack-primary-color);
}
ul.ts-sd-blog-content-menu li:hover span svg{
    fill: var(--themestack-primary-color);
}
/* footer section start */

.ts-sd-footer-wrapper {
	padding: 80px 0px 80px;
	background-color: var(--sd-back-color1);
}
.ts-sd-support-desk-inner {
    background-color: #211F33;
    border: 1px solid #2D2B44;
    padding: 55px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ts-sd-support-desk-left h3 {
	font-size: 38px;
	color: var(--themestack-white-color);
	font-weight: 700;
	padding-bottom: 13px;
}
.ts-sd-support-desk-left p {
	color: var(--themestack-white-color);
	font-size: 22px;
}
.ts-sd-support-desk-btn {
	width: 170px;
}
/* footer css */

.ts-sd-footer {
	padding-top: 80px;
}
.ts-sd-footer1 h5 {
	font-size: 18px;
	color: #D8D5F2;
	padding-bottom: 30px;
	text-transform: uppercase;
    font-weight:600;
}
.ts-sd-footer1 > ul > li {
	padding-bottom: 20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-sd-footer1 > ul > li:last-child {
    padding-bottom: 0;
    padding-right: 0;
}
.ts-sd-footer1 > ul > li > a {
	color: var(--sd-text-color1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ts-sd-footer1 p {
	color: var(--sd-text-color1);
	font-size: 14px;
	padding-bottom: 25px;
}
.ts-sd-footer1 > ul > li:hover {
	transform: translateX(5px);
}
.ts-sd-footer1 > ul > li:hover a {
	color: var(--sd-yellow-color);
}
/* social icon */
ul.ts-sd-social-icon > li {
	display: inline-flex;
	padding:0 6px 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

ul.ts-sd-social-icon > li > a {
	width: 45px;
	height: 45px;
	display: flex;
	background-color: #252339;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
ul.ts-sd-social-icon > li:hover{
    transform: translateY(-5px);
}
ul.ts-sd-social-icon > li:hover a{
	background: transparent linear-gradient(128deg, #FF5B9E 0%, #FEA465 100%) 0% 0% no-repeat padding-box;
}
/*  copywrite css start */
.ts-sd-copywrite {
    background-color: #181626;
    text-align: center;
    padding: 15px 0px;
}
.ts-sd-copywrite p {
    color: var(--sd-text-color1);
}
/* MEDIA CSS START */
@media(max-width:1700px){
    .ts-sd-banner-center3 {
        bottom: 50px;
        left: 0;
    }
    .ts-sd-banner-center2 {
        right: -20px;
    }
}
@media(max-width:1500px){
    .ts-sd-banner-wrapper {
    	background-color: var(--sd-back-color);
    	padding: 0 0 245px 0;
    }
    .ts-sd-banner-left1 {
    	display: block;
    	right: 0;
    	text-align: center;
    }
    .ts-sd-banner-left1-text {
    	margin-top: 15px;
    }
    .ts-sd-banner-left-imag1 {
    	position: absolute;
    	top: -80px;
    	left: 0;
    	right: 0;
    }
    .ts-sd-banner-left1.ts-sd-banner-left2 {
    	top: 350px;
    	left: 0;
    }
    .ts-sd-banner-left1.ts-sd-banner-left3 {
        top: 60%;
    }
    .ts-sd-banner-left1.ts-sd-banner-left4 {
        bottom: 40px;
        left: 0;
        top: auto;
    }
    .ts-sd-banner-left1-text {
    	display: inline-flex;
    }
    .ts-sd-banner-left1 {
        max-width: 345px;
        top: 20%;
    }
    .ts-sd-banner-left1.ts-sd-banner-left6 {
        right: 0;
        max-width: 345px;
    }
    .ts-sd-banner-heading1.ts-sd-banner-heading3 {
    	margin: 14px 63px;
    }
    .ts-sd-banner-left1.ts-sd-banner-left7 {
        right: 0;
        top: 350px;
        max-width: 337px;
    }
    .ts-sd-banner-left1.ts-sd-banner-left8 {
        left: auto;
        right: 0;
        top: 570px;
    }
    .ts-sd-banner-left1.ts-sd-banner-left9 {
        top: auto;
        right: 0;
        max-width: 333px;
        bottom: 40px;
    }
    p.word0:before, p.word02:before, p.word1:before, p.word03:before, p.word05:before, p.word07:before, p.word04:before, p.word06:before{
        display:none;
    }
    .ts-sd-banner-center3 {
        display: none;
    }
    .ts-sd-banner-center2 {
    	display: none;
    }
    .ts-sd-banner-heading1 p {
    	font-size: 12px;
    }
}
@media(max-width:1199px){
    .ts-sd-banner-center1 {
        top: 134px;
        left: 124px;
    }
    ul.ts-sd-social-icon > li {        
        padding-right: 5px;     
    }
    .ts-sd-counter-wrapper .col-12:first-child .ts-sd-counter-box, .ts-sd-counter-wrapper .col-12:nth-child(2) .ts-sd-counter-box {
        margin-bottom: 30px;
    }
    .ts-sd-team-slider-img img {
        width: 50px;
        height: 50px;
    }
    .ts-sd-team-inner p {
        padding: 30px 40px 30px 30px;
    }
    .ts-sd-sprt-sltn .ts-am-about-join {
        justify-content: flex-start;
    }
}
@media(max-width:1050px){
    .ts-sd-banner-center1 {
        top: 135px;
        left: 155px;
    }
}
@media(max-width:991px){
    .ts-sd-footer1 h5 {
        padding:30px 0;
    }
    .ts-sd-banner-center1 {
        display:none;
    }
    .ts-sd-team-map-img img {
        width:100%;
    }
    .ts-sd-team-main {
        position:relative;
        display:block;
        align-items:center;
        justify-content:center;
    }
    .ts-sd-team-left {
        max-width:100%;
    }
    .ts-sd-support-wrapper {
        padding:75px 0px 60px;
    }
    .ts-sd-banner-heading h2 {
        font-size: 40px;
        padding-bottom: 30px;
        margin-bottom: 150px;
    }
    .ts-sd-abt-img img {
        margin-top: 52px;
    }
    .ts-sd-counter-wrapper .col-12:nth-child(3) .ts-sd-counter-box {
        margin-bottom: 30px;
    }
    .ts-mu-footer-top-inner {
        flex-direction: column;
    }
    .ts-mu-top-footer-btn {
        margin: 15px auto 0 auto;
    }
}
@media(max-width:767px){
    .ts-sd-banner-center1 {
        display:none;
    }
    .ts-sd-support-wrapper {
        padding:30px 0px 30px;
    }
    .ts-sd-banner-left1 {
        display: none;
    }
    .ts-sd-support-desk-inner {
        display:block;
    }
    .ts-sd-footer1 h5 {
        padding:30px 0;
    }
    .ts-sd-num1 {
        font-size: 28px;     
    }
    p.ts-sd-counter-text {     
        font-size: 14px;
    }
    .ts-sd-banner-heading h2 {
        margin-bottom: 0;
    }
    .ts-sd-abt-mng-rspnsv {
        display: flex;
        flex-direction: column-reverse;
    }
    .ts-sd-sprt-sltn {
        padding-top: 0;
    }
    .ts-sd-abt-img img {
        margin-top: 0;
    }
    .ts-sd-counter-box {
		text-align:center;
		margin-bottom:40px;
	}
}
@media(max-width:575px){
	.ts-sd-bhh-toggle {
		right:20px;
		top:49px;
	}
	.ts-header-style19 .container-fluid {
        padding: 0 15px;
    }
    .ts-sd-map-slider-img {
        display: none;
    }
}
@media(max-width:480px){
    .ts-header-style19 .ts-main-header .ts-main-header-inner {
        flex-direction: column;
    }
	.ts-sd-footer-wrapper {
		padding:40px 0px 40px;
	}
	.ts-sd-footer {
		padding-top:40px;
	}
	.ts-sd-support-desk-inner {
		padding:50px 40px;
	}
	.ts-sd-service-wrapper {
		padding:40px 0px 14px;
	}
	.ts-sd-banner-wrapper {
		padding:0 0 180px 0;
	}
	.ts-sd-banner-heading h2 {
		font-size:35px;
	}
	.ts-sd-support-desk-left h3 {
		font-size:30px;
	}
	.ts-sd-service-box {
		text-align:center;
	}
	.ts-sd-blog-content p {
		padding:40px 0px 10px;
	}
	.ts-header-style19{
	    padding-bottom:15px !important;
	}
}
@media(max-width:425px){
    .ts-sd-team-inner p {
        padding: 20px;
    }
    .ts-sd-team-img img {
        width: 80px;
        height: 80px;
    }
    .ts-sd-team-profile {
        justify-content: center;
    }
    .ts-sd-team-profile-text {
        flex-direction: column;
    }
    .ts-sd-team-arrow {
        display: none;
    }
    .ts-sd-blog-content {
        padding: 30px 10px 10px 10px;
    }
    a.ts-sd-blog-btn {
        max-width: 150px;
        height: 40px;
        font-size: 12px;
    }
}
@media(max-width:375px){
	.ts-header-style19 .ts-main-navigation ul.menu {
        width: 220px;
    }
	ul.ts-sd-support-menu li a {
		font-size:13px;
	}
	.ts-sd-support-content h5 {
		font-size:25px;
	}
	.ts-sd-num1 {
		font-size:25px;
	}
	.ts-sd-team-heading h4 {
		font-size:25px;
	}
	.ts-sd-all-heading h5 {
		font-size:25px;
	}
	.ts-sd-procing-olumn-inner {
		padding:35px 30px;
	}
	.ts-sd-pricing-column-heading {
		padding:35px 30px;
	}
	.ts-sd-banner-heading h2 {
		font-size:26px;
	}
	.ts-sd-banner-section {
		padding:0;
	}
}
/*======================= Support Desk demo css End ====================*/
/*======================= Writter demo css Start ====================*/
/* Header-css-start */
.footer-heading input:focus{
    border-bottom: none;
}
.ts-wr-header-btn a {
    font-size: 16px;
    font-weight: 700;
    border-radius: 30px;
    background-color: #e7fefb;
    height: 60px;
    width: 180px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
    color: #2fdbcb;
    border: 1px solid transparent;
}
.ts-Wr-btn:hover a{ 
    background-color: white;
    color:var(--themestack-primary-color) ;
}
.ts-Wr-features p{
	margin-top: -70px;
}
.ts-Wr-features p a{
	font-size: 16px;
	line-height: 30px;
	color: #111111;
	font-weight: 400;
	font-family: "Mulish";
	transition: all 0.3s ease-in-outs;
}
.ts-Wr-features p a:hover{
    color: var(--themestack-primary-color);
}
.ts-Wr-features p span {
    background: #fd7f45;
    padding: 8px 20px;
    border-radius: 26px;
    margin-left: 10px;
    cursor: pointer;
    transition: all 0.3s;
}
.ts-Wr-features p span:hover{
    background-color: var(--wr-light-green-color);
}
.ts-Wr-features p span svg{
	fill: var(--themestack-white-color);   
}
.ts-Wr-banner-right-img{
	position: relative;
}
/* services-css-start */
.ts-Wr-services-wrapper {
    padding: 80px 0px 50px;
}
.ts-Wr-services-wrapper .ts-Wr-heading {
    text-align: center;
    margin-bottom: 50px;
}
.ts-Wr-heading h1 {
    font-size: 38px;
    color: #111111;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ts-Wr-heading p {
    font-size: 18px;
    color: #777777;
    font-weight: 400;
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
}
.ts-Wr-services-wrapper .mg-left h2{
    margin-left: 27px;
}
.ts-Wr-services-wrapper .mg-left p{
    margin-left: 27px; 
}
.ts-Wr-service-content {
    text-align: center;
	padding: 20px;
	transition: all 0.3s ease-in-out;
}
.ts-Wr-service-content:hover{
	box-shadow:47.376px 47.376px 30px rgba(84,50,86,0.1);
}
.ts-Wr-service-content h3 {
    font-size: 22px;
    color: #111111;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    padding: 20px 0 15px 0;
    transition: all 0.3s;
}
.ts-Wr-service-content:hover h3{
    color:var(--themestack-primary-color);
}
.ts-Wr-service-content p{
	font-size: 14px;
	color: #777777;
	font-weight: 400;
	text-align: center;
	margin-bottom:0;
}
/* services-css-and */
/* features-css-start */
.ts-Wr-features-section {
    padding: 40px 0px 80px 0px;
    background-color: #f9fafb;
}
.ts-Wr-features-section .no-contant span {
    background-color: #2fdbcb;
    height: 61px;
    width: 61px;
    font-size: 20px;
    border-radius: 50px;
    color: white;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-Wr-service-content a {
    color:var(--themestack-primary-color);
    font-weight: 600;
    padding-top: 10px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition:all 0.3s;
}
.ts-Wr-service-content:hover a{
    opacity: 1;
    visibility: visible;
}
.ts-Wr-features-section .no-contant:nth-child(2) span{
    background-color: red;
}
.ts-Wr-features-section .right-contant h3 {
    font-size: 22px;
    color: #000000;
    font-weight: 700;
    text-transform: capitalize;
}
.ts-Wr-features-section .right-contant p {
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    font-weight: 400;
    max-width: 400px;
    padding-top: 18px;
    margin-bottom: 0;
}
.ts-Wr-features-contant {
    display: flex;
    background-color: var(--themestack-white-color);
    padding: 30px;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}
.no-contant span {
    background-color: #2fdbcb;
    height: 61px;
    width: 61px;
    font-size: 20px;
    border-radius: 50px;
    color: white;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-Wr-features-contant.ts-ks-activity-box-two .no-contant span {
    background: #f56d79;
}
.ts-Wr-features-contant.ts-ks-activity-box-three .no-contant span {
    background: #08c7fe;
}
.ts-Wr-features-contant.ts-ks-activity-box-four .no-contant span {
    background: #fe8046;
}
.right-contant {
    padding-left: 24px;
}
.right-contant h3 {
    font-size: 22px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 0;
}
.right-contant p {
    font-size: 14px;
    color: #777777;
    font-weight: 400;
    max-width: 400px;
    padding-top: 18px;
    margin-bottom: 0;
    line-height:1.5;
}
.ts-Wr-features-contant:hover {
    border: 1px solid #2fdbcb;
}
.ts-Wr-features-contant.one-color.ts-ks-activity-box-two:hover{
    border: 1px solid #f36d79;
}
.ts-Wr-features-contant.one-color.ts-ks-activity-box-three:hover{
    border: 1px solid var(--wr-light-blue);
}
.ts-Wr-features-contant.one-color.ts-ks-activity-box-four:hover{
    border: 1px solid #fd7f45;
}
.ts-Wr-features-section .right-contant {
    padding-left: 24px;
}
.ts-Wr-features-section .no-contant .color2{
      background-color: #f36d79;
  } 
.ts-Wr-features-section .no-contant .color3{
    background-color: var(--wr-light-blue);
} 
.ts-Wr-features-section .no-contant .color4{
    background-color: #fd7f45;
} 
.ts-Wr-features-cont {
    margin-bottom: 50px;
}
/* features-css-and */
/* Expertise css start */
.ts-Wr-expertise-swiper-container.swiper-container-initialized.swiper-container-horizontal {
    overflow: hidden;
    position: relative;
}
.ts-Wr-expertise-section .right-heading h1{
	font-size: 38px;
	color: #111111;
	font-weight: 400;
}
.ts-Wr-expertise-section .right-heading p {
    font-size: 20px;
    line-height: 30px;
    color: #777777;
    font-weight: 400;
    max-width: 500px;
}
.ts-Wr-expertise-section .left-content {
    display: flex;
    justify-content: space-between;
    margin-right: 59px;
    column-gap: 37px;
}
.ts-Wr-expertise-section .right-heading {
    padding-left: 290px;
}
.ts-Wr-expertise-swiper-container {
    overflow: hidden;
}
.ts-Wr-expertise-swiper-container .image img {
    background: #ffe7e9;
    padding: 20px 20px 0px 20px;
    height: 320px;
    width: 280px;
    object-fit: contain;
}
.ts-Wr-expertise-swiper-container .image .img1 {
    background-color: #e4f6f4;    
}
.ts-Wr-expertise-swiper-container .image .img2{
    background-color: #fef4eb;
} 
.ts-Wr-expertise-swiper-container .image{
    position: relative;
}
.ts-Wr-expertise-swiper-container .img-heading h2 {
    font-size: 20px;
    color: #111111;
    font-weight: 700;
    padding-top: 20px;
    margin-bottom: 0;
}
.ts-Wr-expertise-swiper-container .image span {
    position: absolute;
    bottom: 54px;
    right: 56px;
    height: 60px;
    width: 60px;
    background-color: #ff6a7b;    
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -14.905px 30.559px 15px rgba(255,106,124,0.3);
}
.ts-Wr-expertise-swiper-container .image span svg{
    fill: var(--themestack-white-color);
}
.ts-Wr-expertise-swiper-container .image .icon2 {
    background: #2fdbcb;
    box-shadow:-14.905px 30.559px 15px rgba(48,220,203,0.3);
}
.ts-Wr-expertise-swiper-container .image .icon3 {
    background: #ffaf5f;
  box-shadow:-14.905px 30.559px 15px rgba(255,175,96,0.3);
}
.ts-Wr-expertise-section .img-heading p {
    margin-bottom: 0;
    font-size: 16px;    
    color: #777777;
    font-weight: 400;
}
.ts-Wr-expertise-section .right-heading a {
    font-size: 16px;
    line-height: 30px;
    color: var(--wr-light-blue);
    font-weight: 600;
    padding-top: 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.ts-Wr-expertise-section .right-heading:hover a{
    letter-spacing: 2px;
}
.ts-Wr-expertise-section .right-heading a span{
    padding-left: 10px;
    fill:  var(--wr-light-blue);
}
/* Experties css and */
/* contact-css-start */
.ts-wr-cntct-heading .ts-Wr-heading h1, .ts-wr-cntct-heading .ts-Wr-heading p {
    color: var(--themestack-white-color);
}
.ts-Wr-contact-section .form-section {
    background: #fff;    
    margin: 0 auto;
    padding: 45px;
    max-width: 800px;
    width: 100%;
}
.ts-Wr-contact-section .form-contain form {
    display: flex;
}
.ts-wr-form-section-content {
    width: 50%;
}
.ts-wr-form-section-content p {
    margin-bottom: 0;
}
.ts-Wr-contact-section input { 
    width: 100%;
}
.ts-wr-form-section-content label {
    font-weight: 700;
    padding: 15px 0;
    color: #111111;
}
.ts-wr-form-section-content label:first-child{
    padding-top: 0;
}
.ts-Wr-contact-section input{
    background: #f7f9ff;
    padding: 0px 15px;
    border: none;
    border-bottom: 1px solid #a0a0a03d;
}
.ts-Wr-contact-section input::placeholder, .ts-Wr-contact-section textarea::placeholder{
    color: #aab0c2;
}
.ts-Wr-contact-section input:focus, .ts-Wr-contact-section textarea:focus{
    border-bottom: 1px solid var(--wr-light-green-color); 
    outline:none;
}
.text-contant label {
    font-weight: 700;
    padding-bottom: 15px;
    color: #111111;
}
.ts-Wr-contact-section textarea {
    width: 100%;   
    height: 183px;
    border: none;
    background: #f7f9ff;
    border-bottom: 1px solid #a0a0a03d;
    padding: 15px;
    resize: none;
}
.ts-Wr-contact-section .text-contant {
    margin-left: 50px;
    width: 50%;
}
.ts-Wr-contact-section .label {
    font-size: 16px;
    line-height: 58px;
    color: #111111;
    font-weight: 700;
}
.ts-Wr-contact-section input.ts-Wr-btn {
    max-width: 160px;
    width: 100%;
    height: 60px;
    background-color: var(--themestack-primary-color);
    color: var(--themestack-white-color);
    border-radius: 30px;
    font-size: 16px;
    font-weight: 800;
    border:none;
    cursor: pointer;
    transition:all 0.3s;
}
.ts-Wr-contact-section input.ts-Wr-btn:hover {
    background: #ff6a7b1a;
    color: var(--themestack-primary-color);
}
.ts-Wr-contact-section .view svg{
    transition: all 0.4s ease-in-out;
}
.ts-Wr-contact-section .view:hover svg{
    fill: #ff6a7b;
}
/* contact-css-and */
/* testimonials-css-start */
/* arrow */
.ts-wr-testimonials-arrow {
    position: relative;
}
.ts-wr-testimonials-arrow .swiper-button-next {
    position: absolute;
    top: -180px;
    right: 15px;
}
.ts-wr-testimonials-arrow .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    display: none;
}
.ts-wr-testimonials-arrow .swiper-button-next span svg {
    fill: #b5b5b5;
    transition: all 0.3s ease-in-out;
}
.ts-wr-testimonials-arrow .swiper-button-next span {
    background: #f3f3f3;
    max-width: 56px;
    height: 56px;
    padding: 16px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.ts-wr-testimonials-arrow .swiper-button-prev{
	position: absolute;
    top: -180px;
    left: 15px;
}
.ts-wr-testimonials-arrow .swiper-button-prev span {
    background: #f3f3f3;
    max-width: 56px;
    height: 56px;
    padding: 16px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.ts-wr-testimonials-arrow .swiper-button-prev span svg {
    fill: #b5b5b5;
    transition: all 0.3s ease-in-out;
}
.ts-wr-testimonials-arrow .swiper-button-next span:hover, .ts-wr-testimonials-arrow .swiper-button-prev span:hover {
    background-color: var(--themestack-primary-color);
}
.ts-wr-testimonials-arrow .swiper-button-next span:hover svg, .ts-wr-testimonials-arrow .swiper-button-prev span:hover svg {
    fill: var(--themestack-white-color);
    transition: all 0.3s ease-in-out;
}
.ts-wr-testimonial-bullet {
    position: relative;
    top: 30px;
}
.ts-wr-testimonial-bullet .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.ts-wr-testimonial-bullet span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--themestack-primary-color);
    opacity: 1;
    width: 11px;
    height: 11px;
}
/* arrow end */
.ts-Wr-testimonials-section-start .ts-Wr-heading p {
    font-weight: 500;
}
.swiper-inner {
    display: flex;
    align-items: center;
}
.swiper-box {
    background: var(--themestack-white-color)ff;
    padding: 44px 44px 20px 60px;
    max-width: 971px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 30px rgba(84,50,86,0.1);
    margin-bottom: 40px;
    margin-top: 19px;
}
.swiper-inner .ts-wr-img{
    width: 86%;	
    position: relative;
}
.swiper-inner .ts-wr-img:before {
    position: absolute;
    content: '';
    height: 133px;
    width: 133px;
    background-color: #f4f4f4;
    border-radius: 50%;
    z-index: 0;
    top: -32px;
}
.swiper-inner .ts-wr-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    position: relative;
}
.ts-wr-img span {
    width: 40px;
    height: 40px;    
    background-color: #ffaf5f;        
    border-radius: 50%;
    padding: 10px;    
    position: absolute;
    left: 70px;
    bottom: -10px;    
    display: flex;
    justify-content: center;
    align-items: center;
}
.contant {
    position: relative;
}
.contant:after {
    position: absolute;
    content: '';
    background-color: var(--themestack-primary-color);
    height: 3px;
    width: 125px;
    bottom: 65px;
}
.contant::before {
    position: absolute;
    content: '';
    background-color: rgb(235, 235, 235);
    width: 1px;
    height: 223px;
    bottom: 2px;
    left: -45px;
    background-image: linear-gradient(#fff, #ebebeb, #fff);
}
.contant p {
    font-size: 22px;
    line-height: 72px;
    color: #111111;
    font-weight: 700;
}
.contant p:nth-child(1) {
    width: 630px;    
    font-size: 18px;
    line-height: 28px;
    color: #777777;
    font-weight: 400;
    z-index: 1;
    position: relative;
    max-width: 630px;
    width: 100%;
    display: inline;
}
.contant p:nth-child(3) {
    font-size: 22px;
    line-height: 30px;
    color: #111111;
    font-weight: 700;
    margin-top: 40px;
}
.contant p span {
    font-size: 16px;
    font-weight: 400;
    padding-left: 10px;
    font-size: 16px;
    line-height: 30px;
    color: #777777;
}
.contant>span {
    position: absolute;
    top: 0;
    left: 30%;
    z-index: 0;
}
/* testimonials csssa and */
/* footer-css -start */
.ts-Wr-footer-section {
    padding: 80px 20px;
    background: #f9fafb;
}
.ts-Wr-footer-section .footer-content p {
    width: 347px;
    height: 144px;
    font-size: 16px; 
    color: #777777;
    font-weight: 400;
    padding-top: 30px;
    max-width: 347px;
    width: 100%;
    margin-bottom: 0;
}
.ts-wr-footer-menu ul {
    display: flex;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.ts-wr-footer-menu ul div:nth-child(2){
    padding-left: 50px;
}
.ts-wr-footer-menu ul li a{
    font-size: 16px;
	line-height: 42px;
	color: #777777;
	font-weight: 400;
	transition: all 0.2s ease-in-out;
}
.ts-wr-footer-menu ul li a:hover{
    color: var(--themestack-primary-color);
}
.ts-wr-footer-menu ul li a span svg path{
    transition: all 0.3s ease-in-out;
}
.ts-wr-footer-menu ul li a span :hover svg path{
    fill: var(--themestack-primary-color);
}
.ts-wr-footer-menu ul li a:hover svg path{
    fill: var(--themestack-primary-color);
}
.ts-wr-footer-menu ul li a span {
    padding-right: 20px;
}
.pd-top{
    padding-top: 75px;
}
.ts-Wr-footer-section .text-content input {
    width: 370px;
    height: 60px;
    border-radius: 30px;
    background-color: #edf1f4;
    width: 100%;
    margin-top: 30px;
    width: 100%;
    padding-right: 100px;
    border: none;
    padding-left: 25px;
}
.ts-Wr-footer-section .text-content input:focus{
    outline:none;
}
.ts-Wr-footer-section .text-content input{
    position: relative;
}
.ts-Wr-footer-section .text-content{
    position: relative;
}
.copy-right {
    background: #f4f5f7;
    padding: 10px 0px;
    text-align: center;
}
.copy-right p {
    font-size: 16px;
    line-height: 36px;
    color: #111111;
    font-weight: 500;
    margin-bottom: 0;
}
/* footer-css-and */
/* toggle-css */
.ts-wr-toggle {
    visibility: visible;
    opacity: 1;
    margin-top: 7px;
    z-index: 1;
    position: relative;
    cursor: pointer;
    right: -255px;
}
.ts-wr-toggle>span {
    display: block;
    height: 3px;
    width: 26px;    
    background-color: var(--themestack-primary-color);
    font-size: 30px;
    margin-bottom: 5px;
    transition: all 0.5s linear;
    transform-origin: 0;
}
.ts-wr-toggle-open .ts-wr-toggle>span:nth-child(2) {
    transform: translateX(20px);
    visibility: hidden;
    opacity: 0;
}
.ts-wr-toggle-open .ts-wr-toggle>span:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: 3px 2px;
}
.ts-wr-toggle-open .ts-wr-toggle>span:nth-child(3) {
    transform: rotate(-45deg);
}
.ts-wr-toggle{
    display: none;
}
.bg-risponsive-img{
    display: none;
}
/* toggle css end */
.ts-Wr-btn a, .btn a{
	position:relative;
	overflow:hidden;
    transition: all 0.3s ease-in-out;
}
.ts-Wr-btn a:hover, .btn a:hover {
    background: #ff6a7b1a;    
    color: var(--themestack-primary-color);
}
.ts-Wr-btn a:hover:before , .btn a:hover:before{
    opacity: 0;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.btn a:hover{
    border: 1px solid #e7fefb;
    color: #e7fefb;
    background: var(--wr-light-green-color);
}
.main {
    font-size: 120%;
    background-color: #2fdbcb!important;
    transition: all 0.1s ease-in-out;
  }
  
/* media css start */
@media(max-width:1700px){
    .ts-Wr-expertise-section .right-heading {
        padding-left: 300px;
    }
}
@media(max-width:1600px){
    .ts-Wr-expertise-section .right-heading {
       padding-left: 200px;
    }
    .bg-risponsive-img{
        display:block;
    }
    .ts-Wr-banner-right-img img{
        display: none;
    }   
    .right-heading h1 {    
        line-height: 50px;       
    }
    .ts-Wr-features p {
        margin-top: -10px;
    }
    .image span{
        bottom: 70px;
        right: 0px
    }
}
@media(max-width:1440px){
    .ts-Wr-features p {    
        margin-top: 0px;
    }
    .right-heading {
        padding-left: 74px;
    }
}
@media(max-width:1410px){
    .head{
        bottom: 0px;
    }   
}
@media(max-width:1200px){
    .right-heading {
        padding-bottom: 20px;
    }
}
@media(max-width:1205px){
    .ts-Wr-features p {    
        margin-top: 75px;
    }
    .left-content {     
        margin-left: 77px;
        padding-top: 50px;
    }    
}
@media(max-width:1199px){
    .ts-Wr-banner-right-img img{
        display:none;
    }
    .bg-risponsive-img{
        display:block;
    }
    .ts-Wr-expertise-section .right-heading {
       padding-left: 0px;
       text-align:center;
    }
    .ts-Wr-expertise-section .right-heading p{
        margin:auto;
    }
    .ts-Wr-expertise-section .right-heading h4{
        margin-bottom:20px;
    }
    .ts-wr-header-btn {
        margin-right: 10px;
    }
    .ts-wr-toggle {        
        right: -227px;
    }
    .ts-Wr-expertise-swiper-container {     
        text-align: center;
    }
    .ts-Wr-service-content p {
        max-width: 500px;
        margin: auto;
    }
     .swiper-box {
        padding: 34px 34px 10px 30px;
        max-width: 700px;
    }
    .swiper-inner .ts-wr-img {
        width: 25%;
    }
    .contant {
        width: 75%;
    }
}
@media(max-width:1180px){
    .contant::before{
        display: none;
    }
}
@media(max-width:1024px){
    .image img{
        padding: 0px;
    }
    .image span {
        bottom: 44px;       
    }
    .img-heading h2 {
        font-size: 16px;
        line-height: 20px;      
    }
    .img-heading p{
        line-height: 22px;
    }
    .left-content{
        margin-left: 72px;        
    }
    .left-content{
        justify-content: space-around;
    }
    .img-heading p {
        margin-bottom: 20px;
    }
}
@media(max-width:999px){   
    .form-contain{
        display: block;
    }
    .form-contain div input{
        width: 100%;
    }
    .text-contant{
        margin-left: 0px;
    }
    .text-contant textarea#text{
        width: 100%;
    }
}
@media(max-width:991px){
    .image span {
        bottom: 40px;
    }
    .swiper-inner{
        display: block;
    }
    .swiper-inner .img{
        padding-bottom: 30px;
    }    
    .swiper-inner .ts-wr-img {
        margin: 20px auto 30px auto;
    }
    .swiper-box {
        max-width: 500px;
    }
    .contant:after {
        bottom: 50px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .ts-header-style20 .container-fluid {
        padding: 0 30px;
    }
    .ts-Wr-features-contant {
        flex-direction: column;
        text-align: center;
        padding:20px;
    }
    .no-contant span {
        margin: 0 auto 15px auto;
    }
    .right-contant {
        padding-left: 0;
    }
    .contant {
        width: 100%;
        text-align: center;
    }
    .ts-wr-testimonials-arrow .swiper-button-next {
        position: absolute;
        top: -250px;
        right: 15px;
    }
    .ts-wr-testimonials-arrow .swiper-button-prev{
        top: -250px;
    }
}
@media(max-width:941px){
    .bg-risponsive-img  {
      padding-top: 50px;
    }
    .ts-Wr-expertise-swiper-container .image img {     
        padding: 0;        
    }
}
@media(max-width:767px){
    .footer-heading h2{
        padding-top: 40px;
    }
    .image span {      
        right: 39px;
    }
    .ts-Wr-contact-section .form-contain{
        display: block;
    }
    .ts-Wr-contact-section .text-contant {
        margin: 15px 0 0 0;
    } 
    .ts-Wr-contact-section .form-section {
        padding: 30px 30px 50px 30px;
    }
    .ts-Wr-expertise-swiper-container .image img {     
        height: 250px;        
    }
    .ts-wr-form-section-content, .ts-Wr-contact-section .text-contant{
        width: 100%;
    }
    .ts-Wr-contact-section .form-contain form {
        flex-direction: column;
    }
    .swiper-box {
        box-shadow: none;
        border: 1px solid rgba(0,0,0,0.10);
    }
    .ts-wr-testimonial-bullet {
        display: none;
    }
    .ts-wr-testimonials-arrow {
        margin-top: 50px;
    }
    .ts-wr-testimonials-arrow .swiper-button-next {
        top: auto;
        bottom: 20px;
        right: 30%;
    }
    .ts-wr-testimonials-arrow .swiper-button-prev {
        top: auto;
        bottom: 20px;
        left: 30%;
    }
}
@media(max-width:670px){
    .left-content{
        display: block;
    }
    .image{
        max-width: 220px;
        margin: 0 auto;
    } 
    .bg-risponsive-img {
        display: block;
        padding-bottom: 46px;
    }
}
@media(max-width:575px){
    .swiper-box {        
        padding: 60px 30px 20px 30px;        
    }
}
@media(max-width:480px){
    .ts-Wr-heading h1{
        line-height: 45px;
    }
    .ts-Wr-features-contant {
        display: block;     
        text-align: center;
    }
    .ts-Wr-features-section .no-contant span {        
        margin: auto;
    }
    .ts-Wr-features-section .right-contant h3 {     
        margin: 20px 0 0 0;
    }  
    .swiper-box {
        max-width: 400px;
    }  
    .ts-header-style20 .container-fluid {
        padding: 0 15px;
    }
    .ts-header-style20 .ts-main-header .ts-main-header-inner {
        flex-direction: column;
    }
    .ts-header-style20{
        padding-bottom:15px !important;
    }
}
@media(max-width:432px){
    .form-section {
        padding: 20px 20px 41px 20px;
    }    
    .form-section{
        padding: 20px;
    }
}
@media(max-width:425px){
    .swiper-inner .ts-wr-img:before {
        display:none;
    }
    .swiper-box {
        max-width: 300px;
    }
    .swiper-box {
        padding: 20px;
    }
    .contant p:nth-child(1) {        
        font-size: 15px;        
    }
    .contant>span {        
        display: none;
    }
    .ts-wr-img span {
        width: 30px;
        height: 30px;
        padding: 0;        
        left: 40px;
        bottom: -10px;        
    }
    .ts-wr-img span svg {
        width: 18px;
        height: auto;
    }
    .ts-Wr-contact-section .form-section {
        padding: 25px;
    }
    .swiper-box {
        max-width: 100%;
        margin-top: 0;
    }
    .contant:after {
        display:none;
    }
    .contant p:nth-child(3) {
        font-size:18px;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .contant p span {
        font-size: 14px;
        display: block;
        padding-left: 0;
    }
}
@media(max-width:379px){
    .ts-Wr-btn{
        width: 100%;
    }
    .bg-risponsive-img {
        display: block;
        padding-bottom: 144px;
    }
}
@media(max-width:375px){
    .ts-wr-footer-menu ul {
        display: block; 
    }
    .ts-wr-footer-menu ul div:nth-child(2) {
        padding-left: 0;
    }
    .ts-header-style20 .ts-main-navigation ul.menu {
        width: 235px;
    }
}
@media(max-width:336px){
    .rating-box{
        display: block;
        padding: 20px;        
    }
    .ts-Wr-btn{
        margin-bottom: 30px;
    }
    .right-heading {
        padding-left: 35px;
    }
    .bg-risponsive-img {
        display: block;
        padding-bottom: 136px;
    }
    .swiper-box {
        max-width: 290px;
    }
}
/*======================= Writter demo css End ====================*/

/********** 6 Responsive CSS Start **********/
@media screen and (min-width: 992px) {
    .ts-sidebar-wrapper {
         padding-left: 20px;
    }
    .ts-sidebar-wrapper.ts-left-sidebar {
         padding-left: 0;
         padding-right: 20px;
    }
}
 @media screen and (min-width: 1200px) {
    /* Header*/
    .close-search {
         display: none;
    }
    .container {
         max-width: 1200px;
    }
    .ts-main-nav-wrapper .menu .sub-menu {
        position: absolute;
        background: var(--themestack-alternate-bg);
        min-width: 200px;
        left: 0;
        top: 60px;
        padding: 10px 0;
        border: none;
        border-radius: var(--themestack-radius0);
        box-shadow: 0px 6px 20px 0 rgb(0 0 0 / 8%);
        visibility: hidden;
        opacity: 0;
        text-align: left;
        width: auto;
        z-index: 99;
        transform: translateX(-30px);
    }
    .ts-main-nav-wrapper .menu>li:hover>.sub-menu, .ts-main-nav-wrapper .menu>li>.sub-menu li:hover>.sub-menu, .ts-main-nav-wrapper .menu>li>.sub-menu li:hover>.sub-menu li:hover>.sub-menu {
         visibility: visible;
         opacity: 1;
         transform: translateX(0px);
    }
    .ts-main-nav-wrapper .menu>li .sub-menu, .ts-main-nav-wrapper .menu>li:hover .sub-menu {
         -webkit-transition: var(--themestack-transition);
         -moz-transition: var(--themestack-transition);
         -ms-transition: var(--themestack-transition);
         -o-transition: var(--themestack-transition);
         transition: var(--themestack-transition);
    }
    .ts-main-nav-wrapper .menu .sub-menu .sub-menu {
         left: -215px;
         top: 0;
    }
    .ts-main-nav-wrapper .menu .sub-menu li {
        padding: 6px 20px;
        border-bottom: 1px solid var(--themestack-border-color);
    }
    .ts-main-nav-wrapper .menu .sub-menu li:last-child{
        border-bottom: none;
    }
    .ts-main-nav-wrapper .menu .sub-menu li:hover {
         padding: 6px 10px 6px 30px;
    }
    .ts-main-nav-wrapper .menu .sub-menu li, .ts-main-nav-wrapper .menu .sub-menu li:hover {
         -webkit-transition: var(--themestack-transition);
         -moz-transition: var(--themestack-transition);
         -ms-transition: var(--themestack-transition);
         -o-transition: var(--themestack-transition);
         transition: var(--themestack-transition);
    }
    .ts-main-nav-wrapper .menu .sub-menu .sub-menu:before {
         content: "";
         position: absolute;
         right: -10px;
         width: 0;
         height: 0;
         border-top: 8px solid transparent;
         border-left: 10px solid var(--themestack-alternate-bg);
         border-bottom: 8px solid transparent;
         top: 6px;
    }
    .ts-main-nav-wrapper .menu .sub-menu li, .ts-main-nav-wrapper .menu .sub-menu li:hover {
         -webkit-transition: var(--themestack-transition);
         -moz-transition: var(--themestack-transition);
         -ms-transition: var(--themestack-transition);
         -o-transition: var(--themestack-transition);
         transition: var(--themestack-transition);
    }
     .ts-main-nav-wrapper .menu .sub-menu li:hover>a {
         color: var(--themestack-primary-color);
    }
     body .ts-main-nav-wrapper .menu>li>a {
         padding: 24px 0px;
    }
     .ts-about-info p {
         word-break: break-word;
    }
     body .ts-main-nav-wrapper .menu>li>a:before {
         position: absolute;
         background: var(--themestack-primary-color);
         border-radius: var(--themestack-radius0);
         opacity: 0;
         visibility: hidden;
         margin: auto;
         content: "";
         bottom: 0;
         left: 0;
         right: 0;
         margin: auto;
         height: 3px;
         width: 0%;
         border-radius: var(--themestack-radius10) var(--themestack-radius10) var(--themestack-radius0) var(--themestack-radius0);
         transition:all 0.3s;
    }
     body .ts-main-nav-wrapper .menu>li:hover>a:before, body .ts-main-nav-wrapper .menu>li.current-menu-item>a:before {
         visibility: visible;
         opacity: 1;
         width: 80%;
    }
     body .ts-main-nav-wrapper .menu li:hover a:before, body .ts-main-nav-wrapper .menu li.current-menu-item a:before, body .ts-main-nav-wrapper .menu li:hover a:before {
         -webkit-transition: var(--themestack-transition);
         -moz-transition: var(--themestack-transition);
         -ms-transition: var(--themestack-transition);
         -o-transition: var(--themestack-transition);
         transition: var(--themestack-transition);
    }
    .ts-main-nav-wrapper .menu li:hover>a {
         color: var(--themestack-primary-color);
    }
    .ts-header-wrapper .menu>li {
        padding-right: 30px;
    }
    .comments-area .comment-respond {
        padding: 40px 50px 50px;
    }
    /*header style 2 css*/
    .ts-header-style2 .menu>li{
        padding-right:40px;
    }
    
    body .ts-header-style2 .ts-main-nav-wrapper .menu>li>a:after{
        content: '';
        height: 4px;
        width: 100%;
        background-color: var(--themestack-primary-color);
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: auto;
        transform: scale(0);
        transition: all 0.3s;
    }
    body .ts-header-style2 .ts-main-nav-wrapper .menu>li>a:before {
        content: '';
        border-bottom: 10px solid var(--themestack-primary-color);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        width: 0;
        height: 0;
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: auto;
        transform: scale(0);
        transition: all 0.3s;
    }
    body .ts-header-style2 .ts-main-nav-wrapper .menu>li>a:hover:after{
        transform: scale(1);
    }
    body .ts-header-style2 .ts-main-nav-wrapper .menu>li>a:hover:before{
        transform: scale(1);
    }
    body .ts-header-style2 .ts-main-nav-wrapper .menu>li.current-menu-item a:after, body .ts-header-style2 .ts-main-nav-wrapper .menu>li.current-menu-item a:before{
        transform: scale(1);
    }
    /*header style 2 css*/
    /*header style 3 css*/
    .ts-header-wrapper .menu>li {
        padding-right: 45px;
    }
    body .ts-header-style3 .ts-main-nav-wrapper .menu>li>a:before {
        position: absolute;
        content: "";
        left: 0;
        right:auto;
        bottom: 0;
        width: 0%;
        height: 2px;
        background-color: var(--themestack-primary-color);
        transition: all 0.3s ease-in-out;
    }
    body .ts-header-style3 .ts-main-nav-wrapper .menu>li>a:hover::before, body .ts-header-style3 .ts-main-nav-wrapper .menu>li.current-menu-item a::before{
        width: 100%;
        transition: all 0.3s ease-in-out;
    }
    /*header style 3 css*/
    /*header style 4 css*/
    body .ts-header-style4 .ts-main-nav-wrapper .menu>li>a {
        padding: 20px 0px !important;
    }
    /*header style 4 css*/
    /*header style 5 css*/
    body .ts-header-style5 .ts-main-nav-wrapper .menu>li>a:before{
        bottom:-6px;
    }
    /*header style 5 css*/
    
    /*header style6 css*/
    .ts-header-style6 .menu>li {
        padding-right: 44px;
    }
    .ts-header-style6 .menu>li:last-child {
        padding-right: 29px;
    }
    /*header style6 css*/
    /*header style8 css*/
    body .ts-header-style8 .ts-main-nav-wrapper .menu>li:hover>a:before, body .ts-header-style8 .ts-main-nav-wrapper .menu>li.current-menu-item>a:before {
        bottom: 0px;
    }
    body .ts-header-style8 .ts-main-nav-wrapper {
        margin: auto;
    }
    body .ts-header-style8 .menu>li:last-child{
        padding-right:0;
    }
    /*header style8 css*/
    /*header style9 css*/
    .ts-header-style9 .menu>li {
        padding-right: 35px !important;
    }
    .ts-header-style9 .menu>li:last-child {
        padding-right: 25px !important;
    }
    body .ts-main-nav-wrapper .menu>li>a {
        padding: 30px 0px;
    }
    .ts-header-style9 .ts-app-btn {
        margin-left: 33px;
    }
    /*header style9 css*/
    /*header style11 css*/
    body .ts-header-style11 .ts-main-nav-wrapper .menu>li>a {
        padding: 27px 0px;
    }
    /*header style11 css*/
    /*header style12 css*/
    .ts-header-style12 .menu>li:last-child{
        padding-right:0;
    }
    body .ts-header-style12 .ts-main-nav-wrapper .menu>li>a:before{
        display:none;
    }
    body .ts-header-style12 .ts-main-nav-wrapper .menu>li>a:after {
        left: 0px;
        right: 0px;
        top: 50%;
        content: '';
        border-left: 12px solid var(--themestack-primary-color);
        border-right: 12px solid var(--themestack-primary-color);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 3px;
        opacity: 0;
        position: absolute;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }
    body .ts-header-style12 .ts-main-nav-wrapper .menu>li>a:hover:after, body .ts-header-style12 .ts-main-nav-wrapper .menu>li.current-menu-item>a:after {
        left: -18px;
        right: -18px;
        opacity: 1;
    }
    /*header style12 css*/
    /*header style13 css*/
    body.home .ts-header-style13 .ts-main-nav-wrapper .menu>li:hover>a {
         color: var(--themestack-white-color);
    }
    body.home .ts-header-style13 .ts-main-nav-wrapper .menu>li>a:before {
        background: var(--themestack-white-color);
    }
    .ts-header-style13 .ts-main-nav-wrapper .menu>li>a:before {
        background: var(--themestack-primary-color);
    }
    .ts-header-style13 .ts-main-nav-wrapper .menu .sub-menu li a:hover{
        color: var(--themestack-primary-color);
    }
    body.home .ts-header-style13 .menu li.current-menu-item>a, body.home .ts-header-style13 .menu li.current-menu-item>a:focus, body.home .ts-header-style13 .menu li.current-menu-item>a:visited {
        color: var(--themestack-white-color);
    }
    .ts-header-style13 .menu>li>a {
        color: var(--themestack-white-color);
    }
    body.home .ts-header-style13 .menu li>a:hover{
        color: var(--themestack-white-color);
    }
    /*header style13 css*/
     /*header style14 css*/
    .ts-header-style14 .menu>li {
        padding-right: 35px !important;
    }
    .ts-header-style14 .ts-search-btn {
        margin-left: 0;
    }
    .ts-header-style14 .ts-date-controls ul li:first-child {
        padding-right: 35px !important;
    }
    /*header style14 css*/
    /*header style17 css*/
    .ts-header-style17 .menu>li.current-menu-item>a, .ts-header-style17 .menu>li.current-menu-item>a:focus, .ts-header-style17 .menu>li.current-menu-item>a:visited {
        color: var(--themestack-white-color);
    }
    .ts-header-style17 .menu>li:last-child {
        padding-right: 0;
    }
    .ts-header-style17 .ts-main-nav-wrapper .menu>li>a:before {
        background: var(--themestack-white-color);
    }
    .ts-header-style17 .ts-main-nav-wrapper .menu>li:hover>a {
        color: var(--themestack-white-color);
    }
    .ts-header-style17 .menu li.current-menu-ancestor>a{
        color: var(--themestack-white-color);
    }
    /*header style17 css*/
    /*header style18 css*/
    .ts-header-style18 .menu>li:last-child{
        padding-right:0;
    }
    body.home .ts-header-style18  .menu li.current-menu-item>a, body.home .ts-header-style18 .menu li.current-menu-item>a:focus, body.home .ts-header-style18 .menu li.current-menu-item>a:visited {
        color: yellow;
    }
    body.home .ts-header-style18 .ts-main-nav-wrapper .menu>li>a:hover{
        color: yellow;
    }
    body.home .ts-header-style18 .menu>li>a {
        color: var(--themestack-white-color);
        font-weight: 500;
        font-size: 16px;
    }
    /*header style18 css*/
    /*header style19 css*/
    .ts-header-style19 .menu>li:last-child{
        padding-right:0 !important;
    }
    /*header style19 css*/
}
@media screen and (max-width: 1399.98px){
     .ts-swiper-nav {
         display: none;
    }
}
 @media screen and (max-width: 1199.98px) {
    .has_sub_menu ul {
         display: none;
    }
    .ts-menu-toggle {
        display: inline-block;
        vertical-align: middle;
        height: 40px;
        width: 40px;
        padding: 11px 0;
        position: relative;
        background: var(--themestack-primary-color);
        border-radius: var(--themestack-circle-radius);
        transition: all 0.3s;
    }
    .ts-menu-toggle span {
         width: 15px;
         height: 2px;
         background: var(--themestack-white);
         display: block;
         position: relative;
         margin: auto;
         margin-top: 3px;
    }
     .ts-menu-toggle span, .ts-menu-toggle.open-menu span {
         -webkit-transition: var(--themestack-transition);
         -moz-transition: var(--themestack-transition);
         -ms-transition: var(--themestack-transition);
         -o-transition: var(--themestack-transition);
         transition: var(--themestack-transition);
    }
    .ts-menu-toggle span:hover {
         cursor: pointer;
    }
    .ts-menu-toggle.open-menu span:nth-child(2) {
         display: none;
    }
     .ts-menu-toggle.open-menu span:nth-child(1) {
         transform: rotate( 45deg) translate(3.5px, 3px);
    }
    .ts-menu-toggle.open-menu span:nth-child(3) {
         transform: rotate( 135deg) translate(-7.3px, -11px);
         margin: 0;
    }
    .ts-main-navigation ul.menu {
         background: var(--themestack-main-bg);
         position: fixed;
         left: -340px;
         top: 0;
         bottom: 0;
         width: 320px;
         height: 100%;
         text-align: left;
         z-index: 98;
         background-attachment: fixed;
         transition: 0.3s;
         overflow-y: auto;
         overflow-x: hidden;
         border-right: 1px solid var(--themestack-border-color);
    }
    .ts-main-navigation.open-menu ul {
         left: 0;
    }
    .admin-bar .ts-main-navigation.open-menu ul {
         top: 30px;
    }
    .ts-header-wrapper .menu li.open:before {
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
    }
    .ts-header-wrapper .menu li.open:before, .ts-header-wrapper .menu li:before {
         -webkit-transition: var(--themestack-transition);
         -moz-transition: var(--themestack-transition);
         -ms-transition: var(--themestack-transition);
         -o-transition: var(--themestack-transition);
         transition: var(--themestack-transition);
    }
    .ts-main-navigation ul.sub-menu {
         display: none;
         margin-top: 10px;
         margin-bottom: 7px;
    }
    .ts-main-navigation ul.sub-menu.show-submenu {
         display: block;
    }
    .ts-main-navigation ul>li {
         width: 100%;
         padding: 15px 20px;
    }
    .ts-main-navigation .menu li .sub-menu li {
         padding: 10px 20px 10px 30px;
         position: relative;
    }
    .ts-main-navigation .menu li .sub-menu li a {
         padding-left: 20px;
    }
    .ts-main-navigation .menu li .sub-menu li a:before {
         content: "";
         position: absolute;
         height: 6px;
         width: 6px;
         background: var(--themestack-primary-color);
         top: 10px;
         margin: auto;
         left: 0px;
    }
    .ts-main-navigation .menu li.menu-item-has-children:before {
         content: "\f107";
         position: absolute;
         top: 21px;
         right: 25px;
         font-family: "Font Awesome 5 Free";
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
         display: inline-block;
         font-style: normal;
         font-variant: normal;
         text-rendering: auto;
         line-height: 1;
         font-weight: 900;
         color: var(--themestack-title-color);
    }
    .ts-main-navigation .menu li.open:before {
         -webkit-transform: rotate( 180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate( 180deg);
    }
    .ts-main-navigation .menu .sub-menu li.menu-item-has-children:before {
         top: 16px;
    }
    .ts-main-navigation .menu li.menu-item-has-children:before, .ts-main-navigation .menu li.open:before {
         -webkit-transition: var(--themestack-transition);
         -moz-transition: var(--themestack-transition);
         -ms-transition: var(--themestack-transition);
         -o-transition: var(--themestack-transition);
         transition: var(--themestack-transition);
    }
    .ts-main-navigation .menu>li {
         border-bottom: 1px solid var(--themestack-border-color);
    }
    .ts-main-navigation .menu>li:last-child {
         border-bottom: 0;
    }
    .ts-main-navigation .menu>li .sub-menu>li {
         border-bottom: 1px solid var(--themestack-border-color);
    }
    .ts-main-navigation .menu>li .sub-menu>li:last-child {
         border-bottom: 0;
    }
    .ts-main-navigation .menu>li>.sub-menu {
         margin-left: -20px;
         margin-right: -20px;
         padding: 0 0px;
    }
    .ts-main-navigation .sub-menu {
         background: var(--themestack-submenu-bg);
    }
    .ts-header-wrapper .menu {
         display: inline-block;
    }
    .ts-header-wrapper .menu li a {
         width: 100%;
         display: inline-block;
    }
    .ts-cart-btn {
         min-width: 40px;
         margin: 0 0 0 20px;
    }
    .ts-search-btn {
         width: 40px;
         height: 40px;
         line-height: 40px;
         position: relative;
         text-align: center;
         background: var(--themestack-primary-color);
         display: inline-block;
         border-radius: var(--themestack-circle-radius);
         margin: 0 0;
    }
    .ts-search-btn svg {
         position: relative;
    }
    .row.align-content-center {
         align-items: center;
    }
    .ts-menu .menu>ul::-webkit-scrollbar {
         width: 3px;
    }
    .ts-menu .menu>ul::-webkit-scrollbar-track {
         background-color: var(--themestack-primary-color);
    }
    .ts-menu .menu>ul::-webkit-scrollbar-thumb {
         background-color: var(--themestack-alternate-bg);
    }
    .ts-main-navigation ul.sub-menu .sub-menu {
         background: var(--themestack-sub-menu-bg);
    }
    .ts-header-wrapper .ts-search-btn svg {
         fill: var(--themestack-white);
    }
    body .ts-main-navigation .menu .sub-menu li.open:before {
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate( 180deg);
    }
    body .ts-main-navigation .menu .sub-menu li:before {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
    }
    /*header style1 css*/
    .ts-header-style1 .ts-menu-toggle{
        border-radius:0;
    }
    .ts-header-style1 .ts-logo-wrap {
        padding: 15px 0;
    }
    /*header style1 css*/
    /*header style2 css*/
    .ts-header-style2 .container-fluid, .ts-am-banner-wrapper .container-fluid{
        padding: 0 30px;
    }
    .ts-header-style2 .ts-menu-toggle {
        border-radius: 6px;
        margin-left: 10px;
    }
    .ts-header-style2 .ts-main-navigation ul.menu {
        background: var(--am-dark-bg-color);
        border-right:1px solid #342f3b;
    }
    .ts-header-style2 .ts-main-navigation .menu>li {
        border-bottom: 1px solid #342f3b;
    }
    /*header style2 css*/
    /*header style3 css*/
    .ts-header-style3 .ts-menu-toggle {
        border-radius: 5px;
        margin-left: 10px;
    }
    .ts-header-style3 .container-fluid {
        padding: 0 30px;
    }
    .ts-header-style3 .ts-main-navigation ul.menu {
        background: #10213b;
        border-right: 1px solid rgb(30 46 70);
    }
    .ts-main-navigation .menu>li {
        border-bottom: 1px solid rgb(30 46 70);
    }
    /*header style3 css*/
    /*header style4 css*/
    .ts-header-style4 .ts-main-navigation .menu>li {
        border-bottom: 1px solid rgba(83, 68, 98, 10%);
    }
    .ts-header-style4 .ts-search-btn {
        border-radius: 6px;
    }
    .ts-header-style4 .ts-menu-toggle {
        border-radius: 6px;
        margin: 0 15px 0 30px;
    }
    .ts-header-style4 .ts-date-controls {
        padding: 15px 0;
    }
    .ts-header-style4 .ts-cart-wrapper .ts-cart-quantity {
        color: var(--themestack-primary-color);
        background: var(--themestack-white-color);
        box-shadow: 0 0 3px 0;
    }
    .ts-header-style4 .ts-cart-wrapper {
        background: var(--themestack-primary-color);
        border-radius: 6px;
    }
    .ts-header-style4 .ts-comman-icon svg {
        fill: var(--themestack-white-color);
    }
    .ts-header-style4 .ts-cart-box {
        right: -130px;
        border-radius: 6px;
    }
    /*header style4 css*/
    /*header style5 css*/
    .ts-header-style5 .ts-menu-toggle {
        margin-right: 10px;
    }
    .ts-header-style5 .menu>li:last-child {
        padding-right: 17px;
    }
    .ts-header-style5 .ts-main-navigation .menu>li {
        border-bottom: 1px solid #f3f3f3;
    }
    /*header style5 css*/
    /*header style6 css*/
    .ts-header-style6 {
        padding: 15px 0 !important;
    }
    .ts-header-style6 .ts-menu-toggle {
        border-radius: 0;
        margin-left: 20px;
    }
    .ts-main-navigation .menu>li {
        border-bottom: 1px solid var(--themestack-border-color);
    }
    .ts-header-style6 .ts-comman-icon {
        border-radius: 0;
        background: var(--themestack-primary-color);
    }
    .ts-header-style6 .ts-cart-wrapper .ts-cart-quantity {
        color: var(--themestack-primary-color);
        background: var(--themestack-white-color);
        box-shadow: 0 0 3px 0;
    }
    .ts-header-style6 .ts-comman-icon svg {
        fill: var(--themestack-white-color);
    }
    .ts-header-style6 .ts-cart-box {
        right: -60px;
    }
    /*header style6 css*/
    /*header style7 css*/
    .ts-header-style7 .menu li a {
        color: var(--themestack-title-color);
    }
    /*header style7 css*/
    /*header style8 css*/
    body .ts-header-style8 .ts-tr-header-contact {
        padding-right: 20px;
    }
    .ts-header-style8 .ts-menu-toggle {
        height: 50px;
        width: 50px;
        padding: 15px 0;
        border-radius: 0;
        margin-left: 20px;
    }
    .ts-header-style8 .ts-menu-toggle span {
        width: 25px;
        margin-top: 4px;
    }
    /*header style8 css*/
    /*header style9 css*/
    .ts-header-style9 .ts-search-btn svg {
        fill: var(--themestack-white-color);
    }
    .ts-header-style9 .ts-app-btn {
        margin-right: 25px;
    }
    /*header style9 css*/
    /*header style10 css*/
    .ts-header-style10 .ts-menu-toggle, .ts-header-style10 .ts-main-navigation ul.menu{
        background: none;
    }
    /*header style10 css*/
    /*header style11 css*/
    .ts-header-style11 .ts-menu-toggle {
        border-radius: 0;
        margin-left: 15px;
    }
    /*header style11 css*/
    /*header style12 css*/
    .ts-header-style12 .ts-main-header-inner {
        padding: 15px 30px;
    }
    .ts-header-style12 .ts-menu-toggle {
        border-radius: 6px;
    }
    /*header style12 css*/
    /*header style13 css*/
    .ts-header-style13 .container-fluid {
        padding: 0 30px;
    }
    .ts-header-style13 .ts-menu-toggle {
        height: 50px;
        width: 50px;
        padding: 16px 0;
        background: var(--themestack-white-color);
        border-radius: 20px 20px 0;
        margin-left: 10px;
    }
    .ts-header-style13 .ts-menu-toggle span {
        width: 20px;
        height: 2px;
        background: var(--themestack-primary-color);
    }
    .ts-header-style13 .ts-menu-toggle.open-menu span:nth-child(3) {
        transform: rotate( 135deg) translate(-8.3px, -12px);
        margin: 0;
    }
    .ts-header-style13 .menu li.current-menu-item>a, .ts-header-style13 .menu li.current-menu-item>a:focus, .ts-header-style13 .menu li.current-menu-item>a:visited {
        color: var(--themestack-primary-color);
    }
    .ts-header-style13 .menu li>a:hover {
        color: var(--themestack-primary-color);
    }
    .ts-header-style13 .ts-logo-wrap {
        padding: 15px 0;
    }
    /*header style13 css*/
    /*header style14 css*/
    .ts-header-style14 .ts-logo-wrap {
        padding: 15px 0;
    }
    .ts-header-style14 .ts-search-btn {
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ts-header-style14 .ts-menu-toggle {
        border-radius: 6px;
    }
    .ts-header-style14 .ts-ai-top-button {
        margin: 0 10px;
    }
    /*header style14 css*/
    /*header style15 css*/
    .ts-header-style15 .container-fluid {
        padding: 0 30px;
    }
    .ts-header-style15 .ts-menu-toggle {
        border-radius: 0;
        margin-left: 10px;
    }
    .ts-header-style15 .menu li a {
        color: var(--themestack-title-color);
    }
    /*header style15 css*/
    /*header style16 css*/
    .ts-header-style16 .ts-menu-toggle {
        background: var(--themestack-transparent-color);
        border-radius: 0;
        border: 1px solid var(--themestack-primary-color);
    }
    .ts-header-style16 .ts-main-navigation ul.menu {
        background: var(--gz-black-color1);
        border-right: 1px solid rgba(255,255,255,0.05);
    }
    .ts-header-style16 .ts-main-navigation .menu>li {
        border-bottom: 1px solid rgba(255,255,255,0.05);
    }
    /*header style16 css*/
    /*header style17 css*/
    .ts-header-style17 .ts-menu-toggle {
        background: var(--Pm-blue-color);
        border: 1px solid var(--Pm-skyblue-color);
        border-radius: 6px;
        margin-left: 10px;
    }
    .ts-header-style17 .menu li a {
        color: var(--themestack-title-color);
    }
    /*header style17 css*/
    /*header style18 css*/
    .ts-header-style18 .ts-menu-toggle {
        background: var(--themestack-primary-color);
        border-radius: 6px;
    }
    .ts-header-style18 .container-fluid {
        padding: 0 15px;
    }
    .ts-header-style18  .menu li a:hover{
        color: var(--themestack-primary-color);
    }
    .ts-header-style18  .menu li.current-menu-item>a, .ts-header-style18 .menu li.current-menu-item>a:focus, .ts-header-style18 .menu li.current-menu-item>a:visited {
        color: var(--themestack-primary-color);
    }
    .ts-header-style18 .menu li a {
        color: var(--themestack-title-color);
    }
    /*header style18 css*/
    /*header style19 css*/
    .ts-header-style19 .container-fluid {
        padding: 0 30px;
    }
    .ts-header-style19 .ts-logo-wrap {
        padding: 15px 0;
    }
    .ts-header-style19 .ts-menu-toggle {
        border-radius: 0;
        margin-left: 10px;
    }
    /*header style19 css*/
    /*header style20 css*/
    .ts-header-style20 .ts-logo-wrap {
        padding: 15px 0;
    }
    .ts-wr-header-btn a {
        height: 50px;
    }
    .ts-header-style20 .ts-menu-toggle {
        background: #2fdbcb;
        border-radius: 6px;
    }
    /*header style20 css*/
}
 @media screen and (min-width: 991.98px) and (max-width: 1199.98px) {
    body .ts-sidebar-wrapper .widget {
         padding-left: 20px;
         padding-right: 20px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .ts-header-social ul a {
        height: 30px;
        width: 30px;
        line-height: 26px;
    }
}
 @media screen and (max-width: 991.98px) {
    .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.ts-btn {
         min-width: 100px;
    }
    .ts-single-data p {
         word-break: break-word;
    }
}
 @media screen and (max-width: 768px) {
    .woocommerce table.shop_table {
         border-top: 1px solid var(--themestack-border-color);
    }
    .woocommerce-cart .woocommerce a.remove {
         margin: 10px 0;
    }
    .woocommerce table.cart td.actions .coupon input#coupon_code {
         max-width: 100%;
         margin: 0 0 20px;
         border-radius: var(--themestack-radius0);
         border: 1px solid var(--themestack-border-color);
    }
    .woocommerce table.cart td.actions .coupon button.button, .woocommerce table.cart td.actions .coupon button.button {
         border-radius: var(--themestack-radius-comman);
         margin: 0 0 30px;
    }
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
         font-weight: 500;
         color: var(--themestack-title-color);
    }
    .woocommerce table.shop_table td.product-quantity {
         display: flex;
         align-items: center;
         justify-content: space-between;
    }
    .woocommerce form.checkout_coupon .form-row.form-row-first, .woocommerce form.checkout_coupon .form-row.form-row-last {
         width: 100%;
    }
}
 @media screen and (max-width: 767.98px) {
     .woocommerce table.cart td.actions .coupon button.button, .woocommerce table.cart td.actions .coupon button.button {
         max-width: 100%;
         width: 100%;
    }
    .ts-breadcrumb-container ul {
         font-size: 16px;
    }
    .ts-desktop-logo {
         display: none;
    }
    .ts-single-data .wp-block-calendar td, .ts-single-data .wp-block-calendar th {
         padding: .25em;
    }
    .ts-single-data>table td {
         padding: 4px;
         font-size: var(--themestack-font-size);
         word-break: normal;
    }
    .pagination .nav-links>*:not(.dots) {
         height: 30px;
         width: 30px;
         line-height: 30px;
         margin: 0 8px 0 0;
    }
    .ts-breadcrumb-container h1 {
         font-size: var(--themestack-title-size);
    }
    .page-links .page-number span, .page-links .page-number a {
         height: 30px;
         width: 30px;
         line-height: 30px;
         margin: 0 8px 0 0;
    }
    form#yith-wcwl-form a.button.yith-wcqv-button {
         display: none !important;
    }
    form#yith-wcwl-form .product-name h3 {
         font-size: var(--themestack-widgets-title-size);
         font-weight: 600;
    }
    .wishlist_table.mobile {
         padding: 0;
    }
    .wishlist_table.mobile a.button.add_to_cart_button {
         padding: 0 !important;
         line-height: 50px !important;
    }
    .wishlist_table.mobile .additionts-info-wrapper .additionts-info td {
         font-size: var(--themestack-font-size);
         padding: 10px 0 10px;
    }
    .wishlist_table.mobile .additionts-info-wrapper {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         align-items: flex-start;
    }
    .wishlist_table.mobile li {
         margin: 0 0 30px;
         border-bottom: 1px solid var(--themestack-border-color);
         padding-bottom: 30px;
         position: relative;
    }
    .wishlist_table.mobile li .item-details table.item-details-table td {
         font-size: var(--themestack-font-size);
    }
    body .wishlist_table.mobile .additionts-info-wrapper .product-add-to-cart {
         margin: 0;
    }
    body .wishlist_table.mobile .additionts-info-wrapper .product-add-to-cart .add_to_cart {
         margin: 0 !important;
    }
    .wishlist_table.mobile li .additionts-info-wrapper .product-remove {
         position: absolute;
         top: 0;
         right: 0;
    }
    .woocommerce #reviews #comments ol.commentlist li .star-rating {
         width: 100%;
         margin: 00 0 10px;
    }
    .ts-login-wrap {
         display: flex;
    }
    .woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first {
         width: 100%;
    }
    .woocommerce table.cart td.actions .coupon {
         width: 100%;
    }
    .woocommerce table.cart td.actions .coupon input#coupon_code {
         width: 100%;
    }
    /* Header CSS */
    .ts-newsletter-box input.form-control {
         width: 100%;
         margin: 0 0 15px;
    }
    .ts-blog-authore-info {
         width: 100%;
         padding: 0 0px 0 0px;
    }
    .ts-header-social ul a {
         height: 30px;
         width: 30px;
         line-height: 26px;
    }
    .ts-top-header-wrapper {
         padding: 10px 0;
    }
    .ts-date-controls ul li.ts-today-date {
         flex: 1;
         margin: 0 5px 0 0;
    }
    .admin-bar .ts-main-navigation ul.menu {
         top: 50px;
    }
}
 @media (max-width: 575.98px) {
    .ts-main-navigation ul.menu {
         left: -300px;
         width: 250px;
    }
    .ts-main-navigation.open-menu ul {
         left: 0;
    }
    .ts-post-meta .ts-blog-authore {
         width: 100%;
         display: inline-block;
    }
    .ts-post-meta>* {
         margin-right: 0;
         width: 100%;
    }
}
@media(max-width:480.98px){
    .ts-comment-data {
        flex-direction: column;
        text-align: center;
    }
    .comment-author {
        margin: auto;
    }
    .comment-info {
        padding: 0;
        width: 100%;
    }
}
body.category .wpb_wrapper >p {
    margin-bottom: 20px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: transparent !important;
}
.comments-area>ol.comment-list>li {
    background: var(--themestack-white-color);
    box-shadow: 0 0 35px 0 rgb(0 0 0 / 6%);
    border-radius: 10px;
}
.ts-comment-data {
    background: var(--themestack-white-color);
}