/*------------------------------------------- 
[Master Stylesheet]
Project: Invory 
Version: 1.0.0 
Author: Kamleshyadav 
------------------------------------------------------------------- 
[Table of contents] 
1. Global CSS Start 
2. Comman CSS Start 
3. Unittesting CSS Start
4. Woocommerce CSS Start 
5. Demo CSS Start 
6. Responsive CSS Start 
 -------------------------------------------------------------------*/
/********************************** 1. Global CSS Start **********************************/
 :root {
     --iny-font-family: 'Yantramanav', sans-serif;
     --iny-black: #000000;
     --iny-white: #ffffff;
     --iny-offwhite: #f5f5f5;
     --iny-whiteLight: #f4f7fc;
     --iny-offwhite2: #e7e7e7;
     --iny-border-color: #e5e5e5;
     --iny-dark-boder: rgb(255 255 255 / 15%);
     --iny-gray: #3b3d43;
     --iny-main-bg: #ffffff;
     --iny-primary: #5350ff;
     --iny-primary-light: #a4dd4b;
     --iny-title-color: #29282d;
     --iny-txt-color: #707070;
     --iny-yellow: #ffaa17;
     --iny-footer-bg: #252429;
     --iny-placeholder: #686868;
     --iny-placeholder2: #d8d8d8;
     --iny-link-color: #222222;
     --iny-bg: #f8f7fb;
     --iny-less-radius: 3px;
     --iny-less-radius-left: 3px 0 0 3px;
     --iny-less-radius-right: 0 3px 3px 0;
     --iny-comman-radius: 30px;
     --iny-circular-radius: 50%;
     --iny-radius10: 10px;
     --iny-radius10-top: 10px 10px 0 0;
     --iny-red: #ff5b72;
     --iny-royal-red: #f95759;
     --iny-input-bg: #ffffff;
     --iny-input-border: #ececec;
     --iny-blockquote-bg: #5350ff;
     --iny-font-size: 1rem;
     --iny-page-title-size: 3rem;
     --iny-title-size: 2.625rem;
     --iny-title-size2: 2.5rem;
     --iny-heading-size: 2rem;
     --iny-subheading-size: 1.5rem;
     --iny-widget-title-size: 1.25rem;
     --iny-font-lg: 1.5rem;
     --iny-font-md: 1.375rem;
     --iny-font-sm: 1.125rem;
     --iny-shadow: 0 0 30px rgb(0 0 0 / 6%);
     --iny-product-shadow: 0 0 20px 0 rgb(0 0 0 / 8%);
     --iny-transition: all 0.5s;
     --iny-table-color: #adaec1;
     --iny-gym-color: #fd5c7f;
     --iny-gradient: linear-gradient(to right, #f6466c 0%, #ff6183 51%, #f6466c 100%);
     --iny-charry-red: #f95759;
     --iny-royal-blue: #396cf0;
     --iny-royal-light-blue: #4b7dff;
     --iny-royal-light-blue2: #608cff;
     --iny-submenu-bg: #efedf3;
     --iny-txt-color2: #929292;
     --iny-header-border-color: #efefef;
     --iny-blur-red: #ea5254;
     --iny-header-bg-color: #f7f7f7;
	 /******************/
	  --main-black: #000000;
	--main-bg-color: #ffffff;
	--main-bg1-color: #f4f7fc;
	--main-color: #5350ff;
	--main-txt-color: #707070;
	--main-link-color: #222222;
	--main-border-color: #ececec;
    --main-comman-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    --main-gym-text: #666565;
    --main-gym-color1: #f6466c;
    --main-gym-color2: #ff6183;
    --main-gym-bg: #f5f5f5;
    --main-gym-color3: #fd5c7f;
    --main-gym-light: #f4f3f3;
    --main-gym-border: #dbe7eb;
    --main-table-color: #adaec1;
    --main-rating-color: #ffd925;
    --main-paint-color: #0687aa;
    --main-paint-color1: #37b7da;
    --main-paint-color2: #1394b7;
    --main-paint-color3: #06aa9c;
    --main-paint-color4: #d958ce;
    --main-paint-footer: #c4c4c4;
    --main-black-dark: #111111;
    --main-black1: #2a2a2a;
    --main-black2: #686868;
    --main-black3: #6a6a6a;
    --main-gray: #979797;
    --main-gray-light: #e0e0e0;
    --iny-primary: #80b236;
    --main-green-light: #8dba4a;
    --main-green-medium: #77a433;
    --main-green-bg: #6f9b2d;
    --main-gol-txt-color: #757c7e;
    --main-gol-title-color: #42445c;
    --main-gray-color: #d7d7d7;
    --main-gray-border: #6b6b6b;
    --main-light-blue: #e3eaf2;
    --main-vot-text-color: #8e8e8e;
    --main-charrey-color: #c24747;
    --main-darkBlue-color: #181d29;
    --main-gray-dark: #60636b;
    --main-gray-text: #cbcbcb;
    --main-gray-bg: #faf8f7;
    --main-gray-version: #d8d8d8;
    --main-gray-version2: #e9e3e0;
    --main-pink-color: #f9ecec;
    --main-dark-red: #ab3e3e;
    --main-dark-red2: #b74343;
    --main-black4: #1c1c1c;
    --main-royal-red: #f95759;
    --main-blur-red: #ea5254;
    --main-royal-blue: #396cf0;
    --main-royal-light-blue: #4b7dff;
    --main-lightBlue: #608cff;
    --main-lightBlue-version: #4d7bf2;
    --main-royal-light: #cfd7e2;
    --main-black5: #333333;
    --main-gray-version3: #647589;
    --main-gray-version4: #efefef;
    --main-gray-version5: #929292;
    --main-gray-version6: #a6acb5;
    --main-gray-version7: #f4f9fc;
    --main-gray-version8: #a0aab1;
    --main-gray-version9: #d8e1ea;
    --main-gray-version10: #67686d;
    --main-gray-version11: #25272e;
    --main-gray-version12: #e7e7e7;
    --main-gray-version13: #3b3d43;
    --main-green-version1: #07ff07;
    --main-blue-version1: #000022;
    --main-green-version2: #2b7e78;
    --main-green-version3: #6b8181;
    --main-green-version4: #eff6f6;
    --main-green-version5: #ebf5f4;
    --main-green-version6: #93bbb4;
    --main-green-version7: #f5fbfb;
    --main-green-version8: #738787;
    --main-wed-pink: #f199a3;
    --main-wed-pink-bg: #fff7f1;
    --main-pink-version1: #f5ebe3;
    --main-pink-version2: #e6be9f;
    --main-pink-version3: #f7eae0;
    --main-brown-version1: #b78e70;
    --main-orange-version1: #fb9d5c;
    --main-orange-version2: #ee8c48;
    --main-orange-version3: #fef5ee;
    --main-gray-version14: #909090 ;
    --main-gray-version15: #ededed ;
    --main-gray-version16: #eaeaea ;
    --main-gray-version17: #c0c0c0 ;
    --main-gray-version18: #151515 ;
    --main-off-white: #f9f9f9;
    --main-black6: #232323;
    --main-blue-version2: #ced7e1;
    --main-blue-version3: #2c3f51;
    --main-gray-version19: #9fa9b4;
    --main-gray-version20: #f7f7f7;
    --main-gray-version21: #d0d0d0;
    --main-gray-version22: #4c4c4c;
    --main-gray-version23: #a1abb6;
    --main-gray-version24: #f6fbff;
    --main-red-version1: #ff1944 ;
    --main-yellow: #ffd40e;
    --main-gray-version25: #a4a3a3;
    --main-gray-version26: #3c3c3f;
    --main-gray-version27: #333336;
    --main-gray-version28: #68686a;
    --main-gray-version29: #e8e8e8;
    --main-gray-version30: #f6f6f6;
    --main-gray-version31: #363638;
    --main-gray-version32: #29292c;
    --main-gray-version33: #f2f2f2;
    --main-brown-version2: #a49360;
    --main-black7: #222225;
    --main-black8: #131417;
    --main-black9: #24262c;
    --main-black10: #2e3036;
    --main-blue-version4: #ecf6f5;
    --main-blue-version5: #d2d9d9;
}
 html {
     font-size: 16px;
}
 * {
     outline: 0 !important;
}
 body {
     font-family: var(--iny-font-family);
     font-weight: 400;
     font-size: var(--iny-font-size);
     line-height: 1.5;
     -webkit-font-smoothing: antialiased;
     overflow-x: hidden;
     background: var(--iny-white);
     color: var(--iny-txt-color);
}
 body::-webkit-scrollbar {
     width: 6px;
     box-shadow: none;
}
 body::-webkit-scrollbar-track {
     background-color: var(--iny-white);
     box-shadow: none;
}
 body::-webkit-scrollbar-thumb {
     background-color: var(--iny-primary);
     box-shadow: none;
}
 .post, .page {
     margin: 0;
}
 a {
     color: var(--iny-txt-color);
}
 a:visited:hover, a:hover, a:focus, button, button:hover {
     color: var(--iny-primary);
}
 a, a:hover, a:focus, button, button:hover {
     text-decoration: none;
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 img {
     max-width: 100%;
     height: auto;
}
 input, textarea, select, button, button:focus, button:hover, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus {
     outline: none;
}
 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(--iny-title-color);
     text-transform: capitalize;
}
 strong {
     font-weight: 600;
}
 iframe {
     width: 100%;
     border: none;
}
 a:visited {
     color: inherit;
}
 input[type="button"], input[type="reset"], input[type="submit"] {
     border: 1px solid var(--iny-input-border);
     background: var(--iny-bg);
     border-radius: var(--iny-comman-radius);
     background: var(--iny-white);
     color: var(--iny-txt-color);
     font-size: var(--iny-font-size);
     line-height: 1.5;
     padding: 0 20px;
     height: 50px;
}
 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 {
     color: var(--iny-txt-color);
     border: 1px solid var(--iny-input-border);
     background: var(--iny-input-bg);
     width: 100%;
     padding: 0 20px;
     height: 50px;
     line-height: 50px;
     border-radius: var(--iny-less-radius);
}
 .input-wrap textarea {
     height: 150px;
     border-radius: var(--iny-less-radius);
     padding: 20px;
}
 .overflow-hidden {
     overflow: hidden;
}
 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 {
     border-color: var(--iny-primary);
}
 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(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 input::-webkit-input-placeholder, .input-wrap input::-webkit-input-placeholder, .input-wrap textarea::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
     color: var(--iny-placeholder);
}
 .input-wrap input::-moz-placeholder, .input-wrap textarea::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
     color: var(--iny-txt-color);
     opacity: .6;
}
 .input-wrap input:-ms-input-placeholder, input:-ms-input-placeholder, .input-wrap textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {
     color: var(--iny-txt-color);
     opacity: .6;
}
 .input-wrap input:-moz-placeholder, input:-moz-placeholder, .input-wrap textarea:-moz-placeholder, textarea:-moz-placeholder {
     color: var(--iny-txt-color);
     opacity: .6;
}
 .input-wrap label {
     font-weight: 600;
     color: var(--iny-title-color);
     margin: 0 0 10px;
}
 .toast {
     background: var(--iny-primary);
}
 .toast-success {
     background: var(--iny-footer-bg);
}
 .toast-error {
     background: var(--iny-red);
}
 .txt-primary {
     color: var(--iny-primary);
}
 .text-right {
     text-align: right;
}
 .text-left {
     text-align: left;
}
 .text-center {
     text-align: center;
}
 #scroll {
     position: fixed;
     right: 15px;
     bottom: 15px;
     cursor: pointer;
     width: 50px;
     height: 50px;
     text-align: center;
     line-height: 50px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     z-index: 99;
     visibility: hidden;
     -webkit-transform: translateY(150px);
     -ms-transform: translateY(150px);
     transform: translateY(150px);
     background-color: var(--iny-primary);
     color: var(--iny-white);
     border: 2px solid var(--iny-primary);
}
 #scroll.active {
     visibility: visible;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     animation: bounceInDown 2s;
     -webkit-animation: bounceInDown 2s;
     -moz-animation: bounceInDown 2s;
}
 #scroll:hover {
     background-color: var(--iny-white);
     color: var(--iny-primary);
}
 @keyframes bounce {
     0%, 100% {
         transform: translateY(-20px);
    }
     50% {
         transform: translateY(0px);
    }
}
 .table>:not(:last-child)>:last-child>* {
     border-bottom-color: var(--iny-border-color);
}
 .go-to-demo {
     text-align: center !important;
     display: block;
     width: 100%;
}
/********************************** 2. Comman CSS Start **********************************/
 .iny-effect:before {
     position: absolute;
     border-radius: 50%;
     width: 0;
     height: 0;
     top: 50%;
     left: 50%;
     background-color: rgba(255,255,255,.3);
     content: "";
     z-index: 2;
}
 .iny-effect:hover:before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     transition: .75s;
}
/**/
 @keyframes iny-wobble-to-bottom-right {
     16.65% {
         -webkit-transform: translate(8px, 8px);
         transform: translate(8px, 8px);
    }
     33.3% {
         -webkit-transform: translate(-6px, -6px);
         transform: translate(-6px, -6px);
    }
     49.95% {
         -webkit-transform: translate(4px, 4px);
         transform: translate(4px, 4px);
    }
     66.6% {
         -webkit-transform: translate(-2px, -2px);
         transform: translate(-2px, -2px);
    }
     83.25% {
         -webkit-transform: translate(1px, 1px);
         transform: translate(1px, 1px);
    }
     100% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
/* Effects */
 .display-flex, .d-flex {
     display: flex;
     flex-wrap: wrap;
}
 .nice-select .list {
     width: 100%;
}
 @keyframes buttonripple {
     0% {
         transform: scale(40, 40);
         opacity: .3;
         background: var(--iny-primary);
    }
     20% {
         transform: scale(25, 25);
         opacity: .3 
    }
     100% {
         opacity: 0;
         transform: scale(0, 0);
    }
}
/* Preloader CSS Start */
 .preloader {
     background-color: var(--iny-white);
     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%);
}
/* Button CSS Start */
 .iny-btn-wrap {
     display: flex;
     flex-wrap: wrap;
}
 .iny-btn {
     padding: 13px 20px;
     background: var(--iny-primary);
     color: var(--iny-white);
     font-weight: 400;
     font-size: var(--iny-font-size);
     display: inline-block;
     min-width: 170px;
     text-align: center;
     border-radius: var(--iny-comman-radius);
     border-radius: 60px;
     border: none;
     position: relative;
     overflow: hidden;
     z-index: 1;
     text-transform: capitalize;
     transition: box-shadow 0.5s;
}
 .iny-btn:hover, .iny-btn:visited, .iny-btn:visited:hover, .iny-btn:active:hover, .iny-btn:focus:hover {
     color: var(--iny-white);
     background: var(--iny-primary);
}
 .iny-btn, .iny-btn:hover, .iny-btn:focus, .iny-btn:visited, .iny-btn:active {
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .btn-white, .btn-white:visited:hover, .btn-white:active:hover, .btn-white:focus:hover, .btn-white:hover, .btn-white:focus, .btn-white:visited, .btn-white:active {
     color: var(--iny-primary);
     background: var(--iny-white);
     border: none;
}
 .iny-btn-wrap .iny-btn {
     padding: 13px 33px;
}
 .iny-btn.iny-lg-btn {
     padding: 13px 33px;
}
/*Input Button */
 body div input.iny-btn {
     padding: 13px 20px;
     background: var(--iny-primary);
     color: var(--iny-white);
     font-weight: 500;
     font-size: var(--iny-font-size);
     display: inline-block;
     min-width: 170px;
     text-align: center;
     border-radius: var(--iny-comman-radius);
     border: none;
     position: relative;
     overflow: hidden;
     z-index: 1;
     text-transform: capitalize;
}
 .input-wrap {
     margin: 0 0 25px;
}
/* Spacer CSS Start */
 .iny-top-spacer {
     padding-top: 80px;
}
 .iny-bottom-spacer {
     padding-bottom: 50px;
}
 .iny-bottom-padder-50 {
     padding-bottom: 50px;
}
 .iny-top-spacer-less {
     padding-top: 40px;
}
 .mb-30 {
     margin-bottom: 30px;
}
 .mb-40 {
     margin-bottom: 40px;
}
 .mb-comman {
     margin-bottom: 40px;
}
/* Dark BG CSS Start */
 .iny-has-background {
     position: relative;
}
 .relative {
     position: relative;
}
/* Title CSS Start */
 .iny-heading-wrapper h2 {
     font-size: 2.5rem;
     font-weight: 700;
     padding-bottom: 10px;
     margin-bottom: 8px;
     position: relative;
}
 .iny-heading-wrapper.iny-heading-style-two h2:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 5px;
     width: 124px;
     height: 1px;
     right: 0;
     background: var(--iny-primary);
     margin: auto;
     z-index: 0;
}
 .iny-heading-wrapper.iny-heading-style-two h2:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 1px;
     width: 84px;
     height: 1px;
     right: 0;
     background: var(--iny-primary);
     margin: auto;
     z-index: 0;
}
 .iny-heading-wrapper p {
     margin: 0;
}
 .iny-sub-heading {
     padding-bottom: 10px;
     margin-bottom: 10px;
     font-weight: 700;
     font-size: var(--iny-subheading-size);
     text-transform: capitalize;
     position: relative;
}
 .iny-sub-heading:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 80px;
     height: 1px;
     background: var(--iny-primary);
}
 .iny-sub-heading:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 4px;
     width: 100px;
     height: 1px;
     background: var(--iny-primary);
}
 .iny-colored-subtiltle {
     letter-spacing: 2px;
     font-weight: 700;
     text-transform: uppercase;
     color: var( --iny-royal-red);
     font-size: var(--iny-font-size);
}
 .iny-heading-wrapper.iny-heading-style-one img {
     margin: 0px 0 10px;
}
/* Read More Button */
 .iny-read-more-link {
     font-weight: 600;
     font-size: var(--iny-font-size);
     letter-spacing: .6px;
}
 .iny-read-more-link .iny-arrow {
     margin-left: 3px;
     margin-bottom: 2px;
}
 .iny-read-more-link:hover .iny-arrow {
     transform: translateX(6px);
}
/* Unyson CSS Start */
 .fw-container-fluid .fw-col-xs-12 {
     padding-left: 0px !important;
     padding-right: 0px !important;
}
 .fw-main-row {
     background-size: cover;
     background-position: center;
}
/* Header CSS Start */
 .iny-main-header {
     position: relative;
}
 .iny-header-container .row {
     align-items: center;
}
 .iny-header-container {
     padding: 15px 0;
}
 .iny-header-container .iny-menus ul, .iny-header-container .iny-menus ol {
     margin: 0;
     padding: 0;
}
 .iny-main-header {
     z-index: 99;
}
 .iny-header-inner {
     box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
     -ms-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
     -moz-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
     -o-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
     -webkit-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
     z-index: 99;
}
 .iny-header-container .iny-menus li {
     display: inline-block;
     padding: 15px 20px;
     position: relative;
     margin: 0;
}
 .iny-header-container .iny-menus li a {
     color: var(--iny-title-color);
     text-transform: capitalize;
}
 .iny-header-container .iny-menus li a.iny-btn {
     color: var(--iny-primary);
}
 .iny-header-container .iny-head-icon svg {
     width: 16px;
     position: relative;
     fill: var(--iny-primary);
}
 .iny-menus li .sub-menu li {
     display: block;
     text-align: left;
}
 .iny-menus li .sub-menu li:last-child {
     margin-bottom: 0px 
}
 .iny-header-container .iny-menus li a.iny-btn:hover {
     color: var(--iny-white);
     background: var(--iny-primary);
}
 .iny-header-container .iny-menus {
     text-align: right;
     display: flex;
     justify-content: flex-end;
     align-items: center;
}
 .iny-menu-toggle {
     display: inline-block;
}
 .iny-head-icon {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
/* Sticky Header CSS */
 .iny-main-header.fixed-header {
     position: fixed;
     width: 100%;
     left: 0;
     right: 0;
     background: var(--iny-white);
     top: 0;
     z-index: 999;
     box-shadow: 1px 2px 3px #0000000d;
}
 body.admin-bar .fixed-header {
     top: 32px;
}
 .iny-main-header.fixed-header .iny-header-container {
     padding: 10px 0;
}
/* Header Search */
 .iny-search-form {
     position: fixed;
     right: 0;
     bottom: 0;
     top: 0;
     width: 100%;
     left: 0%;
     background: rgba(0, 0, 0, 0.85);
     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%);
}
 .iny-search-form.show-search {
     -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
     -ms-transform: translateY(0%);
     -o-transform: translateY(0%);
     transform: translateY(0%);
}
 .iny-search-form.show-search, .iny-search-form {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-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;
}
 .iny-search-form.show-search .iny-search-form-inner {
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
     visibility: visible;
}
 .iny-search-form.show-search .iny-search-form-inner, .iny-search-form-inner {
     -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;
     border-bottom: 2px solid var(--iny-white);
     color: var(--iny-white);
}
 .search-bar-inner input::-webkit-input-placeholder {
     color: var(--iny-white);
     opacity: 90%;
}
 .search-bar-inner input::-moz-placeholder {
     color: var(--iny-white);
     opacity: 90%;
}
 .search-bar-inner input:-ms-input-placeholder {
     color: var(--iny-white);
     opacity: 90%;
}
 .search-bar-inner input:-moz-placeholder {
     color: var(--iny-white);
     opacity: 90%;
}
 .search-bar-inner input:focus {
     color: var(--iny-white);
}
 .search-bar-inner button {
     position: absolute;
     right: 3px;
     top: 3px;
     bottom: 3px;
     border: none;
     background: transparent;
     fill: var(--iny-white);
     width: 50px;
     cursor: pointer;
}
 .close-search {
     margin: 0 0 50px 0;
     display: inline-block;
     padding: 0 15px;
}
 .iny-header-container .iny-head-icon .close-search svg {
     width: 20px;
     fill: var(--iny-white);
}
 .iny-search-btn {
     cursor: pointer;
     width: 18px;
     height: 18px;
     line-height: 18px;
     margin-left: 20px;
}
 .iny-header-container .search-bar-inner button .iny-search-svg {
     width: 20px;
     fill: var(--iny-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;
}
 .iny-cart-quntity {
     position: relative;
}
 .iny-cart-quntity {
     position: relative;
     height: 40px;
     display: inline-block;
     width: 40px;
     text-align: center;
     border: none;
     border-radius: var(--iny-circular-radius);
     line-height: 40px;
}
 .iny-cart-quntity:before {
     position: absolute;
     content: "";
     background: var(--iny-primary);
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border: none;
     border-radius: var(--iny-circular-radius);
}
 .iny-cart-count {
     position: absolute;
     top: -4px;
     background: var(--iny-primary);
     border: none;
     border-radius: var(--iny-circular-radius);
     color: var(--iny-white);
     height: 20px;
     min-width: 20px;
     line-height: 20px;
     font-size: 10px;
     right: -6px;
}
 .iny-cart-icon {
     position: relative;
     display: inherit;
}
 .iny-cart-btn {
     cursor: pointer;
     min-width: 80px;
     display: inline-block;
     margin-left: 20px;
}
 .iny-cart-btn svg {
     height: 16px;
     margin: 0 5px 0 0;
     fill: var(--iny-primary);
}
 .iny-cart-total {
     color: var(--iny-white);
     display: inline-block;
     margin-left: 10px;
     font-weight: 500;
}
 .iny-header-cart-box {
     position: fixed;
     bottom: 0;
     top: 0;
     z-index: 99999;
     background: var(--iny-white);
     box-shadow: 0 0 40px rgb(0 0 0 / 0.24);
     max-width: 300px;
     right: -400px;
     text-align: left;
     width: 100%;
     transition: var(--iny-transition) cubic-bezier(0.64, 0.02, 0.23, 0.96);
     -webkit-transition: var(--iny-transition) cubic-bezier(0.64, 0.02, 0.23, 0.96);
     -moz-transition: var(--iny-transition) cubic-bezier(0.64, 0.02, 0.23, 0.96);
     -o-transition: var(--iny-transition) cubic-bezier(0.64, 0.02, 0.23, 0.96);
     -ms-transition: var(--iny-transition) cubic-bezier(0.64, 0.02, 0.23, 0.96);
     overflow-y: auto;
}
 .admin-bar .iny-header-cart-box {
     top: 30px;
}
 .open-cart .iny-header-cart-box {
     right: 0;
}
 .iny-cart-head {
     text-align: center;
     padding: 20px 30px 20px;
     position: relative;
     background: var(--iny-bg);
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
}
 .iny-cart-head h4 {
     color: var(--iny-title-color);
     font-size: var(--iny-subheading-size);
     font-weight: 600;
     margin: 0;
}
 .iny-close-cart {
     display: inline-block;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: var(--iny-circular-radius);
     background: var(--iny-primary);
}
 .iny-close-cart svg {
     height: 12px;
     fill: var(--iny-white);
}
 body .iny-right-cart-slide .iny-head-icon .iny-close-cart svg {
     fill: var(--iny-primary);
     height: 15px;
     width: 15px;
}
 .iny-cart-products {
     padding: 17px 20px 20px;
     max-height: calc(100% - 80px);
     overflow-y: auto;
}
 .iny-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: 0;
     border-bottom: 1px solid var(--iny-border-color);
     padding-bottom: 13px;
     margin-bottom: 17px;
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .remove {
     background: var(--iny-primary);
     color: var(--iny-white) !important;
     width: 20px;
     height: 20px;
     padding: 0;
     text-align: center;
     line-height: 20px;
     border-radius: var(--iny-circular-radius);
     font-size: var(--iny-subheading-size);
     font-weight: 500;
     display: inline-block;
     vertical-align: middle;
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .remove:hover {
     background: var(--iny-primary);
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item a .attachment-woocommerce_thumbnail {
     object-fit: cover;
     border-radius: var(--iny-less-radius);
     box-shadow: 0 0 10px rgb(0 0 0 / 6%);
     border: 1px solid var(--iny-border-color);
     width: 40px;
     height: 40px;
     margin: 10px 10px 10px 0;
     padding: 6px;
     display: none;
}
 .iny-cart-products .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
     color: var(--iny-title-color);
     font-size: var(--iny-font-size);
     font-weight: 400;
     text-align: left;
     display: inline-block;
     width: calc(100% - 25px);
     padding-left: 10px;
}
 .iny-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;
}
 .iny-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(--iny-primary);
     display: block;
     margin: 10px 0 0 40px;
}
 .woocommerce #review_form #respond textarea {
     height: 120px;
     padding: 20px;
     line-height: 1.5;
}
 textarea {
     line-height: 1.5;
     min-height: 137px;
     padding: 10px 20px;
     resize: vertical;
}
 .iny-main-page--wrapper .fw-col-xs-12>p {
     margin: 0;
}
 .iny-main-page--wrapper .fw-col-xs-12>p iframe {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
}
 .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove):hover {
     color: var(--iny-primary);
}
 .iny-cart-products .woocommerce-mini-cart.cart_list span.quantity {
     margin: 0px 0 0 10px;
     width: 80px;
}
 .iny-cart-products .woocommerce-mini-cart__buttons {
     margin: 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     border-top: 1px solid var(--iny-border-color);
     padding-top: 20px;
}
 .iny-cart-products .woocommerce-mini-cart__buttons .iny-btn {
     margin: 0 0 10px;
     min-width: 120px;
}
 .iny-cart-products .woocommerce-mini-cart__total {
     margin: 8px 0 23px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .iny-cart-products .woocommerce-mini-cart__total strong {
     font-weight: 600;
     color: var(--iny-title-color);
}
 .iny-cart-products .woocommerce-mini-cart__total .woocommerce-Price-amount {
     font-weight: 600;
     color: var(--iny-primary);
}
 .open-cart .iny-header-cart-box-overlay:before {
     position: fixed;
     content: "";
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: var(--iny-black);
     z-index: 999;
     opacity: .6;
}
 .open-cart .iny-header-cart-box-overlay:before, .iny-header-cart-box-overlay:before {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-header-cart-box-overlay {
     display: inline-block;
}
 .iny-header-container .iny-user-btn {
     margin-left: 30px;
}
 .iny-cart-products .woocommerce-Price-amount.amount {
     font-size: var(--iny-font-size);
}
/* Header Style One Start */
 .iny-nav-header-style-one .row {
     align-items: center;
}
 .iny-header-style-one {
     box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
     position: relative;
     z-index: 2;
}
/* Header Top */
 .iny-header-top {
     border-bottom: 1px solid var(--iny-header-border-color);
}
 .iny-header-info {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
}
 .iny-header-top p {
     margin: 0;
     display: inline-block;
}
 .iny-header-top p span {
     font-weight: 600;
     color: var(--iny-txt-color2);
}
 .iny-header-info ul {
     padding: 0;
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     margin: 0 20px 0 0;
}
 .iny-header-info ul li {
     margin-right: 30px;
}
 .iny-header-info ul li:last-of-type {
     margin-right: 0px;
}
 .iny-header-icon {
     display: inline-block;
}
 .iny-header-info svg {
     height: 16px;
     fill: var(--iny-primary);
}
 .iny-header-info li {
     display: flex;
     flex-wrap: wrap;
     margin: 6px 0;
}
 .iny-header-info li .iny-header-icon {
     margin-right: 5px;
}
 .iny-header-info a {
     color: var(--iny-txt-color);
}
.iny-header-info a:hover {
    color: #dbdada;
}
 .iny-header-info .iny-btn, .iny-header-info .iny-btn:hover, .iny-header-info .iny-btn:visited, .iny-header-info .iny-btn:active, .iny-header-info .iny-btn:visited:hover {
     color: var(--iny-white);
}
 .iny-header-info .iny-btn {
     border-radius: 0;
}
/* Header Nav */
 .iny-nav-style-one .menu {
     display: flex;
     flex-wrap: wrap;
     text-transform: capitalize;
}
 .iny-nav-style-one ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .iny-nav-style-one .menu li {
     position: relative;
     margin: 0;
}
 .iny-nav-style-one .menu>li {
     padding: 0 12px;
}
 .iny-nav-style-one {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
}
 body .iny-nav-style-one .menu li a, body .iny-nav-style-one .menu li a:visited, body .iny-nav-style-one .menu li a:focus {
     color: var(--iny-title-color);
     font-weight: 500;
}
 body .iny-nav-style-one .menu li.current-menu-item>a, body .iny-nav-style-one .menu li.current-menu-item>a:focus, body .iny-nav-style-one .menu li.current-menu-item>a:visited {
     color: var(--iny-primary);
}
 body .iny-nav-style-one .menu li.current-menu-ancestor>a, body .iny-nav-style-one .menu li.current-menu-ancestor>a:focus, body .iny-nav-style-one .menu li.current-menu-ancestor>a:visited {
     color: var(--iny-primary);
}
 .iny-nav-style-one .iny-head-icon .woocommerce-Price-amount.amount {
     color: var(--iny-title-color);
     font-weight: 700;
     font-size: var(--iny-font-size);
}
 body .iny-nav-style-one .iny-head-icon .iny-cart-quntity svg, .home.absolute-header .iny-header-style-one:not(.fixed-header) .iny-cart-quntity svg {
     height: 16px;
     fill: var(--iny-primary);
}
 .iny-nav-style-one .iny-cart-icon {
     width: 40px;
     height: 40px;
     border-radius: var(--iny-circular-radius);
}
 .iny-search-btn svg {
     fill: var(--iny-primary);
     height: 16px;
}
 .iny-header-default .iny-search-btn .iny-search-svg {
     fill: var(--iny-title-color);
}
 .iny-nav-header-style-one .iny-search-btn svg {
     fill: var(--iny-primary);
     height: 16px;
}
 .header-btn {
     margin-left: 30px;
}
 .iny-nav-header-style-one {
     padding: 20px 0;
}
 .iny-language-login {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
     align-items: center;
}
 .iny-login-register svg {
     height: 14px;
     fill: var(--iny-primary);
}
 .iny-login-wrap span {
     margin-right: 15px;
}
 body .iny-nav-style-one .menu li a {
     position: relative;
}
/* Absolute Header */
 .home.absolute-header .iny-header-style-one {
}
 .home.absolute-header .iny-header-style-one:not(.fixed-header) {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 9;
     color: var(--iny-white);
}
 .admin-bar.home.absolute-header .iny-header-style-one:not(.fixed-header) {
     top: 20px;
}
 .home.absolute-header .iny-header-style-one:not(.fixed-header) a {
     color: var(--iny-white);
}
 .home.absolute-header .iny-header-style-one:not(.fixed-header) svg {
     fill: var(--iny-white);
}
 .home.absolute-header .iny-header-style-one:not(.fixed-header) .iny-language-options a {
     color: var(--iny-title-color);
}
 .home.absolute-header .iny-header-style-one:not(.fixed-header) .woocommerce-Price-amount {
     color: var(--iny-white);
}
 .home.absolute-header .iny-header-style-one:not(.fixed-header) .iny-cart-icon {
     background: rgb(255 255 255 / 0.1);
}
/* Header One Fixed */
 body .iny-header-style-one.fixed-header, body.home .iny-header-style-one.fixed-header {
     position: fixed;
     left: 0;
     right: 0;
     z-index: 999;
     background: var(--iny-white);
     box-shadow: 0 0 20px rgb(0 0 0 / 0.08);
     top: 0;
}
 body.admin-bar .iny-header-style-one.fixed-header, body.home.admin-bar .iny-header-style-one.fixed-header {
     top: 20px;
}
 body .iny-header-style-one.fixed-header .iny-top-header-style-one {
     display: none;
}
/**/
 .iny-header-style-four .iny-navigation:before, .iny-header-style-four .iny-navigation:after {
     content: unset;
}
 .iny-header-style-four .iny-navigation {
     padding-right: 20px;
}
 .iny-header-style-four .iny-cart-btn {
     min-width: auto;
}
/**/
/* Breadcrumb CSS Start */
 .iny-breadcrumb-wrapper {
     background: var(--iny-title-color);
     padding: 41px 0 50px;
     position: relative;
     background-size: cover;
     background-position: center bottom;
     color: var(--iny-white);
}
 .iny-breadcrumb-container h1 {
     color: var(--iny-white);
     font-size: var(--iny-title-size);
     font-weight: 700;
     margin-bottom: 9px;
     word-break: break-word;
}
 .iny-breadcrumb-container ul {
     list-style: none;
     margin: 0;
     display: inline-block;
     padding: 13px 30px;
     position: relative;
     font-size: 18px;
     border-radius: 100px;
}
 .iny-breadcrumb-container ul:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: var(--iny-white);
     border-radius: 150px;
     opacity: .15;
}
 .iny-breadcrumb-container ul li {
     color: var(--iny-white);
     display: inline-block;
     margin: 0;
     padding: 0;
     font-weight: 500;
     position: relative;
     word-break: break-word;
     text-transform: capitalize;
}
 .iny-breadcrumb-container ul li:before {
     margin: 0 8px;
     font-weight: 600;
     display: inline-block;
     content: "";
     vertical-align: middle;
     background-image: url(./../images/arrow-right.svg);
     background-position: center;
     width: 20px;
     height: 14px;
     background-repeat: no-repeat;
}
 .iny-breadcrumb-container ul li:first-child:before {
     content: unset;
}
 .iny-breadcrumb-container ul li a, .iny-breadcrumb-container ul li a:hover, .iny-breadcrumb-container ul li a:focus {
     color: var(--iny-white);
}
/* Default Footer CSS Start */
 .iny-footer-wrapper {
     background: var(--iny-black);
     position: relative;
     padding: 75px 0 0;
}
 .iny-footer-widgets ul.menu li:hover a, .iny-footer-address a:hover {
     color: var(--iny-primary);
}
 .iny-footer-logos {
     background: #f4f7fc;
}
 body .default-copyright-area {
     background: var(--iny-black);
     padding: 16px 0 12px;
     margin: 34px 0 0;
     color: var(--iny-white);
     text-transform: capitalize;
}
 .iny_non_padding {
     padding: 0;
     border: 0;
}
 .iny_non_padding .iny-copyright-wrapper {
     margin: 0;
}
 .iny-footer-style3 .iny-copyright-wrapper {
     margin-top: 30px;
     background: transparent;
}
 .iny-footer-style3 .iny-copyright-wrapper:before {
     opacity: .3;
}
/* Demo Footer CSS Start */
 .iny-footer-wrapper.iny-dark-footer {
     border: none;
     background-color: var(--iny-footer-bg);
}
 .iny-widgets-contact span svg {
     fill: var(--iny-title-color);
     height: 50px;
}
 .iny-dark-footer .widget.widget_calendar .calendar_wrap th {
     color: var(--iny-white);
}
 .iny-footer-widgets ul.menu li:hover:before {
     border-top: 2px solid var(--iny-primary);
     border-right: 2px solid var(--iny-primary);
}
 .iny-dark-footer .iny-footer-widgets ul.menu li:before, .iny-dark-footer .iny-footer-widgets ul.menu li:hover:before{
     border-top: 2px solid var(--iny-white);
     border-right: 2px solid var(--iny-white);
}
 .iny-widgets-contact {
     margin: 0 0 30px;
     padding: 0 15px 0;
}
 .iny-footer-information .row {
     justify-content: center;
}
 .iny-widgets-contact h4 {
     font-size: var(--iny-subheading-size);
     font-weight: 600;
     margin: 20px 0 17px;
}
 .iny-footer-info-text a {
     display: block;
     color: var(--iny-txt-color);
     margin: 0 0 0px;
     word-break: break-word;
}
 .iny-footer-style3 .iny-footer-info-text a:hover {
     color: var(--iny-primary);
}
 .iny-footer-information .container {
     position: relative;
}
 .iny-footer-information .container {
     margin: 0 auto 50px;
     padding: 0 0 15px;
}
 .iny-footer-information .container:before {
     content: "";
     bottom: 0;
     border-bottom: 1px solid var(--iny-border-color);
     position: absolute;
     left: 0;
     right: 0;
     opacity: .3;
}
 .iny-footer-widgets h4 {
     font-size: var(--iny-subheading-size);
     font-weight: 600;
     margin: 6px 0 25px;
     position: relative;
     padding-bottom: 10px;
}
 .iny-demo-footer .iny-footer-widgets ul {
     margin: 0 0 0;
     list-style: none;
     padding: 0;
}
 .iny-footer-widgets .iny-nav-menus li {
     position: relative;
     display: inline-block;
     margin: 0 0 8px;
     width: 100%;
     padding: 0 0 0 30px;
}
 .iny-footer-widgets .iny-nav-menus li:before {
     content: "";
     position: absolute;
     left: 0;
     margin: auto;
     top: 0;
     bottom: 0;
     height: 2px;
     background: var(--iny-txt-color);
     width: 10px;
}
 .iny-footer-widgets .iny-nav-menus li a {
     display: inline-block;
     color: var(--iny-txt-color);
}
 .iny-footer-text p {
     margin: 0 0 10px;
}
 .iny-footer-logo img {
     margin: 0 0 22px;
}
 .iny-footer-widgets .iny-nav-menus li:hover a {
     color: var(--iny-primary);
}
 .iny-nav-menus ul {
     padding: 0;
     list-style: none;
}
 .iny-footer-widgets .iny-nav-menus li.menu-item-has-children:before {
     margin: 12px 0 0;
}
 .iny-footer-widgets .iny-nav-menus li:last-child {
     margin-bottom: 0;
}
 .iny-copyright-wrapper p a:hover {
     color: var(--iny-primary);
}
 .iny-footer-info-text a:hover {
     color: var(--iny-primary);
}
 .iny-widgets-contact:hover span svg {
     fill: var(--iny-primary);
}
 .iny-widgets-contact:hover span svg, .iny-widgets-contact span svg {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-dark-footer {
     background-color: var(--iny-footer-bg);
     background: url(../images/footer-bg.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     font-weight: 300;
     color: var(--iny-white);
}
 .iny-dark-footer .iny-widgets-contact span svg {
     fill: var(--iny-white);
}
 .iny-footer-wrapper .iny-widgets-contact span svg {
     height: 30px;
     width: 30px;
     fill: var(--iny-offwhite2);
}
 .iny-footer-wrapper .iny-widgets-contact:hover span {
     border-color: var(--iny-primary);
}
 .iny-footer-wrapper .iny-widgets-contact:hover span svg, .iny-widgets-contact:hover span {
     fill: var(--iny-primary);
}
 .iny-dark-footer .iny-footer-wrapper {
     background: var(--iny-footer-bg);
     color: var(--iny-white);
}
 .iny-footer-info-text {
     margin-top: 24px;
}
 .iny-dark-footer .iny-widgets-contact h4 {
     color: var(--iny-white);
}
 .iny-dark-footer .iny-footer-info-text a {
     color: var(--iny-white);
}
 .iny-dark-footer .iny-footer-information .container:before {
     border-bottom-color: var(--iny-white);
}
 .iny-dark-footer .iny-footer-widgets h4 {
     color: var(--iny-white);
}
 .iny-dark-footer .iny-footer-widgets .iny-nav-menus li:before {
     background: var(--iny-white);
}
 .iny-dark-footer .iny-footer-widgets .iny-nav-menus li a {
     color: var(--iny-white);
}
 .iny-dark-footer .iny-footer-widgets .iny-nav-menus li a:hover {
     color: var(--iny-primary);
}
 .iny-footer-widgets .iny-footer-menu ul.menu li {
     margin: 0 0 11px;
}
 .iny-widgets .widget-title {
     margin: 10px 0 25px;
}
 .iny-footer-address ul {
     padding: 0;
}
 .iny-footer-address ul li {
     list-style: none;
}
/* DARK FOOTER*/
 .iny-dark-footer {
}
 .iny-dark-footer .iny-post-counting {
     color: var(--iny-white);
}
 .iny-dark-footer .widget-title:before, .iny-dark-footer .widget-title:after {
     background: var(--iny-white);
}
/* Twitter Widget */
 .widget-twitter-feed .twitter-feeds ul li {
     display: flex;
     flex-wrap: wrap;
     margin: 0 0 20px;
     padding: 2px 0 0;
}
 .widget-twitter-feed .twitter-feeds ul li:before {
     content: unset;
}
 .widget-twitter-feed .twitter-feeds ul li span {
     width: 30px;
     display: inline-block;
     color: var(--iny-primary);
     margin: 4px 0 0;
}
 .widget-twitter-feed .twitter-feeds ul li h6 {
     margin: 0;
     width: calc(100% - 30px);
     font-weight: 500;
}
 .iny-widgets, .iny-widgets p, .iny-widgets a, .iny-widgets span {
     font-weight: 500;
}
 .widget-twitter-feed .twitter-feeds ul li h6 a {
     display: block;
     margin: 5px 0;
}
 .widget-twitter-feed .twitter-feeds ul li h6 a:hover {
     color: var(--iny-primary);
}
 .iny-recent-post-widgets ul li .iny-post-date {
     color: var(--iny-primary);
     font-size: 0.875rem;
}
/* Recent Post Widgets */
 .iny-recent-post-widgets ul {
}
 .iny-recent-post-widgets ul li {
     padding: 0;
}
 .iny-recent-post-widgets ul li:before {
     content: unset;
     display: none;
}
 .iny-address-wrap {
     padding: 8px 0 0;
}
 .iny-address-wrap h5 {
     font-weight: 700;
     font-size: var(--iny-font-md);
     margin: 0 0 3px;
}
 .iny-dark-footer .iny-address-wrap h5 {
     color: var(--iny-white);
}
/* Footer Menu Custom Widgets */
 .iny-footer-widgets .iny-footer-menu ul.menu {
     padding: 0;
}
 .iny-footer-widgets .iny-footer-menu ul.menu a {
     position: relative;
     padding: 0 0 1px;
     display: inline-block;
}
 .iny-footer-widgets .iny-footer-menu ul.menu a:before {
     content: "";
     position: absolute;
     bottom: 0;
     height: 1px;
     background: var(--iny-white);
     width: 0%;
     right: 0;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .iny-footer-widgets .iny-footer-menu ul.menu a:hover:before {
     width: 100%;
     left: 0;
}
 .iny-footer-widgets .iny-footer-menu ul.menu a:hover:before, .iny-footer-widgets .iny-footer-menu ul.menu a:before {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-footer-widgets .iny-footer-menu ul.menu:before {
     background: var(--iny-white);
     content: "";
     position: absolute;
     width: 0%;
     height: 1px;
     bottom: 0;
}
 .iny-dark-footer .iny-footer-widgets .iny-footer-menu ul.menu a {
     color: var(--iny-white);
}
/* LIGHT FOOTER*/
/* Footer Style 1 */
 .iny-footer-style1 {
     padding: 80px 0 0;
}
 .iny-footer-style1 .iny-copyright-wrapper {
     margin-top: 42px;
}
/** Footer Style 2**/
 .iny-footer-style2 {
     padding: 80px 0 0;
     border-top: 0;
}
 .iny-footer-style2 .iny-copyright-wrapper {
     background: var(--iny-primary);
}
 .iny-footer-style2 .iny-copyright-wrapper p a {
     color: var(--iny-white);
}
 .iny-footer-style2 .iny-copyright-wrapper {
     margin-top: 30px;
}
 .iny-footer-style2 .iny-footer-widgets .widget-title:after, .iny-footer-style2 .widget_block h2:after {
     content: unset;
}
 .iny-footer-style2 .iny-footer-widgets .widget-title:before, .iny-footer-style2 .widget_block h2:before {
     background: transparent;
     border-bottom: 1px solid;
}
 .iny-footer-style2 .iny-footer-widgets .widget-title:before, .iny-footer-style2 .widget_block h2:before {
     background: transparent;
     content: "";
     width: 70px;
     height: 3px;
     bottom: 0px;
     border-bottom: 3px dotted var(--iny-primary);
}
 .iny-dark-footer .iny-widget-post-title, .iny-dark-footer .iny-recent-post-widgets ul li .iny-post-date {
     color: var(--iny-white);
}
 .iny-dark-footer .iny-footer-widgets .widget-title:before, .iny-dark-footer .widget_block h2:before {
     border-color: var(--iny-white);
}
 .iny-footer-style3 .iny-recent-post-widgets ul li .iny-post-date {
     color: var(--iny-primary);
}
/** Footer Style 3**/
 .iny-footer-style3 {
     padding: 80px 0 0;
}
 .iny-widgets-contact {
     margin: 0 0;
     padding: 0 15px 0;
     text-align: center;
}
 .iny-footer-information .row {
     justify-content: center;
}
 .iny-widgets-contact h4 {
     font-size: var(--iny-subheading-size);
     font-weight: 600;
     margin: 20px 0 17px;
}
 .iny-footer-information .container {
     position: relative;
}
 .iny-footer-information .container {
     margin: 0 auto 50px;
     padding: 0 0 13px;
}
 .iny-widgets-contact span {
     width: 80px;
     height: 80px;
     line-height: 70px;
     border: 6px solid #3b3d43;
     display: inline-block;
     text-align: center;
     border-radius: 50%;
}
 .iny-footer-style3 .widget-title:after, .iny-footer-style3 .widget_block h2:after {
     content: unset;
}
 .iny-footer-style3 .widget-title,  .iny-footer-style3 .widget_block h2:after {
     padding-bottom: 20px;
}
 .iny-footer-style3 .widget-title:before, .iny-footer-style3 .widget_block h2:before {
     background: transparent;
     background: url(../images/half-border.svg);
     background-repeat: no-repeat;
     background-position: left;
     height: auto;
     min-height: 20px;
     bottom: 0;
}
 .iny-dark-footer.iny-footer-style3 .widget-title:before,  .iny-dark-footer.iny-footer-style3 .widget_block h2:before{
     background: url(../images/white-half-border.svg);
     background-repeat: no-repeat;
     background-position: left;
}
 .iny-footer-style3.iny-light-footer span svg {
     fill: #3b3d43;
}
 .iny-footer-style3.iny-light-footer .iny-footer-information .container:before {
     border-color: var(--iny-border-color);
     background: var(--iny-border-color);
     opacity: 1;
}
 .iny-footer-style3.iny-light-footer .iny-copyright-wrapper {
     background: var(--iny-black);
}
/* Newsletter CSS */
 .iny-newsletter-wrapper {
     padding: 68px 0 32px;
     position: relative;
     width: 100%;
     display: inline-block;
     color: var(--iny-white);
}
 .iny-newsletter-wrapper h1 {
     color: var(--iny-white);
     font-size: 2.875rem;
     font-weight: 700;
     margin-bottom: 0;
}
 .iny-subscribe-holder {
     width: 100%;
     display: flex;
}
.iny-newsletter-form .style_two {
    min-width: auto;
}
 .iny-subscribe-holder input {
     border: none;
     height: auto;
     padding: 0 30px;
     width: 100%;
     background: #4d7bf2;
     color: var(--iny-white);
     border-radius: 3px 0 0 3px;
}
 .iny-subscribe-holder input:focus {
     color: var(--iny-white);
}
 .iny-subscribe-holder input::placeholder {
     color: var(--iny-white);
     opacity: 1;
}
 .iny-subscribe-holder .iny-btn {
     margin: 0;
     color: var(--iny-primary);
     background: var(--iny-white);
     border-radius: 0 3px 3px 0;
}
 .iny-subscribe-holder .iny-btn:hover {
     color: var(--iny-white);
     background: var(--iny-primary);
}
/* Socials CSS */
 .iny-footer-social {
     margin: 26px 0 30px;
}
 .iny-footer-social h5 {
     font-size: var(--iny-font-size);
     font-weight: 600;
     margin: 0 0 11px;
}
 .iny-dark-footer .iny-footer-social h5 {
     color: var(--iny-white);
}
 .iny-social-icons {
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     list-style: none;
}
 .iny-social-icons a {
     display: inline-block;
     height: 40px;
     width: 40px;
     line-height: 40px;
     border: none;
     border-radius: var(--iny-circular-radius);
     background: rgb(255 255 255 / 0.10);
     text-align: center;
     margin: 0 10px 3px 0;
     color: var(--iny-white);
}
 .iny-footer-wrapper:not(.iny-dark-footer) .iny-social-icons a {
     background: var(--iny-bg);
     color: var(--iny-title-color);
}
 .iny-social-icons a:hover, .iny-footer-wrapper:not(.iny-dark-footer) .iny-social-icons a:hover {
     background: var(--iny-primary);
     color: var(--iny-white);
}
 .iny-footer-widgets {
     margin: 0 0 30px;
}
 .iny-demo-footer .iny-footer-widgets {
     margin: 0 0 33px;
}
/* Copyright CSS */
 .iny-copyright-wrapper {
     padding: 14px 0 0;
     position: relative;
     margin-top: 35px;
}
 .iny-footer-wrapper .iny-copyright-wrapper:before {
     content: "";
     position: absolute;
     border-top: 1px solid var(--iny-title-color);
     opacity: .3;
     top: 0;
     left: 0;
     right: 0;
}
 .iny-footer-wrapper.iny-dark-footer .iny-copyright-wrapper:before {
     border-top: 1px solid var(--iny-white);
}
 .iny-copyright-wrapper p {
     margin: 0;
}
 .iny-copyright-wrapper p a {
     color: var(--iny-primary);
     font-weight: 500;
}
 .default-footer.iny-dark-footer .iny-copyright-wrapper p a {
     color: var(--iny-white);
}
 .iny-copyright-wrapper p a:hover {
     color: var(--iny-primary);
}
.iny-header-style-nine {
    padding: 20px 0;
}
/********************************** 3. Unittesting CSS Start **********************************/
 .search .iny-column-pagination {
     margin: 43px 0 0;
}
 blockquote code {
     color: #ffffff;
}
 .comment-text p:last-of-type {
     margin: 0;
}
 .comments-area>ol.comment-list>li.comment.even.thread-even {
     padding-bottom: 22px;
}
 .entry-content .size-full.alignleft {
     margin-bottom: 1em;
}
 body.search .iny-blog-columns article {
     margin: 0 0 50px;
     background: var(--iny-white);
     box-shadow: var(--iny-shadow);
     border-radius: var(--iny-radius10);
     display: flex;
     flex-wrap: wrap;
     padding: 25px 30px 32px;
}
 body.search .iny-blog-columns article>* {
     width: 100%;
}
 .iny-main-post-wrapper article.post.sticky ul {
     margin: 0;
}
/** Post Inner **/
 .iny-main-post-wrapper {
     padding: 75px 0 30px;
}
 .sticky-post {
     margin: 0 10px 0 0;
     color: var(--iny-primary);
}
 .entry-title {
     font-size: var(--iny-subheading-size);
     font-weight: 600;
     color: var(--iny-title-color);
     margin: 0 0 18px;
     word-break: break-word;
}
 .entry-title a {
     color: var(--iny-title-color);
}
 .entry-title a:hover, .entry-title:hover a {
     color: var(--iny-primary);
}
 .entry-title:hover, .entry-title {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-text-icon {
     color: var(--iny-primary);
     display: inline-block;
     margin: 0 3px 0 0;
     vertical-align: text-bottom;
}
 .iny-text-icon svg {
     fill: var(--iny-primary);
     height: 15px;
}
 dl, ol, ul {
     margin: 0 0 0;
}
 ol, ul {
     padding: 0 0 0 30px;
}
 .widget ul, .widget ol {
     list-style: none;
     padding: 0;
}
 .single .iny-blog-head {
     margin-bottom: 23px;
}
 .iny-main-post-wrapper article.post {
     background: var(--iny-white);
     box-shadow: var(--iny-shadow);
     border-radius: var(--iny-radius10);
     display: flex;
     flex-wrap: wrap;
     margin: 0 0 50px;
     padding: 25px 30px 32px;
}
 .iny-main-post-wrapper article.post.sticky {
     padding-top: 29px;
}
 .edit-btn-read-more-wrap {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     margin: 20px 0 0;
}
 .edit-btn-read-more-wrap>* {
     margin-right: 20px;
}
 .edit-btn-read-more-wrap>* :last-of-type {
     margin-right: 0;
}
 .edit-btn-read-more-wrap a {
     color: var(--iny-primary);
}
 .edit-btn-read-more-wrap .edit-link a, .edit-link a {
     color: var(--iny-primary);
     text-transform: capitalize;
     font-weight: 600;
     font-size: var(--iny-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: 14px;
     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(--iny-primary);
     border: 2px solid;
     background: transparent;
}
 .wp-block-button__link.iny-btn:hover, .wp-block-button__link.iny-btn:focus {
     transition: box-shadow 0.5s;
     -webkit-box-shadow: inset 0 0 0 5em var(--iny-black);
     -moz-box-shadow: inset 0 0 0 5em var(--iny-black);
     box-shadow: inset 0 0 0 5em var(--iny-black);
}
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus {
     box-shadow: none;
}
 blockquote {
     background: var(--iny-blockquote-bg);
     -webkit-box-shadow: 0 0 40px rgb(20 30 49 / 10%);
     box-shadow: 0 0 40px rgb(20 30 49 / 10%);
     border-radius: var(--iny-radius10);
     padding: 21px 40px 28px;
     position: relative;
     overflow: hidden;
     z-index: 0;
     margin: 43px 0 44px;
     color: var(--iny-white);
}
 blockquote:before {
     content: "\f10d";
     font-size: 30px;
     color: var(--iny-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(--iny-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(--iny-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(--iny-white);
}
 blockquote.has-very-dark-gray-color, blockquote.has-very-dark-gray-color p, blockquote.has-very-dark-gray-color cite {
     color: var(--iny-white);
}
 .iny-blog-head {
     margin: 0 0 8px;
     display: inline-block;
     width: 100%;
}
 .iny-blog-head .entry-title a {
     font-weight: 700;
     font-size: var(--iny-subheading-size);
}
 .wp-block-search .wp-block-search__input {
     border-color: var(--iny-border-color);
}
 .entry-content {
     margin: 0;
}
 p {
     margin-bottom: 10px;
}
 .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(--iny-white);
}
 .wp-block-button, .wp-block-cover, .wp-block-cover-image {
     margin-bottom: 16px;
}
 .widget ul.menu ul.sub-menu {
     margin: 12px 0 0 0px;
}
 .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(--iny-txt-color);
     border: 1px solid var(--iny-input-border);
     width: 100%;
     padding: 0 20px;
     height: 50px;
     line-height: 50px;
     border-radius: var(--iny-less-radius);
     background: var(--iny-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(--iny-title-color);
}
 table th, table td {
     border: 1px solid var(--iny-border-color);
     padding: 10px 10px;
     text-align: center;
}
 .wp-calendar-table tbody td#today {
     background: var(--iny-primary);
     margin: auto;
     color: var(--iny-white);
}
 .wp-calendar-table tbody td#today a {
     color: var(--iny-white);
}
 form.post-password-form input[type="submit"] {
     border-radius: var(--iny-less-radius-right);
}
/** Widget **/
 .wp-block-image img {
     border-radius: var(--iny-radius10);
}
 .widget.widget_rss ul li {
     margin-bottom: 27px;
}
 .widget.widget_rss ul li:last-child {
     margin-bottom: 0;
}
 .widget_rss .rsswidget {
     color: var(--iny-title-color);
}
 .widget.widget_rss ul li a {
     width: 100%;
     display: inline-block;
     color: var(--iny-title-color);
     font-weight: 500;
}
 .widget.widget_rss ul li span.rss-date {
     position: relative;
     display: inline-block;
     width: 100%;
     font-size: var(--iny-font-size);
     font-weight: 500;
     padding-left: 20px;
     color: var(--iny-primary);
     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: -2px;
     bottom: 0;
     margin: auto;
}
 .widget.widget_rss ul li cite {
     display: inline-block;
     width: 100%;
     margin-top: 6px;
     font-weight: 500;
     color: var(--iny-title-color);
}
 .iny-single-data>p:last-child {
     margin-bottom: 0;
}
 .widget .post-date {
     position: relative;
     display: inline-block;
     width: 100%;
     font-size: var(--iny-font-size);
     font-weight: 500;
     padding-left: 20px;
     color: var(--iny-primary);
     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 */
 .iny-recent-post-widgets h2 {
     margin-bottom: 30px;
}
 .iny-recent-post-widgets ul li>img {
     height: 60px;
     width: 60px;
     object-fit: cover;
     margin: 0 20px 10px 0;
     border-radius: 0;
}
 .iny-recent-post-widgets ul li {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .iny-recent-post-widgets ul li>a {
     width: calc(100% - 80px);
     margin-bottom: 10px;
}
 .iny-widget-post-date {
     color: var(--iny-primary);
}
 .iny-widget-post-title {
     font-weight: 400;
     color: var(--iny-title-color);
}
 .iny-widget-post-title:hover {
     color: var(--iny-primary);
}
 .iny-widget-post-title:hover, .iny-widget-post-title {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .widget.widget_categories ul {
     margin: 0 0 6px;
}
 .iny-widget-post-date {
     color: var(--iny-primary);
     position: relative;
     display: inline-block;
     width: 100%;
     font-size: var(--iny-font-size);
     font-weight: 500;
     padding-left: 20px;
     margin: 6px 0 9px;
}
 .iny-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 */
 .iny-product-info a.button.yith-wcqv-button {
     display: none !important;
}
 body #yith-wcwl-popup-message {
     background: var(--iny-primary);
     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(--iny-white);
}
 #yith-quick-view-modal .yith-wcqv-main div#yith-quick-view-content div.product {
     display: flex;
     flex-wrap: wrap;
     padding: 10px 20px 10px;
}
 #yith-quick-view-modal .yith-wcqv-head a#yith-quick-view-close {
     color: var(--iny-primary);
     opacity: 1;
     width: 30px;
     height: 30px;
     line-height: 30px;
}
 .woocommerce div.product .product_title {
     font-size: var(--iny-subheading-size);
     margin-bottom: 15px;
}
/** Tag **/
 .widget.widget_tag_cloud .tagcloud a, .wp-block-tag-cloud .tag-cloud-link, .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
     border-radius: var(--iny-less-radius);
     text-transform: capitalize;
     background-color: var(--iny-bg);
     width: auto;
     display: inline-block;
     margin-bottom: 10px;
     margin-right: 3px;
     padding: 7px 15px;
     font-size: 14px !important;
     font-weight: 500;
     line-height: 26px;
     color: var(--iny-title-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 {
     background-color: var(--iny-primary);
     color: var(--iny-white);
}
 .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(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .cat-links, .tags-links {
     width: 100%;
     display: inline-block;
     font-weight: 600;
     color: var(--iny-title-color);
}
 .cat-links a, .tags-links a, .cat-links a:not([href]):not([class]), .tags-links a:not([href]):not([class]) {
     border-radius: var(--iny-less-radius);
     text-transform: capitalize;
     background-color: var(--iny-bg);
     width: auto;
     display: inline-block;
     margin-bottom: 10px;
     margin-right: 6px;
     padding: 7px 15px;
     font-size: 14px !important;
     font-weight: 500;
     line-height: 26px;
     color: var(--iny-title-color);
}
 .tags-links a, .tags-links a:not([href]):not([class]) {
     margin-right: 10px;
}
 .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(--iny-primary);
     color: var(--iny-white);
}
 .iny-cat-links, .iny-tags-links {
     margin: 0 10px 0 0;
}
 .widget.widget_text .textwidget strong {
     color: var(--iny-title-color);
}
 .widget .calendar_wrap table th, .widget .calendar_wrap table td {
     padding: 10px 3px;
     font-size: 14px;
}
 .widget_recent_comments li .comment-author-link {
     display: inline-block;
}
 .widget a {
     text-transform: capitalize;
}
 .widget_recent_comments li a {
     color: var(--iny-title-color);
}
 .widget_recent_comments li a:hover {
     color: var(--iny-primary);
}
 .widget_recent_comments li .url, .widget_recent_comments li .comment-author-link {
     color: var(--iny-primary);
}
 .widget.widget_recent_comments ul li.recentcomments {
     margin-bottom: 20px;
     padding-left: 60px;
     position: relative;
     min-height: 40px;
}
 .widget.widget_recent_comments ul li.recentcomments:before {
     content: "";
     position: absolute;
     width: 40px;
     height: 40px;
     left: 0;
     background: var(--iny-bg);
     border: none;
     border-radius: var(--iny-circular-radius);
     top: 0;
}
 .widget.widget_recent_comments ul li.recentcomments:after {
     content: "\f086";
     position: absolute;
     left: 10px;
     top: 6px;
     font-family: "Font Awesome 5 Free";
     font-size: 18px;
     color: var(--iny-primary);
}
 .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(--iny-title-color);
}
 .widget_product_search {
     padding: 40px 30px 33px;
}
 .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(--iny-circular-radius);
}
 .iny-comment-data {
     display: flex;
     flex-wrap: wrap;
     background: var(--iny-bg);
     border-radius: var(--iny-radius10);
     border: none;
}
 .comment-info {
     width: calc(100% - 80px);
     padding: 0 0 0 20px;
}
 .comment-reply-link {
     color: var(--iny-primary);
     text-transform: uppercase;
     font-weight: 600;
     font-size: var(--iny-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(--iny-primary);
     text-transform: uppercase;
     font-weight: 600;
     font-size: var(--iny-font-size);
     letter-spacing: .6px;
     position: relative;
}
 h3#reply-title.comment-reply-title {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .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(--iny-bg);
     padding: 30px 30px;
     margin: 0 0 20px;
     border: var(--iny-less-radius);
}
 .comments-title {
     margin: 0 0 27px;
     font-size: var(--iny-heading-size);
     font-weight: 700;
     color: var(--iny-title-color);
}
 .comments-area .comment-respond {
     margin: 50px 0 0;
     background: var(--iny-white);
     box-shadow: var(--iny-shadow);
     border-radius: var(--iny-radius10);
     display: flex;
     flex-wrap: wrap;
     padding: 20px 30px 30px;
}
 .comments-area .comment-respond>* {
     width: 100%;
}
 .iny-blog-columns>.comments-area {
     margin: 36px 0 0;
}
 h3#reply-title.comment-reply-title small {
     font-size: var(--iny-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(--iny-widget-title-size);
     font-weight: 600;
     margin: 0 0 6px;
     color: var(--iny-title-color);
}
 .comment-head h3 a {
     font-weight: 600;
     color: var(--iny-title-color);
}
 .comment-date {
     margin: 0 0 0;
}
 .comment-head .comment-date a {
     color: var(--iny-primary);
     text-transform: uppercase;
     font-weight: 600;
     font-size: var(--iny-font-size);
     letter-spacing: .6px;
     position: relative;
}
 .comments-area blockquote {
     margin: 0 0 25px;
}
 .comments-area dt {
     color: var(--iny-title-color);
}
 .comments-area>ul .children>li, .comments-area>ol .children>li {
     margin-bottom: 30px;
     border-bottom: 1px solid var(--iny-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: 30px;
     border-top: 1px solid var(--iny-border-color);
     padding-top: 20px;
}
 .comment-respond .comment-notes {
     display: none;
}
 .comment-respond .comment-form-cookies-consent {
     display: none;
}
/* Demo Widgets */
 .iny-footer-widgets ul.menu {
     padding: 0;
}
 .iny-footer-widgets ul.menu li {
     list-style: none;
     position: relative;
     padding: 0 0 0 15px;
}
 .iny-footer-widgets ul.menu li:before {
     position: absolute;
     content: '';
     width: 7px;
     height: 7px;
     transform: rotate( 45deg);
     top: 7px;
     bottom: 0;
     border-top: 2px solid var(--iny-txt-color);
     border-right: 2px solid var(--iny-txt-color);
     left: 0;
}
/** 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(--iny-title-color);
     color: var(--iny-white);
}
 .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(--iny-title-color);
     font-size: var(--iny-font-size);
}
 .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(--iny-primary);
}
 .wp-block-cover-text strong {
     color: var(--iny-white);
}
 .iny-single-data>ol, .iny-single-data>ul {
     margin-bottom: 30px;
}
 .iny-post-meta {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .iny-post-meta>* {
     margin-right: 30px;
}
 .iny-post-meta>*:last-of-type {
     margin-right: 0;
}
 .iny-post-meta.iny-date-with-thumb a {
     font-weight: 500;
}
 .iny-blog-authore {
     text-transform: capitalize;
}
 .wp-block-archives.wp-block-archives-list a {
     color: var(--iny-title-color);
}
 .wp-block-archives.wp-block-archives-dropdown {
     margin: 0 0 25px;
}
 .iny-single-data .wp-block-calendar td, .iny-single-data .wp-block-calendar th {
     padding: 15px 10px;
}
 .iny-single-imgae-wrap {
     margin-bottom: 20px;
}
 .iny-post-counting {
     display: inline-block;
     margin: 0 0 0 10px;
     position: relative;
     color: var(--iny-txt-color);
}
 .iny-post-counting:before {
     content: "(";
}
 .iny-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(--iny-title-color);
}
 .wp-block-categories.wp-block-categories-dropdown {
     margin-bottom: 25px;
}
 .iny-blog-columns {
     margin-bottom: 50px;
}
 .iny-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%;
}
 .iny-blog-columns .iny-blog-details {
     background: var(--iny-white);
     box-shadow: var(--iny-shadow);
     border-radius: var(--iny-radius10);
     display: flex;
     flex-wrap: wrap;
     padding: 25px 30px 3px;
}
 .single .iny-blog-columns .iny-blog-details {
     padding: 25px 30px 22px;
}
 .admin-bar.single .iny-blog-columns .iny-blog-details {
     padding: 25px 30px 12px;
}
 .iny-blog-thumb-page-wrapper .iny-blog-thumb-section {
     margin: 0 0 50px;
}
 .iny-blog-single-imgae .post-thumbnail {
     margin: -25px -30px 35px;
     border-radius: var(--iny-radius10-top);
     overflow: hidden;
}
 body .iny-single-data figure {
     margin-bottom: 15px;
     padding-top: 3px;
}
 .iny-details-wrapper {
     width: 100%;
}
 .iny-blog-inner>.comments-area {
     margin-top: 50px;
}
 .comments-area>ol.comment-list>li #reply-title {
     font-size: var(--iny-widget-title-size);
}
 .wp-block-quote.is-large, .wp-block-quote.is-style-large {
     padding: 21px 40px 28px;
}
/* Single Post */
 .iny-blog-columns .iny-blog-details {
     display: flex;
     flex-wrap: wrap;
}
 .iny-single-blog {
     padding: 80px 0 30px;
}
 .iny-blog-single-imgae .post-thumbnail {
     margin: 0;
}
 .single .iny-blog-single-imgae .post-thumbnail {
     margin: -25px -30px 35px;
}
 .single .iny-blog-single-imgae .iny-blog-date {
     top: 0;
     left: 0;
     right: unset;
}
 .iny-blog-meta {
     margin: 33px 0 17px;
     width: 100%;
}
 .iny-single-blog .entry-content>ul, .iny-single-blog .entry-content>ol {
     margin-bottom: 20px;
}
 .iny-blog-columns .comments-area>ol.comment-list {
     margin-bottom: 20px;
     width: 100%;
}
 .iny-blog-columns .iny-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;
}
/* Authore Info */
 .iny-blog-authore-box {
     background: var(--iny-bg);
     padding: 30px 30px 10px;
     display: flex;
     flex-wrap: wrap;
     border-left: 3px solid var(--iny-primary);
     margin: 23px 0 50px;
     border-radius: var(--iny-less-radius);
}
 .iny-blog-authore-img {
     width: 80px;
     height: 80px;
     margin: 0 0 20px;
}
 .iny-blog-authore-img img {
     width: 80px;
     height: 80px;
     object-fit: cover;
     border: none;
     border-radius: 6px;
}
 .iny-blog-authore-info {
     width: calc(100% - 80px);
     padding: 0 15px 0 30px;
}
 .iny-blog-authore-box p {
     margin-bottom: 8px;
}
 .iny-blog-authore-info h5 span {
     color: var(--iny-primary);
     font-weight: 600;
     margin: 0 10px 0 0;
}
/* Comments */
 .comment-reply-title {
     font-size: var(--iny-heading-size);
     font-weight: 700;
     margin: 0 0 0;
     color: var(--iny-title-color);
     line-height: 1.4;
     margin-bottom: 19px;
}
 .wp-block-latest-comments {
     padding: 0;
}
 .wp-block-latest-comments__comment-date {
     font-size: var(--iny-font-size);
     margin: 3px 0 5px;
     display: inline-block;
     width: 100%;
     color: var(--iny-title-color);
}
 .comment-list .input-wrap textarea, .comment-list .input-wrap input {
     border: 1px solid var(--iny-border-color);
}
/* Pagination CSS */
 .pagination .nav-links, .woocommerce .woocommerce-pagination ul.page-numbers li {
     display: flex;
     flex-wrap: wrap;
}
 .pagination .nav-links>*:not(.dots) {
     height: 50px;
     width: 50px;
     background: var(--iny-bg);
     color: var(--iny-title-color);
     text-transform: capitalize;
     line-height: 50px;
     display: inline-block;
     text-align: center;
     border: none;
     border-radius: var(--iny-circular-radius);
     margin: 0 10px 0 0;
}
 .pagination .nav-links .dots {
     height: 50px;
     width: 50px;
     color: var(--iny-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(--iny-title-color);
}
 .pagination .nav-links>*:hover, .pagination .nav-links .current {
     background: var(--iny-primary);
     color: var(--iny-white);
}
 .pagination .nav-links .dots:hover {
     background: transparent;
     color: var(--iny-title-color);
}
 .pagination .nav-links>*:hover svg, .pagination .nav-links>*:hover svg path {
     fill: var(--iny-white);
}
 .pagination .nav-links>*, .pagination .nav-links>*:hover {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
/**/
 .page-links .page-number span, .page-links .page-number a {
     height: 50px;
     width: 50px;
     background: var(--iny-bg);
     color: var(--iny-title-color);
     text-transform: capitalize;
     line-height: 50px;
     display: inline-block;
     text-align: center;
     border: none;
     border-radius: var(--iny-circular-radius);
     margin: 0 0 0 10px;
}
 .page-links .page-number span.current, .page-links .page-number a:hover {
     background: var(--iny-primary);
     color: var(--iny-white);
}
 .iny-main-page-container .iny-blog-columns .page-links {
     margin: 40px 0 0;
     display: inline-block;
     width: 100%;
}
/** Search **/
 .wp-block-search {
     margin: 0 0 30px;
}
 .wp-block-search .wp-block-search__input {
     border-radius: var(--less-iny-radius-left);
}
 .wp-block-search .wp-block-search__button {
     margin: 0;
     border-radius: 0;
     padding: 13px 20px;
     background: var(--iny-primary);
     color: var(--iny-white);
     font-weight: 400;
     font-size: var(--iny-font-size);
     display: inline-block;
     min-width: 170px;
     text-align: center;
     border: none;
     position: relative;
     overflow: hidden;
     z-index: 1;
     text-transform: capitalize;
     transition: box-shadow 0.5s;
}
 .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(--less-iny-radius-left);
}
 .search-form .search-submit {
     min-width: 60px;
     width: 60px;
     border-radius: var(--iny-less-radius-right);
}
 .search-form .search-submit svg {
     fill: var(--iny-white);
}
/* Searh Page */
 .search {
}
/* Side Bar CSS */
 .widget {
     width: 100%;
     position: relative;
     background: var(--iny-white);
     box-shadow: var(--iny-shadow);
     border-radius: var(--iny-radius10);
     display: inline-block;
     margin: 0 0 50px;
     padding: 35px 30px 33px;
}
 .iny-recent-post-widgets {
     padding-bottom: 0px;
}
 .widget-title, .widget_block h2 {
     font-size: var(--iny-widget-title-size);
     font-weight: 600;
     color: var(--iny-title-color);
     margin: 0px 0 25px;
     position: relative;
     padding: 0 0 13px;
}
 .widget-title:before, .widget_block h2:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 3px;
     height: 1px;
     background: var(--iny-primary);
     width: 100px;
}
 .widget-title:after, .widget_block h2:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 1px;
     background: var(--iny-primary);
     width: 80px;
}
 .widget ul li, .widget ol li {
     position: relative;
     padding-left: 15px;
     margin: 0 0 12px;
}
 .widget ul li:before, .widget ol li:before {
     position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     transform: rotate( 45deg);
     top: 8px;
     bottom: 0;
     border-top: 2px solid var(--iny-txt-color);
     border-right: 2px solid var(--iny-txt-color);
     left: 0;
}
 .widget ul li:last-child, .widget ol li:last-child {
     margin: 0;
}
 .widget ul > li:hover:before, .widget ol > li:hover:before {
     border-top: 2px solid var(--iny-primary);
     border-right: 2px solid var(--iny-primary);
}
 .widget ul li:hover > a {
     color: var(--iny-primary);
}
 .widget ul li:hover:before, .widget ol li:hover:before, .widget ul li:before, .widget ol li:before, .widget ul li:hover a, .widget ul li a{
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-footer-wrapper .widget.widget_rss ul li:before {
     content: unset;
}
 .widget ul.children {
     margin-top: 12px;
}
 .widget ul.children, .widget ol.children {
     margin-left: 15px;
}
 caption {
     color: var(--iny-title-color);
}
/* Custom Images Widget */
 .iny-custom-img-section {
     margin: 0 0;
}
 .iny-custom-img-section img {
     border-radius: var(--iny-less-radius);
}
.iny-newsletter-wrap .wa_btn {
    margin-top: 20px;
    padding: 0;
}
/* Sperate Widget Spaning */
 .widget.widget_search {
     padding: 40px 30px;
}
 .widget.widget_recent_comments .widget-title, .widget_block h2 {
     margin-bottom: 30px;
}
 .widget.widget_recent_comments {
     margin-bottom: 19px;
}
 .widget.widget_archive select {
     margin: 5px 0 8px;
}
 .widget.widget_calendar .widget-title, .widget_block h2 {
     margin-bottom: 30px;
}
 .widget.widget_calendar .calendar_wrap {
     margin: 0 0 0px;
}
 .widget.widget_categories select {
     margin: 5px 0 8px;
}
 .widget.widget_search .widget-title, .widget_block h2 {
     margin-bottom: 30px;
     margin-top: -4px;
}
 .widget.widget_text .widget-title, .widget_block h2 {
     margin-bottom: 21px;
}
 .widget.widget_text select {
     margin-bottom: 7px;
}
 .widget.widget_tag_cloud .widget-title, .widget_block h2 {
     margin-bottom: 30px;
}
/* Sidebar Only */
 .iny-sidebar-wrapper .iny-recent-post-widgets {
     padding-bottom: 22px;
}
 .widget_invory-widget-insta {
     padding-bottom: 30px;
}
 .iny-sidebar-wrapper .widget.widget_tag_cloud {
     margin-bottom: 50px;
     padding-bottom: 30px;
}
 .iny-sidebar-wrapper .widget.widget_archive select {
     margin: 5px 0 7px;
}
 .widget_calendar {
     padding: 35px 30px 33px;
}
 .iny-sidebar-wrapper .widget_categories {
     padding-bottom: 30px;
}
 .widget_categories {
     padding-bottom: 20px;
}
 .iny-sidebar-wrapper .widget.widget_categories select {
     margin: 5px 0 10px;
}
 .iny-sidebar-wrapper .widget_pages {
     padding-bottom: 33px;
}
 .iny-sidebar-wrapper .widget.widget_recent_comments {
     padding-bottom: 13px;
     margin-bottom: 50px;
}
/* Footer Widgets Only */
 .default-footer {
     padding: 75px 0 0;
}
 .iny-footer-wrapper .widget {
}
 .iny-footer-wrapper .widget {
     background: transparent;
     box-shadow: none;
     padding: 0;
     border-radius: 0;
     margin: 0 0 37px;
}
 .iny-footer-wrapper .widget.widget_search .widget-title, .iny-footer-wrapper .widget_block h2 {
     margin-top: 0;
}
 .iny-footer-wrapper .widget_search .search-form {
     margin: 0 0 7px;
}
 .iny-footer-wrapper .widget.widget_categories ul {
     margin: 0 0 0px;
}
 .iny-footer-wrapper .widget.widget_categories ul.children {
     margin: 12px 0 0;
}
 .iny-footer-wrapper .widget_tag_cloud {
     margin-bottom: 35px;
}
 .iny-footer-wrapper .widget_recent_comments {
     margin-bottom: 17px;
}
 .iny-footer-wrapper .widget:last-of-type {
     margin-bottom: 8px;
}
/* White Widgets */
 .iny-dark-footer .widget-title, .iny-dark-footer .widget_block h2 {
     color: var(--iny-white);
}
 .iny-dark-footer .widget a {
     color: var(--iny-white);
}
 .iny-dark-footer .widget a:hover {
     color: var(--iny-primary);
}
 .iny-dark-footer .widget table th, .iny-dark-footer .widget table td {
     border-color: var(--iny-dark-boder);
}
 .iny-dark-footer caption {
     color: var(--iny-white);
}
 .iny-dark-footer .widget.widget_recent_comments ul li.recentcomments:before {
     background: rgb(255 255 255 / 3%);
}
 .iny-dark-footer .widget.widget_rss ul li a {
     color: var(--iny-white);
}
 .iny-dark-footer .widget.widget_rss ul li cite {
     color: var(--iny-white);
}
 .iny-dark-footer strong, .iny-dark-footer .widget.widget_text .textwidget strong {
     color: var(--iny-white);
}
 .iny-dark-footer .widget.widget_tag_cloud .tagcloud a, .iny-dark-footer .wp-block-tag-cloud .tag-cloud-link, .iny-dark-footer .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
     background-color: rgb(255 255 255 / 6%);
     color: var(--iny-white);
}
 .iny-dark-footer .widget.widget_tag_cloud .tagcloud a:hover, .iny-dark-footer .wp-block-tag-cloud .tag-cloud-link:hover, .iny-dark-footer .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {
     background-color: var(--iny-primary);
     color: var(--iny-white);
}
 .iny-dark-footer~.default-copyright-area {
     margin-top: 0;
     background: var(--title-bg);
     color: var(--iny-white);
}
 .default-footer.iny-dark-footer {
     padding-bottom: 45px;
}
/** 404 **/
 .iny-error-page-wrapper {
     padding: 80px 0 73px;
     text-align: center;
}
 .iny-error-img img {
     max-height: 350px;
     margin: 0 0 21px;
}
 .iny-error-info h1 {
     font-size: 150px;
     font-weight: 900;
     color: var(--iny-primary);
     margin: 0;
}
 .iny-error-info h4 {
     margin: 0 0 10px;
     text-transform: capitalize;
     font-size: var(--iny-subheading-size);
     color: var(--iny-title-color);
     font-weight: 500;
}
 .iny-error-btn {
     margin: 35px 0 0;
}
/********************************** 4. Woocommerce CSS Start **********************************/
/* Product Thumb CSS Start */
 .iny-product-image {
     position: relative;
}
 .woocommerce .products .iny-product-hover ul {
     margin-bottom: 0;
}
 .iny-product-hover ul {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
}
 .iny-product-image img {
     width: 100%;
}
 .iny-product-thumb a {
     margin: 0;
     color: var(--iny-title-color);
     font-size: var(--iny-font-size);
     font-weight: 600;
     line-height: 1.5;
     display: block;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     max-width: 100%;
}
 .iny-product-thumb h2 a, .iny-product-thumb h2 a:hover, .iny-product-thumb h2 a:visited {
     color: var(--iny-title-color);
}
 .iny-product-thumb h2:hover a, .iny-product-thumb h2 a:hover {
     color: var(--iny-primary);
}
 .iny-product-title h2, .iny-product-title:hover h2 {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-product-thumb .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
     color: var(--iny-primary);
     font-weight: 600;
     font-size: var(--iny-widget-title-size);
}
 .iny-product-hover ul .iny-product-icon {
     height: 40px;
     width: 40px;
     display: inline-block;
     border: none;
     border-radius: var(--iny-circular-radius);
     text-align: center;
     line-height: 40px;
     margin: 0;
     background: var(--iny-primary);
}
 .iny-product-hover ul .iny-product-icon:hover {
     background: var(--iny-black);
     color: var(--iny-white);
}
 .iny-product-hover ul .iny-product-icon svg {
     height: 16px;
     width: 16px;
     fill: var(--iny-white);
}
 .iny-product-hover ul .iny-product-icon:hover svg {
     fill: var(--iny-white);
}
 .iny-product-hover {
     margin: 0;
     position: absolute;
     bottom: 20px;
     right: 0;
     left: 0;
}
 .iny-product-thumb {
     margin: 0 0 45px;
     position: relative;
}
 .iny-product-image {
     margin-bottom: 24px;
}
 body.woocommerce .iny-shop-wrapper .iny-product-thumb {
     margin: 0 0 45px;
}
 .iny-products-wrapper .iny-btn-wrap {
     margin: -10px 0 40px;
     justify-content: center;
}
 .iny-product-hover ul li {
     opacity: 0;
     visibility: hidden;
     margin: 0;
     margin: 0 10px 10px;
     transition: all 0.2s ease-out 0s;
     -webkit-transition: all 0.2s ease-out 0s;
     -moz-transition: all 0.2s ease-out 0s;
     -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s;
}
 .iny-product-thumb:hover .iny-product-hover ul li:first-child, .iny-product-thumb:hover .iny-product-hover ul li:nth-child(2), .iny-product-thumb:hover .iny-product-hover ul li:nth-child(3), .iny-product-thumb:hover .iny-product-hover ul li:nth-child(4) {
     opacity: 1;
     visibility: visible;
}
 .iny-product-hover ul li:first-child, .iny-product-hover:hover ul li:first-child {
     transition-delay: .1s;
}
 .iny-product-hover ul li:nth-child(2), .iny-product-hover:hover ul li:nth-child(2) {
     transition-delay: .2s;
}
 .iny-product-hover ul li:nth-child(3), .iny-product-hover:hover ul li:nth-child(3) {
     transition-delay: .3s;
}
 .iny-product-hover ul li:nth-child(4), .iny-product-hover:hover ul li:nth-child(4) {
     transition-delay: .4s;
}
 .woocommerce table.shop_table td ins {
     background: transparent;
}
 .price del .woocommerce-Price-amount.amount, del .woocommerce-Price-amount.amount {
     color: var(--iny-txt-color);
     font-weight: 600;
     font-size: var(--iny-widget-title-size);
}
 .iny-product-wrapper.iny-product-slider-section {
     padding: 73px 0 35px;
}
 .iny-product-wrapper.iny-product-slider-section .iny-heading-wrapper {
     margin-bottom: 42px;
}
/* Shop Product Sidebar */
 .woocommerce-product-search {
     display: flex;
     flex-wrap: wrap;
}
 .woocommerce-product-search input {
     width: calc(100% - 60px);
     margin: 0;
     border-radius: var(--less-iny-radius-left);
}
 .woocommerce-product-search button {
     min-width: 60px;
     width: 60px;
     border-radius: var(--iny-less-radius-right);
}
 .woocommerce-product-search button svg {
     fill: var(--iny-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(--iny-yellow);
}
 .woocommerce.widget_price_filter form {
     display: inline-block;
     width: 100%;
}
 .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
     background-color: var(--iny-txt-color);
}
 body .widget_price_filter .ui-slider .ui-slider-range, body .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
     background: var(--iny-primary) !important;
}
 .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
     background: var(--iny-primary) !important;
     border: none;
     border-radius: var(--iny-circular-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(--iny-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(--iny-yellow);
}
 .woocommerce-Price-amount.amount {
     color: var(--iny-primary);
     font-weight: 600;
     font-size: var(--iny-widget-title-size);
}
 .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(--iny-radius10);
     border: 1px solid var(--iny-border-color);
}
 body .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
     border-radius: var(--iny-less-radius);
     text-transform: capitalize;
     background-color: var(--iny-bg);
     width: auto;
     display: inline-block;
     margin-bottom: 10px;
     margin-right: 3px;
     padding: 7px 15px;
     font-size: 14px !important;
     font-weight: 400;
     line-height: 26px;
     color: var(--iny-title-color);
}
 body .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {
     background-color: var(--iny-primary);
     color: var(--iny-white);
}
 .woocommerce.widget ul li .product-title {
     color: var(--iny-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(--iny-yellow);
     padding: 0;
     position: absolute;
     left: 20px;
     top: 20px;
     color: var(--iny-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(--iny-less-radius);
}
 .widget_product_tag_cloud .widget-title, .widget_block h2 {
     margin-bottom: 30px;
}
 .widget_product_tag_cloud {
     padding-bottom: 30px;
}
/* Single Product Price CSS */
 .woocommerce div.product .iny-product-summary-description .price, .woocommerce div.product .iny-product-summary-description .price .woocommerce-Price-amount {
     font-size: var(--iny-heading-size);
     color: var(--iny-title-color);
     font-weight: 700;
}
/* Sperate Widget Spacing Woocomerce */
 .widget.widget_price_filter {
     margin-bottom: 46px;
}
 .widget.widget_price_filter .widget-title,  .widget_block h2 {
     margin-bottom: 30px;
}
 .widget.widget_rating_filter .widget-title, .widget_block h2 {
     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, .widget_block h2 {
     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, .widget_block h2 {
     margin-bottom: 25px;
}
 .widget.widget_products {
     padding-bottom: 8px;
}
 .widget.widget_recent_reviews {
     margin-bottom: 28px;
}
 .widget.widget_recent_reviews .widget-title, .widget_block h2 {
     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 .widget:last-of-type {
     margin-bottom: 0;
}
 .iny-shop-wrapper .iny-sidebar-wrapper {
     margin-bottom: 30px;
}
 .iny-shop-wrapper .iny-blog-columns {
     margin-bottom: 40px;
}
/* In CHange Changes*/
 .entry-header .entry-title {
     margin-bottom: 0;
}
 .entry-header .iny-post-meta {
     margin-top: 8px;
}
 .entry-header.iny-blog-head {
     margin: 0 0 20px;
}
 .sticky-post {
     vertical-align: middle;
}
 .single .entry-header .iny-post-meta {
     margin-top: 0px;
}
 .alignright {
     clear: both;
     margin-top: 0.5em;
}
/* Thank You Page CSS */
 .woocommerce-order-received .iny-main-page-container {
     padding: 75px 0 30px;
}
 .woocommerce-order-received .iny-main-page-container .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title {
     font-size: var(--iny-heading-size);
     font-weight: 700;
     margin: 10px 0 0;
     color: var(--iny-title-color);
     line-height: 1.4;
     margin-bottom: 19px;
}
 .woocommerce-order-received .iny-main-page-container .woocommerce-thankyou-order-received {
     margin: 0 0 22px;
}
 .woocommerce-order-received .iny-main-page-container .order_details li strong {
     margin-top: 3px;
}
 .woocommerce-order-received .iny-main-page-container .woocommerce-order-overview {
     margin-bottom: 56px;
}
 .woocommerce-order-received .woocommerce-order-details {
     margin-bottom: 40px;
}
/* Thumb Ratings */
 body .iny-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(--iny-font-size);
}
 .star-rating {
     font-size: var(--iny-font-size);
}
 .star-rating::before {
     content: "\73\73\73\73\73";
     color: var(--iny-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(--iny-yellow);
}
/* Shop Page */
 .iny-large-product img {
     width: 100%;
}
 .iny-bestseller-tag {
     position: absolute;
     top: -10px;
     left: 0;
     padding: 2px 10px;
     background-color: var(--iny-primary);
     color: var(--iny-white);
     text-transform: uppercase;
     z-index: 1;
     font-size: 14px;
     font-weight: 500;
}
 .iny-bestseller-tag:after {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     left: 100%;
     display: inline-block;
     border-top: 12px solid var(--iny-primary);
     border-bottom: 12px solid var(--iny-primary);
     border-right: 8px solid transparent;
}
 body.woocommerce span.onsale, span.onsale {
     min-height: unset;
     min-width: 50px;
     margin: 0;
     background: var(--iny-yellow);
     padding: 0;
     position: absolute;
     right: 20px;
     top: 20px;
     color: var(--iny-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(--iny-less-radius);
     left: unset;
}
 .iny-new-prod-tag {
     min-height: unset;
     min-width: 50px;
     margin: 0;
     background: var(--iny-red);
     padding: 0;
     position: absolute;
     right: 20px;
     top: -10px;
     color: var(--iny-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(--iny-less-radius);
}
 .iny-large-product .iny-bestseller-tag {
     top: 20px;
}
 .iny-large-product .iny-new-prod-tag {
     top: 20px;
     display: none;
}
 body.woocommerce .iny-large-product span.onsale, .iny-large-product span.onsale {
     top: 50px;
     left: 0;
     right: unset;
}
 .iny-product-image:not(.iny-new-product) .onsale, .iny-product-image:not(.iny-new-product) body.woocommerce span.onsale {
     top: 20px;
}
 .price mark, .price ins {
     background: transparent;
}
 .price del, del {
     opacity: .6;
     color: var(--iny-txt-color);
}
/* Pagination SHop */
 body.woocommerce nav.woocommerce-pagination {
     width: 100%;
}
 body.woocommerce .iny-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: 50px;
     width: 50px;
     background: var(--iny-bg);
     color: var(--iny-title-color);
     text-transform: capitalize;
     line-height: 50px;
     display: inline-block;
     text-align: center;
     border: none;
     border-radius: var(--iny-circular-radius);
     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(--iny-primary);
     color: var(--iny-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(--iny-primary);
     color: var(--iny-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;
     color: var(--iny-white);
     background-color: var(--iny-primary);
     padding: 12px 20px;
     background: var(--iny-primary);
     color: var(--iny-white);
     font-size: var(--iny-font-size);
     display: inline-block;
     min-width: 170px;
     text-align: center;
     border-radius: var(--iny-comman-radius);
     border: none;
     position: relative;
     overflow: hidden;
     z-index: 1;
     max-height: 50px;
     text-transform: capitalize;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs {
     padding: 0;
     margin: 0 0 24px;
     border-bottom: 1px solid var(--iny-border-color);
     display: inline-block;
     width: 100%;
}
 .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 a {
     color: var(--iny-primary);
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li a {
     font-weight: 500;
     color: var(--iny-title-color);
     padding: 8px 15px;
     min-width: 120px;
     text-align: center;
     margin: 0;
}
 .woocommerce-tabs ul.tabs li.active a {
     color: var(--iny-primary);
     border-bottom: 1px solid var(--iny-primary) !important;
     border-bottom: 0;
}
 .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 {
     font-weight: 600;
     color: var(--iny-title-color);
}
 .posted_in>*, .sku_wrapper>*, .tagged_as>* {
     border-radius: var(--iny-less-radius);
     text-transform: capitalize;
     background-color: var(--iny-bg);
     width: auto;
     display: inline-block;
     margin: 0 0 10px 6px;
     padding: 7px 15px;
     font-size: 14px !important;
     font-weight: 500;
     line-height: 26px;
     color: var(--iny-title-color);
}
 .product_meta .tagged_as>* {
     margin: 0 0 10px 10px;
}
 .posted_in>*:hover, .sku_wrapper>*:hover, .tagged_as>*:hover {
     background-color: var(--iny-primary);
     color: var(--iny-white);
}
 .product_meta>span {
     display: inline-block;
     width: 100%;
}
 .posted_in>*, .sku_wrapper>*, .posted_in>*:hover, .sku_wrapper>*:hover {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .invory-social {
     display: flex;
     flex-wrap: wrap;
     margin: 20px 0 20px;
}
 .invory-social .invory-link {
     display: inline-block;
     height: 40px;
     width: 40px;
     line-height: 40px;
     border: none;
     border-radius: var(--iny-circular-radius);
     background: var(--iny-title-color);
     text-align: center;
     margin: 0 0 3px 0;
     color: var(--iny-white);
}
 .invory-social>.invory-link {
     margin-right: 10px;
}
 .invory-social>.invory-link :last-of-type {
     margin-right: 0;
}
 .invory-social .invory-link:hover {
     background: var(--iny-primary);
     color: var(--iny-white);
}
 .woocommerce #respond input#submit:hover, .woocommerce input.button:hover, body.woocommerce #respond input#submit.alt, body.woocommerce input.button.alt {
     background-color: var(--iny-title-color);
     background: var(--iny-title-color);
     color: var(--iny-white);
}
 .woocommerce div.product form.cart .button, body.woocommerce a.button, body.woocommerce button.button {
     background-color: var(--iny-primary);
     color: var(--iny-white);
}
 .woocommerce div.product form.cart .button:hover, body.woocommerce a.button:hover, body.woocommerce button.button:hover {
     background-color: var(--iny-primary);
     color: var(--iny-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(--iny-primary) !important;
     padding: 12px 20px !important;
     background: var(--iny-primary) !important;
     color: var(--iny-white) !important;
     font-size: var(--iny-font-size) !important;
     display: inline-block !important;
     min-width: 170px;
     text-align: center !important;
     border-radius: var(--iny-comman-radius) !important;
     border: none !important;
     position: relative !important;
     overflow: hidden !important;
     z-index: 1;
     max-height: 50px;
     text-transform: capitalize;
}
 body.woocommerce a.button:hover, body.woocommerce button.button:hover, body .checkout-button:hover {
     background-color: var(--iny-primary) !important;
     color: var(--iny-white) !important;
     -webkit-box-shadow: inset 0 0 0 2em var(--iny-black);
     -moz-box-shadow: inset 0 0 0 2em var(--iny-black);
     box-shadow: inset 0 0 0 2em var(--iny-black);
}
 body.woocommerce a.button:focus, body.woocommerce button.button:focus, body .checkout-button:focus {
     -webkit-box-shadow: inset 0 0 0 2em var(--iny-black);
     -moz-box-shadow: inset 0 0 0 2em var(--iny-black);
     box-shadow: inset 0 0 0 2em var(--iny-black);
}
 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(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .woocommerce-mini-cart__buttons.buttons .button {
     min-width: 120px;
}
 .woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item a img {
     display: none;
}
 body .iny-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: 1em 2em;
     margin: 0 0 2em;
     position: relative;
     background-color: var(--iny-bg);
     color: var(--iny-title-color);
     border-top: none;
     list-style: none;
     border: none;
     border-left: 3px solid var(--iny-primary);
     border-radius: var(--iny-less-radius);
}
 .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(--iny-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(--iny-border-color);
     border-radius: 2px;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s 
}
 .comment-form-cookies-consent label:after {
     content: "";
     position: absolute;
     top: 6px;
     left: 4px;
     width: 10px;
     height: 6px;
     border-left: 2px solid var(--iny-white);
     border-bottom: 2px solid var(--iny-white);
     -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
     -ms-transform: rotate(-20deg);
     transform: rotate(-20deg);
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
     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(--iny-title-color);
     border: 1px solid transparent 
}
 .comment-form-cookies-consent input:checked~label {
     color: var(--iny-title-color);
}
 .iny-product-tabs-wrapper {
     width: 100%;
}
 .iny-large-product {
     text-align: center;
     padding: 0;
     border-radius: var(--iny-less-radius);
     display: inline-block;
     width: 100%;
     position: relative;
     overflow: hidden;
}
 .woocommerce div.product div.images {
     width: 100%;
}
 .iny-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(--iny-border-color);
     text-align: left;
     padding: 20px 10px;
}
 .woocommerce div.product form.cart {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
 .iny-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(--iny-border-color);
     border-radius: var(--iny-comman-radius);
     width: 160px;
}
 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(--iny-primary);
     min-width: auto;
     padding: 0;
     font-size: var(--iny-subheading-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(--iny-border-color);
     border-right: 1px solid var(--iny-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(--iny-subheading-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(--iny-bg);
     padding: 30px 30px;
     margin: 0 0 20px;
     border: var(--iny-less-radius);
}
 .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(--iny-circular-radius);
}
 .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
     font-size: var(--global-title);
     font-weight: 600;
     margin: 0 0 6px;
     color: var(--iny-title-color);
     text-transform: capitalize;
}
 .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date {
     color: var(--iny-primary);
     text-transform: uppercase;
     font-weight: 600;
     font-size: var(--iny-font-size);
     letter-spacing: .6px;
     position: relative;
}
 body.single .star-rating span::before, body .star-rating::before {
     letter-spacing: 0;
}
 body.woocommerce #reviews #comments ol.commentlist {
     padding: 0;
     margin: 25px 0 10px;
}
 .iny-product-summary-description .yith-wcwl-add-to-wishlist {
     margin: 0 0 20px;
}
 .iny-product-summary-description .yith-wcwl-wishlistexistsbrowse a {
     color: var(--iny-primary);
     font-weight: 500;
     margin: 0 0 0 10px;
}
/* Wishlist Page Style */
 .woocommerce-wishlist .iny-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(--iny-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(--iny-circular-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(--iny-primary);
}
 .iny-product-info .yith-wcwl-add-to-wishlist {
     display: none;
}
 .wishlist-title-container {
     display: none;
}
/* Related Products */
 .iny-related-product-wrapper {
     width: 100%;
     padding: 29px 0 13px;
}
 .iny-related-product-wrapper h4 {
     font-weight: 700;
}
/* Cart Single Page */
 .woocommerce-cart .iny-main-page-container {
     padding: 80px 0 73px;
}
 .woocommerce table.shop_table {
     border: none;
     margin: 0 0 40px;
     border-radius: 0;
     border-spacing: 0 0;
     border-bottom: 1px solid var(--iny-border-color);
     border-right: 1px solid var(--iny-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(--iny-border-color);
     border-top: 0;
}
 .woocommerce-cart .iny-blog-columns {
     margin-bottom: 43px;
}
 .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
     margin: 0;
}
 .woocommerce a.remove {
     display: block;
     font-size: var(--iny-subheading-size);
     height: 25px;
     width: 25px;
     text-align: center;
     line-height: 1;
     border-radius: 100%;
     color: var(--iny-white) !important;
     text-decoration: none;
     font-weight: 500;
     border: 0;
     background: var(--iny-title-color);
     padding: 1px 0;
}
 .woocommerce a.remove:hover {
     background: var(--iny-primary) !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(--iny-title-color);
}
 .woocommerce table.cart td.actions .coupon {
     margin-bottom: 0;
     float: left !important;
}
 .cart-collaterals .cart_totals h2 {
     font-size: var(--iny-heading-size);
     font-weight: 600;
     margin-bottom: 0;
     text-transform: capitalize;
     border: 1px solid var(--iny-border-color);
     padding: 20px;
}
 .cart-collaterals .cart_totals table th {
     padding: 20px;
     text-transform: capitalize;
     border: 1px solid var(--iny-border-color);
     border-top: none;
     max-width: 100%;
     color: var(--iny-title-color);
}
 .woocommerce-cart .cart-collaterals .cart_totals tr td {
     padding: 20px;
     text-transform: capitalize;
     max-width: 100%;
}
 body .woocommerce .checkout-button {
     width: 100%;
}
 #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {
     padding: 24px 0 0;
}
 .woocommerce table.cart td.actions .coupon input#coupon_code {
     background: var(--iny-bg);
     border: none;
     width: calc(100% - 170px);
     max-width: 200px;
     padding: 0 20px;
     margin: 0;
     border-radius: var(--less-iny-radius-left);
}
 .woocommerce table.cart td.actions .coupon button.button, .woocommerce table.cart td.actions .coupon button.button {
     max-width: 150px;
     font-size: var(--iny-font-size);
     font-weight: 500;
     color: var(--iny-white);
     background: var(--iny-primary);
     min-height: 50px;
     border: none;
     border-radius: var(--iny-less-radius-right);
}
 .woocommerce table.cart td.actions .coupon button.button:hover, .woocommerce table.cart td.actions .coupon button.button:hover {
     color: var(--iny-white);
     background: var(--iny-primary);
}
 .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
     min-width: 170px;
     font-size: var(--iny-font-size);
     font-weight: 500;
     color: var(--iny-white);
     background: var(--iny-primary) !important;
     min-height: 50px;
     border: none;
     border-radius: var(--iny-comman-radius);
     line-height: 50px;
     padding: 0 20px;
     text-align: center;
     overflow: hidden;
}
 .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
     color: var(--iny-white);
     background: var(--iny-primary) !important;
     -webkit-box-shadow: inset 0 0 0 2em var(--iny-black);
     -moz-box-shadow: inset 0 0 0 2em var(--iny-black);
     box-shadow: inset 0 0 0 2em var(--iny-black);
}
 .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus {
     transition: box-shadow 0.5s;
     -webkit-box-shadow: inset 0 0 0 2em var(--iny-black);
     -moz-box-shadow: inset 0 0 0 2em var(--iny-black);
     box-shadow: inset 0 0 0 2em var(--iny-black);
}
 .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(--iny-font-size);
     font-weight: 500;
     color: var(--iny-white);
     background: var(--iny-primary);
     min-height: 50px;
     border: none;
     border-radius: var(--iny-comman-radius);
}
 .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(--iny-white);
     background: var(--iny-primary);
}
/* Checkout Single Page */
 .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;
}
 .col-1, .col-2, .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(--iny-input-border);
     border-radius: var(--iny-less-radius);
     outline: none;
     background: var(--iny-input-bg);
     padding: 12px 20px 12px 10px;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 50px;
     right: 15px;
}
 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: var(--iny-txt-color);
}
 body .select2-dropdown {
     background-color: var(--iny-bg);
     border: none;
     border-radius: var(--iny-less-radius);
}
 .select2-container--default .select2-search--dropdown .select2-search__field {
     border: 1px solid var(--iny-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(--iny-primary);
     color: var(--iny-txt-color);
}
 .select2-results__option[aria-selected], .select2-results__option[data-selected] {
     color: var(--iny-txt-color);
}
 .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
     background-color: var(--iny-input-bg);
}
 .woocommerce form .form-row label {
     font-weight: 400;
     color: var(--iny-title-color);
     margin: 0;
}
 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;
}
 form.woocommerce-EditAccountForm fieldset legend, .woocommerce-billing-fields h3, .woocommerce-additional-fields h3, h3#order_review_heading {
     font-size: var(--iny-subheading-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(--iny-primary);
}
 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;
     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: 25px 0 34px;
}
 .woocommerce table.shop_table td {
     color: var(--iny-title-color);
     font-weight: 500;
}
 .woocommerce-privacy-policy-text p {
     margin: 0;
}
 .woocommerce-additional-fields {
     margin: 0 0 45px;
     display: inline-block;
     width: 100%;
}
 body .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field {
     margin: 0;
}
 body .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field textarea#order_comments {
     height: 150px;
     padding: 20px;
}
 .woocommerce-additional-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(--iny-primary);
     font-weight: 500;
}
 .woocommerce form.checkout_coupon {
     padding: 26px 30px 24px;
     margin: 0 0 45px;
     text-align: left;
     border-radius: var(--iny-less-radius);
     background: var(--iny-white);
     box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
     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: var(--iny-less-radius-right);
}
/* Login */
 .woocommerce form.login {
     padding: 21px 30px 30px;
     margin: 0 0 45px;
     text-align: left;
     border-radius: var(--iny-less-radius);
     background: var(--iny-white);
     box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
     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%;
}
 .iny-login-bottom {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     justify-content: space-between;
     align-items: center;
     margin: 7px 0 26px;
     color: var(--iny-title-color);
}
 .iny-login-bottom a {
     color: var(--iny-title-color);
}
 .iny-login-bottom a:hover {
     color: var(--iny-primary);
}
 .iny-login-bottom>span {
     margin: 0 0 10px;
}
 .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
     margin: 0;
     cursor: pointer;
}
 .iny-remember-pswrd input {
     display: none 
}
 .iny-remember-pswrd span {
     margin: 0;
     position: relative;
     padding-left: 30px;
     cursor: pointer 
}
 .iny-remember-pswrd span:before {
     content: "";
     position: absolute;
     top: 2px;
     left: 0;
     width: 18px;
     height: 18px;
     border: 1px solid var(--iny-border-color);
     border-radius: 2px;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s 
}
 .iny-remember-pswrd span:after {
     content: "";
     position: absolute;
     top: 6px;
     left: 4px;
     width: 10px;
     height: 6px;
     border-left: 2px solid var(--iny-white);
     border-bottom: 2px solid var(--iny-white);
     -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
     -ms-transform: rotate(-20deg);
     transform: rotate(-20deg);
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
     opacity: 0;
}
 .iny-remember-pswrd input:checked~span:after {
     opacity: 1;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg) 
}
 .iny-remember-pswrd input:checked~span:before {
     background-color: var(--iny-title-color);
     border: 1px solid transparent 
}
 .iny-remember-pswrd input:checked~span {
     color: var(--iny-title-color);
}
/* Register Page */
 .woocommerce form.register {
     padding: 26px 30px 21px;
     margin: 0 0 45px;
     text-align: left;
     border-radius: var(--iny-less-radius);
     background: var(--iny-white);
     box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
     border: none;
     display: flex;
     flex-wrap: wrap;
}
/*Lost Password*/
 .woocommerce .woocommerce-ResetPassword {
     padding: 25px 30px 30px;
     margin: 0 0 30px;
     text-align: left;
     border-radius: var(--iny-less-radius);
     background: var(--iny-white);
     box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
     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(--iny-border-color);
     padding: 10px 20px;
     border-radius: var(--iny-radius10);
     display: inline-block;
     width: 100%;
     color: var(--iny-title-color);
     font-weight: 500;
}
 nav.woocommerce-MyAccount-navigation ul li a:hover, nav.woocommerce-MyAccount-navigation ul li.is-active a {
     color: var(--iny-primary);
     border-color: var(--iny-primary);
}
 form.woocommerce-EditAccountForm fieldset legend, .woocommerce-billing-fields h3, .woocommerce-additional-fields h3, .woocommerce-account .addresses .title h3, h3#order_review_heading {
     font-size: var(--iny-subheading-size);
     font-weight: 600;
     color: var(--iny-title-color);
     margin-bottom: 15px;
}
 .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(--iny-white);
}
 .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(--iny-primary) !important;
     text-transform: capitalize !important;
     outline: none !important;
     padding: 0 !important;
     cursor: pointer !important;
     font-size: var(--iny-font-size) !important;
     border-radius: 0 !important;
     min-height: unset !important;
     line-height: 1.2;
     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(--iny-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;
}
/* Search Page*/
/* Blog Thumbs Page CSS */
 .iny-blog-thumb-page-wrapper {
     padding: 80px 0 23px;
}
 .iny-blog-thumb-page-wrapper .iny-blog-img img {
     max-height: 400px;
     min-width: 100%;
}
/********************************** 5. Demo CSS Start **********************************/
/***** About Section ****/
/* About Style One CSS Start */
 .iny-about-img {
     padding: 0 0 0 20px;
     margin: 20px 0;
     position: relative;
}
 .iny-about-img img {
     position: relative;
     border: none;
     border-radius: 6px;
     width: 100%;
}
 .iny-about-img:before {
     content: "";
     position: absolute;
     left: 0;
     background: var(--iny-primary);
     z-index: 0;
     width: 300px;
     top: -20px;
     bottom: -20px;
     border-radius: 6px 0 0 6px;
}
 .iny-about-text {
     display: flex;
     width: 100%;
     flex-wrap: wrap;
}
 .iny-about-text h2 {
     font-size: var(--iny-title-size);
     margin-bottom: 12px;
     font-weight: 700;
}
 .iny-list-item li {
     line-height: 30px;
     font-weight: 500;
     list-style: none;
     margin: 0 0 1px;
}
 .iny-list-item li span {
     margin-right: 10px;
}
 .iny-list-item li .iny-about-list {
     color: var(--iny-primary);
}
 .iny-list-item {
     margin-top: 7px;
     margin-bottom: 18px;
     display: block;
     padding: 0;
}
 .iny-about-title .iny-sub-heading {
     padding: 0 0 6px;
     margin: 0 0 9px;
     color: var(--iny-primary);
}
 .iny-about-text>p:not(:last-of-type) {
     margin: 0 0 22px;
}
 .iny-about-text p:last-of-type {
     margin: 0;
}
/* About Style Two CSS Start */
 .iny-about-wrapper.iny-about-style-two.iny-about-style-tab {
     padding-bottom: 42px;
}
 .iny-about-style-two .iny-list-item li {
     width: 100%;
}
 .iny-about-style-two .iny-about-img {
     padding: 0 20px 0 0;
}
 .iny-about-style-two .iny-about-img:before {
     left: unset;
     border-radius: 0 6px 6px 0;
     right: 0;
}
/* About Style Three CSS Start */
 .iny-about-style-three {
     padding-top: 75px;
}
 .iny-about-style-three .iny-colored-subtiltle {
     margin: 0 0 4px;
}
 .iny-about-style-three .iny-about-text h2 {
     margin: 0 0 7px;
}
 .iny-about-style-three .iny-about-text h2, .iny-plans-wrapper .iny-plans-detail h4 {
     font-size: var(--iny-title-size2);
}
 .iny-about-style-three .iny-about-img {
     margin: 0;
     padding: 0;
}
 .iny-about-style-three .iny-about-img:before {
     content: unset;
}
 .iny-about-style-three .row {
     align-items: flex-end;
}
 .iny-about-name h4 {
     margin: 0;
     font-size: var(--iny-font-md);
}
 .iny-about-name p {
     margin: 0;
}
 .iny-about-style-three .iny-about-text {
     margin: 0 0 72px;
}
 .iny-about-desc p {
     margin-bottom: 27px;
}
 .iny-about-desc p:last-of-type {
     margin-bottom: 0;
}
 .iny-about-style-three .iny-about-info {
     margin: 25px 0 0;
}
 .iny-about-style-three .iny-about-title {
     padding: 0 0 5px;
}
/* About Style Two With Tab (About-info)*/
 .iny-tabs-nav {
     display: flex;
     justify-content: space-between;
     border: 1px solid var(--iny-border-color);
     border-radius: 6px;
     flex-wrap: wrap;
     margin-bottom: 24px;
     margin-top: 17px;
     padding: 0;
}
 .iny-tabs-nav li {
     width: 33.33%;
     height: 70px;
     text-align: center;
     position: relative;
     border-right: 1px solid var(--iny-border-color);
     padding: 21px 0;
     list-style: none;
     margin: 0;
}
 .iny-tabs-nav li:last-child {
     border-right: 0px;
}
 .iny-tabs-nav li a {
     font-size: 20px;
     font-weight: 500;
     display: inline-block;
     position: relative;
     color: var(--iny-title-color);
}
 .iny-tabs-nav li::before {
     content: "";
     background: var(--iny-primary);
     width: 0%;
     height: 4px;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
}
 .iny-tabs-nav li.active::before, .iny-tabs-nav li:hover::before {
     width: 60%;
}
 .iny-tabs-nav li, .iny-tabs-nav li::before, .iny-tabs-nav li.active::before, .iny-tabs-nav li:hover::before {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
/* About Style Two With Counter (About-info)*/
 .iny-about-with-counter {
     padding-top: 80px;
}
 .iny-about-with-counter .iny-about-counter-section h2 {
     font-size: 2rem;
     margin: 0;
}
 .iny-about-with-counter .iny-about-title h4 {
     font-size: var(--iny-font-lg);
     color: var(--iny-primary);
     border-left: solid 5px;
     padding-left: 15px;
     margin-bottom: 6px;
     font-weight: 400;
     letter-spacing: 3px;
}
 .iny-about-with-counter .iny-about-title h2 {
     font-size: var(--iny-title-size);
     font-weight: 700;
     max-width: 380px;
}
 .iny-about-counter-section {
     margin: 20px 0 10px;
}
 .iny-about-counter-section ul {
     padding: 0;
     margin: 0;
}
 .iny-about-counter-section ul li {
     list-style: none;
     margin: 0 30px 0 0;
     display: inline-flex;
}
 body .iny-about-with-counter .iny-sub-counter h2 {
     font-size: 2.375rem;
     background-repeat: no-repeat !important;
     background-position: center !important;
     padding: 10px 0 13px;
     margin-bottom: 4px;
     text-align: center;
     color: var(--iny-primary);
}
 .iny-sub-counter {
     text-align: center;
}
 .iny-about-with-counter .iny-about-img img {
     border-radius: 0;
     width: auto;
}
 .iny-about-with-counter .iny-about-counter-section {
     margin: 25px 0 0px;
}
 body .iny-about-with-counter .iny-sub-counter p {
     color: var(--iny-link-color);
     font-size: var(--iny-font-size);
}
 .iny-about-with-counter .iny-about-counter-section .iny-btn {
     margin: 22px 0 0;
}
/***** Counter Start *****/
 .iny-counter-wrapper {
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     padding: 91px 0 42px;
}
 .counter-item h1 {
     font-size: var(--iny-title-size);
     color: var(--iny-white);
     margin: 0 0 1px;
}
 .counter-item p {
     font-size: var(--iny-font-sm);
     font-size: var(--iny-font-sm);
     color: var(--iny-white);
     margin-bottom: 0;
}
 .iny-counter-icon img {
     max-height: 60px;
     margin: 0 0 10px;
}
 .iny-counter-wrapper .iny-heading-wrapper {
     margin-top: -22px;
     margin-bottom: 53px;
}
/***** Counter Style One *****/
 .iny-counter-style-one .iny-counter-icon {
     width: 80px;
     height: 80px;
     line-height: 80px;
     border: 2px solid var(--iny-white);
     margin: auto;
     transform: rotate(45deg);
     border-radius: 15px;
     margin-bottom: 20px;
}
 .iny-counter-style-one .iny-counter-icon img {
     width: 40px;
     position: relative;
     transform: rotate(-45deg);
}
 .iny-counter-style-one .counter-item:hover .iny-counter-icon {
     background: var(--iny-primary);
     box-shadow: 0px 0px 20px 0 rgba(255, 255, 255, 0.16);
}
 .iny-counter-style-one .counter-item, .iny-counter-style-one .counter-item:hover .iny-counter-icon, .iny-counter-style-one .counter-item:hover, .iny-counter-style-one .counter-item .iny-counter-icon {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-counter-style-one .iny-heading-wrapper, .iny-counter-style-one .iny-heading-wrapper h2 {
     color: var(--iny-white);
}
/***** Counter Style Two *****/
 .iny-counter-style-two .counter-item {
     position: relative;
     font-size: var(--iny-font-md);
}
 .iny-counter-style-two .iny-counter-icon {
     position: relative;
     width: 150px;
     text-align: center;
     margin: auto;
     margin-bottom: 23px;
}
 .iny-counter-style-two .iny-counter-icon img {
     max-height: 100px;
     position: absolute;
     opacity: .3;
     height: 100%;
     left: 0;
     right: 0;
     margin: auto;
}
 .iny-counter-style-two .iny-counter-icon h1 {
     font-size: 3.5rem;
     line-height: 100px;
     position: relative;
     z-index: 1;
     font-weight: 900;
}
/*.iny-counter-style-two {
     */
    /* padding: 73px 0 42px;
     */
    /* 
}
 */
 .iny-counter-wrapper.iny-counter-style-two .iny-heading-wrapper {
     margin-top: 0;
     margin-bottom: 42px;
}
/***** Service Start *****/
/* Service Style One */
 .iny-service-wrapper {
     padding: 69px 0 0px;
     position: relative;
     background-size: 100%;
     width: 100%;
     overflow: hidden;
}
 .iny-service-section {
     margin-top: 35px;
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
     flex-direction: row-reverse;
}
 .iny-service-section.icon-left {
     flex-direction: row;
}
 .iny-service-section .iny-service-icon img {
     -webkit-transform: rotateY(0deg);
     transform: rotateY(0deg);
     max-height: inherit;
}
 .iny-service-section:hover .iny-service-icon img {
     -webkit-transform: scale(.9);
     -moz-transform: scale(.9);
     -ms-transform: scale(.9);
     -o-transform: scale(.9);
     transform: scale(.9);
}
 .iny-service-section:hover .iny-service-icon img, .iny-service-section .iny-service-icon img, .iny-service-section:hover, .iny-service-section {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-service-text {
     width: calc(100% - 125px);
}
 .iny-service-icon {
     text-align: right;
     width: 110px;
     margin-left: 15px;
}
 .iny-service-text p {
     width: 90%;
     float: right;
}
 .iny-service-section.icon-left .iny-service-text p {
     float: left;
}
 .iny-service-text h4 {
     font-size: 28px;
     color: var(--iny-link-color);
     font-weight: 700;
     margin-top: 6px;
}
 .iny-service-section.icon-left .iny-service-icon {
     margin-right: 15px;
     margin-left: 0;
     text-align: left;
}
 .iny-service-section:hover a {
     color: var(--iny-primary);
}
 .iny-service-wrapper .iny-heading-wrapper {
     margin-bottom: 42px;
}
 .iny-service-spacer {
     margin: 0 0 62px;
}
 .iny-service-wrapper.overflow-hidden.iny-service-style-one .row {
     align-items: flex-end;
}
/* Service Style Two With Thumb Img */
 .iny-service-thumb-wrapper {
     padding: 80px 0 30px;
}
 .iny-service-thumb-wrapper.iny-service-style-two .iny-service-thumb-img img {
     width: 100%;
}
 .iny-service-thumb-section {
     background: var(--iny-main-bg);
     margin-bottom: 41px;
}
 .iny-service-thumb-img {
     position: relative;
     border: none;
     border-radius: var(--iny-radius10);
}
 .iny-service-thumb-img>a>img {
     border: none;
     border-radius: var(--iny-radius10);
     width: 100%;
}
 .iny-service-thumb-img .iny-service-thumb-icon {
     position: absolute;
     bottom: -30px;
     right: 30px;
}
 .iny-service-thumb-text {
     margin-top: 30px;
}
 .iny-service-thumb-text .iny-sub-heading {
     margin-bottom: 14px;
     color: var(--iny-link-color);
     text-transform: capitalize;
}
 .iny-service-thumb-section:hover .iny-service-thumb-icon img {
     animation-name: iny-wobble-to-bottom-right;
     animation-duration: 1s;
     animation-timing-function: ease-in-out;
     animation-iteration-count: 1;
}
 .iny-service-thumb-section {
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
}
 .iny-service-thumb-section:hover {
     -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     -o-transform: translateY(-10px);
     transform: translateY(-10px);
}
 .iny-service-thumb-section:hover, .iny-service-thumb-section {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-service-style-one .iny-service-section:hover .iny-service-text h4 {
     color: var(--iny-primary);
}
 .iny-service-style-one .iny-service-section:hover .iny-service-text h4, .iny-service-style-one .iny-service-section .iny-service-text h4, .iny-service-style-one .iny-service-section:hover, .iny-service-style-one .iny-service-section, .iny-service-thumb-section .iny-service-thumb-text h4, .iny-service-thumb-section:hover .iny-service-thumb-text h4 {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-service-thumb-section:hover .iny-service-thumb-text h4 {
     color: var(--iny-primary);
}
/* Service Style Three */
 .iny-service-style-three .iny-heading-style-one {
     margin-bottom: 22px;
}
 .iny-service-style-three .iny-services {
     padding: 20px 30px 11px;
     margin-bottom: 1px;
}
 .iny-service-style-three .iny-services:hover {
     -webkit-transform: translateY(-8px);
     -moz-transform: translateY(-8px);
     -ms-transform: translateY(-8px);
     -o-transform: translateY(-8px);
     transform: translateY(-8px);
}
 .iny-service-style-three .iny-services, .iny-service-style-three .iny-services:hover {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-service-style-three .iny-services h4 {
     color: var(--iny-link-color);
     font-size: var(--iny-subheading-size);
     margin: 28px 0 10px;
}
/* Service Style Four */
/*.iny-service-style-four {
     */
    /* padding: 73px 0 42px;
     */
    /* 
}
 */
 .iny-service-style-four .iny-heading-wrapper {
     margin-bottom: 42px;
}
 .iny-service-style-four .iny-icon-bg svg {
     height: 60px;
     fill: var(--iny-charry-red);
}
 .iny-service-style-four .iny-services-section:hover .iny-icon-bg svg {
     fill: var(--iny-white);
}
 .iny-service-style-four .iny-services-section {
     display: inline-block;
     text-align: center;
     padding: 40px 15px 33px;
     background: var(--iny-white);
     color: var(--iny-txt-color);
     position: relative;
     margin-bottom: 30px;
     border: none;
     border-radius: 6px;
     overflow: hidden;
     box-shadow: 0 0 20px 0 rgb(0 0 0 / 8%);
}
 .iny-service-style-four .iny-icon-bg {
     margin-bottom: 10px;
     display: inline-block;
     width: 100%;
     min-height: 60px;
}
 .iny-service-style-four .iny-services-section h4 {
     font-size: var(--iny-widget-title-size);
     font-weight: 700;
     color: var(--iny-title-color);
     padding: 0;
     margin: 0 0 10px;
     position: relative;
     width: 100%;
}
 .iny-service-style-four .iny-services-section h4:before {
     content: unset;
}
 .iny-service-icon span {
     display: inline-block;
     position: relative;
     margin: 0 0 25px;
}
 .iny-service-icon img {
     position: relative;
     max-height: 70px;
}
 .iny-service-style-four .iny-services-section>img {
     margin: 8px auto 8px;
}
 .iny-service-style-four .iny-services-section .service-hover-border, .iny-service-style-four .iny-services-section:hover .service-border {
     display: none;
}
 .iny-service-style-four .iny-services-section .service-border, .iny-service-style-four .iny-services-section:hover .service-hover-border {
     display: block;
}
 .iny-service-style-four .iny-services-section:hover {
     background: var(--iny-primary);
     color: var(--iny-white);
}
 .iny-service-style-four .iny-services-section:hover h4 {
     color: var(--iny-white);
}
 .iny-service-style-four .iny-services-section:hover .iny-read-more-link {
     color: var(--iny-white);
}
 .iny-service-style-four .iny-services-section:hover {
     box-shadow: 0 0 20px rgb(0 0 0 / 0.06);
}
 .iny-service-style-four .iny-services-section:hover h4, .iny-service-style-four .iny-services-section h4, .iny-read-more-link:hover, .iny-read-more-link, .iny-read-more-link .iny-arrow, .iny-read-more-link:hover .iny-arrow, .iny-read-more-link .iny-arrow {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-service-style-four .iny-services-section, .iny-service-style-four .iny-services-section:hover, .iny-service-style-four .iny-services-section:after, .iny-service-style-four .iny-services-section:hover:after {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
/* Title White*/
 .iny-heading-wrapper.is-white h2, .iny-heading-wrapper.is-white p {
     color: var(--iny-white);
}
 .iny-heading-wrapper.is-white h2:before, .iny-heading-wrapper.is-white h2:after {
     background: var(--iny-white);
}
 .iny-btn-white {
     background: var(--iny-white);
     color: var(--iny-primary);
}
/***** Testimonials Start ******/
 .iny-testimonial-wrapper {
     padding: 69px 0 139px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top center;
}
 .iny-testimonial-wrapper .iny-heading-wrapper {
     margin-bottom: 45px;
}
 .iny-testimonial-slider {
     margin-top: 96px;
     width: 100%;
}
 .iny-client-quote {
     background: var(--iny-white);
     padding: 44px 35px;
     width: 100%;
     border: none;
     border-radius: 8px;
     text-align: center;
     background-image: url(../images/quote.png);
     background-repeat: no-repeat;
     background-position: center;
}
 .iny-client-quote h4 {
     color: var(--iny-link-color);
     font-size: 20px;
     font-weight: 700;
     max-width: 240px;
     margin: auto;
     margin-top: 6px;
}
 .iny-client-quote h4 span {
     font-size: 14px;
     vertical-align: middle;
     font-weight: 400;
     color: var(--iny-link-color);
}
 .iny-client-img img {
     width: 211px;
     height: 211px;
     object-fit: fill;
     border: none;
     border-radius: 100%;
}
 .iny-partner-section {
     display: flex;
     flex-wrap: nowrap;
}
 .swiper-container {
     z-index: 0;
}
 .iny-testimonial-bullets {
     width: 350px;
     height: 350px;
     position: absolute;
     left: 24px;
     top: -70px;
     border-radius: 50%;
     background: transparent;
}
 .iny-testimonial-bullets:before {
     content: "";
     border: 1px dashed rgba(255, 255, 255, 0.28);
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 50%;
     animation: rotate-animation 15s infinite linear;
}
 @keyframes rotate-animation {
     0% {
         transform: rotate(0deg);
    }
     50% {
         transform: rotate(180deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 .iny-testimonial-default .swiper-pagination-bullet {
     background: transparent;
}
 .iny-testimonial-bullets .swiper-pagination-bullet-active {
     background: var(--iny-primary);
     animation: pulsees 2s linear infinite;
     -webkit-animation: pulsees 2s linear infinite;
     -moz-animation: pulsees 2s linear infinite;
}
 .iny-testimonial-bullets>.swiper-pagination-bullet {
     border-radius: 50%;
     padding: 6px;
     width: 70px;
     height: 70px;
     outline: none;
     opacity: 1;
     position: absolute;
     z-index: 1;
}
 .iny-testimonial-bullets>.swiper-pagination-bullet:nth-child(1) {
     bottom: -25px;
     left: 120px;
}
 .iny-testimonial-bullets>.swiper-pagination-bullet:nth-child(2) {
     bottom: 60px;
     left: -15px;
}
 .iny-testimonial-bullets>.swiper-pagination-bullet:nth-child(3) {
     top: 30px;
     left: 0;
}
 .iny-testimonial-bullets>.swiper-pagination-bullet:nth-child(4) {
     top: -35px;
     left: -20px;
     right: 50px;
     margin: auto;
}
 .iny-testimonial-bullets>.swiper-pagination-bullet:nth-child(5) {
     top: -15px;
     right: 40px;
}
 .iny-testimonial-bullets>.swiper-pagination-bullet:after {
     content: "";
     display: block;
     width: 58px;
     height: 60px;
     border-radius: 50%;
     background-size: cover;
     background-repeat: no-repeat;
     cursor: pointer;
}
 .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
     background-image: none;
     cursor: pointer;
}
 .swiper-button-next:hover, .swiper-button-prev:hover, .swiper-button-next, .swiper-button-prev, .swiper-button-prev1:hover, .swiper-button-next1:hover, .swiper-button-prev1, .swiper-button-next1 {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .swiper-button-next:hover, .swiper-button-prev:hover, .swiper-button-prev1:hover, .swiper-button-next1:hover {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
}
 .iny-team-button>div:hover svg {
     fill: var(--iny-primary);
}
 .iny-team-style-one .swiper-container {
     padding-bottom: 108px!important;
}
 .iny-testi-wrapper {
     position: relative;
}
 .iny-testimonial-default .iny-testimonial-button {
     bottom: 33%;
     position: absolute;
     width: 370px;
     right: 17.5%;
     margin: auto;
     font-size: 25px;
     color: var(--iny-primary);
     left: unset;
}
 .iny-testi-wrapper .iny-testimonial-button .swiper-button-next, .iny-testi-wrapper .iny-testimonial-button .swiper-button-prev {
     background: transparent!important;
}
 @keyframes pulsees {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
         -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
    }
     40% {
         box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
     80% {
         box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
     100% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
         -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
 @-webkit-keyframes pulsees {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
         -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
    }
     40% {
         box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
     80% {
         box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
     100% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
         -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
 @-moz-keyframes pulsees {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
         -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
    }
     40% {
         box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
     80% {
         box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
         -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
     100% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
         -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
/* Testimonial Default Style */
 .iny-testimonial-default .iny-testimonial-button>div svg {
     height: auto;
     fill: var(--iny-txt-color);
     width: 20px;
}
 .iny-testimonial-default .iny-testimonial-button>div:hover svg {
     fill: var(--iny-primary);
}
 .iny-testimonial-default .iny-client-quote h4 {
     max-width: 280px;
     width: 100%;
}
/* Testimonial Style Two*/
 .iny-testimonial-style-two .iny-testimonial-slider {
     background: var(--iny-white);
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.26);
     padding: 21px 40px 0 40px;
     position: relative;
     margin: 0;
}
 .iny-testimonial-style-two img.iny-testimonial-icon {
     position: absolute;
     top: 50%;
     left: 30%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .iny-testimonial-style-two .iny-client-quote {
     padding: 0 0 40px;
     background: transparent;
}
 .iny-testimonial-style-two .iny-client-quote h4 {
     color: var(--iny-title-color);
     font-size: var(--iny-subheading-size);
     margin-top: 6px;
     font-weight: 500;
}
 .iny-testimonial-section {
     position: relative;
     top: 24px;
}
 .iny-testimonial-button {
     position: absolute;
     z-index: 1;
     bottom: -23px;
     display: flex;
     justify-content: space-between;
     min-width: 115px;
     left: 0;
}
 .swiperButtonPrev-icon {
     width: 50px;
     height: 50px;
     background: linear-gradient(141deg, rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
     border: none;
     border-radius: 30px;
     color: var(--iny-white);
     cursor: pointer;
     padding: 0 20px;
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
}
 .iny-testimonial-slider .swiper-container.s1 {
     padding: 0 0 27px;
}
 .iny-client-img {
     position: relative;
     bottom: -4px;
}
 .swiperButtonPrev-icon:hover {
     width: 95px;
}
 .swiperButtonNext, .swiperButtonPrev, .swiperButtonNext:hover, .swiperButtonPrev:hover, .swiperButtonPrev-icon:hover, .swiperButtonPrev-icon {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-testimonial-button>div svg {
     fill: var(--iny-white);
     height: 15px;
     width: 8px;
}
 .long-arrow {
     display: none;
}
 .iny-testimonial-button>div>div:hover .long-arrow {
     display: block;
}
 .iny-testimonial-button>div>div:hover .small-arrow {
     display: none;
}
 .iny-testimonial-button>div>div .long-arrow svg {
     width: 28px;
     height: 15px;
}
 .swiperButtonNext, .swiperButtonPrev {
     width: 95px;
}
 .swiperButtonPrev {
     display: flex;
     justify-content: flex-end;
     margin-right: 15px;
}
 .iny-testimonial-style-two .iny-client-img img {
     border-radius: 0;
     height: auto;
     width: auto;
}
 .iny-testimonial-style-two .iny-heading-wrapper {
     text-align: left;
}
 .iny-testimonial-style-two .iny-client-img {
     bottom: 20px;
}
/* Testimonoial Style Threee */
 .iny-testimonial-style-three .iny-testimonial-wrapper {
     width: 100%;
     display: inline-block;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     position: relative;
     padding: 69px 0 80px;
}
 .iny-testimonial-style-three .iny-testimonial-wrapper:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: var(--iny-royal-blue);
     opacity: .94;
}
 .iny-testimonial-style-three .iny-testimonial-section {
     background: rgba(255, 255, 255, 0.1);
     color: var(--iny-main-bg);
     padding: 50px 50px 41px;
     margin-bottom: 40px;
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     font-size: 22px;
     line-height: 34px;
     border: none;
     border-radius: 6px;
}
 .iny-testimonial-style-three .iny-testimonial-icon svg {
     height: 50px;
     fill: var(--iny-main-bg);
}
 .iny-testimonial-style-three .iny-client-quote h4 {
     color: var(--iny-main-bg);
     font-size: 22px;
     margin: 0;
}
 .iny-testimonial-style-three .iny-testimonial-icon {
     margin-bottom: 27px;
}
 .iny-testimonial-style-three .iny-client-quote {
     display: flex;
     margin-top: 6px;
     font-size: 16px;
     line-height: 28px;
     background: transparent;
     border-radius: 0;
     background-image: unset;
     padding: 0;
     justify-content: center;
}
 .iny-testimonial-style-three .pagination {
     width: 100%;
     display: flex;
     justify-content: center;
     margin: 24px 0 0;
}
 .iny-testimonial-style-three .pagination span.swiper-pagination-bullet {
     width: 20px;
     height: 3px;
     border-radius: 0;
     margin: 0 3px;
     background: var(--iny-main-bg);
     opacity: .3;
}
 .iny-testimonial-style-three .pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: var(--iny-main-bg);
     opacity: 1;
}
 .iny-testimonial-style-three .iny-testimonial-button {
     position: absolute;
     top: 60px;
     z-index: 1;
     width: 250px;
     margin: auto;
     left: 0;
     right: 0;
     -webkit-transform: translateY(-34%);
     -moz-transform: translateY(-34%);
     -ms-transform: translateY(-34%);
     -o-transform: translateY(-34%);
     transform: translateY(-34%);
}
 .iny-testimonial-style-three .iny-testimonial-button>div {
     width: 50px;
     font-size: 22px;
     position: absolute;
     cursor: pointer;
     color: var(--iny-main-bg);
     opacity: .6;
     height: 20px;
     overflow: hidden;
}
 .iny-testimonial-style-three .iny-testimonial-button>div:before {
     content: unset;
}
 .iny-testimonial-style-three .testTwoButtonPrev {
     left: 0;
}
 .iny-testimonial-style-three .testTwoButtonNext {
     right: 0;
     text-align: right;
}
 .iny-testimonial-style-three .testTwoButtonNext:before {
     right: 1px;
}
 .iny-testimonial-style-three .iny-testimonial-button>div:hover {
     opacity: 1;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
}
 .iny-testimonial-style-three .iny-testimonial-button>div:hover:before {
     width: 30px;
     opacity: 1;
}
 .iny-testimonial-button>div svg.cls-1 {
     height: 15px;
     width: 50px;
}
 .iny-testimonial-style-three .iny-testimonial-button .swiper-button-next svg {
     transform: rotate( 180deg );
     -webkit-transform: rotate( 180deg );
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate( 180deg );
}
 .iny-testimonial-button>div.swiper-button-next .arrow-long, .iny-testimonial-button>div.swiper-button-prev .arrow-long {
     display: none;
}
 .iny-testimonial-button>div.swiper-button-next .arrow-small, .iny-testimonial-button>div.swiper-button-prev .arrow-small {
     display: block;
}
 .iny-testimonial-button>div.swiper-button-next:hover .arrow-long, .iny-testimonial-button>div.swiper-button-prev:hover .arrow-long {
     display: block;
}
 .iny-testimonial-button>div.swiper-button-next:hover .arrow-small, .iny-testimonial-button>div.swiper-button-prev:hover .arrow-small {
     display: none;
}
 .iny-testimonial-style-three .iny-testimonial-button>div:hover, .iny-testimonial-style-three .iny-testimonial-button>div, .iny-testimonial-style-three .iny-testimonial-button>div:hover:before, .iny-testimonial-style-three .iny-testimonial-button>div:before, .iny-testimonial-button>div.swiper-button-next:hover .arrow-small, .iny-testimonial-button>div.swiper-button-prev .arrow-small, .iny-testimonial-button>div.swiper-button-next .arrow-long, .iny-testimonial-button>div.swiper-button-prev:hover .arrow-long{
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-team-wrapper.iny-team-style-three {
     width: 100%;
     display: inline-block;
     position: relative;
     padding: 73px 0 325px;
}
 .iny-testimonials-section {
     position: relative;
}
 .iny-from-has-margin {
     margin-top: -275px;
     margin-bottom: 73px;
}
 .iny-testimonial-style-three p {
     margin: 0;
}
 .iny-testimonial-style-three .iny-heading-style-one {
     margin-bottom: 18px;
}
 .iny-popup-gallery .iny-heading-wrapper {
     margin-bottom: 42px;
}
/******************************************************** 11. Quote Start *******************************************************/
 .iny-quote-wrapper {
     padding: 80px 0 0;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 .iny-quote-text h1 {
     margin: 0;
}
 .iny-quote-text h2 {
     color: var(--iny-white);
     font-size: 42px;
     font-weight: 700;
     line-height: 50px;
}
 .iny-quote-text p {
     color: var(--iny-white);
     margin: 12px 0 22px;
}
 .iny-quote-text h4 {
     color: var(--iny-white);
     font-size: var(--iny-font-md);
     font-weight: 500;
     margin-top: 28px;
}
 .iny-quote-text h1 .iny-quate-no {
     font-size: 62px;
     color: var(--iny-white);
     display: inline-block;
     font-weight: 700;
     margin-bottom: 1px;
}
/******************************************************** 12. Project Start *******************************************************/
 .iny-project-wrapper {
     padding: 69px 0 42px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 .iny-project-wrapper .iny-heading-wrapper {
     margin-bottom: 42px;
}
 .iny-project-inner img {
     border: none;
     border-radius: 8px;
     width: 100%;
}
 .iny-project-inner .iny-project-read {
     background: rgba(0, 0, 0, 0.80);
     opacity: 0;
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     width: auto;
     border: none;
     font-weight: 500;
     border-radius: 8px;
     height: 0%;
     height: 100%;
     bottom: 0;
     z-index: 1;
}
 .iny-project-inner:hover .iny-project-read {
     opacity: 1;
     bottom: 0;
     height: 100%;
}
 .iny-project-inner:hover .iny-project-read, .iny-project-inner .iny-project-read, .iny-project-inner, .iny-project-inner:hover >img, .iny-project-inner >img {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-project-read p {
     position: absolute;
     left: 15px;
     right: 15px;
     color: var(--iny-white);
     top: 50%;
     width: 170px;
     margin: auto;
     text-align: center;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .iny-project-read a {
     color: var(--iny-primary);
}
 .iny-project-inner {
     overflow: hidden;
     display: block;
     border-radius: 8px;
}
 .iny-project-inner:hover >img {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
}
/******************************************************** 13. Appointement Start *******************************************************/
 .iny-appointment-wrapper {
     padding: 77px 0 0;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 .iny-appointment-form h4 {
     color: var(--iny-white);
     font-size: 32px;
     margin-bottom: 43px;
     line-height: 32px;
}
 .iny-appointment-form input {
     width: 100%;
     height: 50px;
     background: transparent;
     border-radius: 3px;
     padding: 20px;
     color: var(--iny-white);
     opacity: 45%;
}
 .iny-appointment-form input:focus, .iny-appointment-form input:active, .iny-appointment-form textarea:focus, .iny-appointment-form textarea:active {
     border-color: var(--iny-white);
     color: var(--iny-white);
}
 .iny-appointment-form textarea {
     width: 100%;
     height: 123px;
     background: transparent;
     border: 1px solid var(--iny-white);
     border-radius: 3px;
     padding: 20px;
     color: var(--iny-white);
     opacity: 45%;
}
 .iny-appointment-form .iny-btn {
     margin-top: 22px;
     width: auto;
     background: var(--iny-white);
     opacity: 1;
     color: var(--iny-primary);
     line-height: initial;
     padding: 0;
}
 .iny-appointment-form .iny-btn:hover {
     color: var(--iny-white);
}
 .iny-appointment-form input:focus, .iny-appointment-form textarea:focus {
     opacity: 1;
}
 .iny-appointment-form input:focus, .iny-appointment-form textarea:focus, .iny-appointment-form input, .iny-appointment-form textarea {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-appointment-form input::-webkit-input-placeholder {
     color: var(--iny-white);
     opacity: 45%;
}
 .iny-appointment-form input::-moz-placeholder {
     color: var(--iny-white);
     opacity: 45%;
}
 .iny-appointment-form input:-ms-input-placeholder {
     color: var(--iny-white);
     opacity: 45%;
}
 .iny-appointment-form input:-moz-placeholder {
     color: var(--iny-white);
     opacity: 45%;
}
 .iny-appointment-form textarea::-webkit-input-placeholder {
     color: var(--iny-white);
     opacity: 45%;
}
 .iny-appointment-form textarea::-moz-placeholder {
     color: var(--iny-white);
     opacity: 45%;
}
 .iny-appointment-form textarea:-ms-input-placeholder {
     color: var(--iny-white);
     opacity: 45%;
}
 .iny-appointment-form textarea:-moz-placeholder {
     color: var(--iny-white);
     opacity: 45%;
}
/******************************************************** 14. Team Start *******************************************************/
 .iny-team-wrapper {
     padding: 69px 0 44px;
}
 .team-slider.swiper-container {
     padding-bottom: 36px;
}
 .iny-team-img {
     background: var(--iny-offwhite);
     position: relative;
}
 .iny-team-img img {
     width: 100%;
     border: none;
     border-radius: 8px;
}
 .iny-team-identity {
     background: var(--iny-white);
     padding: 20px 12px;
}
 .iny-team-identity>a {
     color: var(--iny-link-color);
     font-size: 20px;
     font-weight: 700;
     line-height: 20px;
     display: inline-block;
}
 .iny-team-section:hover .iny-team-identity a {
     color: var(--iny-primary);
}
 .iny-team-inner {
     margin: auto;
     text-align: center;
     color: var(--iny-main-bg);
}
 .iny-team-hover {
     background: rgba(0, 0, 0, 0.80);
     opacity: 0;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     border: none;
     display: flex;
     align-items: center;
     font-weight: 500;
     border-radius: 8px 8px 0 0;
     -webkit-transform: translateY(-500px);
     -moz-transform: translateY(-500px);
     -ms-transform: translateY(-500px);
     -o-transform: translateY(-500px);
     transform: translateY(-500px);
}
 .iny-team-section:hover .iny-team-hover {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
}
 .iny-team-section {
     background: var(--iny-main-bg);
     box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
     margin: 0 0 30px;
     border: none;
     border-radius: 8px;
     overflow: hidden;
}
 .iny-team-section:hover .iny-team-identity h4, .iny-team-section:hover, .iny-team-hover, .iny-team-section:hover .iny-team-hover {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-team-social, .iny-team-info {
     width: 100%;
     display: inline-block;
}
 .iny-team-info ul {
     margin: 0;
     padding: 0;
}
 .iny-team-info ul li {
     list-style: none;
}
 .iny-team-info h6 {
     font-size: 20px;
     color: var(--iny-white);
}
 .iny-team-info a {
     color: var(--iny-white);
}
 .iny-team-info a:hover {
     color: var(--iny-primary);
}
 .iny-team-info:first-child {
     margin-bottom: 10px;
     padding-bottom: 10px;
     position: relative;
}
 .iny-team-info:first-child:before {
     background: var(--iny-white);
     content: "";
     position: absolute;
     height: 1px;
     width: 60%;
     left: 0;
     right: 0;
     margin: auto;
     bottom: 0;
     opacity: .3;
}
 .iny-team-social {
     margin-top: 20px;
}
 .iny-team-social li {
     display: inline-block;
     margin: 0 6px;
     line-height: 1;
     padding-top: 8px;
}
 .iny-team-social li a {
     color: var(--iny-main-bg);
}
 .iny-team-social li a:hover {
     color: var(--iny-primary);
}
 .iny-team-social ul {
     width: auto;
     background: rgba(249, 249, 249, 0.1);
     display: inline-block;
     padding: 6px 20px;
     border: none;
     border-radius: 30px;
}
 .swiper-button-prev1, .swiper-button-next1 {
     width: 40px;
     color: var(--iny-primary);
     cursor: pointer;
     position: absolute;
     height: 36px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .swiper-button-prev1 {
     left: -90px;
}
 .swiper-button-next1 {
     right: -100px;
}
 .iny-team-button {
     position: absolute;
     top: 34%;
     left: 0;
     right: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .swiper-button-next1.swiper-button-disabled, .swiper-button-prev1.swiper-button-disabled {
     color: var(--main-txt-color);
}
 .iny-team-wrapper.iny-team-page-wrapper {
     padding: 80px 0 50px;
}
 .iny-team-wrapper.iny-team-page-wrapper .iny-team-section {
     margin-bottom: 30px;
}
 .iny-team-wrapper .iny-heading-wrapper {
     margin-bottom: 41px;
}
 .iny-team-identity p {
     margin: 0;
}
 .iny-team-container {
     position: relative;
}
/* Team Style One */
 .iny-team-button>div>svg {
     fill: var(--iny-txt-color);
     width: 20px;
}
 .iny-team-style-one .iny-team-identity h4 {
     font-size: 1.25rem;
     font-weight: 700;
     line-height: 20px;
     display: inline-block;
     margin: 0;
}
 .iny-team-style-one .iny-team-section:hover .iny-team-identity h4 {
     color: var(--iny-primary);
}
 .iny-team-style-one .iny-team-section:hover .iny-team-identity h4, .iny-team-style-one .iny-team-section .iny-team-identity h4, .iny-team-style-one .iny-team-section:hover, .iny-team-style-one .iny-team-section {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
/* Team Style Three */
 .iny-team-style-three .iny-team-identity span {
     height: 50px;
     width: 50px;
     display: inline-block;
     background: var(--iny-charry-red);
     border: 3px solid var(--iny-white);
     border-radius: 50%;
     text-align: center;
     line-height: 43px;
     position: relative;
     z-index: 1;
}
 .iny-team-style-three .iny-team-img img {
     width: 100%;
}
 .iny-team-style-three .iny-team-identity {
     display: flex;
     margin-top: -24px;
     padding: 0 15px;
     align-items: flex-end;
     margin-bottom: 10px;
}
 .iny-team-style-three .iny-team-identity svg {
     fill: var(--iny-white);
     height: 25px;
     width: 25px;
}
 .iny-team-style-three .iny-team-identity img {
     height: 25px;
}
 .iny-team-style-three .iny-team-identity h6 {
     background: var(--iny-charry-red);
     color: var(--iny-white);
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase;
     padding: 5px 20px 5px 45px;
     border: none;
     border-radius: 0 0 25px 6px;
     margin: 0 0 0 -30px;
     min-width: 140px;
     text-align: center;
}
 .iny-team-style-three .iny-team-info>a {
     color: var(--iny-link-color);
     font-weight: 700;
     padding: 14px 0 7px;
     font-size: 22px;
     position: relative;
     display: inline-block;
}
 .iny-team-style-three .iny-team-info ul {
     display: flex;
     justify-content: center;
     margin-bottom: 8px;
}
 .iny-team-style-three .iny-team-info ul li a {
     display: inline-block;
     padding: 0;
     width: 28px;
     color: var(--iny-txt-color);
     color: #a0aab1;
}
 .iny-team-style-three .iny-team-info ul li {
     margin: 0;
}
 .iny-team-wrapper.iny-team-style-three .team-slider {
     padding-bottom: 30px;
}
 .iny-team-style-three .iny-team-info ul li a:hover {
     color: var(--iny-charry-red);
     display: inline-block;
     padding: 0 6px;
}
 .iny-team-style-three .team-slider.swiper-container {
     cursor: all-scroll;
}
 .iny-team-wrapper.iny-team-style-three .iny-team-info h4 {
     color: var(--iny-link-color);
     font-weight: 700;
     padding: 14px 0 7px;
     font-size: var(--iny-font-md);
     position: relative;
     display: inline-block;
     margin: 0;
}
 .iny-grid-view .iny-team-section {
     margin: 0 0 30px;
}
 .iny-product-info {
     padding: 0 30px;
}
 .iny-product-thumb a {
     margin: 0;
     color: var(--iny-title-color);
     font-size: 1.25rem;
     font-weight: 600;
     line-height: 1.5;
     display: block;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     max-width: 100%;
}
 .nice-select {
     width: 100%;
     height: 50px;
     line-height: 50px;
}
 .nice-select:after {
     right: 20px;
}
 .nice-select:active, .nice-select.open, .nice-select:focus {
     border-color: var(--iny-border-color);
}
 .nice-select:after, .nice-select:focus:after {
     border-color: var(--iny-txt-color);
}
/* Product Slider CSS */
 .iny-product-wrapper {
     padding: 80px 0 50px;
}
 .iny-product-thumb {
     background: var(--iny-white);
     box-shadow: var(--iny-product-shadow);
     width: 100%;
     padding: 30px 0 27px;
}
 .iny-product-button {
     position: absolute;
     left: 0;
     right: 0;
     top: 55%;
     z-index: 1;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .PrevProduct, .NextProduct {
     width: 30px;
     cursor: pointer;
     position: absolute;
}
 .NextProduct {
     right: 0;
}
 .PrevProduct {
     left: 0;
}
 .iny-product-button svg {
     fill: var(--iny-txt-color);
}
 .iny-product-button > div:hover svg {
     transform: scale(1.2);
     fill: var(--iny-primary);
}
 .iny-product-button > div:hover svg, .iny-product-button > div svg, .iny-product-button > div, .iny-product-button > div:hover, .iny-product-thumb:hover .iny-product-image img, .iny-product-thumb .iny-product-image img {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-product-thumb:hover .iny-product-image img {
     opacity: 0.3;
}
/******************************************************** 20. Pricing Table Start *******************************************************/
 .iny-price-wrapper {
     padding: 69px 0 50px;
}
 .iny-price-section {
     border: 2px solid var(--iny-border-color);
     border-radius: 3px;
     padding: 43px 30px 42px;
     margin-bottom: 30px 
}
 .iny-price-section h2 {
     color: var(--iny-link-color);
     padding-bottom: 12px;
     margin-bottom: 12px;
     position: relative;
}
 .iny-price-section h2:before {
     content: "";
     background: var(--iny-border-color);
     height: 1px;
     width: 20%;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
}
 .iny-price-section h1 {
     font-size: 62px;
     font-weight: 700;
     margin: 20px 0;
     color: var(--iny-primary);
}
 .iny-price-section h1>sub {
     font-size: 32px;
     margin-right: 0;
}
 .iny-price-section h1 sub.iny-price-duration {
     font-size: 16px;
     color: var(--iny-title-color);
     margin: 0 0 0;
     bottom: 0;
}
 .iny-price-section ul li {
     margin-bottom: 18px;
     color: var(--iny-title-color);
     font-weight: 500;
     list-style: none;
}
 .iny-price-section, .iny-price-section:hover, .iny-price-section h2, .iny-price-section:hover h2 {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-price-section:hover {
     border-color: var(--iny-primary);
}
 .iny-price-section:hover h2 {
     color: var(--iny-primary);
}
 .iny-price-section ul {
     padding: 0;
}
/******************************************************** 24. Contact Page Start *******************************************************/
 .iny-contact-wrapper {
     padding: 80px 0;
}
 .iny-contact-wrapper .col-lg-4.d-flex {
     padding-left: 0;
     padding-right: 20px;
}
 .iny-info-bg {
     background: var(--iny-primary);
}
 .iny-contact-wrapper>div>.row {
     background: var(--iny-main-bg);
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
     border: none;
     border-radius: 6px;
     overflow: hidden;
     margin: 0;
     align-items: center;
}
 .iny-contact-form .iny-sub-heading {
     margin-bottom: 30px;
     font-size: 26px;
     color: var(--iny-link-color);
}
 .iny-contact-info {
     padding: 44px 35px 0 50px;
     color: var(--iny-main-bg);
     width: 100%;
}
 .iny-contact-info .iny-sub-heading {
     color: var(--iny-main-bg);
     margin-bottom: 28px;
     font-size: 26px;
}
 .iny-contact-wrapper .iny-sub-heading:after {
     width: 115px;
}
 .iny-contact-wrapper .iny-sub-heading:before {
     width: 100px;
}
 .iny-contact-info .iny-sub-heading:after, .iny-contact-info .iny-sub-heading:before {
     background: var(--iny-main-bg);
}
 .iny-conatact-section>h4 {
     color: var(--iny-main-bg);
     font-size: 22px;
     line-height: 22px;
     margin-bottom: 4px;
}
 .iny-contact-info-inner {
     padding: 0 0 0 25px;
     font-size: 18px;
     position: relative;
     line-height: 28px;
}
 .iny-contact-info-inner span {
     position: absolute;
     left: 0;
     top: 0;
}
 .iny-contact-info-inner svg {
     width: 16px;
     fill: var(--iny-main-bg);
}
 .iny-conatact-section {
     margin-bottom: 29px;
     padding-bottom: 22px;
     position: relative;
}
 .iny-conatact-section:before {
     content: "";
     border-bottom: 1px solid var(--iny-main-bg);
     position: absolute;
     bottom: 0px;
     left: -50px;
     right: -50px;
     opacity: 0.2;
}
 .iny-conatact-section:last-child:before {
     content: unset;
}
 .iny-contact-form .iny-field-holder {
     margin-bottom: 20px;
}
 .iny-contact-form textarea.iny-form-field {
     height: 140px;
}
 .iny-map {
     width: 100%;
}
 .iny-map iframe {
     display: block;
     width: 100%;
     height: 640px;
     margin: 0 auto;
}
 .iny-contact-form .iny-btn {
     margin: 22px 0 0;
}
/* Dr Contact From Section Desgin Home Page */
 .iny-contact-form h4 {
     font-size: 32px;
     font-weight: 700;
}
 .iny-form-field::placeholder, .iny-form-field::-webkit-input-placeholder {
     color: var(--iny-placeholder2);
}
 .iny-form-field:-moz-placeholder, .iny-form-field:-ms-input-placeholder {
     color: var(--iny-placeholder2);
}
 .iny-contact-form .iny-btn {
     margin-top: 21px;
}
 .iny-contact-info-wrapper {
     background: var(--iny-charry-red);
     color: var(--iny-white);
     padding: 45px 30px 36px 30px;
     margin-right: -1px;
}
 .iny-contact-admin img {
     width: 100px;
     height: 100px;
     border: none;
     border-radius: 100%;
}
 .iny-contact-admin {
     text-align: center;
}
 .iny-contact-admin h4 {
     font-size: 20px;
     color: var(--iny-white);
     margin: 12px 0 11px;
     line-height: 30px;
}
 .iny-contact-admin ul li {
     display: inline-block;
     margin: 0 3px;
}
 .iny-contact-admin ul li a {
     width: 45px;
     height: 45px;
     border: none;
     border-radius: 100%;
     background: var(--iny-blur-red);
     display: inline-block;
     line-height: 45px;
}
 .iny-contact-admin ul li a:hover {
     background: var(--iny-white);
}
 .iny-contact-admin ul li a svg {
     height: 20px;
     fill: var(--iny-white);
}
 .iny-contact-admin ul li a:hover svg {
     fill: var(--iny-royal-red);
}
 .iny-contact-admin>a {
     color: var(--iny-white);
     font-size: 22px;
     font-weight: 600;
     margin: 16px 0 0;
     display: inline-block;
}
 .iny-contact-time {
     position: relative;
     padding: 34px 0 0;
     margin: 30px 0 0;
}
 .iny-contact-time:before {
     content: "";
     position: absolute;
     top: 0;
     left: -30px;
     right: -30px;
     background: var(--iny-white);
     height: 1px;
     opacity: .2;
}
 .iny-contact-time h4 {
     text-align: center;
     color: var(--iny-white);
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 17px;
}
 .iny-contact-time ul {
     display: inline-block;
     width: 100%;
     padding: 0;
}
 .iny-contact-time ul li {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: 0;
}
 .iny-contant-container {
     background: var(--iny-white);
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
     border: none;
     border-radius: 6px;
     overflow: hidden;
}
 .iny-form-field {
     width: 100%;
     height: 50px;
     margin-top: 30px;
     padding: 0 20px;
     border-radius: 4px;
}
 textarea.iny-form-field {
     height: 125px;
     padding: 15px 20px;
     resize: none;
}
 .iny-contact-admin-img:before {
     content: "";
     background: #07ff07;
     width: 18px;
     height: 18px;
     border: 3px solid var(--main-royal-red);
     margin: auto;
     left: 0;
     right: 0;
     position: absolute;
     bottom: -8px;
     border-radius: 50%;
}
 .iny-contact-main-wrapper .iny-contact-form {
     padding: 43px 26px 49px 50px;
}
 .iny-contact-main-wrapper .iny-contact-form h4 {
     margin: 0 0 30px;
}
 .iny-contact-info-wrapper ul {
     padding: 0;
}
 .iny-contact-main-wrapper:not(.iny-from-has-margin) {
     padding: 80px 0;
}
 .iny-sidebar-wrapper .iny-recent-post-widgets .widget-title {
     margin-top: 0;
}
/******************************************************** 21. Plan Hostpital demo Call to action Start *******************************************************/
 .iny-plans-wrapper {
     padding: 80px 0 0;
     position: relative;
}
 .iny-plans-box {
     background: var(--iny-royal-light-blue);
     color: var(--iny-white);
     border: none;
     border-radius: 8px;
     overflow: hidden;
     margin-bottom: 80px;
}
 .iny-plans-inner {
     background: var(--iny-royal-blue);
     padding: 36px 40px 30px 40px;
}
 .iny-plans-inner h4 {
     font-weight: 700;
     color: var(--iny-white);
     font-size: var(--iny-font-md);
     margin: 0;
}
 .iny-plans-detail h3 {
     margin: 0;
}
 .iny-plans-inner > p {
     margin: 0;
}
 .iny-plans-inner ul li {
     width: 49%;
     display: inline-block;
     padding: 0 10px;
     list-style: none;
}
 .iny-plans-inner .row {
     margin: 0 -10px;
}
 .iny-plans-inner ul {
     margin: 11px 0 0px;
     padding: 0;
}
 .iny-plans-inner ul li a {
     width: 100%;
     display: inline-block;
     background: var(--iny-royal-light-blue);
     margin-top: 10px;
     color: var(--iny-white);
     position: relative;
     padding: 10px 15px 10px 35px;
     border: none;
     border-radius: 3px;
}
 .iny-plans-inner ul li a:before, .iny-plans-inner ul li a:after {
     background: var(--iny-white);
     position: absolute;
     content: "";
}
 .iny-plans-inner ul li a:before {
     height: 1px;
     width: 24px;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .iny-plans-inner ul li a:after {
     width: 6px;
     height: 6px;
     border: none;
     border-radius: 50%;
     left: 19px;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .iny-plans-contact-info>span {
     display: inline-block;
     border: 1px solid var(--iny-royal-light-blue2);
     padding: 6px;
     border-radius: 50%;
}
 .iny-plans-contact-info>span>span {
     width: 70px;
     height: 70px;
     line-height: 60px;
     display: inline-block;
     text-align: center;
     background: var(--iny-white);
     border-radius: 50%;
     border: 6px solid var(--iny-royal-light-blue2);
     position: relative;
}
 .iny-plans-contact-info span svg {
     height: 30px;
     fill: var(--iny-royal-blue);
}
 .iny-plans-contact-info {
     padding: 24px 40px 21px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
}
 .iny-plans-number {
     width: calc(100% - 120px);
}
 .iny-plans-number h3 {
     color: var(--iny-white);
     font-size: 26px;
     font-weight: 700;
     margin: 0;
}
 .iny-plans-number p {
     margin: 0;
}
 .iny-plans-number a {
     color: var(--iny-white);
     font-size: var(--iny-title-size);
     font-weight: 900;
     display: inline-block;
     margin-top: 6px;
     line-height: 42px;
}
 .iny-plans-detail .iny-subTitle {
     margin: 0;
}
 .iny-plans-detail {
     margin-bottom: 41px;
}
 .iny-plans-wrapper .row {
     align-items: flex-end;
}
 .iny-plans-img img {
     width: 75%;
     margin: auto;
}
 .iny-plans-detail h4 {
     font-size: var(--iny-title-size);
     margin-bottom: 12px;
     font-weight: 700;
}
/******************************************************** 21. Project Page Start *******************************************************/
 .iny-project-wrapper.iny-project-page-wrapper {
     padding: 80px 0 41px;
     background: var(--iny-main-bg);
}
/* Project Single Page */
 .iny-singlep-project {
     padding: 80px 0 62px;
}
 .single.single-project .iny-project-single-imgae, .single.single-project .iny-project-single-imgae * {
     width: 100%;
}
 .single.single-project .iny-project-single-imgae img {
     max-height: 400px;
     min-height: 400px;
     object-fit: cover;
}
 .iny-project-single-data {
     margin: 35px 0 0;
}
/******************************************************** 15. Partner Start *******************************************************/
 .iny-partner-wrapper {
     padding: 80px 0 50px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 .iny-partners-container img {
     opacity: .6;
     max-height: 124px;
}
 .iny-partners-container img:hover {
     opacity: 1;
}
 .iny-partners-container img:hover, .iny-partners-container img {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
/* Partner Slider Style */
 .iny-partner-slides img {
     filter: grayscale(1);
}
 .iny-partner-slides img:hover {
     filter: grayscale(0);
}
 .iny-partner-slides img:hover, .iny-partner-slides img {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
/* Partner Style Two */
 .iny-parter-style-two .iny-partners-container img {
     filter: grayscale(1);
     opacity: .8;
}
 .iny-parter-style-two .iny-partners-container:hover img {
     filter: grayscale(0);
     opacity: 1;
}
/*************************** GYM DEMO Shortcode ****************************/
/* Title Style Two*/
 .iny-heading-wrapper.iny-heading-style-one h2 {
     font-size: 2rem;
     padding: 0;
     margin: 0 0 6px;
     background-repeat: no-repeat;
     background-position: center;
}
/* Call To actiopn CSS Start */
 .iny-openTime-section {
     position: relative;
}
 .iny-openTime-section:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 25px;
     background: url(../images/hr-shap.png);
     margin: auto;
     background-repeat: no-repeat;
     background-position: bottom center;
     z-index: 1;
}
 .iny-open-hours, .iny-open-hours-img, .iny-open-hours-img img {
     min-height: 447px;
     width: 100%;
     max-height: 447px;
}
 .iny-open-hours-img img {
     object-fit: cover;
}
 .iny-open-hours {
     text-align: center;
     background: rgb(246, 70, 108);
     background: linear-gradient(141deg, rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
     padding: 80px 50px 0;
     position: relative;
}
 .iny-open-hours h2 {
     font-size: 38px;
     font-weight: 700;
     color: var(--iny-white);
     padding: 12px 0 0px;
     line-height: 1.1;
}
 .iny-open-hours p {
     color: var(--iny-white);
     font-size: var(--iny-font-md);
     margin-bottom: 6px;
}
 .iny-open-hours p:last-of-type {
     margin-bottom: 0;
}
 .iny-border-icon {
     margin-bottom: 26px;
}
/******** Time Table CSS Start ********/
/* Time Table Style One */
 .iny-table-section {
     padding: 73px 0 64px;
     text-align: center;
}
 .iny-time-table .table thead th {
     vertical-align: bottom;
     border-bottom: 1px solid var(--iny-border-color);
     padding: 32px 20px;
     font-size: 20px;
     color: var(--iny-link-color);
}
 .iny-time-table .table-bordered td {
     border: 1px solid var(--iny-border-color);
     padding: 14px 20px;
     vertical-align: middle;
     color: var(--iny-link-color);
     font-weight: 700;
     font-size: 18px;
}
 .iny-time-table h4 {
     font-size: 20px;
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
     transition: none;
}
 .iny-time-table span {
     font-size: var(--iny-font-size);
     font-weight: 400;
     color: var(--iny-table-color);
}
 .iny-time-table .table-bordered th:hover, .iny-time-table .table-bordered td:hover {
     background-color: var(--iny-gym-color);
     color: var(--iny-white);
     box-shadow: 0px 0px 20px -10px var(--iny-gym-color);
}
 .iny-time-table span, .iny-time-table .table-bordered td:hover span, .iny-time-table .table-bordered th:hover, .iny-time-table .table-bordered td:hover {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-time-table .table-bordered td:hover span {
     color: var(--iny-white);
}
 .iny-time-table {
     padding: 12px 0 0;
}
 .iny-time-table .table-bordered td h4 {
     margin: 0;
}
 .iny-time-table .table-bordered td:hover h4 {
     color: var(--iny-white);
}
/* Time Table Style Two */
 .iny-table-section.iny-time-table-two {
     padding-bottom: 80px;
}
 .iny-time-table-two .iny-time-table table thead th, .iny-time-table-two .iny-time-table table thead th:hover {
     background: var(--iny-charry-red);
     border-color: rgba(255, 255, 255, 0.28);
     color: var(--iny-white);
     border-bottom: 1px solid var(--iny-charry-red);
     padding: 15px 6px;
}
 .iny-time-table-two .iny-time-table table tbody td {
     padding: 34px 6px 31px;
     vertical-align: middle;
     position: relative;
     color: var(--iny-txt-color);
     font-weight: 400;
     font-size: var(--iny-font-size);
}
 .iny-time-table-two .iny-time-table table tbody td span {
     font-weight: 700;
}
 .iny-time-table-two .iny-time-table table tbody td p {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: var(--iny-charry-red);
     height: 35px;
     line-height: 40px;
     color: var(--iny-white);
     visibility: hidden;
     opacity: 0;
     margin: 0;
     font-weight: 400;
     font-size: var(--iny-font-size);
     margin-bottom: -2px;
}
 .iny-time-table-two .iny-time-table table tbody td p:before {
     position: absolute;
     content: "";
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 8px solid var(--iny-charry-red);
     top: -6px;
     left: 0;
     right: 0;
     margin: auto;
     width: 20px;
}
 .iny-time-table-two .iny-time-table table tbody td.table-padder:hover {
     padding-top: 6px;
}
 .iny-time-table-two .iny-time-table table tbody td:hover p {
     visibility: visible;
     opacity: 1;
}
 .iny-time-table-two .iny-time-table table td{
     position: relative;
}
 .iny-time-table-two .iny-time-table table td.table-padder:before {
     position: absolute;
     content: "";
     display: none;
     background-image: url(./../images/table_border.png);
     background-repeat: no-repeat;
     background-position: center;
     top: -39%;
     left: -30%;
     bottom: -38%;
     right: -30%;
     background-size: 100% 100%;
}
 .iny-time-table-two .iny-time-table table tbody td.table-padder:hover:before {
     display: block;
}
 .iny-time-table-two .iny-time-table table.table {
     word-break: normal;
     white-space: nowrap;
     margin: 0;
     overflow: hidden;
}
 .iny-time-table-two .iny-time-table table tbody td, .iny-time-table-two .iny-time-table table tbody td:hover, .iny-time-table-two .iny-time-table table tbody td:hover p, .iny-time-table-two .iny-time-table table tbody td p {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-time-table-two .iny-time-table .table-bordered td:hover {
     background-color: transparent;
     color: var(--iny-link-color);
}
 .iny-time-table-two .iny-time-table .table-bordered td:hover span {
     color: var(--iny-table-color);
}
 .iny-table-section.iny-time-table-two .table thead th, .iny-table-section.iny-time-table-two .table thead td {
     font-size: var(--iny-font-size);
}
/* CLASSES CSS START */
 .iny-classes-wrapper {
     position: relative;
     z-index: 9;
}
 .iny-classes-wrapper:before {
     content: "";
     background: #f4f7fc;
     top: 0;
     left: 0;
     right: 0;
     bottom: 190px;
     position: absolute;
     z-index: -1;
}
 .iny-classes-wrapper .iny-heading-wrapper {
     margin-bottom: 42px;
}
 .iny-classes-section .iny-classes-imgWrap {
     position: relative;
     display: inline-block;
}
 .iny-classes-section:hover .iny-cls-btn, .iny-classes-section .iny-cls-btn, .iny-classes-section .iny-classes-imgWrap, .iny-classes-section:hover .iny-classes-name, .iny-classes-section .iny-classes-name {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-cls-btn {
     background-color: rgba(253, 92, 127, 0.8);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     visibility: hidden;
}
 .iny-classes-section:hover .iny-cls-btn {
     opacity: 1;
     visibility: visible;
     bottom: 0;
}
 .iny-classes-imgWrap, .iny-classes-imgWrap img {
     width: 100%;
}
 .iny-classes-name {
     background: var(--iny-white);
     padding: 21px 0 16px;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
     transform: translateY(-96px);
     opacity: 0;
     visibility: hidden;
     position: absolute;
     width: 100%;
     color: var(--iny-table-color);
}
 .iny-classes-section:hover .iny-classes-name {
     transform: translateY(0px);
     opacity: 1;
     visibility: visible;
}
 .iny-classes-name h5 {
     font-size: 18px;
     color: var(--iny-link-color);
     font-weight: 500;
     margin-bottom: 6px;
}
 .iny-cls-btn .iny-btn {
     min-width: 160px;
}
/* Classes Video SAecton */
 .iny-fullwidth-video {
     padding: 50px 0;
     text-align: center;
     color: #fff;
     float: left;
     width: 100%;
     min-height: 660px;
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
}
 .iny-onlineclass-section .video-play {
     line-height: 90px;
     margin-left: 0;
     width: 90px;
     height: 90px;
     display: inline-block;
     background-image: linear-gradient( 141deg , rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
     border-radius: 100%;
     text-align: center;
     animation: shadow-pulse 2s infinite;
}
 .iny-onlineclass-section .video-play svg {
     width: 30px;
     fill: var(--iny-white);
     margin-left: 5px;
}
 .iny-frreclass h4 {
     display: inline-block;
     margin: 35px 0 0;
     color: #fff;
     font-size: 22px;
     text-transform: uppercase;
     letter-spacing: 3px;
     font-weight: 300;
     background-color: rgba(255, 255, 255, 0.15);
     padding: 15px 74px;
     border-radius: 50px;
}
 .iny-watch-free {
     position: absolute;
     left: 0;
     bottom: 0;
}
 .iny-watch-free a {
     padding: 37px 160px 37px 50px;
     display: inline-block;
     color: #fff;
     font-size: 22px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 300;
     background-color: #fd5c7f;
}
 .iny-watch-free a span {
     position: absolute;
     right: 0;
     padding: 37px 37px;
     top: 0;
     background-color: rgba(0, 0, 0, 0.05);
}
 .iny-watch-free a:hover span {
     background-color: var(--iny-primary);
     color: #fff;
}
 .iny-watch-free a:hover span, .iny-watch-free a span, .iny-watch-free a, .iny-watch-free a:hover {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-classes-section .iny-btn {
     background: var(--iny-white);
     color: var(--iny-primary);
}
 .iny-classes-section .iny-btn:hover {
     color: var(--iny-white);
}
 @keyframes shadow-pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(252, 89, 124, 0.2);
    }
     100% {
         box-shadow: 0 0 0 25px rgba(252, 89, 124, 0);
    }
}
 @keyframes shadow-pulse-big {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    }
     100% {
         box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
    }
}
 .iny-footer-address h6 {
     margin: 14px 0 5px;
     font-size: var(--iny-font-sm);
}
 .iny-footer-address h5 {
     margin: 0;
     font-size: 1.625rem;
     font-weight: 700;
}
 .iny-dark-footer h6, .iny-dark-footer h5 {
     color: var(--iny-white);
}
 .iny-footer-style1 .iny-copyright-wrapper {
     background: transparent;
}
/* Sidebar Insta */
 .widget .iny-insta-field li {
     padding: 0;
}
 .widget .iny-insta-field li:before {
     content: unset;
}
 .widget .iny-insta-field li {
     padding: 0 10px;
     width: 33.33%;
     margin: 0 0 10px;
}
 .iny-insta-field ul {
     margin: 0 -10px;
     display: flex;
     flex-wrap: wrap;
}
 .widget .iny-insta-field li a {
     display: block;
     border-radius: 10px;
     overflow: hidden;
     position: relative;
}
 .widget .iny-insta-field li a:before {
     position: absolute;
     content: "";
     background: var(--iny-black);
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     opacity: 0;
     z-index: 1;
}
 .widget .iny-insta-field li a:hover:before {
     opacity: .2;
}
 .widget .iny-insta-field li a:hover img {
     -webkit-transform: scale(1.3) rotate(10deg);
     -moz-transform: scale(1.3) rotate(10deg);
     -ms-transform: scale(1.3) rotate(10deg);
     -o-transform: scale(1.3) rotate(10deg);
     transform: scale(1.3) rotate(10deg);
}
 .widget .iny-insta-field li a:hover img, .widget .iny-insta-field li a img, .widget .iny-insta-field li a:hover:before, .widget .iny-insta-field li a:before {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
/* Service Tab Section Gym */
 .video-tab-bottom-padder {
     padding-bottom: 36px;
}
 .video-tab-bottom-padder .iny-tab-section.iny-about-tab .iny-single-tab img {
     width: 100%;
}
 .iny-offer-text h3 {
     font-size: var(--iny-heading-size);
     color: var(--iny-primary);
     font-weight: 600;
}
 .iny-offer-text {
     margin: 25px 0 0;
}
 .iny-offer-list {
     padding: 0;
     display: inline-block;
     margin: 0 0 30px;
}
 .iny-offer-list li {
     list-style: none;
     position: relative;
     padding-left: 100px;
     margin: 15px 0;
     float: left;
     width: 100%;
}
 .iny-offer-list li span {
     position: absolute;
     left: 0;
     display: inline-block;
     border: 2px solid var(--iny-primary);
     border-radius: 50%;
     background-color: #fff;
}
 .iny-inner-content h4 {
     font-size: var(--iny-widget-title-size);
     font-weight: bold;
     color: var(--iny-link-color);
     margin: 0;
}
 .iny-tab-section.iny-about-tab {
     margin-top: 21px;
     position: relative;
}
 .iny-tab-section.iny-about-tab .video-icon {
     position: absolute;
     top: calc(50% - 40px);
     left: calc(50% - 40px);
}
 .iny-tab-section.iny-about-tab .video-icon .video-play {
     width: 65px;
     height: 65px;
     line-height: 65px;
     display: inline-block;
     background-image: linear-gradient( 141deg , rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
     border-radius: 100%;
     text-align: center;
     animation: shadow-pulse 2s infinite;
}
 .iny-tab-section.iny-about-tab .video-icon .video-play svg {
     width: 18px;
     fill: var(--iny-white);
}
 .iny-tab-section.iny-about-tab {
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav {
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav li {
     padding: 0 15px;
     border: 0;
     height: auto;
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav li a {
     background-color: var(--iny-white);
     height: auto;
     text-align: center;
     padding: 15px 15px;
     position: relative;
     box-shadow: 0 5px 10px 0 rgb(0 0 0 / 7%);
     width: 100%;
}
 .iny-classes-section .iny-classes-name p {
     margin: 0 0 1px;
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav {
     box-shadow: none;
     margin: 0;
     border: 0px;
     position: absolute;
     width: auto;
     bottom: -55px;
     text-align: center;
     left: 0;
     right: 0;
}
 .iny-tab-section.iny-about-tab .iny-white-tab {
     display: none;
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav li span {
     display: block;
     font-size: var(--iny-font-size);
     font-weight: 700;
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav li:before {
     content: unset;
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav li a:before {
     content: "";
     position: absolute;
     width: 10px;
     border: 10px solid var(--iny-primary);
     top: -20px;
     border-top: 10px solid transparent;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     left: 0;
     right: 0;
     margin: auto;
     opacity: 0;
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav li.active a:before {
     opacity: 1;
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav li.active a {
     background: var(--iny-primary);
     color: var(--iny-white);
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav li.active .iny-color-tab {
     display: none;
}
 .iny-tab-section.iny-about-tab .iny-tabs-nav li.active .iny-white-tab {
     display: inherit;
}
 .video-tab-bottom-padder .iny-tab-section.iny-about-tab {
     margin-bottom: 90px;
}
/* Calculator Section */
 .iny-calculator-section {
     position: relative;
}
 .iny-calculator-wrap>h4, .iny-calculator-info>h4 {
     font-size: 1.625rem;
     font-weight: 700;
     margin: 0;
}
 .iny-calculator-wrap .iny-tabs-container {
     padding: 5px 0 0;
}
 .iny-calculator-wrap .iny-tabs-container .iny-tabs-nav {
     border: 1px solid var(--iny-border-color);
     display: inline-block;
     border-radius: 30px;
     margin-bottom: 0;
}
 .iny-calculator-wrap .iny-tabs-container .iny-tabs-nav li {
     display: inline-block;
     width: auto;
     height: auto;
     padding: 0;
     border: 0;
}
 .iny-calculator-wrap .iny-tabs-container .iny-tabs-nav li:before {
     content: unset;
}
 .iny-calculator-wrap .iny-tabs-container .iny-tabs-nav li a {
     font-size: var(--iny-widget-title-size);
     padding: 0 40px;
     display: inline-block;
     height: 40px;
     line-height: 40px;
     border: 1px solid transparent;
     border-radius: 30px;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 2px;
     color: var(--iny-txt-color);
}
 .iny-calculator-wrap .iny-tabs-nav li.active a {
     background: var(--iny-gradient);
     color: var(--iny-white);
     box-shadow: 0 0 10px -1px rgb(253 92 127 / 76%);
}
 .iny-calculator-info table {
     margin: 32px 0 0;
}
 .bmi-result {
     color: var(--iny-primary);
}
 .iny-calculator-info table td {
     border: 0;
}
 body.page-template .iny-main-page-container {
     padding-bottom: 0;
}
 .iny-calculator-info table {
     border: 1px solid var(--iny-border-color);
}
 .iny-calculator-info table td:first-child, .iny-calculator-info table th:first-child {
     border-right: 1px solid var(--iny-border-color);
}
 .iny-calculator-info table td, .iny-calculator-info table th {
     padding: 18px 15px;
}
 .iny-calculator-info table tbody tr:first-child td {
     padding-top: 32px;
}
 .iny-calculator-info table tbody tr:last-child td {
     padding-bottom: 31px;
}
 .iny-calculator-section {
     margin-top: -58px;
     padding-bottom: 50px;
}
 .iny-calculator-section .iny-heading-wrapper {
     margin-bottom: 38px;
}
 .iny-calculator-section .iny-calculator-info table th {
     font-size: 1.125rem;
}
 .iny-calculator-wrap .iny-form-field {
     padding: 0;
}
 .iny-calculator-wrap input, .iny-calculator-wrap select, .iny-calculator-wrap .nice-select {
     border-radius: 40px;
}
 .form-group.input-has-radius input {
     border-radius: 40px;
}
 .form-group.input-has-radius textarea {
     border-radius: 20px;
}
 .iny-totleIBM {
     padding: 24px 0 0;
}
/* Gallery Section */
 .iny-gallery-wrap {
     width: 100%;
     position: relative;
}
 .iny-gallery-infoInner h4 {
     font-size: 1.625rem;
     margin: 0;
}
 .iny-gallery-wrapper {
     padding: 72px 0 0;
}
 .iny-gallery-wrap img {
     width: 100%;
}
 .iny-gallery-info {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     display: flex;
     align-items: flex-end;
     flex-wrap: wrap;
     padding: 30px 30px 51px;
     background: rgba(253, 92, 127, 0.8);
     color: var(--iny-white);
     opacity: 0;
     visibility: hidden;
}
 .iny-gallery-infoInner h4 {
     font-size: 26px;
     color: var(--iny-white);
     font-weight: 700;
}
 .iny-gallery-wrap:hover .iny-gallery-info {
     opacity: 1;
     visibility: visible;
}
 .iny-gallery-wrap, .iny-gallery-wrap:hover, .iny-gallery-wrap:hover .iny-gallery-info, .iny-gallery-wrap .iny-gallery-info {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
 .iny-gallery-grid {
     width: 20%;
     padding: 0;
}
 .iny-gallery-wrap a {
     color: var(--iny-white);
}
/* Masonry Gallery */
 .iny-popup-gallery {
     padding-bottom: 50px;
     margin-top: 0;
     padding-top: 0;
}
 .iny-gallery-wrapper .iny-heading-wrapper {
     margin-bottom: 42px;
}
 .iny-gallery-section a {
     position: relative;
     display: block;
     width: 100%;
     overflow: hidden;
     cursor: pointer;
}
 .iny-gallery-section a:after {
     content: "";
     position: absolute;
     top: 0px;
     right: 0px;
     left: 0px;
     bottom: 0px;
     background-color: rgba(0, 0, 0, 0.5);
     opacity: 0;
}
 .iny-gallery-section a:hover:after {
     opacity: 1;
}
 .iny-gallery-section a:after, .iny-gallery-section a:hover:after {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
/*************************** HOSPITAL DEMO Shortcode ****************************/
/* Blog Thumb CSS Start */
 .iny-blog-wrapper .row {
     justify-content: center;
}
 .blog-style-one p {
     margin-bottom: 18px;
}
 .iny-blog-img {
     display: inline-block;
     width: 100%;
}
 .iny-blog-img img {
     width: 100%;
     min-width: 236px;
     object-fit: cover;
}
 .iny-blog-data ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
}
 .iny-blog-wrapper .iny-heading-wrapper {
     margin-bottom: 42px;
}
 .iny-sm-icon svg {
     fill: var(--iny-primary);
     height: 15px;
}
 .iny-blog-date .iny-sm-icon {
     vertical-align: text-bottom;
     margin: 0 3px 0 0;
}
 .iny-blog-date .iny-sm-icon svg {
     fill: var(--iny-white);
}
 .iny-blog-data ul li .iny-sm-icon {
     margin: 0 3px 0 0;
     vertical-align: text-bottom;
}
 .iny-blog-data ul li:first-child {
     margin: 0 20px 0px 0;
}
 .iny-blog-single-imgae {
     position: relative;
}
 .iny-blog-title {
     font-size: var(--iny-subheading-size);
     font-weight: 700;
     color: var(--iny-title-color);
     margin: 0;
     line-height: 1.5;
}
 .iny-blog-thumb-page-wrapper .iny-blog-details .iny-blog-title {
     font-size: var(--iny-subheading-size);
     margin: 0 0 5px;
}
 .iny-blog-wrapper .iny-blog-title {
     font-size: var(--iny-widget-title-size);
     margin: 0px 0 7px;
}
 .iny-blog-data {
     margin: 10px 0 20px;
}
 .iny-blog-thumb-page-wrapper .iny-blog-details .iny-blog-data {
     margin: 10px 0 20px;
}
 .iny-blog-wrapper .iny-blog-data {
     margin: 9px 0 15px;
}
 .iny-blog-columns .iny-blog-thumb-section .iny-blog-details .iny-read-more-link {
     margin-top: 10px;
}
 .iny-blog-data a {
     font-weight: 500;
     text-transform: capitalize;
}
 .iny-read-more-link, .iny-read-more-link:visited, .iny-read-more-link:hover, .iny-read-more-link:focus {
     color: var(--iny-primary);
}
 .edit-btn-read-more-wrap .iny-read-more-link .iny-arrow {
     margin-bottom: 3px;
}
 .iny-blog-details .iny-read-more-link:visited {
     color: var(--iny-primary);
}
 .iny-blog-date {
     position: absolute;
     font-weight: 500;
     top: 20px;
     left: 20px;
     background: var(--iny-primary);
     color: var(--iny-white);
     padding: 3px 10px;
     display: inline-block;
     text-align: center;
     border-radius: 3px;
     min-height: auto;
     min-width: 70px;
     max-width: 100px;
     text-transform: capitalize;
}
 .iny-blog-date>span {
     margin: 0 3px 0 0;
}
 .iny-blog-single-data {
     width: 100%;
}
 .iny-blog-img {
     position: relative;
     display: inline-block;
     width: 100%;
}
 .iny-blog-thumb-section {
     margin: 0 0 44px;
}
 .iny-blog-title:hover {
     color: var(--iny-primary);
}
 .iny-blog-title:hover, .iny-blog-title {
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .iny-blog-img-inner {
     position: relative;
     overflow: hidden;
     width: 100%;
}
 .iny-recent-post-widgets ul li {
     margin: 0 0 10px;
     padding: 0;
}
 .iny-recent-post-widgets ul li:last-child {
     margin: 0 0;
}
 .iny-blog-thumb-section {
     background: var(--iny-white);
     box-shadow: var(--iny-shadow);
     border-radius: var(--iny-radius10);
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 30px;
     overflow: hidden;
}
 .iny-blog-thumb-section .iny-blog-details {
     padding: 26px 30px 33px;
}
 .iny-blog-columns .iny-blog-thumb-section .iny-blog-details {
     padding: 25px 30px 33px;
}
 .iny-blog-thumb-page-wrapper .iny-blog-details p {
     margin-bottom: 8px;
}
 .fa {
     font-family: "Font Awesome 5 Free", "FontAwesome", "Font Awesome 5 Brands";
}
 .iny-demos .iny-blog-thumb-page-wrapper {
     padding: 80px 0 30px;
}
 .iny-footer-information .row {
     margin: 0;
}
/* Mange No Heading Section */
 .section-no-heading, .iny-team-wrapper.section-no-heading {
     padding-top: 80px;
}
 .iny-team-wrapper.iny-team-style-three.section-no-heading {
     padding-bottom: 50px;
}
 .iny-gallery-wrapper.iny-popup-gallery.section-no-heading {
     margin: 0;
     padding: 80px 0 50px;
}
/* Blog Effects */
 .iny-blog-img-inner:before {
     position: absolute;
     border-radius: 50%;
     width: 0;
     height: 0;
     top: 50%;
     left: 50%;
     background-color: rgba(255,255,255,.3);
     content: "";
     z-index: 2;
}
 .iny-blog-img-inner:hover:before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     transition: .75s;
}
/* Blog Effects */
 .relaed-pro-title {
     margin-bottom: 40px;
}
 .yith-wcqv-wrapper {
     max-height: 400px;
}
 .iny-appointment-form span.wpcf7-not-valid-tip {
     color: #ffe772;
}
 .iny-appointment-wrapper .wpcf7-response-output {
     color: var(--iny-white);
}
 .iny-calculator-wrap .iny-tabs-container .iny-tabs-nav {
     display: flex;
     flex-wrap: wrap;
     max-width: fit-content;
}
 .iny-testimonial-style-two .iny-client-quote {
     margin-top: 0;
}
/********************************** 6 Elementor CSS Start **********************************/
 .invory_divider_hide:before, .invory_divider_hide:after {
     display: none;
}
 .iny-heading-left {
     text-align: left;
}
 .iny-heading-right{
     text-align: right;
}
 .iny-heading-center{
     text-align: center;
}
 .iny-heading-wrapper.iny-heading-left h2:before, .iny-heading-wrapper.iny-heading-left h2:after {
     margin: 0;
}
 .iny-heading-wrapper.iny-heading-right h2:before, .iny-heading-wrapper.iny-heading-right h2:after {
     margin: 0;
     left: auto;
}
 .iny-layout-inline li {
     display: inline-block;
}
 .iny-layout-block li {
     display: block;
}
 header.iny-header-style-one.iny-header-default .header-btn {
     min-width: 160px;
}
 .iny-blog-authore-box {
     width: 100%;
}
 .iny-gallery-section a img {
     width: 100%;
}
 body.home .iny-header-two .header-btn {
     min-width: 160px;
}
 .iny-copyright-wrapper p a {
     color: var(--iny-white);
}
 .iny-service-style-four .iny-services-section:hover img {
     filter: brightness(0) invert(1);
}
 .iny-product-slider {
     padding: 20px 20px;
     margin: 0 -20px;
}
 .iny-product-thumb {
     box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
}
 .iny-product-button {
     top: 45%;
}
/* Header 4 */
 .iny-header-style-four {
     max-width: 1310px;
     margin: auto;
}
 .iny-header-style-four .iny-header-helpline {
     margin-left: 20px;
}
 .iny-header-style-four .iny-header-container {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     padding: 0;
}
 .iny-header-inner-row {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     background: var(--iny-header-bg-color);
     padding: 0;
     align-items: center;
}
 .iny-nav-wrap {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .iny-header-helpline {
     background: var(--iny-primary);
     color: var(--iny-white);
     width: 200px;
     padding: 15px 0;
     text-align: center;
     position: relative;
     margin: 0 0 -20px 30px;
}
 .iny-header-helpline:before {
     content: "";
     border-bottom: 20px solid transparent;
     border-right: 12px solid var(--iny-primary);
     bottom: 0px;
     position: absolute;
     left: -12px;
}
 .iny-header-helpline span svg {
     height: 15px;
     fill: var(--iny-white);
}
 .iny-header-helpline p {
     margin: 0;
     color: var(--iny-white);
}
 .iny-header-helpline a {
     color: var(--iny-white);
     font-weight: 500;
     font-size: 22px;
     line-height: 22px;
}
 .iny-cart-icon {
     cursor: pointer;
     width: 18px;
     height: 18px;
     line-height: 18px;
     margin-left: 20px;
     text-align: right;
}
 body .iny-header-style-four .iny-nav-style-one .menu>li>a:before{
     display: none;
}
 .iny-logo-wrap {
     padding: 0 15px;
}
 .iny-logo {
     position: relative;
}
/* Header5 */

 .iny-header-style-five .iny-logo {
     margin: 0 0 -100px;
}
 .iny-header-style-five .iny-header-container {
     padding: 0;
}
 .iny-header-style-five .iny-header-container .iny-header-inner-row {
     max-width: 1730px;
     margin: auto;
     background: transparent;
}
 .iny-header-style-five .iny-header-container .iny-nav-style-one .menu>li a:before {
     display: none;
}
.iny-header-style-five .iny-navigation:before, .iny-header-style-five .iny-navigation:after {
    background: transparent!important;
}
.iny-header-style-five .iny-logo a {
    width: 290px;
    display: inline-block;
    height: 176px;
    position: absolute;
    z-index: 1;
    left: 0;
    background-image: url(../images/logo_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    text-align: center;
    padding: 15px 0 0;
    top: -54px;
}
.iny-header-style-five .iny-logo a img {
    padding-top: 30px;
}
body .iny-header-style-five .menu>li>a {
    padding: 30px 0px!important;
}
.iny-header-style-five .iny-navigation {
    padding-right: 0!important;
}
/* Header 6 */
 .iny-header-style-six .iny-header-container {
     padding: 10px 15px;
     background: var(--iny-header-bg-color);
}
 .iny-header-style-six .iny-header-container .iny-header-inner-row {
     background: transparent;
}
 .iny-header-style-six .iny-btn {
     padding: 8px 20px;
     min-width: 120px;
     margin: 0 0 0 20px;
}
/* Header 7 */
 .iny-header-style-seven .iny-header-inner-row {
     background: transparent;
}
 .iny-header-style-seven {
     background: var(--iny-header-bg-color);
}
 .iny-header-style-seven .iny-header-container {
     padding: 0;
}
 .iny-header-style-seven .iny-header-container {
     padding: 0;
}
 .iny-header-style-seven .iny-header-container .iny-logo-wrap {
     width: 100%;
     text-align: center;
     padding: 10px 0;
}
/* Header 8 */
 .iny-header-style-eight {
    background: var(--iny-header-bg-color);
    max-width: 1390px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
}
.iny-header-style-eight .iny-header-container {
    padding: 0!important;
}
.iny-header-style-eight.fixed-header {
    max-width: 100%;
}
.iny-header-style-eight.fixed-header .iny-top-header-list {
    display: none;
}
 .iny-header-container {
     padding: 0;
     position: relative;
     display: inline-block;
     width: 100%;
}
 .iny-top-header-list ul {
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     list-style: none;
     justify-content: flex-end;
}
 .iny-header-style-eight .iny-img-icon {
     width: 26px;
     height: 26px;
     line-height: 24px;
     border: 1px solid var(--iny-primary);
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     margin-right: 6px;
}
 .iny-header-style-eight .iny-img-icon svg {
     width: 12px;
     fill: var(--iny-primary);
}
 .iny-top-header-list ul li {
     margin: 0 0 0;
}
 .iny-top-header-list .iny-img-icon img {
     height: 30px;
     margin: 0 10px 0 0;
     vertical-align: middle;
     width: 30px;
}
 .iny-top-header-list {
     display: inline-block;
     width: 100%;
     padding-right: 95px;
}
 .iny-navigation {
     padding-right: 95px;
     position: relative;
     border: none;
     border-radius: 20px 0 0 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
}
.iny-header-style-eight .iny-navigation {
     padding-right: 0px!important;
}
 .iny-navigation:before {
     content: "";
     position: absolute;
     background: var(--iny-primary);
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
}
 .iny-navigation:after {
     content: "";
     position: absolute;
     left: -25px;
     background: var(--iny-primary);
     width: 40px;
     bottom: 0;
     top: 0;
     border: none;
     border-radius: 20px 0 0 0;
     -webkit-transform: skewX(-15deg);
     -moz-transform: skewX(-15deg);
     -ms-transform: skewX(-15deg);
     -o-transform: skewX(-15deg);
     transform: skewX(-15deg);
}

.iny-header-style-eight a.header-btn {
    background: var(--main-orange-version2);
    color: var(--main-bg-color);
    height: 68px;
    display: inline-block;
    line-height: 68px;
    min-width: 200px;
    text-align: center;
    font-weight: 500;
}
.iny-header-style-eight .header-btn:hover {
    color: var(--main-orange-version2)!important;
    background: var(--main-bg-color);
}
 .iny-header-style-eight .iny-navigation .iny-nav-style-one .menu li.current-menu-item>a, .iny-header-style-eight .iny-navigation .iny-nav-style-one .menu li>a {
     color: var(--iny-white);
}
 .iny-header-style-eight .iny-navigation .iny-nav-style-one .menu>li>a:before {
     display: none;
}
 .iny-header-style-eight .searchBtn {
     color: var(--iny-white);
}
 .header-btn:hover {
     background: var(--iny-white);
}
 .iny-header-btn-search {
     position: relative;
}
 .iny-top-header-list li {
     padding: 12px 0;
     font-weight: 700;
     color: var(--iny-primary);
     position: relative;
}
 .iny-top-header-list li:first-child {
     margin-right: 38px;
     padding-right: 38px;
}
 .iny-header-btn-search ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .iny-header-btn-search ul li {
     margin: 0;
}
 .iny-navigation .iny-nav-style-one li a {
     display: inline-block;
}
 .header-btn {
     background: var(--iny-primary);
     color: var(--iny-white);
     display: inline-block;
     min-width: 200px;
     text-align: center;
     font-weight: 500;
}
 .iny-header-style-eight .row > div:nth-child(2) {
     padding-right: 0!important;
}
/*************************** Demos Started ***************************/
/* Tour Demo Added */
 .tor_btn {
     background: var(--main-red-version1);
     color: var(--main-bg-color);
     display: inline-block;
     border: 2px solid transparent;
     border-radius: 30px;
     height: 50px;
     line-height: 46px;
     text-align: center;
     padding: 0 15px;
     width: 170px;
     margin-top: 10px;
     z-index: 0;
     font-weight: 400;
     overflow: hidden;
     position: relative;
     display: inline-table;
     font-family: 'Cormorant Garamond', serif;
     font-style: italic;
     vertical-align: middle;
}
 .tor_btn:before, .tor_btn:after {
     background: var(--main-bg-color);
     content: '';
     position: absolute;
     z-index: -1;
}
 .tor_btn:after {
     height: 100%;
     left: 0;
     top: 0;
     width: 0;
}
 .tor_btn:hover:after {
     width: 100%;
}
 .tor_btn:hover {
     color: var(--main-red-version1);
}
 .tor_btn:after, .tor_btn {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .tor_heading_wrpper {
     margin: 0px 0 41px 0;
}
 .tor_heading {
     font-size: 42px;
     font-weight: 700;
     position: relative;
     padding: 0;
     font-style: italic;
     line-height: 50px;
}
 #scroll {
     background: var(--main-red-version1);
     color: var(--main-bg-color);
}
 .tor_subHeading {
     color: var( --main-bg-color);
     font-size: 32px;
     font-weight: 700;
     position: relative;
     padding: 0;
     margin: 22px 0 0;
     font-style: italic;
     display: inline-block;
     width: 100%;
}
/******************************************************** 3. Preloader CSS Start ********************************************************/
 .preloader_active .preloader_holder {
     background-color: var(--main-bg-color);
}
 .preloader_active .preloader_holder .preloader span {
     box-shadow: 0px 0px 0px 0px var(--main-red-version1);
}
 @-webkit-keyframes loadingCircles{
     0%{
        -webkit-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-red-version1);
    }
     100%{
        -webkit-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-red-version1);
    }
}
 @-moz-keyframes loadingCircles{
     0%{
        -moz-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-red-version1);
    }
     100%{
        -moz-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-red-version1);
    }
}
 @keyframes loadingCircles{
     0%{
        transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-red-version1);
    }
     100%{
        transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-red-version1);
    }
}
 .preloader_open:before, .preloader_open:after {
     background-color: var(--main-bg-color);
}
/******************************************************** 4. Header CSS Start ********************************************************/
 .tor_header_wrapper {
     padding: 30px 0 0;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     right: 0;
}
 .searchBtn, .searchBtn:focus, .searchBtn:hover {
     color: var(--main-bg-color);
     padding-left: 10px;
}
 .tor_search_wrap .display_flex {
     align-items: center;
}
 .tor_search_wrap .display_flex li {
     display: flex;
}
 .main_menu_wrapper ul > li > a {
     font-weight: 500;
}
 .tor_logo {
     position: relative;
}
/******************************************************** 5. Banner CSS Start ********************************************************/
 .tor_banner_wrapper {
     padding: 274px 0 368px;
     position: relative;
     background-color: var(--main-green-version4);
     background-image: url(../images/index8/banner.jpg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     text-align: center;
}
 .tor_banner_text h6 {
     color: var(--main-bg-color);
     font-size: 42px;
     font-weight: 700;
     font-style: italic;
     margin-bottom: 8px;
}
 .tor_banner_text h1 {
     font-size: 92px;
     font-weight: 700;
     line-height: 100px;
     color: var(--main-bg-color);
     font-style: italic;
     margin-bottom: 29px;
}
 .tor_banner_form {
     max-width: 1320px;
     margin: auto;
}
 .tor_banner_form form {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     background: var(--main-bg-color);
     border: none;
     border-radius: 100px;
     padding: 22px 25px 22px;
     align-items: center;
     justify-content: space-between;
}
 .tor_form_field {
     width: 20%;
     padding: 0 10px;
     text-align: center;
}
 .tor_field_inner {
     height: 50px;
     border: 1px solid var(--main-blue-version2);
     padding: 0 40px 0 20px;
     border-radius: 40px;
     width: 100%;
     line-height: 50px;
     color: var(--main-blue-version2);
     font-size: 16px;
}
 .tor_banner_form .tor_btn {
     margin: 0;
}
 .tor_field_inner::-webkit-input-placeholder {
     color: var(--main-blue-version2);
}
 .tor_field_inner::-moz-placeholder {
     color: var(--main-blue-version2);
}
 .tor_field_inner:-ms-input-placeholder {
     color: var(--main-blue-version2);
}
 .tor_field_inner:-moz-placeholder {
     color: var(--main-blue-version2);
}
 .tor_form_field .nice-select:after {
     content: url(../images/index8/down-arrow.png);
     border: none;
     height: 6px;
     margin-top: 0;
     right: 20px;
     top: 0;
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
}
 .nice-select:active, .nice-select.open, .nice-select:focus {
     border-color: var(--main-blue-version2);
}
 .tor_form_field_inner {
     position: relative;
}
 .tor_form_field_inner img {
     position: absolute;
     right: 20px;
     top: 15px;
}
 input[type="date"] {
     display:block;
     position:relative;
     background: url("../images/index8/calender.png") right 1rem center no-repeat;
     cursor:pointer;
}
 ::-webkit-datetime-edit-text {
     opacity:0;
}
 ::-webkit-clear-button, ::-webkit-inner-spin-button {
     display:none;
}
 ::-webkit-calendar-picker-indicator {
     position:absolute;
     width:2.5rem;
     height:100%;
     top:0;
     right:0;
     bottom:0;
     opacity:0;
     cursor:pointer;
     background:transparent;
}
 .tor_field_inner input[type="date"]:hover::-webkit-calendar-picker-indicator {
     opacity:0;
}
 .tor_field_inner input[type="date"]:hover::-webkit-calendar-picker-indicator:hover {
     opacity:0;
}
/******************************************************** 6. Service CSS Start ********************************************************/
 .tor_service_wrapper {
     background: var(--main-bg-color);
     padding: 50px 0 20px;
     position: relative;
}
.tor_service_img .tor_heading_wrpper {
    width: auto;
    padding: 20px;
}
 .tor_service_wrapper .row {
     align-items: center;
}
 .tor_service_img .tor_heading_wrpper {
    width: auto;
    padding: 0 40px 0 0px;
    margin-bottom: 0;
}
 .tor_service_text {
     position: relative;
     border: none;
     border-radius: 6px;
     overflow: hidden;
}
 .tor_service_text img {
     width: 100%;
}
 .tor_service_hover {
     position: absolute;
     top: 100%;
     left: 0;
     bottom: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.76);
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     visibility: hidden;
     flex-wrap: wrap;
}
 .tor_service_text:hover .tor_service_hover {
     top: 0;
     opacity: 1;
     visibility: visible;
}
 .tor_nav_button {
     display: flex;
     flex-wrap: wrap;
     margin-top: 13px;
}
 .tor_nav_button > div {
     width: 40px;
     height: 40px;
     line-height: 40px;
     border: none;
     background: var(--main-gray-version20);
     border-radius: 50%;
     text-align: center;
     cursor: pointer;
}
 .tor_nav_button > div:hover {
     background: var(--main-red-version1);
}
 .tor_nav_button > div svg {
     height: 15px;
     width: 12px;
     fill: var(--main-gray-version21);
}
 .tor_nav_button > div:hover svg {
     fill: var(--main-bg-color);
}
 .popup-youtube {
     width: 100%;
     display: inline-block;
}
 .popup-youtube i {
     background: var(--main-gray-version22);
     color: var(--main-bg-color);
     width: 70px;
     height: 70px;
     line-height: 70px;
     border: none;
     border-radius: 50%;
}
 .tor_service_hover p {
     color: var(--main-gray-version19);
     width: 100%;
     margin-top: 5px;
}
 .tor_service_hover .tor_btn {
     margin-top: 22px;
}
 .tor_rating {
     color: var(--main-yellow);
}
 .popup-youtube i:hover {
     background: var(--main-red-version1);
}
 .tor_service_container {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
}
 .tor_service_container:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
}
 .tour_service {
     padding: 30px 0;
}
 .tor_service_text, .tor_service_text:hover .tor_service_hover, .tor_service_text .tor_service_hover, .tor_service_hover, .tor_nav_button > div:hover, .tor_nav_button > div, .tor_nav_button > div svg, .tor_nav_button > div:hover svg, .popup-youtube i:hover, .popup-youtube i, .tor_service_container:hover, .tor_service_container {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .prev {
     margin-right: 12px;
}
 .tor_service_wrapper .tor_heading_wrpper {
     width: 100%;
     margin: 0;
}
/******************************************************** 7. Call To Action CSS Start ********************************************************/
 .tor_callToActionSecond_wrapper {
     position: relative;
     background: url(../images/index8/callToAction.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 100%;
     padding: 69px 0 80px;
}
 .tor_callToActionSecond_wrapper:before {
     content: "";
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     position: absolute;
     background: rgba(16, 16, 16, 0.76);
}
 .tor_callToActionSecond_text h1 {
     font-size: 62px;
     font-style: italic;
     font-weight: 700;
}
 .tor_callToActionSecond_text > p {
     font-size: 22px;
     margin: 8px 0 13px;
}
 .tor_callToActionSecond_text .popup-youtube i {
     height: 120px;
     width: 120px;
     line-height: 120px;
     background: var(--main-red-version1);
     color: var(--main-bg-color);
     border: none;
     border-radius: 50%;
     font-size: 30px;
     position: relative;
     z-index: 1;
}
.tor_callToActionSecond_text {
    text-align: center;
} 
 .tor_popup_wrpper { 
     display: inline-block; 
     width: auto;
     margin: 6px 0 15px;
}
 .tor_popup_wrpper .popup-youtube {
     width: 100%;
     display: flex;
     align-items: center;
}
 .tor_popup_wrpper span {
     background: rgba(255, 255, 255, 0.1);
     color: var(--main-bg-color);
     padding: 16px 40px 16px 70px;
     margin-left: -50px;
     position: relative;
     z-index: 0;
     border: none;
     font-size: 22px;
     border-radius: 40px;
}
/******************************************************** 8. Best Service CSS Start ********************************************************/
 .tor_best_serivce_wrapper {
     position: relative;
     width: 100%;
     padding: 69px 0 41px;
}
.tor_best_serivce_icon {
    width: 80px;
    height: 80px;
    text-align: center;
    background: var(--main-red-version1);
    line-height: 80px;
    display: inline-block;
    border: none;
    border-radius: 50%;
    color: #ffffff;
	font-size: 22px;
}
 .tor_best_serivce_icon svg {
     height: 40px;
     width: 40px;
     fill: var(--main-bg-color);
}
 .tor_best_serivce_img {
     display: inline-block;
     width: 100px;
     height: 100px;
     line-height: 98px;
     border: 1px dashed var(--main-gray-version23);
     border-radius: 50%;
     margin-bottom: 26px;
     position: relative;
     z-index: 1;
     background: var(--main-bg-color);
}
 .tor_best_serivce_section h4 {
     font-size: 26px;
     font-weight: 700;
     font-style: italic;
     margin: 0 0 7px;
}
 .tor_best_serivce_section {
     position: relative;
     margin-bottom: 30px;
}
 .tor_best_serivce_section:before {
     position: absolute;
     content: url(../images/service_border.png);
     left: 50%;
     z-index: 0;
     transform: rotateX(-8deg);
     top: 30px;
}
 .iny-process-box-style_one .col-lg-3:last-of-type .tor_best_serivce_section:before {
     content: unset;
}
/******************************************************** 9. Package CSS Start ********************************************************/
 .tor_package_wrapper {
     width: 100%;
     display: inline-block;
     background: var(--main-gray-version24);
     position: relative;
     padding: 69px 0 41px;
     background: url(../images/index8/service_bg_img.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top center;
}
 .tor_package_hover p {
     color: var(--main-gray-version19);
     width: 100%;
     margin: 5px 0 5px;
}
 .tor_package_hover .tor_btn {
     margin-top: unset;
     margin-bottom: -100px;
     display: inline-block;
}
 .tor_package_text:hover .tor_package_hover .tor_btn {
     margin-top: 29px;
     margin-bottom: 0px;
}
 .tor_rating {
     color: var(--main-yellow);
     line-height: 12px;
}
 .tor_package_text {
     position: relative;
     border: none;
     border-radius: 6px;
     overflow: hidden;
}
 .tor_package_text img {
     width: 100%;
}
 .tor_package_hover {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 100%);
     display: flex;
     align-items: flex-end;
     flex-wrap: wrap;
     padding: 0 0 13px 40px;
     overflow: hidden;
}
 .tor_package_hover:hover {
     padding: 0 0 40px 40px;
     background: rgba(0, 0, 0, 0.76);
}
 .tour_packages_inner .bullets .swiper-pagination-bullet {
     background: var(--main-red-version1);
     margin: 0 3px;
     width: 15px;
     height: 15px;
}
 .tour_packages_inner .bullets {
     width: 100%;
     text-align: center;
     margin-top: 38px;
     margin-bottom: 61px;
}
 .tor_testimonials_section {
     margin-top: -30px;
}
 .tour_packages_inner .bullets .swiper-pagination-bullet-active {
     width: 30px;
     border-radius: 50px;
}
 .tor_heading_wrpper.tor_testimonial_heading {
     margin: 0px auto 31px;
}
 .tor_package_text:hover, .tor_package_hover .tor_btn, .tor_package_text, .tor_package_hover, .tor_package_hover:hover, .tor_package_hover .tor_btn:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 10. Testimonial CSS Start ********************************************************/
 .tor_testimonial_wrapper {
     width: 100%;
     display: inline-block;
     background: var(--main-bg-color);
     position: relative;
     padding: 0 0 76px;
}
 .tor_testimonial_section {
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     font-size: 22px;
     line-height: 28px;
     color: var(--main-blue-version3);
     font-weight: 700;
     font-style: italic;
     align-items: center;
     padding: 0 15px;
}
 .tor_client_info h4 {
     font-size: 22px;
     font-weight: 500;
     color: var(--main-red-version1);
}
 .tor_client_info {
     background: url(../images/index8/quote_bg.png);
     background-repeat: no-repeat;
     background-position: center;
     position: relative;
     padding: 50px 55px 50px 20px;
     background-color: var(--main-bg-color);
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
     border: none;
     border-radius: 3px 0px 0px 3px;
     margin: 30px 0;
     width: calc(100% - 270px);
     font-family: 'Cormorant Garamond', serif;
     background-size: 35%;
     min-height: 260px;
     align-items: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     line-height: 34px;
     font-weight: 700;
}
 .tor_testimonial_img {
     width: 270px;
     position: relative;
}
 .tor_testimonial_img img {
     border: none;
     border-radius: 6px!important;
}
 .tor_testimonials_quote {
     background: var(--main-red-version1);
     display: inline-block;
     position: absolute;
     left: -35px;
     width: 70px;
     height: 70px;
     line-height: 70px;
     border: none;
     border-radius: 50%;
     top: 50%;
     box-shadow: 0 0 20px 0 rgba(255, 25, 68, 0.28);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .tor_testimonials_section .tor_testimonials_button {
     width: 40%;
     margin: auto;
     position: absolute;
     left: 16%;
     z-index: 2;
     bottom: 80px;
}
 .tor_testimonials_section .tor_testimonials_button > div {
     position: absolute;
     bottom: 0;
     width: 20px;
     overflow: hidden;
     cursor: pointer;
}
 .tor_testimonials_section .tor_testimonials_button > div svg {
     fill: var(--main-gray-version19);
}
 .tor_testimonials_section .tor_testimonials_button > div:hover svg {
     fill: var(--main-red-version1);
}
 .tor_testimonials_section .tor_testimonials_button > div:hover {
     width: 35px;
}
 .testNext {
     right: 0;
     text-align: right;
}
 .testprev {
     left: 0;
}
 .testPrev svg {
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     transform: rotateY(180deg);
}
 .tor_testimonials_section .tor_testimonials_button > div:before {
     content: "";
     background: var(--main-red-version1);
     width: 15px;
     position: absolute;
     height: 2px;
     border: none;
     top: 11px;
     border-radius: 6px;
     opacity: 0;
}
 .tor_testimonials_section .tor_testimonials_button > div:hover:before {
     opacity: 1;
}
 .tor_testimonials_section .tor_testimonials_button > div svg {
     width: 20px;
     height: 20px;
}
 .testPrev:before {
     right: 2px;
}
 .testNext:before {
     left: 2px;
}
.tor_bullets.swiper-pagination-bullets {
    width: 100%;
    text-align: center;
    margin: 10px 00 0;
}
.tor_bullets.swiper-pagination-bullets span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
}
 .tor_testimonial_section, .tor_testimonials_section .tor_testimonials_button > div, .tor_testimonials_section .tor_testimonials_button > div:hover, .tor_testimonials_section .tor_testimonials_button > div:before, .tor_testimonials_section .tor_testimonials_button > div:hover:before, .tor_testimonials_section .tor_testimonials_button > div svg, .tor_testimonials_section .tor_testimonials_button > div:hover svg {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .tor_client_info > img {
     margin-top: 10px;
     max-height: 50px;
}
/******************************************************** 11. Booking CSS Start ********************************************************/
 .tor_booking_wrapper {
     position: relative;
     background: url(../images/index8/booking_bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 100%;
     padding: 69px 0 80px;
}
 .tor_booking_wrapper:before {
     content: "";
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     position: absolute;
     background: rgba(0, 0, 0, 0.82);
}
 .tor_booking_wrapper .tor_heading_wrpper p {
     color: var(--main-gray-version19);
}
 .tor_booking_wrapper ul.nav {
     justify-content: center;
     border-color: var(--main-black3);
}
 .tor_booking_wrapper .nav-tabs .nav-link {
     width: 100px;
     min-height: 90px;
     text-align: center;
     padding: 0;
     border: none;
     border-radius: 0;
     position: relative;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
}
 .tor_booking_wrapper .nav-tabs .nav-link.active {
     background-color: rgba(255, 255, 255, 0.26);
}
 .tor_tab_icons svg {
     fill: var(--main-bg-color);
     height: 40px;
     width: 40px;
}
 .tor_tab_icons span {
     color: var(--main-bg-color);
     margin-top: 4px;
     display: block;
}
 .tor_booking_content {
     background: var(--main-bg-color);
     margin-top: 36px;
     border: none;
     border-radius: 6px;
     padding: 42px 50px 50px;
}
 .tor_booking_wrapper .nav-tabs .nav-link.active:before {
     content: "";
     background: var(--main-red-version1);
     height: 3px;
     width: 40%;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
}
 .tor_booking_content .tor_subHeading {
     color: var(--main-blue-version3);
     margin: 0;
}
 .tor_booking_wrapper form {
     display: flex;
     width: 100%;
     flex-wrap: wrap;
}
 .tor_booking_wrapper .tor_form_field {
     display: inline-block;
     width: 25%;
     margin-top: 20px;
     text-align: left;
}
 .tor_booking_wrapper .tor_form_field .tor_btn {
     margin: 0;
     width: 100%;
}
 .tor_radio_holder [type="radio"]:checked, .tor_radio_holder [type="radio"]:not(:checked) {
     position: absolute;
     left: -9999px;
}
 .tor_radio_holder [type="radio"]:checked + label, .tor_radio_holder [type="radio"]:not(:checked) + label {
     position: relative;
     padding-left: 25px;
     cursor: pointer;
     line-height: 18px;
     display: inline-block;
     margin-bottom: 7px;
}
 .tor_radio_holder [type="radio"]:checked + label:before, .tor_radio_holder [type="radio"]:not(:checked) + label:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 15px;
     height: 15px;
     border: 1px solid var(--main-blue-version2);
     border-radius: 100%;
     background: var(--main-bg-color);
}
 .tor_radio_holder [type="radio"]:checked + label:after, .tor_radio_holder [type="radio"]:not(:checked) + label:after {
     content: '';
     width: 9px;
     height: 9px;
     background: var(--main-red-version1);
     position: absolute;
     top: 3px;
     left: 3px;
     border-radius: 100%;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
 .tor_radio_holder [type="radio"]:not(:checked) + label:after {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
}
 .tor_radio_holder [type="radio"]:checked + label:after {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .tor_radio_holder {
     display: inline-flex;
}
 .tor_booking_wrapper .tor_form_field.fullWidth {
     margin-top: 7px;
}
 .tor_booking_wrapper .nav-tabs .nav-link.active:after {
     content: "";
     background: transparent;
     border-right: 20px solid transparent;
     border-bottom: 20px solid var(--main-bg-color);
     border-left: 20px solid transparent;
     width: 35px;
     height: 20px;
     position: absolute;
     bottom: -38px;
}
/******************************************************** 12. Blog CSS Start ********************************************************/
 .tor_blog_wrapper {
     padding: 69px 0 42px;
}
 .tor_blog_img {
     position: relative;
     display: inline-block;
     width: 100%;
}
 .tor_blog_img img {
     width: 100%;
}
 .tor_blog_info li {
     display: inline-block;
     margin-left: 14px;
}
 .tor_blog_info li:first-child {
     margin-left: 0;
}
 .blog_text {
     padding: 25px 0 0;
}
 .tor_blog_info {
     margin-bottom: 11px;
}
 .tor_blog_info li img {
     margin-right: 10px;
     vertical-align: middle;
}
 .tor_blog_info a {
     color: var(--main-gray-version19);
     font-family: 'Yantramanav', sans-serif;
}
 .tor_blog_title {
     font-size: 24px;
     font-weight: 700;
     font-style: italic;
     line-height: 35px;
}
 .tor_blog_title:hover {
     color: var(--main-red-version1);
}
 .tor_blog_thumb {
     background: var(--main-bg-color);
     margin-bottom: 28px;
}
 .tor_blog_title, .tor_blog_title:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 13. Partner CSS Start ********************************************************/
 .tor_partner_wrapper {
     position: relative;
     background: url(../images/index8/partner_bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 100%;
     padding: 80px 0 50px;
}
 .tor_partner_wrapper:before {
     content: "";
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     position: absolute;
     background: rgba(0, 0, 0, 0.82);
}
 .tor_partner_wrapper img {
     opacity: .6;
     max-height: 120px;
}
 .tor_partner_wrapper img:hover {
     opacity: 1;
}
 .tor_partner_wrapper img:hover, .tor_partner_wrapper img {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 14. Footer CSS Start ********************************************************/
 .tor_footer_main_wrapper {
     padding: 75px 0 0;
     position: relative;
     width: 100%;
     display: inline-block;
}
 .tor_widgets h4 {
     font-size: 22px;
     font-weight: 900;
     font-style: italic;
     margin-bottom: 20px;
}
 .newsletter_wrap {
     position: relative;
     margin: 6px 0 12px;
}
 .newsletter_wrap input {
     background: var(--main-bg-color);
     width: 100%;
     position: relative;
     height: 50px;
     padding: 0 70px 0 20px;
     border: 1px solid var(--main-blue-version2);
     border-radius: 40px;
}
 .newsletter_wrap input::-webkit-input-placeholder {
     color: var(--main-gray-version19);
}
 .newsletter_wrap input::-moz-placeholder {
     color: var(--main-gray-version19);
}
 .newsletter_wrap input:-ms-input-placeholder {
     color: var(--main-gray-version19);
}
 .newsletter_wrap input:-moz-placeholder {
     color: var(--main-gray-version19);
}
 .newsletter_wrap button {
     background: var(--main-red-version1);
     border: none;
     color: var(--main-bg-color);
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     width: 50px;
     border-radius: 50%;
}
 .tor_widgets h6 {
     font-size: 18px;
     color: var(--main-gray-version19);
     font-family: 'Yantramanav', sans-serif;
}
 .tor_widgets h5 {
     font-weight: 700;
     font-size: 26px;
     line-height: 40px;
     font-family: 'Yantramanav', sans-serif;
}
 .tor_widgets ul li {
     position: relative;
     padding-left: 20px;
     margin-bottom: 5px;
}
 .tor_widgets ul li:before {
     position: absolute;
     left: 0;
     content: "";
     width: 5px;
     height: 5px;
     border: none;
     border-radius: 50%;
     top: 50%;
     background: var(--main-gray-version19);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .tor_widgets ul li a {
     color: var(--main-gray-version19);
     position: relative;
}
 .tor_widgets ul li a:after {
     position: absolute;
     content: "";
     width: 100%;
     height: 1px;
     background: var(--main-gray-version19);
     right: 0;
     bottom: 0;
     opacity: 0;
}
 .tor_widgets ul li a:hover:after {
     opacity: 0.6;
}
 .tor_widgets ul li a:hover:after, .tor_widgets ul li a:after {
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .tor_widgets_contact h4 {
     font-weight: 700;
     font-size: 26px;
     font-style: italic;
     margin-bottom: 7px;
}
 .footer_information {
     border-top: 1px solid var(--main-blue-version2);
     padding: 50px 0 0 0;
     margin: 11px 0 0 0;
}
 .tor_widgets_contact span {
     display: inline-block;
     width: 100px;
     height: 100px;
     line-height: 100px;
     background: var(--main-gray-version20);
     border: none;
     border-radius: 50%;
     margin-bottom: 22px;
}
 .tor_widgets_contact span svg {
     width: 40px;
     height: 40px;
     line-height: 40px;
     fill: var(--main-red-version1);
}
 .tor_widgets_contact a {
     color: var(--main-gray-version19);
     display: inline-block;
     width: 100%;
}
 .tor_copyright_wrapper {
     padding: 16px 0 13px;
     color: var(--main-bg-color);
     position: relative;
     margin-top: 41px;
     background: var(--main-red-version1);
     font-family: 'Yantramanav', sans-serif;
}
 .tor_widgets_contact:hover span {
     background: var(--main-red-version1);
}
 .tor_widgets_contact:hover svg {
     fill: var(--main-bg-color);
}
 .tor_widgets_contact, .tor_widgets_contact:hover, .tor_widgets_contact:hover span, .tor_widgets_contact:hover svg {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
.invory_client-bullet {
    width: auto!important;
}
/******************************************************** 15. Responsive CSS Start ********************************************************/
 @media (min-width: 991.98px) {
     ul.sub_menu {
         background: var(--main-red-version1);
         top: 50px;
         border-radius: 0px 0px 10px 10px;
    }
     .main_menu_wrapper ul > li ul.sub_menu li a {
         padding: 15px 20px 0;
    }
     .main_menu_wrapper ul > li > a {
         color: var(--main-bg-color);
    }
     .main_menu_wrapper > ul > li > a {
         padding: 20px 20px;
    }
}
 @media (min-width: 1799.98px) {
     .tor_header_wrapper .container-fluid, .tor_footer_main_wrapper .container-fluid, .tor_package_wrapper .container-fluid {
         max-width: 1756px;
    }
}
 @media (min-width: 1200px) {
     .tor_form_location {
         width: 27%;
    }
     .tor_form_date {
         width: 18%;
    }
     .tor_form_type {
         width: 22%;
    }
     .tor_form_field.tor_form_btn {
         text-align: right;
         width: 15%;
    }
     .tor_heading_wrpper {
         width: 48%;
         margin-right: auto;
         margin-left: auto;
    }
     .tor_service_img {
         padding-left: 100px;
    }
     .tor_service_wrapper .col-xl-4 {
         -ms-flex: 0 0 29%;
         flex: 0 0 29%;
         max-width: 29%;
    }
     .tor_service_wrapper .col-xl-8 {
         -ms-flex: 0 0 71%;
         flex: 0 0 71%;
         max-width: 71%;
    }
     .tour_service {
         padding: 30px 0 30px 30px;
    }
}
 @media (max-width: 1399.98px) {
     .tor_widgets h5 {
         font-size: 24px;
    }
}
 @media (max-width: 1199.98px) {
     .tor_best_serivce_section:before {
         left: 30%;
    }
     .tor_heading_wrpper {
         width: 85%;
         margin-left: auto;
         margin-right: auto;
    }
     .tour_service {
         padding: 30px 30px 30px 30px;
    }
     .tor_package_hover .tor_btn {
         margin-bottom: -120px;
    }
     .tor_package_wrapper {
         padding: 69px 0 21px;
    }
     .tor_testimonial_wrapper {
         padding: 0 0 59px;
    }
    .tor_widgets h5 {
         font-size: 20px;
    }
	
	.iny-header-style-one.iny-header-two .header-btn.gol_btn {
		min-width: auto;
		padding: 10px 10px;
		height: auto;
		line-height: inherit;
		margin-left: 10px;
	}
	.iny-header-style-one.iny-header-two .nav-toggle-btn {
		margin-left: 10px;
	}
	.iny-header-style-one.iny-header-two .iny-search-btn:before {
		background: transparent;
	}
	.iny-header-style-one.iny-header-two.is-header-absolute .iny-menu ul li a, 
	.iny-header-style-one.iny-header-two.is-header-absolute #invory-menu li a {
		color: var(--iny-title-color) !important;
	}
	
}
 @media (max-width: 1199.98px) and (min-width: 992px){
     .tor_testimonials_section .tor_testimonials_button {
         left: 11%;
    }
}
 @media (max-width: 991.98px) {
     .main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
         background: var(--main-red-version1);
    }
     .tor_best_serivce_section:before {
         left: 40%;
    }
     .tor_form_field {
         width: 25%;
    }
     .tor_banner_form .tor_btn, .tor_form_field.tor_form_type:nth-child(4) {
         margin: 20px 0 0;
    }
     .tor_widgets h5 {
         font-size: 20px;
    }
     .tor_blog_title {
         font-size: 18px;
         line-height: 24px;
    }
     .tor_blog_info li {
         margin-left: 3px;
         font-size: 14px;
    }
     .tor_blog_info li img {
         margin-right: 3px;
    }
     .tor_booking_wrapper .tor_form_field {
         width: 50%;
    }
     .tor_testimonials_section .tor_testimonials_button {
         left: 9%;
    }
     .tor_best_serivce_wrapper .col-lg-3:nth-child(3) .tor_best_serivce_section:before {
         content: unset;
    }
     .tor_best_serivce_section:before {
         left: 55%;
    }
     .tor_header_wrapper .row {
         align-items: center;
    }
     .tor_header_wrapper {
         padding: 20px 0 18px;
         position: unset;
         background: var(--main-link-color);
    }
     .menu_btn {
         height: auto;
         margin: 0;
         padding: 0;
    }
     .menu_btn span {
         background: var(--main-bg-color);
    }
     .searchBtn, .searchBtn:focus, .searchBtn:hover {
         padding: 0;
    }
     .tor_banner_wrapper {
         padding: 189px 0 200px;
    }
     .tor_best_serivce_wrapper {
         padding: 69px 0 44px;
    }
     .tour_packages_inner .bullets {
         margin-bottom: 64px;
    }
     .tor_heading_wrpper.tor_testimonial_heading {
         margin: 0px auto 20px;
    }
     .tor_testimonial_wrapper {
         padding: 0 0 50px;
    }
     .tor_blog_wrapper {
         padding: 69px 0 46px;
    }
     .tor_copyright_wrapper {
         margin-top: 44px;
    }
    .tor_subHeading {
        font-size: 20px;
    }
    .tor_package_hover {
        padding: 0px 0 3px 10px;
    }
    .tor_client_info {
        width: 100%;
    }
    .tor_testimonials_section .tor_testimonials_button {
        left: 0;
        right: 0;
        width: 70%;
    }
}
 @media (max-width: 767.98px) {
    body .tor_form_field {
        margin: 0px 0 10px !important;
    }
     .tor_best_serivce_wrapper .tor_best_serivce_section:before {
         content: unset;
    }
     .tor_testimonial_section {
         flex-direction: column-reverse;
    }
     .tor_client_info {
         padding: 50px 20px 50px 20px;
         width: 100%;
    }
     .tor_testimonials_section .tor_testimonials_button {
         left: 30px;
         right: 30px;
         width: 80%;
    }
     .tor_banner_text h1 {
         font-size: 52px;
         line-height: 60px;
    }
     .tor_heading {
         font-size: 32px;
    }
     .tor_callToActionSecond_text h1 {
         font-size: 42px;
    }
     .tor_form_field {
         width: 100%;
    }
     .tor_banner_form form {
         border-radius: 20px;
         padding: 22px 15px 22px;
    }
     .tor_form_field.tor_form_location {
         margin: 0;
    }
     .tor_form_field {
         margin: 20px 0 0;
    }
     .tor_service_wrapper .padder_right {
         padding-right: 15px;
    }
     .tor_callToActionSecond_text .popup-youtube i {
         height: 80px;
         width: 80px;
         line-height: 80px;
         font-size: 20px;
    }
     .tor_popup_wrpper span, .tor_callToActionSecond_text > p {
         font-size: 16px;
    }
     .tor_booking_content {
         padding: 42px 20px 50px;
    }
     .tor_booking_wrapper .tor_form_field {
         width: 100%;
    }
     .tor_callToActionSecond_wrapper {
         padding: 66px 0 80px;
    }
     .tor_best_serivce_wrapper {
         padding: 66px 0 44px;
    }
     .tour_packages_inner .bullets {
         margin-bottom: 60px;
    }
     .tor_testimonials_section {
         margin-top: 0;
    }
     .tor_testimonials_section .tor_testimonials_button > div:before {
         top: 9px;
    }
     .tor_booking_wrapper {
         padding: 66px 0 80px;
    }
     .tor_blog_wrapper {
         padding: 66px 0 46px;
    }
     .tor_copyright_wrapper {
         padding: 15px 0 14px;
    }
}
 @media (max-width: 575.98px) {
     .tor_testimonial_img {
         width: 70%;
    }
     .tor_testimonials_quote {
         width: 50px;
         height: 50px;
         line-height: 50px;
    }
     .tor_quote_img {
         height: 16px;
    }
     .tor_booking_wrapper .nav-tabs .nav-link {
         width: 60px;
         min-height: 50px;
    }
     .tor_booking_wrapper .nav-tabs .nav-link.active:before {
         height: 2px;
    }
     .tor_tab_icons svg {
         height: 20px;
         width: 20px;
    }
     .tor_booking_wrapper .nav-tabs .nav-link.active:after {
         border-right: 10px solid transparent;
         border-bottom: 10px solid var(--main-bg-color);
         border-left: 10px solid transparent;
         width: 15px;
         height: 10px;
    }
     .popup-youtube i {
         width: 60px;
         height: 60px;
         line-height: 60px;
    }
     .tor_callToActionSecond_text .popup-youtube i {
         height: 70px;
         width: 70px;
         line-height: 70px;
    }
     .tor_popup_wrpper span {
         font-size: 14px;
         padding: 16px 30px 16px 60px;
    }
     .tor_package_wrapper {
         padding: 66px 0 21px;
    }
     .tor_testimonials_section .tor_testimonials_button > div:before {
         top: 10px;
    }
}
/* Tour Demo Added */
/* Saloon Demo Added */
 .sal_color {
     color: var(--main-brown-version2);
}
 .sal_btn, .sal_btn:hover {
     font-size: 16px;
     color: var(--main-bg-color);
     line-height: 50px!important;
     display: inline-block;
     background: var(--main-gray-version27);
     text-transform: capitalize;
     padding: 0px 12px!important;
     position: relative;
     min-width: 170px;
     text-align: center;
     font-family: 'Playfair Display', serif;
     min-height: 50px!important;
}
 .sal_btn:before {
     content: "";
     background: var(--main-brown-version2);
     width: 4px;
     height: auto;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     left: 0;
}
 .sal_btn:after {
     content: "";
     position: absolute;
     right: -11px;
     background: var(--main-gray-version27);
     width: 20px;
     bottom: 0;
     top: 0;
     -webkit-transform: skewX(-15deg);
     -moz-transform: skewX(-15deg);
     -ms-transform: skewX(-15deg);
     -o-transform: skewX(-15deg);
     transform: skewX(-15deg);
}
 .sal_btn span {
     width: 15px;
     height: 1px;
     background: var(--main-brown-version2);
     display: inline-block;
     vertical-align: middle;
     margin-left: 8px;
}
 .sal_btn.left_skew {
     padding: 0px 20px 0px 0px;
}
 .sal_btn.left_skew:before {
     left: unset;
     right: 0;
}
 .sal_btn.left_skew:after {
     left: -11px;
     right: unset;
     -webkit-transform: skewX(-15deg);
     -moz-transform: skewX(-15deg);
     -ms-transform: skewX(-15deg);
     -o-transform: skewX(-15deg);
     transform: skewX(-15deg);
}
 .sal_btn.left_skew span {
     margin-right: 8px;
}
 .sal_btn:hover, .sal_btn:hover:after, .sal_banner_button > div:hover {
     background: var(--main-brown-version2);
}
 .sal_btn:hover:before, .sal_btn:hover span, .sal_banner_button > div:hover:before {
     background: var(--main-bg-color);
}
 .sal_btn:hover:after, .sal_btn:after, .sal_btn:hover:before, .sal_btn:before, .sal_banner_button > div:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .sal_title {
     font-size: 22px;
     letter-spacing: 6px;
     font-family: 'Playfair Display', serif;
     font-weight: 700;
}
 .sal_heading_wrapper {
     width: 56%;
     margin: 0px auto 41px;
     font-family: 'Playfair Display', serif;
}
 .sal_heading_wrapper h2 {
     color: var(--main-link-color);
     font-size: 36px;
}
 .sal_heading {
     font-size: 42px;
     font-weight: 700;
     position: relative;
     padding: 0;
     font-style: italic;
     line-height: 50px;
}
 .sal_subHeading {
     color: var( --main-link-color);
     font-size: 32px;
     font-weight: 700;
     position: relative;
     padding: 0;
     margin: 0 0 17px;
     display: inline-block;
     width: 100%;
     line-height: 40px;
}
 #scroll {
     background: var(--main-brown-version2);
     color: var(--main-bg-color);
}
/******************************************************** 3. Preloader CSS Start ********************************************************/
 .preloader_active .preloader_holder {
     background-color: var(--main-bg-color);
}
 .preloader_active .preloader_holder .preloader span {
     box-shadow: 0px 0px 0px 0px var(--main-brown-version2);
}
 @-webkit-keyframes loadingCircles{
     0%{
        -webkit-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-brown-version2);
    }
     100%{
        -webkit-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-brown-version2);
    }
}
 @-moz-keyframes loadingCircles{
     0%{
        -moz-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-brown-version2);
    }
     100%{
        -moz-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-brown-version2);
    }
}
 @keyframes loadingCircles{
     0%{
        transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-brown-version2);
    }
     100%{
        transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-brown-version2);
    }
}
 .preloader_open:before, .preloader_open:after {
     background-color: var(--main-bg-color);
}
/******************************************************** 4. Header CSS Start ********************************************************/
 .sal_header_wrapper {
     padding: 20px 0 0;
}
 .searchBtn, .searchBtn:focus, .searchBtn:hover {
     color: var(--main-bg-color);
     padding-left: 10px;
}
 .sal_search_wrap .display_flex {
     align-items: center;
}
 .sal_search_wrap .display_flex li {
     display: flex;
}
 .main_menu_wrapper ul > li a {
     font-family: 'Playfair Display', serif;
}
/******************************************************** 5. Banner CSS Start ********************************************************/
 .sal_banner_section {
     background-color: var(--main-border-color);
     padding: 357px 0 279px;
     position: relative;
     font-family: 'Playfair Display', serif;
     color: var(--main-gray-version25);
}
 .sal_banner_section:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: rgba(19, 19, 23, 0.9);
}
 .sal_banner_section.slide1 {
     background-image: url(../images/index9/slide1.jpg);
}
 .sal_banner_section.slide2 {
     background-image: url(../images/index9/slide2.jpg);
}
 .sal_banner_section.slide3 {
     background-image: url(../images/index9/slide3.jpg);
}
 .sal_banner_section.slide1, .sal_banner_section.slide2, .sal_banner_section.slide3 {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .sal_banner_text h1 {
     font-size: 72px;
     color: var(--main-bg-color);
     font-weight: 400;
     margin: 0 0 16px;
     line-height: 75px;
}
 .sal_banner_text .sal_btn {
     margin-top: 23px;
     padding-left: 30px;
}
 .sal_banner_button {
     position: absolute;
     right: 0;
     width: 210px;
     display: inline-block;
     bottom: 120px;
}
 .sal_banner_button > div {
     background: var(--main-gray-version27);
     color: var(--main-bg-color);
     width: 90px;
     height: 50px;
     position: absolute;
     z-index: 1;
     display: flex;
     justify-content: center;
     align-items: center;
     text-transform: capitalize;
     cursor: pointer;
     font-family: 'Playfair Display', serif;
     padding: 0 15px 0 0;
}
 .sal_banner_button > div > span {
     width: 12px;
     height: 1px;
     background: var(--main-brown-version2);
     display: inline-block;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .ButtonPrev span {
     right: 20px;
}
 .ButtonNext span {
     left: 20px;
}
 .sal_banner_button > div.ButtonNext {
     padding: 0 0 0 15px;
}
 .sal_banner_button > div:before {
     content: "";
     background: var(--main-brown-version2);
     width: 4px;
     height: auto;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .ButtonPrev:before {
     left: 0;
}
 .ButtonPrev:after {
     content: "";
     position: absolute;
     right: -20px;
     bottom: 0;
     top: 0;
     width: 0;
     height: 0;
     border-left: 20px solid var(--main-gray-version27);
     border-top: 50px solid transparent;
}
 .ButtonNext:after {
     content: "";
     position: absolute;
     left: -20px;
     bottom: 0;
     top: 0;
     width: 0;
     height: 0;
     border-top: 0 solid transparent;
     border-right: 20px solid var(--main-gray-version27);
     border-bottom: 50px solid transparent;
}
 .ButtonNext:before {
     right: 0;
}
 .sal_banner_button > div:hover:before, .sal_banner_button > div:hover > span {
     background: var(--main-bg-color);
}
 .sal_banner_button > div:hover {
     color: var(--main-bg-color);
}
 .ButtonNext:hover:after {
     border-right: 20px solid var(--main-brown-version2);
}
 .ButtonPrev:hover:after {
     border-left: 20px solid var(--main-brown-version2);
}
 .ButtonPrev {
     left: 0;
     padding: 0 3px 0 0;
}
 .ButtonNext {
     right: 0;
     padding: 0 2px 0 0;
}
 .sal_banner_wrapper .pagination {
     position: absolute;
     bottom: 54px;
     z-index: 1;
     width: 100%;
     justify-content: center;
}
 .sal_banner_wrapper .pagination .swiper-pagination-bullet {
     border: 1px solid var(--main-gray-version28);
     opacity: 1;
     width: 12px;
     height: 12px;
     line-height: 20px;
     display: inline-block;
     border-radius: 0;
     margin: 0 6px;
     background: transparent;
     position: relative;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .sal_banner_wrapper .pagination .swiper-pagination-bullet:before {
     content: "";
     width: 6px;
     height: 6px;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 1px;
     right: 0px;
     margin: auto;
}
 .sal_banner_wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
     border-color: var(--main-brown-version2);
}
 .sal_banner_wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
     background: var(--main-brown-version2);
}
 .sal_banner_button > div, .sal_banner_button > div:hover, .sal_banner_button > div:before, .sal_banner_button > div:hover:before, .sal_banner_button > div:hover:after, .sal_banner_button > div:after {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 6. Call To Action CSS Start ********************************************************/
 .sal_openTime_wrapper {
     width: 100%;
     font-family: 'Playfair Display', serif;
}
 .sal_contant_info_section {
     position: relative;
}
 .sal_contant_info_section > img {
     object-fit: cover;
     width: 100%;
     min-height: 430px;
}
 .sal_info_icon svg {
     width: 25px;
     height: 25px;
     fill: var(--main-brown-version2);
}
 .sal_contant_info li {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
     margin-bottom: 35px;
}
 .sal_contant_info li:last-child {
     margin-bottom: 0;
}
 .sal_info_icon {
     width: 50px;
     margin-top: 8px;
}
 .sal_info_text {
     width: calc(100% - 50px);
}
 .sal_contant_info_section.sal_info_center {
     padding: 73px 15px 82px;
     background: url(../images/index9/callNow_bg.png);
     background-size: 85%;
     background-position: center;
     background-repeat: no-repeat;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
     display: flex;
     align-items: center;
     justify-content: center;
}
 .sal_contant_info {
     margin: auto;
     width: 75%;
}
 .sal_info_num {
     display: inline-block;
     font-size: 38px;
     font-weight: 700;
     line-height: 46px;
	 color: var(--iny-primary);
}
 .sal_contant_info_title {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 10px 15px;
     text-align: center;
     background: var(--main-black7);
}
 .sal_contant_info_title h4 {
     color: var(--main-bg-color);
     font-size: 36px;
     font-weight: 700;
     padding: 13px 0 18px;
}
 .sal_contant_info_hover img {
     object-fit: unset;
     width: auto;
}
 .sal_contant_info_hover {
     position: absolute;
     top: 30px;
     left: 30px;
     bottom: 30px;
     right: 30px;
     margin: auto;
     background: var(--main-black7);
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     text-align: center;
     visibility: hidden;
     opacity: 0;
}
 .sal_contant_info_hover h4 {
     color: var(--main-bg-color);
     font-size: 36px;
     font-weight: 700;
}
 .sal_service_info {
     width: 100%;
     display: inline-block;
}
 .sal_service_info img {
     margin: 24px 0 20px;
     max-height: 50px;
}
 .sal_contant_info_section:hover .sal_contant_info_title {
     visibility: hidden;
     opacity: 0;
}
 .sal_contant_info_section:hover .sal_contant_info_hover {
     visibility: visible;
     opacity: 1;
}
 .sal_contant_info_section, .sal_contant_info_section:hover, .sal_contant_info_title, .sal_contant_info_hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .sal_service_wrapper .sal_heading_wrapper {
     margin-bottom: 43px;
}
/******************************************************** 7. About CSS Start ********************************************************/
 .sal_about_wrapper {
     padding: 80px 0 50px;
}
 .sal_about_detail {
     padding: 0 20px 0 140px;
     width: 80%;
     font-family: 'Playfair Display', serif;
     position: relative;
     margin: 38px 0 0;
}
 .sal_about_heading {
     margin-bottom: 20px;
}
 .sal_about_detail h1 {
     font-size: 42px;
     color: var(--main-link-color);
     line-height: 54px;
     margin: 5px 0 6px 0;
}
 .sal_about_detail .sal_btn {
     background: var(--main-gym-bg);
     color: var(--main-link-color);
     min-width: 150px;
     margin: 23px 0 34px;
     padding: 0px 0 0 15px;
}
 .sal_about_detail .sal_btn:after {
     background: var(--main-gym-bg);
}
 .sal_about_detail .sal_btn span {
     background: var(--main-brown-version2);
}
 .sal_about_detail .sal_btn:hover, .sal_about_detail .sal_btn:hover:after, .sal_about_detail .sal_btn:hover:before {
     background: var(--main-brown-version2);
     color: var(--main-bg-color);
}
 .sal_about_detail .sal_btn:hover span {
     background: var(--main-bg-color);
}
 .sal_about_detail h5 {
     font-size: 22px;
     color: var(--main-link-color);
     line-height: 30px;
     font-weight: 700;
}
 .sal_about_num {
     font-size: 38px;
     font-weight: 700;
     margin-top: 8px;
     display: inline-block;
     line-height: 50px;
}
 .sal_about_vertical_area {
     position: absolute;
     writing-mode: tb-rl;
     transform: rotate(180deg);
     font-size: 90px;
     top: 0;
     bottom: 0;
     margin: auto;
     text-align: center;
     left: -16px;
     color: var(--main-gray-version29);
     font-weight: 700;
}
 .aboutImg {
     padding: 0 0 50px;
     margin-bottom: 30px;
}
 .sal_about_img img {
     z-index: 1;
     position: relative;
}
 .aboutImg:before {
     content: "";
     border: 12px solid #e8e8e8;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 60px;
     top: 0;
     z-index: 0;
     border-left: 0;
     border-top: 0;
}
 .sal_about_wrapper .sal_about_button {
     width: 100%;
     margin: auto;
     position: relative;
     display: inline-block;
     margin-top: 8px;
     padding: 0 0 0 15px;
}
 .sal_about_inner {
     display: flex;
     width: 80px;
     justify-content: space-between;
}
 .sal_about_wrapper .sal_about_button > div > div {
     width: 20px;
     overflow: hidden;
     cursor: pointer;
     position: relative;
}
 .sal_about_wrapper .sal_about_button > div > div svg {
     fill: var(--main-gray-version19);
}
 .sal_about_wrapper .sal_about_button > div > div:hover svg {
     fill: var(--main-brown-version2);
}
 .sal_about_wrapper .sal_about_button > div > div:hover {
     width: 35px;
}
 .NextImg {
     text-align: right;
}
 .PrevImg svg {
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     transform: rotateY(180deg);
}
 .sal_about_wrapper .sal_about_button > div > div:before {
     content: "";
     background: var(--main-brown-version2);
     width: 15px;
     position: absolute;
     height: 2px;
     border: none;
     top: 13px;
     border-radius: 6px;
     opacity: 0;
}
.iny-subscribe-holder .sal_btn {
    min-width: 44px;
}
.iny-subscribe-holder .sal_btn:after,.iny-subscribe-holder .sal_btn:before {
    display: none;
}
 .sal_about_wrapper .sal_about_button > div > div:hover:before {
     opacity: 1;
}
 .sal_about_wrapper .sal_about_button > div > div svg {
     width: 20px;
     height: 20px;
}
 .PrevImg:before {
     right: 2px;
}
 .NextImg:before {
     left: 2px;
}
 .sal_about_wrapper .sal_about_button > div > div:before, .sal_about_wrapper .sal_about_button > div > div:hover:before, .sal_about_wrapper .sal_about_button > div > div:hover svg, .sal_about_wrapper .sal_about_button > div > div svg, .sal_about_wrapper .sal_about_button > div > div, .sal_about_wrapper .sal_about_button > div > div:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 8. Service CSS Start ********************************************************/
 .sal_service_wrapper {
     position: relative;
     background: url(../images/index9/service_bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 100%;
     padding: 69px 0 0;
}
 .sal_service_wrapper:before {
     content: "";
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     position: absolute;
     background: rgba(19, 19, 23, 0.9);
}
 .sal_heading_wrapper {
     color: var(--main-gray-version25);
}
 .sal_service_section {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     margin-bottom: 70px;
}
 .sal_service_text {
     background: rgba(255, 255, 255, 0.06);
     min-height: 92px;
     width: calc(100% - 90px);
     position: relative;
     margin-left: 30px;
     margin-right: 60px;
     display: flex;
     justify-content: flex-end;
     align-items: center;
     padding: 0 100px 0 0;
}
 .sal_service_text:before {
     content: "";
     position: absolute;
     border-bottom: 46px solid transparent;
     border-top: 46px solid transparent;
     border-right: 30px solid rgba(255, 255, 255, 0.06);
     left: -30px;
}
 .sal_service_text:after {
     content: "";
     position: absolute;
     border-bottom: 46px solid transparent;
     border-top: 46px solid transparent;
     border-right: 30px solid transparent;
     right: -30px;
}
 .sal_service_icon {
     position: absolute;
     right: 30px;
     width: 90px;
     height: 90px;
     line-height: 90px;
     text-align: center;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     z-index: 1;
}
 .sal_service_icon:before {
     content: "";
     position: absolute;
     border: 1px solid var(--main-gray-version32);
     top: -6px;
     bottom: 6px;
     left: 6px;
     right: -6px;
     z-index: 0;
}
 .sal_service_text > a {
     font-size: 26px;
     display: inline-block;
     color: var(--main-bg-color);
     font-family: 'Playfair Display', serif;
}
 .sal_service_icon span {
     display: inline-block;
     width: 100%;
     height: 100%;
     position: relative;
     z-index: 1;
     background: var(--main-brown-version2);
}
 .sal_service_icon svg {
     fill: var(--main-bg-color);
     height: 50px;
     width: 50px;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .sal_service_holder {
     padding: 0 0 0 120px;
     position: relative;
}
 .sal_service_vertical_area {
     position: absolute;
     writing-mode: tb-rl;
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
     font-size: 52px;
     top: 0;
     bottom: 0;
     margin: auto;
     text-align: center;
     left: 36px;
     color: var(--main-bg-color);
     font-weight: 700;
     font-family: 'Playfair Display', serif;
     opacity: 0.2;
}
 .sal_service_text:hover {
     background: var(--main-bg-color);
}
 .sal_service_text:hover:before {
     border-right-color: var(--main-bg-color);
}
 .sal_service_text:hover a {
     color: var(--main-link-color);
}
 .sal_service_text, .sal_service_text:hover, .sal_service_text a, .sal_service_text:hover a, .sal_service_text:before, .sal_service_text:after, .sal_service_text:hover:before, .sal_service_text:hover:after {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .sal_service_holder.sal_service_right {
     padding: 0 120px 0 0;
}
 .sal_service_holder.sal_service_right .sal_service_vertical_area {
     left: unset;
     right: 36px;
}
 .sal_service_holder.sal_service_right .sal_service_text {
     margin-left: 60px;
     margin-right: 30px;
     padding: 0 0 0 100px;
     justify-content: flex-start;
}
 .sal_service_holder.sal_service_right .sal_service_icon {
     right: unset;
     left: 30px;
}
 .sal_service_holder.sal_service_right .sal_service_text:before {
     left: unset;
     right: -30px;
     border-left: 30px solid rgba(255, 255, 255, 0.06);
     border-right: 0;
}
 .sal_service_holder.sal_service_right .sal_service_text:after {
     left: -30px;
     right: unset;
}
 .sal_service_holder.sal_service_right .sal_service_icon:before {
     top: 6px;
     right: 6px;
     left: -6px;
     bottom: -6px;
}
 .sal_service_holder.sal_service_right .sal_service_text:hover:before {
     border-left: 30px solid var(--main-bg-color);
}
 .sal_service_holder {
     margin-bottom: 98px;
}
 .sal_service_wrapper .container-fluid .row {
     align-items: flex-end;
}
 .sal_service_wrapper .sal_heading_wrapper h2 {
     color: var(--main-bg-color);
}
/******************************************************** 9. Price CSS Start ********************************************************/
 .sal_price_wrapper {
     background: var(--main-bg-color);
     padding: 69px 0 39px;
     font-family: 'Playfair Display', serif;
}
 .sal_pricing_section {
     border: 10px solid var(--main-gray-version33);
     padding: 40px 40px 33px;
     background: var(--main-bg-color);
     margin: 2px 0 30px 0;
}
 .sal_pricing_title h4 {
     color: var(--main-link-color);
     font-size: 22px;
     padding-right: 100px;
     margin-bottom: 5px;
}
 .sal_pricing_title .sal_price {
     position: absolute;
     top: 0;
     right: 0;
     font-weight: 700;
     color: var(--main-link-color);
     font-size: 22px;
}
 .sal_pricing_list {
     display: inline-block;
     width: 100%;
     border-bottom: 2px dotted var(--iny-primary);
     margin-bottom: 24px;
     padding-bottom: 23px;
}
 .sal_pricing_list:last-of-type {
     border-bottom: none;
     margin-bottom: 0;
     padding-bottom: 0;
}
 .sal_primium_section .sal_pricing_section {
     color: var(--main-bg-color);
     border: none;
     background: url(../images/index9/price_bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
     margin-right: -20px;
     margin-left: -20px;
     z-index: 1;
}
 .sal_price_wrapper .container-fluid .row {
     align-items: center;
}
 .sal_primium_section .sal_pricing_section .sal_pricing_list {
     border-bottom-color: var(--main-bg-color);
}
 .sal_primium_section .sal_pricing_section .sal_pricing_list h4, .sal_primium_section .sal_pricing_title .sal_price, .sal_primium_section .sal_heading_wrapper h2 {
     color: var(--main-bg-color);
}
 .sal_primium_section .sal_heading_wrapper {
     width: 100%;
     text-align: center;
     margin: 0 0 20px;
}
/******************************************************** 10. Gallery CSS Start ********************************************************/
 .sal_gallery_wrapper {
     background: var(--main-bg-color);
     padding: 0 0 50px;
}
 .sal_porfolio_section {
     position: relative;
     width: 100%;
}
 .sal_porfolio_section img {
     width: 100%;
}
 .sal_overlay {
     position: absolute;
     display: flex;
     right: 20px;
     left: 20px;
     margin: auto;
     justify-content: center;
     align-items: center;
     top: 20px;
     bottom: 20px;
     background: rgba(19, 19, 23, 0.9);
     padding: 10px;
     opacity: 0;
     visibility: hidden;
     z-index: 1;
}
 .sal_overlay:before {
     content: "";
     top: 10px;
     bottom: 10px;
     border: 1px solid var(--main-brown-version2);
     left: 10px;
     right: 10px;
     position: absolute;
}
 .sal_overlay a {
     position: relative;
     z-index: 1;
}
 .sal_porfolio_section:hover .sal_overlay {
     opacity: 1;
     visibility: visible;
}
 .sal_porfolio_section:hover, .sal_porfolio_section, .sal_porfolio_section .sal_overlay, .sal_porfolio_section:hover .sal_overlay {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .sal_gallery_slides {
     width: 100%;
     display: inline-block;
}
 .saloonSlider .row {
     margin: 0;
}
 .sal_gallery_section {
     display: inline-block;
}
 .sal_gallery_wrapper .sal_heading_wrapper {
     margin: 0px auto 43px;
}
 .slideBullets {
     width: 100%;
     text-align: center;
     margin-top: 38px;
}
 .slideBullets .swiper-pagination-bullet {
     border: 1px solid var(--main-gray-version28);
     opacity: 1;
     width: 12px;
     height: 12px;
     line-height: 20px;
     display: inline-block;
     border-radius: 0;
     margin: 0 6px;
     background: transparent;
     position: relative;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .slideBullets .swiper-pagination-bullet:before {
     content: "";
     width: 6px;
     height: 6px;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 1px;
     right: 0px;
     margin: auto;
}
 .slideBullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
     border-color: var(--main-brown-version2);
}
 .slideBullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
     background: var(--main-brown-version2);
}
/******************************************************** 11. Team CSS Start ********************************************************/
 .sal_team_wrapper .sal_heading_wrapper {
     margin-bottom: 43px;
}
 .sal_team_section {
     width: 100%;
     display: inline-block;
     position: relative;
     margin-bottom: 30px;
}
 .sal_team_hover {
     position: absolute;
     top: 30px;
     bottom: 30px;
     right: 30px;
     left: 30px;
     margin: auto;
     background: rgba(0, 0, 0, 0.80);
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     opacity: 0;
     visibility: hidden;
}
 .sal_team_hover:before {
     content: "";
     top: 10px;
     bottom: 10px;
     border: 1px solid var(--main-brown-version2);
     left: 10px;
     right: 10px;
     position: absolute;
}
 .sal_team_inner {
     position: relative;
     z-index: 1;
}
 .sal_team_info h4 {
     font-size: 26px;
     color : var(--iny-primary);
}
 .sal_team_info a {
     display: inline-block;
     color: var(--main-bg-color);
     font-size: 20px;
     font-family: 'Playfair Display', serif;
     margin: 12px 0 49px;
}
 .sal_team_social {
     margin: 50px 0 0;
}
 .sal_team_social ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
 .sal_team_social ul li {
     margin: 0 8px;
     display: inline-block;
}
 .sal_team_social ul li a {
     display: inline-block;
     height: 40px;
     width: 40px;
     line-height: 44px;
     background: var(--main-gray-version27);
     border: none;
     border-radius: 50%;
     text-align: center;
     color: var(--main-bg-color);
}
 .sal_team_social ul li a:hover {
     color: var(--main-brown-version2);
     background: var(--main-bg-color);
}
 .sal_team_img {
     display: inline-block;
     position: relative;
     width: 100%;
}
 .sal_team_img img {
     width: 100%;
}
 .sal_team_identity {
     font-family: 'Playfair Display', serif;
     font-size: 16px;
     color: var(--main-gray-version25);
     padding: 22px 0 0;
}
 .sal_team_identity h4 {
     color: var(--main-link-color);
     font-weight: 700;
     font-size: 28px;
     line-height: 38px;
}
 .sal_team_section:hover .sal_team_hover {
     opacity: 1;
     visibility: visible;
}
 .sal_team_section, .sal_team_section:hover, .sal_team_section .sal_team_hover, .sal_team_section:hover .sal_team_hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 12. Testimonial CSS Start ********************************************************/
 .sal_testimonial_wrapper {
     background: url(../images/index9/testimonial_bg.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     width: 100%;
     padding: 69px 0 80px;
     color: var(--iny-txt-color);
}
 .sal_testimonial_wrapper:before {
     content: "";
     position: absolute;
     background: rgba(19, 19, 23, 0.9);
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}
 .sal_testimonial_wrapper .sal_heading_wrapper h2 {
     color: var(--main-bg-color);
}
 .sal_testimonials_section {
     background: rgba(255, 255, 255, 0.08);
     padding: 50px 80px 44px;
     margin: 0 -15px;
     font-family: 'Playfair Display', serif;
}
 .sal_client_img {
     display: flex;
     align-items: center;
}
 .sal_client_img img {
     margin: 0 15px 0 0;
     border: 1px solid var(--main-brown-version2);
     border-radius: 50%;
     height: 90px;
     width: 90px;
     object-fit: cover;
}
 .sal_client_quote {
     text-align: left;
}
 .sal_testimonial_section {
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
 .sal_client_quote h4 {
     color: var(--main-bg-color);
     font-size: 24px;
     margin-bottom: 5px;
}
 .sal_testimonial_section > p {
     margin-top: 26px;
}
 .testimonialBullets {
     width: 100%;
     text-align: center;
     margin-top: 20px;
}
 .testimonialBullets .swiper-pagination-bullet {
     border: 1px solid var(--main-gray-version28);
     opacity: 1;
     width: 12px;
     height: 12px;
     line-height: 20px;
     display: inline-block;
     border-radius: 0;
     margin: 0 6px;
     background: transparent;
     position: relative;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .testimonialBullets .swiper-pagination-bullet:before {
     content: "";
     width: 6px;
     height: 6px;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 1px;
     right: 0px;
     margin: auto;
}
 .testimonialBullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
     border-color: var(--main-brown-version2);
}
 .testimonialBullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
     background: var(--main-brown-version2);
}
 .sal_testimonial_wrapper .sal_heading_wrapper {
     margin-bottom: 43px;
}
 .sal_testimonial_button {
     width: 100%;
     margin: auto;
     position: absolute;
     display: inline-block;
     margin-top: 0;
     top: 30px;
     right: 0;
     left: 0;
     text-align: center;
     z-index: 2;
}
 .sal_testimonial_inner {
     display: flex;
     width: 42%;
     justify-content: space-between;
     margin: auto;
}
 .sal_testimonial_button > div > div {
     width: 30px;
     overflow: hidden;
     cursor: pointer;
     position: relative;
}
 .sal_testimonial_button > div > div svg {
     fill: var(--main-gray-version19);
}
 .sal_testimonial_button > div > div:hover svg {
     fill: var(--main-brown-version2);
}
 .sal_testimonial_button > div > div:hover {
     width: 45px;
}
 .testNextButton {
     text-align: right;
}
 .testPrevButton svg {
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     transform: rotateY(180deg);
}
 .sal_testimonial_button > div > div:before {
     content: "";
     background: var(--main-brown-version2);
     width: 14px;
     position: absolute;
     height: 2px;
     border: none;
     top: 14px;
     border-radius: 6px;
     opacity: 0;
}
 .sal_testimonial_button > div > div.testPrevButton:hover {
     text-align: left;
}
 .sal_testimonial_button > div > div:hover:before {
     opacity: .8;
}
 .sal_testimonial_button > div > div svg {
     width: 30px;
     height: 20px;
}
 .testPrevButton:before {
     right: 2px;
}
 .testNextButton:before {
     left: 2px;
}
 .sal_testimonial_button > div > div:before, .sal_testimonial_button > div > div:hover:before, .sal_testimonial_button > div > div:hover svg, .sal_testimonial_button > div > div svg, .sal_about_wrapper .sal_about_button > div > div, .sal_about_wrapper .sal_about_button > div > div:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 13. Blog CSS Start ********************************************************/
 .sal_blog_wrapper {
     width: 100%;
     display: inline-block;
     font-family: 'Playfair Display', serif;
}
 .sal_blog_wrapper .sal_heading_wrapper {
     margin: 0;
     width: 100%;
}
 .sal_blog_wrapper .row {
     align-items: center;
}
 .sal_blog_info {
     display: flex;
     flex-wrap: wrap;
     margin: 24px 0 3px;
     list-style: none;
    padding: 0;
}
 .sal_blog_img img {
     width: 100%;
}
 .sal_blog_info li {
     position: relative;
     padding-left: 8px;
     margin-left: 8px;
}
 .sal_blog_info li a {
     color: var(--main-brown-version2);
}
 .sal_blog_info li a span {
     color: var(--main-gray-version25);
}
 .sal_blog_info li:first-child {
     padding-left: 0;
     margin-left: 0;
}
 .sal_blog_info li:first-child:before {
     content: unset;
}
 .sal_blog_info li:before {
     content: "";
     position: absolute;
     background: var(--main-brown-version2);
     width: 3px;
     height: 3px;
     border: none;
     border-radius: 50%;
     top: 50%;
     transform: translateY(-50%);
     left: 0;
}
 .sal_blog_button {
     width: 100%;
     margin: auto;
     position: relative;
     display: inline-block;
     margin-top: 8px;
     padding: 0;
}
 .sal_blog_inner {
     display: flex;
     width: 80px;
     justify-content: space-between;
}
 .sal_blog_button > div > div {
     width: 20px;
     overflow: hidden;
     cursor: pointer;
     position: relative;
     height: 20px;
}
 .sal_blog_button > div > div svg {
     fill: var(--main-gray-version19);
}
 .sal_blog_button > div > div:hover svg {
     fill: var(--main-brown-version2);
}
 .sal_blog_button > div > div:hover {
     width: 35px;
}
 .blogNextButton {
     text-align: right;
}
 .blogPrevButton svg {
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     transform: rotateY(180deg);
}
 .sal_blog_button > div > div:before {
     content: "";
     background: var(--main-brown-version2);
     width: 15px;
     position: absolute;
     height: 2px;
     border: none;
     top: 14px;
     border-radius: 6px;
     opacity: 0;
}
 .sal_blog_button > div > div:hover:before {
     opacity: .5;
}
 .sal_blog_button > div > div svg {
     width: 20px;
     height: 20px;
}
 .blogPrevButton:before {
     right: 2px;
}
 .blogNextButton:before {
     left: 2px;
}
 .sal_blog_button > div > div:before, .sal_blog_button > div > div:hover:before, .sal_blog_button > div > div:hover svg, .sal_about_button > div > div svg, .sal_about_button > div > div, .sal_about_button > div > div:hover, .sal_blog_title:hover, .sal_blog_title {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .sal_blog_title {
     color: var( --main-link-color);
     font-size: 28px;
     font-weight: 500;
     position: relative;
     padding: 0;
     margin: 6px 0 0;
     display: inline-block;
     width: 100%;
     line-height: 40px;
}
 .sal_blog_title:hover {
     color: var(--main-brown-version2);
}
/******************************************************** 14. Footer CSS Start ********************************************************/
 .sal_footer_main_wrapper {
     background: url(../images/index9/footer_bg.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     width: 100%;
     padding: 80px 0 0;
     display: inline-block;
     color: var(--main-gray-version25);
     font-family: 'Playfair Display', serif;
}
 .sal_footer_main_wrapper:before {
     content: "";
     position: absolute;
     background: rgba(19, 19, 23, 0.96);
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}
 .sal_widgets h4 {
     font-size: 22px;
     font-weight: 500;
     margin-bottom: 20px;
     color: var(--main-bg-color);
}
 .newsletter_wrap {
     position: relative;
     margin: 6px 0 12px;
}
 .newsletter_wrap input {
     background: rgba(255, 255, 255, 0.1);
     width: 100%;
     position: relative;
     height: 50px;
     padding: 0 70px 0 20px;
     border: none;
     color: var(--main-bg-color);
     line-height: 50px;
}
 .newsletter_wrap input::-webkit-input-placeholder {
     color: var(--main-txt-color);
}
 .newsletter_wrap input::-moz-placeholder {
     color: var(--main-txt-color);
}
 .newsletter_wrap input:-ms-input-placeholder {
     color: var(--main-txt-color);
}
 .newsletter_wrap input:-moz-placeholder {
     color: var(--main-txt-color);
}
 .newsletter_wrap button {
     background: var(--main-brown-version2);
     border: none;
     color: var(--main-bg-color);
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     width: 50px;
}
 .sal_widgets h6 {
     font-size: 18px;
     color: var(--main-bg-color);
}
 .sal_widgets h5 {
     font-weight: 500;
     font-size: 26px;
     line-height: 40px;
     color: var(--main-bg-color);
}
 .sal_widgets ul li {
     position: relative;
     padding-left: 20px;
     margin-bottom: 5px;
}
 .sal_widgets ul li:before {
     position: absolute;
     left: 0;
     content: "";
     width: 5px;
     height: 5px;
     border: none;
     border-radius: 50%;
     top: 50%;
     background: var(--main-paint-footer);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .sal_widgets ul li:hover:before {
     background: var(--main-brown-version2);
}
 .sal_widgets ul li a {
     color: var(--main-gray-version25);
     position: relative;
}
 .sal_widgets ul li a:hover {
     color: var(--main-brown-version2);
}
 .sal_widgets ul li a:hover:after {
     background: var(--main-brown-version2);
}
 .sal_widgets ul li a:after {
     position: absolute;
     content: "";
     width: 100%;
     height: 1px;
     background: var(--main-gray-version25);
     right: 0;
     bottom: 0;
     opacity: 0;
}
 .sal_widgets ul li a:hover:after {
     opacity: 0.6;
}
 .sal_widgets ul li a:hover:after, .sal_widgets ul li a:after, .sal_widgets ul li:before, .sal_widgets ul li:hover:before, .sal_widgets_contact span:hover, .sal_widgets_contact span, .sal_widgets_contact span:hover svg, .sal_widgets_contact span svg {
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .sal_widgets_contact span:hover {
     background: var(--main-brown-version2);
}
 .sal_widgets_contact span:hover svg {
     fill: var(--main-bg-color);
}
 .sal_widgets_contact h4 {
     font-weight: 700;
     font-size: 28px;
     margin-bottom: 8px;
     color: var(--main-bg-color);
}
 .footer_information {
     border-bottom: 4px double var(--main-bg-color);
     padding: 0 0 13px;
     margin: 0 0 44px;
}
 .sal_widgets_contact span {
     display: inline-block;
     width: 100px;
     height: 100px;
     line-height: 100px;
     background: rgba(255, 255, 255, 0.10);
     border: none;
     border-radius: 50%;
     margin-bottom: 22px;
}
 .sal_widgets_contact span svg {
     width: 40px;
     height: 40px;
     line-height: 40px;
     fill: var(--main-brown-version2);
}
 .sal_widgets_contact a {
     color: var(--main-gray-version25);
     display: inline-block;
     width: 100%;
}
 .sal_copyright_wrapper {
     padding: 14px 0 13px;
     color: var(--main-paint-footer);
     position: relative;
     margin-top: 43px;
     background: var(--main-black8);
}
 .sal_copyright_wrapper a {
     color: var(--main-brown-version2);
}
/******************************************************** 15. Responsive CSS Start ********************************************************/
 @media (min-width: 992px) {
     .sal_about_wrapper .col-lg-5 {
         -ms-flex: 0 0 44.444%;
         flex: 0 0 44.444%;
         max-width: 44.444%;
    }
     .sal_about_wrapper .col-lg-7 {
         -ms-flex: 0 0 55.444%;
         flex: 0 0 55.444%;
         max-width: 55.444%;
    }
}
 @media (min-width: 991.98px) {
     .sal_header_wrapper {
         position: absolute;
         top: 0;
         left: 0;
         z-index: 2;
         right: 0;
         border-bottom: 4px double var(--main-gray-version26);
    }
     .main_menu_wrapper ul > li > a {
         padding: 7px 0 27px;
         color: var(--main-bg-color);
         position: relative;
    }
     a.searchBtn {
         margin: 0 0 15px;
    }
     .main_menu_wrapper ul > li {
         padding: 0 20px 0;
    }
     .main_menu_wrapper > ul > li > a:hover:before, .main_menu_wrapper > ul > li.active > a:before {
         left: 0;
         right: 0;
    }
     .main_menu_wrapper > ul > li > a:hover:after, .main_menu_wrapper > ul > li > a:hover:before, .main_menu_wrapper > ul > li.active > a:after, .main_menu_wrapper > ul > li.active > a:before {
         opacity: 1;
         visibility: visible;
    }
     .main_menu_wrapper > ul > li > a:before {
         position: absolute;
         content: "";
         height: 4px;
         background: var(--main-brown-version2);
         margin: auto;
         left: 20px;
         right: 20px;
         bottom: -3px;
         opacity: 0;
         visibility: hidden;
    }
     .main_menu_wrapper > ul > li > a:after {
         position: absolute;
         content: "";
         border-top: solid 5px transparent;
         border-left: solid 5px transparent;
         border-right: solid 5px transparent;
         border-bottom: solid 5px var(--main-brown-version2);
         left: 0;
         right: 0;
         bottom: 0;
         margin: 0 auto;
         width: 10px;
         opacity: 0;
         visibility: hidden;
    }
     .main_menu_wrapper > ul > li > a, .main_menu_wrapper > ul > li > a:after, .main_menu_wrapper > ul > li > a:before, .main_menu_wrapper > ul > li > a:hover:after, .main_menu_wrapper > ul > li > a:hover:before {
         -webkit-transition: all 0.5s;
         -moz-transition: all 0.5s;
         -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
         transition: all 0.5s;
    }
     .main_menu_wrapper ul.sub_menu {
         background: var(--main-link-color);
         top: 65px;
    }
     .main_menu_wrapper ul > li ul.sub_menu li a {
         padding: 15px 20px 0;
    }
}
 @media (min-width: 1799.98px) {
     .sal_header_wrapper .container-fluid, .sal_footer_main_wrapper .container-fluid, .sal_banner_wrapper .container-fluid {
         max-width: 1756px;
    }
}
 @media (min-width: 1700px) {
     .sal_price_wrapper .container-fluid, .sal_team_wrapper .container-fluid {
         max-width: 1680px;
    }
     .sal_blog_head {
         padding-left: 25%;
    }
}
 @media (max-width: 1799.98px) {
     .sal_contant_info {
         width: 85%;
    }
     .sal_widgets h5, .sal_team_info h4, .sal_service_text > a {
         font-size: 24px;
    }
     .sal_about_detail {
         width: 100%;
    }
}
 @media (max-width: 1699.98px) {
     .sal_widgets h5, .sal_team_info h4, .sal_service_text > a {
         font-size: 20px;
    }
     .sal_service_text {
         min-height: 72px;
         padding: 0 70px 0 0;
    }
     .sal_service_icon {
         width: 70px;
         height: 70px;
         line-height: 70px;
    }
     .sal_service_text:before {
         border-bottom: 36px solid transparent;
         border-top: 36px solid transparent;
    }
     .sal_service_holder {
         padding: 0 0 0 80px;
    }
     .sal_service_vertical_area {
         font-size: 32px;
         left: 16px;
    }
     .sal_service_holder.sal_service_right .sal_service_vertical_area {
         right: 16px;
    }
     .sal_service_holder.sal_service_right .sal_service_text {
         padding: 0 0 0 70px;
    }
     .sal_service_holder.sal_service_right {
         padding: 0 80px 0 0;
    }
     .sal_service_icon svg {
         height: 40px;
         width: 40px;
    }
     .sal_contant_info {
         width: 90%;
    }
     .sal_widgets_contact h4, .sal_blog_title, .sal_team_identity h4 {
         font-size: 24px;
    }
     .sal_blog_info {
         font-size: 14px;
    }
     .sal_blog_info li {
         padding-left: 6px;
         margin-left: 6px;
    }
}
 @media (max-width: 1440px) {
     .sal_heading_wrapper h2, .sal_contant_info_hover h4, .sal_contant_info_title h4 {
         font-size: 32px;
    }
     .sal_subHeading {
         font-size: 28px;
    }
     .sal_contant_info_section.sal_info_center {
         padding: 43px 15px 52px;
    }
     .sal_btn, .sal_btn:hover {
         min-width: 150px;
         font-size: 14px;
    }
     .sal_team_hover, .sal_overlay, .sal_contant_info_hover {
         top: 15px;
         bottom: 15px;
         right: 15px;
         left: 15px;
    }
     .sal_testimonials_section {
         margin: 0;
    }
}
 @media (max-width: 1440px) and (min-width: 1200px){
     .sal_contant_info_hover .sal_btn.left_skew {
         padding: 0px 15px 0px 0px;
         text-align: right;
    }
     .sal_contant_info_hover .sal_btn {
         padding: 0 0 0 15px;
         text-align: left;
    }
}
 @media (max-width: 1199.98px) {
     .sal_blog_head {
         padding: 0 0 30px;
    }
     .sal_primium_section .sal_pricing_section {
         margin-right: 0;
         margin-left: 0;
    }
     .sal_service_vertical_area {
         position: unset;
         writing-mode: unset;
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         margin-bottom: 30px;
         font-size: 20px;
    }
     .sal_service_holder, .sal_service_holder.sal_service_right {
         padding: 0;
    }
     .sal_service_icon {
         width: 60px;
         height: 60px;
         line-height: 60px;
    }
     .sal_service_text {
         padding: 0 50px 0 0;
    }
     .sal_service_holder.sal_service_right .sal_service_text {
         padding: 0 0 0 50px;
    }
     .sal_service_section {
         margin-bottom: 50px;
    }
     .sal_banner_section {
         padding: 267px 0 200px;
    }
     .sal_banner_text h1 {
         font-size: 52px;
         line-height: 55px;
    }
     .sal_openTime_wrapper .container-fluid {
         max-width: 650px;
    }
     .sal_openTime_wrapper .col-xl-4:last-child .sal_contant_info_section {
         margin: 0;
    }
     .sal_contant_info_section {
         margin-bottom: 30px;
    }
     .sal_openTime_wrapper {
         padding-top: 80px;
    }
     .sal_about_vertical_area {
         font-size: 40px;
         left: 0;
    }
     .sal_about_detail h1 {
         font-size: 32px;
         line-height: 34px;
    }
     .sal_about_detail {
         padding: 0 20px 0 50px;
    }
     .sal_title {
         font-size: 18px;
         letter-spacing: 3px;
    }
     .sal_about_detail h5, .sal_widgets h4, .sal_pricing_title .sal_price {
         font-size: 18px;
    }
     .sal_about_num {
         font-size: 28px;
         line-height: 40px;
    }
     .sal_about_detail .sal_btn {
         margin: 13px 0 24px;
    }
     .sal_heading_wrapper {
         width: 85%;
    }
     .sal_testimonial_inner {
         width: 100%;
    }
     .sal_testimonial_button > div > div:before {
         top: 14px;
    }
     .sal_widgets_contact h4, .sal_blog_title, .sal_team_identity h4 {
         font-size: 18px;
         line-height: 30px;
    }
     .sal_blog_button > div > div:before, .sal_testimonial_button > div > div:before, .sal_about_wrapper .sal_about_button > div > div:before {
         content: unset;
    }
}
 @media (max-width: 1199.98px) and (min-width: 992px){
     .main_menu_wrapper ul > li > a {
         padding: 8px 0 18px;
    }
     .sal_header_wrapper {
         padding: 15px 0 0;
    }
     .searchBtn, .searchBtn:focus, .searchBtn:hover {
         margin-top: -6px;
    }
     .sal_about_detail {
         margin: 0;
    }
     .sal_about_wrapper .row {
         align-items: center;
    }
     .sal_about_wrapper {
         padding: 76px 0 74px;
    }
     .sal_service_wrapper {
         padding: 71px 0 0;
    }
     .sal_service_holder {
         margin-bottom: 80px;
    }
     .sal_price_wrapper {
         padding: 71px 0 41px;
    }
     .sal_gallery_wrapper {
         padding: 0 0 53px;
    }
     .sal_testimonial_wrapper {
         padding: 71px 0 80px;
    }
     .sal_copyright_wrapper {
         margin-top: 43px;
    }
}
 @media (max-width: 991.98px) {
     .main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
         background: var(--main-brown-version2);
    }
     .sal_widgets_contact span {
         width: 80px;
         height: 80px;
         line-height: 80px;
    }
     .sal_widgets_contact span svg {
         width: 30px;
         height: 30px;
         line-height: 30px;
    }
     .sal_about_wrapper .col-lg-7 {
         flex-direction: column-reverse;
         display: flex;
         flex-wrap: wrap;
    }
     .sal_about_wrapper .sal_about_button > div > div:before {
         top: 10px;
    }
     .sal_about_wrapper .sal_about_button {
         margin: 0 0 5px;
    }
     .sal_pricing_section {
         width: 85%;
         margin: 2px auto 30px;
    }
     .sal_primium_section .sal_pricing_section {
         margin-right: auto;
         margin-left: auto;
    }
     .sal_testimonials_section {
         padding: 50px 40px 44px;
    }
     .sal_testimonial_button > div > div:before {
         top: 10px;
    }
     .sal_blog_wrapper .col-12.padder_right {
         padding-right: 15px;
    }
     .sal_header_wrapper {
         background: var(--main-link-color);
         padding: 20px 0 18px;
    }
     .menu_btn {
         height: auto;
         margin-top: 12px;
         padding: 0;
    }
     .menu_btn span {
         background: var(--main-bg-color);
    }
     .searchBtn, .searchBtn:focus, .searchBtn:hover {
         padding: 12px 0 0;
    }
     .sal_banner_section {
         padding: 196px 0 200px;
    }
     .sal_about_detail {
         margin: 28px 0 0;
    }
     .sal_about_wrapper {
         padding: 80px 0 75px;
    }
     .sal_service_wrapper {
         padding: 71px 0 0;
    }
     .sal_service_holder {
         margin-bottom: 87px;
    }
     .sal_service_holder.sal_service_left {
         margin-bottom: 57px;
    }
     .sal_service_img {
         margin-bottom: 17px;
    }
     .sal_service_wrapper .sal_heading_wrapper {
         margin-bottom: 10px;
    }
     .sal_price_wrapper {
         padding: 71px 0 41px;
    }
     .slideBullets {
         margin-top: 40px;
    }
     .sal_team_wrapper {
         padding: 18px 0 50px;
    }
     .sal_testimonial_wrapper {
         padding: 71px 0 80px;
    }
     .sal_blog_wrapper {
         padding: 71px 0 72px;
    }
     .sal_copyright_wrapper {
         margin-top: 42px;
    }
     .sal_team_section {
         margin-bottom: 26px;
    }
}
 @media (max-width: 767.98px) {
     .sal_gallery_section {
         width: 50%;
    }
     .sal_gallery_slides .sal_gallery_section:last-child {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
    }
     .sal_gallery_slides .sal_gallery_section:last-child .sal_porfolio_section {
         width: 50%;
    }
     .sal_info_num {
         font-size: 28px;
         line-height: 36px;
    }
     .sal_banner_button {
         bottom: 140px;
    }
     .sal_about_wrapper .sal_about_button > div > div:before {
         top: 9px;
    }
     .sal_about_wrapper {
         padding: 80px 0 76px;
    }
     .sal_contant_info_section.sal_info_center {
         padding: 43px 0 52px;
    }
}
 @media (max-width: 575.98px) {
     .sal_testimonials_section {
         padding: 50px 20px 44px;
    }
     .sal_client_img img {
         margin: 0 0 15px 0;
    }
     .sal_client_quote {
         width: 100%;
         text-align: center;
    }
     .sal_client_img {
         flex-wrap: wrap;
         justify-content: center;
    }
     .sal_pricing_title h4 {
         font-size: 18px;
         width: 100%;
         padding-right: 0;
    }
     .sal_pricing_title .sal_price {
         position: relative;
         font-size: 18px;
         margin: 6px 0;
    }
     .sal_pricing_section {
         width: 95%;
         padding: 40px 20px 33px;
    }
     .sal_gallery_slides .sal_gallery_section:last-child .sal_porfolio_section, .sal_gallery_section {
         width: 100%;
    }
     .sal_banner_wrapper .pagination {
         bottom: 52px;
    }
     .sal_banner_button {
         display: none;
    }
     .sal_banner_text {
         text-align: center;
    }
     .sal_about_detail {
         padding: 0 0px 0 50px;
    }
     .sal_service_text a {
         font-size: 18px;
         line-height: 26px;
    }
}
/* Saloon Demo Added */
/* Demo Added */
 .gol_btn {
     background: var(--iny-primary);
     color: var(--main-bg-color);
     display: inline-block;
     border: 2px solid transparent;
     border-radius: 30px;
     height: 50px;
     line-height: 46px;
     text-align: center;
     padding: 0 15px;
     width: 170px;
     z-index: 0;
     font-weight: 700;
     overflow: hidden;
     position: relative;
     display: inline-table;
}
 .gol_btn:hover {
     color: var(--iny-primary);
}
 .gol_btn.gol_white {
     background: transparent;
     border: 2px solid var(--main-bg-color);
}
 .gol_btn:hover {
     color: var(--iny-primary);
}
 .gol_btn span {
     position: absolute;
     width: 25%;
     height: 100%;
     background-color: var(--main-bg-color);
     -webkit-transform: translateY(150%);
     -moz-transform: translateY(150%);
     -ms-transform: translateY(150%);
     -o-transform: translateY(150%);
     transform: translateY(150%);
     border-radius: 50%;
     left: calc((var(--n) - 1) * 25%);
     transition: 0.5s;
     transition-delay: calc((var(--n) - 1) * 0.1s);
     z-index: -1;
}
 .gol_btn:hover span {
     -webkit-transform: translateY(0) scale(2);
     -moz-transform: translateY(0) scale(2);
     -ms-transform: translateY(0) scale(2);
     -o-transform: translateY(0) scale(2);
     transform: translateY(0) scale(2);
}
 .gol_btn span:nth-child(1) {
     --n: 1;
}
 .gol_btn span:nth-child(2) {
     --n: 2;
}
 .gol_btn span:nth-child(3) {
     --n: 3;
}
 .gol_btn span:nth-child(4) {
     --n: 4;
}
 .gol_bg_title {
     font-size: 16px;
     color: var(--main-bg-color);
     line-height: 38px;
     display: inline-block;
     background: var(--iny-primary);
     letter-spacing: 5px;
     text-transform: uppercase;
     padding: 3px 12px 0;
     position: relative;
     margin: 0 15px;
}
 .gol_bg_title:before {
     content: "";
     position: absolute;
     left: -11px;
     background: var(--iny-primary);
     width: 20px;
     bottom: 0;
     top: 0;
     -webkit-transform: skewX(-15deg);
     -moz-transform: skewX(-15deg);
     -ms-transform: skewX(-15deg);
     -o-transform: skewX(-15deg);
     transform: skewX(-15deg);
}
 .gol_bg_title:after {
     content: "";
     position: absolute;
     right: -11px;
     background: var(--iny-primary);
     width: 20px;
     bottom: 0;
     top: 0;
     -webkit-transform: skewX(-15deg);
     -moz-transform: skewX(-15deg);
     -ms-transform: skewX(-15deg);
     -o-transform: skewX(-15deg);
     transform: skewX(-15deg);
}
 .gol_heading h2 {
     font-size: 38px;
     font-weight: 700;
     position: relative;
     margin: 0 0 22px;
     padding: 0 0 6px;
}
 .gol_heading h2:before {
     position: absolute;
     left: 0;
     height: 2px;
     background: var(--main-gray-color);
     bottom: 0;
     content: "";
     width: 155px;
}
 .gol_heading h2:after {
     position: absolute;
     left: 0;
     height: 4px;
     background: var(--iny-primary);
     bottom: -1px;
     content: "";
     width: 65px;
     border: none;
     border-radius: 6px;
}
 .gol_heading.center h2 {
     margin: 0 0 10px;
}
 .gol_heading.center h2:before, .gol_heading.center h2:after {
     right: 0;
     margin: auto;
}
 .gol_heading .white:before {
     background: var(--main-gray-border);
}
 .gol_readMoreBtn {
     color: var(--iny-primary);
     position: relative;
     font-weight: 500;
     display: inline-block;
     margin-top: 10px;
}
 .gol_readMoreBtn:hover {
     color: var(--iny-primary);
     letter-spacing: 1px;
}
 .gol_readMoreBtn:before {
     content: "";
     position: absolute;
     bottom: 5px;
     background: var(--iny-primary);
     width: 100%;
     height: 1px;
     opacity: .6;
}
 .gol_subHeading {
     font-size: 22px;
}
 #scroll {
     background: var(--iny-primary);
     color: var(--main-bg-color);
}
/******************************************************** 3. Preloader CSS Start ********************************************************/
 .preloader_active .preloader_holder {
     background-color: var(--main-bg-color);
}
 .preloader_active .preloader_holder .preloader span {
     box-shadow: 0px 0px 0px 0px var(--iny-primary);
}
 @-webkit-keyframes loadingCircles{
     0%{
        -webkit-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--iny-primary);
    }
     100%{
        -webkit-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--iny-primary);
    }
}
 @-moz-keyframes loadingCircles{
     0%{
        -moz-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--iny-primary);
    }
     100%{
        -moz-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--iny-primary);
    }
}
 @keyframes loadingCircles{
     0%{
        transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--iny-primary);
    }
     100%{
        transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--iny-primary);
    }
}
 .preloader_open:before, .preloader_open:after {
     background-color: var(--main-bg-color);
}
/******************************************************** 4. Header CSS Start ********************************************************/
 .gol_header_wrapper {
     background: var(--main-bg-color);
     padding: 16px 200px 16px 0;
     position: relative;
}
 .gol_header_info {
     position: absolute;
     right: 0;
     background: var(--iny-primary);
     color: var(--main-bg-color);
     width: 200px;
     top: 0;
     bottom: -20px;
     text-align: center;
     padding: 15px 0;
}
 .gol_header_info:before {
     content: "";
     border-bottom: 20px solid transparent;
     border-right: 12px solid var(--iny-primary);
     bottom: 0px;
     position: absolute;
     left: -12px;
}
 .gol_header_info svg {
     height: 20px;
     fill: var(--main-bg-color);
}
 .gol_header_info p {
     font-weight: 400;
     font-size: 14px;
     text-transform: uppercase;
}
 .gol_header_info a {
     color: var(--man-bg-color);
     font-weight: 500;
     font-size: 22px;
     line-height: 22px;
}
 .searchBtn {
     margin-right: 12px;
     padding: 0 10px;
}
 .gol_logo {
     padding-left: 15px;
}
/******************************************************** 5. Banner CSS Start ********************************************************/
 .gol_banner_section {
     background-color: var(--main-border-color);
     padding: 362px 0 260px;
     position: relative;
     text-align: center;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .gol_banner_section:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.60);
}
 .gol_banner_section.slide1 {
     background-image: url(../images/index3/slide1.jpg);
}
 .gol_banner_section.slide2 {
     background-image: url(../images/index3/slide2.jpg);
}
 .gol_banner_section.slide3 {
     background-image: url(../images/index3/slide3.jpg);
}
 .gol_banner_text {
     padding: 0 50px;
}
 .gol_banner_text .gol_bg_title {
     font-size: 28px;
     line-height: 68px;
     letter-spacing: 10px;
     padding: 3px 30px 0;
}
 .gol_banner_text h2 {
     font-size: 92px;
     color: var(--main-bg-color);
     font-weight: 700;
}
 .gol_banner_text .gol_btn {
     margin: 4px 15px 0;
}
 .gol_banner_button {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
}
 .gol_banner_button > div {
     background: rgba(0, 0, 0, 0.60);
     color: var(--main-bg-color);
     width: 41px;
     height: 120px;
     position: absolute;
     z-index: 1;
     writing-mode: vertical-rl;
     display: flex;
     justify-content: center;
     align-items: center;
     letter-spacing: 5px;
     text-transform: uppercase;
     font-size: 19px;
     cursor: pointer;
}
 .gol_banner_button > div:hover {
     background: var(--iny-primary);
}
 .ButtonPrev {
     left: 0;
     padding: 0 3px 0 0;
}
 .ButtonNext {
     right: 0;
     padding: 0 2px 0 0;
}
 .gol_banner_button > div, .gol_banner_button > div:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 6. Partner CSS Start ********************************************************/
 .gol_partner_wrapper {
     padding: 80px 0;
}
/******************************************************** 7. About CSS Start ********************************************************/
 .gol_about_section {
     background: var(--main-bg-color);
     padding: 0 0 15px;
}
 .gol_about_section .row {
     align-items: center;
}
 .video_popup {
     position: relative;
     display: flex;
}
 .video_popup:before {
     position: absolute;
     content: "";
     background: rgba(0, 0, 0, 0.40);
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
}
 .video_icon svg {
     width: 18px;
     fill: var(--main-bg-color);
}
 .video_icon {
     width: 70px;
     height: 70px;
     line-height: 70px;
     display: inline-block;
     background: var(--iny-primary);
     border-radius: 100%;
     text-align: center;
     margin-left: 30px;
     animation: shadow-pulse 2s infinite;
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     margin: auto;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .video_icon svg {
     width: 18px;
     fill: var(--main-bg-color);
}
 @keyframes shadow-pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1);
    }
     100% {
         box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
    }
}
 @keyframes shadow-pulse-big {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    }
     100% {
         box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
 .gol_contact_info {
     display: flex;
     background: var(--iny-primary);
     width: 270px;
     height: 70px;
     line-height: 70px;
     border: none;
     border-radius: 40px;
     margin: auto;
     padding: 0 0 0 70px;
     position: relative;
     color: var(--main-bg-color);
     font-weight: 700;
     font-size: 23px;
     top: -35px;
}
 .gol_contact_info:hover {
     color: var(--main-bg-color);
}
 .gol_contact_info svg {
     width: 30px;
     fill: var(--main-bg-color);
}
 .gol_contact_info span {
     width: 55px;
     height: 55px;
     background: var(--main-green-bg);
     line-height: 55px;
     text-align: center;
     border: none;
     border-radius: 50%;
     position: absolute;
     left: 6px;
     top: 7px;
}
 .gol_about_detail h2 {
     font-size: 38px;
     font-weight: 700;
     margin: 12px 0 3px 0;
}
 .gol_about_detail h6 {
     margin-bottom: 20px;
     font-size: 18px;
     color: var(--main-gol-title-color);
     line-height: 26px;
}
 .gol_about_detail .gol_btn {
     margin-top: 25px;
     margin-bottom: 36px;
}
/******************************************************** 8. Counter CSS Start ********************************************************/

 .gol_counter_icon {
     margin-bottom: 24px;
     padding-bottom: 36px;
     position: relative;
}
 .gol_counter_icon:before {
     position: absolute;
     left: -15px;
     right: -15px;
     height: 1px;
     background: var(--main-black2);
     bottom: 0;
     content: "";
}
 .gol_counter_icon:after {
     position: absolute;
     left: 0;
     right: 0;
     height: 15px;
     width: 15px;
     background: var(--iny-primary);
     bottom: -6px;
     content: "";
     margin: auto;
     border: none;
     border-radius: 50%;
}
 .counter_item {
     margin-bottom: 40px;
}
 .counter_item h2 {
     font-size: 56px;
     color: var(--main-bg-color);
     font-weight: 700;
}
 .counter_item p {
     font-size: 22px;
     color: var(--main-bg-color);
     margin-top: 10px;
}
 .gol_counter_icon img {
     height: 60px!important;
}
 .gol_counter_wrapper .counter_holder {
     position: relative;
}
 .gol_counter_wrapper .counter-holder:before {
     position: absolute;
     left: 0;
     right: 0;
     height: 4px;
     background: url(../images/counter_line.png);
     top: 93px;
     content: "";
     background-position: center;
     background-size: cover;
}
/******************************************************** 9. Service CSS Start ********************************************************/
.gol_services_section .row {
     align-items: center;
}
 .gol_icon_bg {
     width: 100%;
     background-image: url(../images/service_bg.png);
     height: 185px;
     display: flex;
     justify-content: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: bottom center;
     padding-top: 30px;
}
 .gol_icon_bg svg, .gol_icon_bg img {
     height: 70px!important;
     fill: var(--iny-primary);
}
 .gol_service_container {
     background: var(--main-bg-color);
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
     text-align: center;
}
 .service_slider.swiper-container {
     padding: 50px 0;
     cursor: all-scroll;
}
 .gol_service_text {
     padding: 22px 12px 26px;
}
 .gol_service_container:hover .gol_icon_bg {
     background-color: var(--iny-primary);
     background-image: url(../images/service_bg_hover.png);
}
 .gol_service_container:hover .gol_icon_bg svg {
     fill: var(--main-bg-color);
}
 .gol_service_container:hover .gol_icon_bg img {
     filter: brightness(0) invert(1);
}
.gol_btn:focus {
    color: #fff;
}
 .gol_service_container:hover .gol_service_text {
     background-color: var(--iny-primary);
     color: var(--main-bg-color);
}
 .gol_service_container:hover .gol_subHeading, .gol_service_container:hover .gol_readMoreBtn {
     color: var(--main-bg-color);
}
 .gol_service_container:hover .gol_readMoreBtn:before {
     background: var(--main-bg-color);
}
 .gol_service_container:hover .gol_icon_bg, .gol_service_container .gol_icon_bg, .gol_service_container:hover .gol_readMoreBtn:before, .gol_service_container .gol_readMoreBtn:before, .gol_service_container:hover .gol_service_text, .gol_service_container .gol_service_text, .gol_service_container, .gol_service_container:hover, .gol_service_container .gol_icon_bg, .gol_service_container:hover .gol_icon_bg, .gol_service_container:hover .gol_icon_bg svg, .gol_icon_bg svg, .gol_subHeading, .gol_service_container:hover .gol_subHeading, .gol_readMoreBtn, .gol_service_container:hover .gol_readMoreBtn {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
.gol_btn:focus, .gol_btn {
    color: #fff !important;
}
.iny-our_services_img #play-video {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: unset;
}
.gol_btn:hover {color: var(--iny-primary) !important;}
/******************************************************** 10. Why Us CSS Start ********************************************************/
 .gol_whyUs_wrapper, .gol_green_bg {
     background: var(--iny-primary);
     color: var(--main-bg-color);
}
 .gol_whyUs_wrapper .row {
     align-items: center;
}
 .gol_whyUs_container .gol_heading {
     margin-bottom: 41px;
}
 .gol_whyUs_container .gol_heading h2 {
     color: var(--main-bg-color);
     margin: 0 0 7px;
}
 .gol_whyUs_container .gol_heading h2:before {
     background: var(--main-green-light);
}
 .gol_whyUs_container .gol_heading h2:after {
     background: var(--main-bg-color);
}
 .gol_whyUs_container .tabs_nav li {
     border: 1px solid var(--main-green-light);
     padding: 23px 20px 20px;
     margin-top: 20px;
     position: relative;
     background: var(--iny-primary);
}
 .gol_whyUs_container .tabs_nav li.active {
     border-color: var(--main-bg-color);
     background: var(--main-bg-color);
}
 .gol_whyUs_container .tabs_nav li.active a {
     color: var(--main-gol-txt-color);
}
 .gol_whyUs_container .tabs_nav li.active h4 {
     color: var(--main-gol-title-color);
}
 .gol_whyUs_container .tabs_nav li.active:before {
     content: "";
     position: absolute;
     left: -15px;
     z-index: 1;
     border-right: 18px solid var(--main-bg-color);
     border-bottom: 18px solid transparent;
     border-top: 18px solid transparent;
     top: 18px;
     background: transparent;
}
 .gol_whyUs_container .tabs_nav li a {
     color: var(--main-bg-color);
}
 .gol_whyUs_container .tabs_nav li h4 {
     color: var(--main-bg-color);
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 6px;
}
 .single_tab img {
     height: 100%;
     object-fit: cover;
}
 .gol_whyUs_container {
     padding: 72px 65px 80px;
}
.gol_whyUs_container ul.tabs_nav li {
    list-style: none;
}
.gol_whyUs_container ul.tabs_nav {
    padding: 0;
}
/******************************************************** 11. Team CSS Start ********************************************************/
 .gol_team_section {
     position: relative;
     background: var(--main-bg-color);
}
 .gol_team_img_wrapper {
     display: flex;
}
 .gol_team_rtl {
     width: 30px;
}
 .gol_team_img {
     width: calc(100% - 30px);
     position: relative;
}
 .gol_team_img img {
     width: 100%;
}
 .gol_member_designation {
     writing-mode: tb-rl;
     position: relative;
     width: 100%;
     padding-top: 65px;
     line-height: 34px;
}
 .gol_member_designation:before {
     content: "";
     width: 1px;
     height: 50px;
     background: var(--iny-primary);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
}
 .gol_team_social {
     text-align: center;
     margin-top: 27px;
}
.gol_team_social a {
    color: var(--main-gol-txt-color);
    display: block;
}
.gol_member_designation p {
    margin: 0;
}
 .gol_team_social a:hover {
     color: var(--iny-primary);
}
 .gol_team_hover {
     background: rgba(0, 0, 0, 0.80);
     opacity: 0;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     border: none;
     display: flex;
     align-items: center;
     font-weight: 500;
     border-radius: 0;
     -webkit-transform: translateY(-500px);
     -moz-transform: translateY(-500px);
     -ms-transform: translateY(-500px);
     -o-transform: translateY(-500px);
     transform: translateY(-500px);
}
 .gol_team_section:hover .gol_team_hover {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
}
 .gol_team_inner {
     margin: auto;
     text-align: center;
     color: var(--main-bg-color);
}
 .gol_team_info:first-child {
     margin-bottom: 10px;
     padding-bottom: 10px;
     position: relative;
}
 .gol_team_info:first-child:before {
     background: var(--main-black3);
     content: "";
     position: absolute;
     height: 1px;
     width: 60%;
     left: 0;
     right: 0;
     margin: auto;
     bottom: 0;
}
 .gol_team_info {
     width: 100%;
     display: inline-block;
}
 .gol_team_info h6 {
     font-size: 20px;
     color: var(--iny-primary);
}
 .gol_team_info a {
     color: var(--main-bg-color);
     display: inline-block;
     width: 100%;
}
 .gol_team_img_wrapper, .gol_team_img_wrapper:hover, .gol_team_img_wrapper .gol_team_hover, .gol_team_img_wrapper:hover .gol_team_hover, .gol_team_button > div, .gol_team_button > div:hover, .gol_team_button > div svg, .gol_team_button > div:hover svg {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .gol_team_identity a {
     color: var(--main-gol-title-color);
     font-weight: 700;
     font-size: 26px;
     margin-top: 17px;
     display: inline-block;
}
 .gol_team_button > div svg {
     width: 20px;
     fill: var(--main-gol-txt-color);
}
 .swiperPagination {
     width: 100%;
     text-align: center;
     margin: 26px 0 0;
}
 .swiperPagination span.swiper-pagination-bullet {
     width: 30px;
     height: 6px;
     border-radius: 0;
     margin: 0 8px;
     background: var(--main-gray-light);
}
 .swiperPagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: var(--main-green-light);
}
 .gol_team_button {
     position: absolute;
     top: 35%;
     width: 100%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .gol_team_button > div {
     position: absolute;
     cursor: pointer;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
}
 .gol_team_button .swiper-button-next1 {
     right: -40px;
}
 .gol_team_button .swiper-button-prev1 {
     left: -40px;
}
 .gol_team_button > div:hover {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
}
 .gol_team_button > div:hover svg {
     fill: var(--iny-primary);
}
/******************************************************** 12. Testimonial CSS Start ********************************************************/

 .gol_testimonials_section {
     background: rgba(255, 255, 255, 0.14);
     color: var(--main-bg-color);
     padding: 50px 80px;
}
 .gol_client_img {
     display: flex;
     align-items: center;
}
 .gol_client_img img {
     margin: 0 12px;
     width: 60px;
     height: 60px;
     border: none;
     border-radius: 50%!important;
}
.gol_testimonials_section .pagination {
    margin-top: 22px!important;
}
 .gol_client_quote {
     text-align: left;
}
 .gol_testimonial_section {
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
 .gol_testimonial_icon svg {
     height: 20px;
     fill: var(--main-bg-color);
}
 .gol_client_quote h4 {
     color: var(--main-bg-color);
     font-family: 'Cormorant', serif;
     font-size: 22px;
}
 .gol_testimonial_section > p {
     font-size: 18px;
     margin-top: 16px;
     background-image: url(../images/index3/qoute.png);
     background-repeat: no-repeat;
     background-position: center;
}
 .pagination {
     width: 100%;
     display: flex;
     justify-content: center;
     margin: 22px 0 0;
}
 .pagination span.swiper-pagination-bullet {
     width: 26px;
     height: 4px;
     border-radius: 0;
     margin: 0 6px;
     background: var(--main-gray-light);
}
 .pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: var(--main-green-light);
}
/******************************************************** 13. Blog CSS Start ********************************************************/
.gol_blog_img {
     position: relative;
     display: inline-block;
     width: 100%;
}
 .gol_blog_img img {
     width: 100%;
}
 .gol_blog_date {
     background: var(--iny-primary);
     color: var(--main-bg-color);
     width: 122px;
     display: inline-block;
     text-align: center;
     padding: 7px 0;
     position: absolute;
     right: 0;
     top: 20px;
     font-weight: 500;
}
 .gol_blog_info li {
     display: inline-block;
     margin-left: 14px!important;
}
.gol_blog_info li a svg {
    width: 16px;
    margin-right: 10px;
    fill: var(--iny-primary);
}
 .gol_blog_info li:first-child {
     margin-left: 0!important;
}
 .blog_text {
     padding: 25px 0 0;
}
 .gol_blog_info {
     margin-bottom: 11px;
}
 .gol_blog_info li img {
     margin-right: 10px;
     vertical-align: middle;
}
 .gol_blog_info a {
     color: var(--main-gol-txt-color);
}
 .gol_blog_title {
     font-size: 26px;
     font-weight: 700;
}
 .gol_blog_title:hover {
     color: var(--iny-primary);
}
 .gol_blog_thumb {
     background: var(--main-bg-color);
     margin-bottom: 42px;
}
.gol_blog_thumb .blog_text {
    padding: 10px 0 0 0;
}
ul.gol_blog_info {
    margin: 0;
    padding: 0;
}

 .gol_blog_title, .gol_blog_title:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 14. Contact CSS Start ********************************************************/
 .gol_contant_container {
     background: var(--main-bg-color);
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
}
 .gol_contact_form {
     padding: 43px 20px 45px 50px;
}
 .gol_form_field {
     border: 1px solid var(--main-light-blue);
     width: 100%;
     height: 50px;
     margin-top: 30px;
     padding: 0 15px;
}
 textarea.gol_form_field {
     height: 125px;
     padding: 20px 15px;
     resize: none;
}
 .gol_map iframe {
     display: block;
     width: 100%;
     height: 645px;
     margin: 0 auto;
}
 .gol_contact_form h4 {
     font-size: 32px;
     font-weight: 700;
}
 .gol_form_field::placeholder, .gol_form_field::-webkit-input-placeholder {
     color: var(--main-light-blue);
}
 .gol_form_field:-moz-placeholder, .gol_form_field:-ms-input-placeholder {
     color: var(--main-light-blue);
}
 .gol_contact_form .gol_btn {
     margin-top: 21px;
}
 .gol_contact_info_wrapper {
     background: var(--iny-primary);
     color: var(--main-bg-color);
     padding: 50px 30px 41px 30px;
     margin-right: -1px;
}
 .gol_contact_admin img {
     width: 100px;
     height: 100px;
     border: none;
     border-radius: 100%;
}
 .gol_contact_admin {
     text-align: center;
}
 .gol_contact_admin h4 {
     font-size: 20px;
     color: var(--main-bg-color);
     margin: 12px 0 11px;
     line-height: 30px;
}
 .gol_contact_admin ul li {
     display: inline-block;
     margin: 0 3px;
}
 .gol_contact_admin ul li a {
     width: 45px;
     height: 45px;
     border: none;
     border-radius: 100%;
     background: var(--main-green-medium);
     display: inline-block;
     line-height: 45px;
}
 .gol_contact_admin ul li a:hover {
     background: var(--main-bg-color);
}
 .gol_contact_admin ul li a svg {
     height: 20px;
     fill: var(--main-bg-color);
}
 .gol_contact_admin ul li a:hover svg {
     fill: var(--iny-primary);
}
 .gol_contact_admin > a {
     color: var(--main-bg-color);
     font-size: 22px;
     font-weight: 600;
     margin: 16px 0 0;
     display: inline-block;
}
 .gol_contact_time {
     position: relative;
     padding: 27px 0 0;
     margin: 26px 0 0;
}
 .gol_contact_time:before {
     content: "";
     position: absolute;
     top: 0;
     left: -30px;
     right: -30px;
     background: var(--main-bg-color);
     height: 1px;
     opacity: .6;
}
 .gol_contact_time h4 {
     text-align: center;
     color: var(--main-bg-color);
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 7px;
}
 .gol_contact_time ul {
     display: inline-block;
     width: 100%;
}
 .gol_contact_time ul li {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .gol_contact_wrapper {
     margin-top: -275px;
}
/******************************************************** 15. Footer CSS Start ********************************************************/
 .gol_footer_wrapper {
     background-color: var(--main-bg-color);
     padding: 80px 0 45px;
}
 .gol_footer_heading {
     position: relative;
     color: var(--main-link-color);
     font-size: 22px;
     font-weight: 700;
     margin: 12px 0 24px;
     padding: 0 0 11px 0;
}
 .gol_footer_heading:before {
     position: absolute;
     left: 0;
     height: 2px;
     background: var(--main-gray-color);
     bottom: 0;
     content: "";
     width: 90px;
}
 .gol_footer_heading:after {
     position: absolute;
     left: 0;
     height: 4px;
     background: var(--iny-primary);
     bottom: -1px;
     content: "";
     width: 45px;
     border: none;
     border-radius: 6px;
}
 img.footer_logo {
     margin-bottom: 24px;
}
 .gol_address_wrap {
     margin-top: 6px;
}
 .gol_address_wrap h4 {
     font-size: 22px;
     font-weight: 700;
     color: var(--iny-primary);
     margin-bottom: 2px;
}
 .gol_footer_twitter ul li {
     padding-left: 30px;
     margin-bottom: 15px;
     position: relative;
     color: var(--main-link-color);
}
 .gol_footer_twitter li:last-child {
     margin-bottom: 0;
}
 .gol_footer_twitter ul li > span {
     position: absolute;
     left: 0;
     top: 4px;
     font-size: 22px;
     color: var(--iny-primary);
}
 .gol_footer_post li > a {
     width: calc(100% - 95px);
     display: inline-block;
}
 .gol_twitter_date, .gol_post_date {
     color: var(--iny-primary);
}
 .gol_footer_post li {
     position: relative;
     color: var(--main-link-color);
     margin-bottom: 15px;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
}
 .gol_footer_post li:last-child {
     margin-bottom: 0;
}
 .gol_footer_post li img {
     width: 80px;
     height: 80px;
     object-fit: cover;
}
 .gol_footer_menu ul li {
     position: relative;
     padding-left: 20px;
     margin-bottom: 13px;
}
 .gol_footer_menu ul li:last-child {
     margin-bottom: 0;
}
 .gol_footer_menu ul li:before {
     content: "\f105";
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-decoration: inherit;
     position: absolute;
     left: 0;
     top: -2px;
     font-size: 20px;
}
 .gol_widgets a {
     color: var(--main-gol-txt-color);
}
 .gol_widgets a:hover, .gol_copyright_wrapper a {
     color: var(--iny-primary);
}
 .gol_copyright_wrapper {
     background: var(--main-link-color);
     padding: 14px 0 11px;
     color: var(--main-bg-color);
}
/******************************************************** 16. Responsive CSS Start ********************************************************/
 @media (min-width: 1199.98px) {
     .gol_banner_text {
         width: 60%;
         margin: auto;
    }
     .gol_service_heading {
         padding-left: 35%;
         padding-right: 15%;
    }
     .gol_footer_wrapper {
         background-image: url(../images/index3/footer_bg.jpg);
         background-position: bottom right;
         background-repeat: no-repeat;
    }
     .gol_partner_wrapper .container-fluid {
         max-width: 1730px;
    }
     .gol_address_wrap p {
         width: 60%;
    }
}
 @media (min-width: 991.98px) {
     .gol_services_section .col-lg-5 {
         -ms-flex: 0 0 45.33333%;
         flex: 0 0 45.33333%;
         max-width: 45.33333%;
    }
     .gol_services_section .col-lg-7 {
         -ms-flex: 0 0 54.333333%;
         flex: 0 0 54.333333%;
         max-width: 54.33333%;
    }
     .gol_footer_wrapper {
         padding: 230px 0 43px;
         margin-top: -150px;
    }
     ul.sub_menu {
         top: 40px;
    }
     .gol_counter_icon:before {
         content: unset;
    }
}
 @media (max-width: 1799.98px) {
     .gol_footer_wrapper {
         background-image: none;
    }
}
 @media (max-width: 1600px) {
     .gol_whyUs_container {
         padding: 60px 40px 68px;
    }
}
 @media (max-width: 1500px) {
     .gol_whyUs_container {
         padding: 60px 20px 68px;
    }
}
 @media (max-width: 1399px) {
     .gol_whyUs_container {
         padding: 20px 15px 28px;
    }
     .gol_subHeading {
         font-size: 20px;
    }
     .gol_team_button .swiper-button-next1 {
         right: 0;
    }
     .gol_team_button .swiper-button-prev1 {
         left: 0;
    }
     .gol_footer_wrapper {
         background-position: top right;
    }
}
 @media (max-width: 1198.98px) {
     .gol_about_section {
         padding: 0 0 14px;
    }
}
 @media (min-width: 992px) and (max-width: 1199.98px) {
     .main_menu_wrapper ul > li > a {
         padding: 12px 8px;
    }
     .gol_contact_time ul li {
         margin-bottom: 10px;
    }
     .gol_contact_time ul li:last-child {
         margin-bottom: 0;
    }
     .gol_contact_time ul li span {
         width: 100%;
         text-align: center;
    }
     .gol_contact_admin > a {
         font-size: 18px;
    }
     .gol_whyUs_container {
         padding: 20px 0 28px 15px;
    }
     .gol_footer_wrapper {
         padding: 230px 0 41px;
    }
}
 @media (max-width: 991.98px) {
     .gol_search_wrap ul {
         align-items: center;
    }
     .main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
         background: var(--iny-primary);
    }
     .gol_whyUs_container .tabs_nav li.active:before {
         content: unset;
    }
     .gol_contact_form {
         padding: 43px 20px 50px;
    }
     .gol_blog_info li {
         margin-left: 12px;
    }
     .gol_blog_title, .gol_team_identity a, .gol_whyUs_container .tabs_nav li h4 {
         font-size: 22px;
    }
     .gol_team_social {
         margin-top: 12px;
    }
     .gol_member_designation {
         padding-top: 60px;
    }
     .gol_whyUs_container {
         padding: 72px 0 80px;
    }
     .gol_testimonials_section {
         padding: 50px 15px;
    }
     header {
         position: relative;
    }
     .gol_banner_section {
         padding: 220px 0 200px;
    }
     .gol_logo {
         text-align: left;
    }
     .gol_counter_wrapper .counter_holder:before {
         content: unset;
    }
     .gol_partner_wrapper {
         padding: 80px 0 79px;
    }
     .counter_item {
         margin-bottom: 36px;
    }
     .gol_team_wrapper {
         padding: 72px 0 74px;
    }
     .gol_blog_wrapper {
         padding: 72px 0 31px;
    }
     .gol_contact_time {
         padding: 27px 0 0;
         margin: 29px 0 0;
    }
     .gol_footer_wrapper {
         padding: 80px 0 50px;
    }
     .single_tab img {
         height: auto;
         width: 100%;
    }
     .gol_contact_info_wrapper {
         padding: 50px 30px 44px 30px;
    }
}
 @media (max-width: 767.98px) {
     .gol_header_wrapper {
         padding: 11px 0 12px 0;
    }
     .gol_header_info {
         position: relative;
         width: 100%;
         margin: 12px 30px 0px 30px;
    }
     .gol_header_info:before{
         content: unset;
    }
     .gol_banner_text h2 {
         font-size: 40px;
    }
     .gol_banner_text .gol_bg_title {
         font-size: 16px;
         line-height: 20px;
         letter-spacing: 3px;
         padding: 10px;
    }
     .gol_contact_info {
         height: 50px;
         line-height: 50px;
         font-size: 20px;
         top: -26px;
    }
     .gol_contact_info span {
         width: 40px;
         height: 40px;
         line-height: 40px;
         top: 5px;
    }
     .gol_contact_info svg {
         width: 20px;
    }
     .video_icon {
         width: 50px;
         height: 50px;
         line-height: 50px;
    }
     .gol_about_detail h2, .gol_heading h4, .gol_contact_form h4 {
         font-size: 26px;
    }
     .gol_services_section .gol_services {
         padding: 0 15px;
    }
     .gol_bg_title {
         line-height: 30px;
         letter-spacing: 3px;
    }
     .gol_banner_section {
         padding: 200px 0 200px;
    }
     .gol_about_detail {
         margin-top: -16px;
    }
     .gol_about_detail {
         margin-top: -16px;
    }
     .service_slider.swiper-container {
         padding: 35px 0;
    }
     .gol_testimonial_wrapper {
         padding: 74px 0 80px;
    }
     .gol_blog_thumb {
         margin-bottom: 33px;
    }
     .gol_contact_form {
         padding: 44px 20px 50px;
    }
     .gol_whyUs_container {
         padding: 74px 0 80px;
    }
     .gol_team_wrapper {
         padding: 75px 0 74px;
    }
}
 @media (max-width: 575.98px) {
     .gol_banner_text .gol_btn {
         margin: 15px 8px 0;
    }
     .gol_team_social li a {
         padding: 6px 0;
         display: inline-block;
    }
     .menu_btn {
         padding: 15px 0 0;
    }
     .gol_header_wrapper {
         padding: 1px 0 12px 0;
    }
     .gol_banner_section {
         padding: 100px 0 100px;
    }
     .gol_banner_button {
         display: none;
    }
     .gol_banner_text {
         padding: 0;
    }
     .gol_counter_icon:before {
         left: 0;
         right: 0;
    }
}
/* Demo Added */
/* Wedding Demo Added */
 .wed_btn {
     background: var(--main-green-version2);
     color: var(--main-bg-color);
     display: inline-block;
     border: 2px solid transparent;
     border-radius: 30px;
     height: 50px;
     line-height: 46px;
     text-align: center;
     padding: 0 15px;
     width: 170px;
     margin-top: 10px;
     z-index: 0;
     font-weight: 400;
     overflow: hidden;
     position: relative;
     display: inline-table;
}
 .wed_btn:hover {
     color: var(--main-green-version2);
}
 .wed_btn.wed_white {
     background: transparent;
     border: 2px solid var(--main-bg-color);
}
 .wed_btn:hover {
     color: var(--main-green-version2);
}
 .wed_btn span {
     position: absolute;
     width: 25%;
     height: 100%;
     background-color: var(--main-bg-color);
     -webkit-transform: translateY(150%);
     -moz-transform: translateY(150%);
     -ms-transform: translateY(150%);
     -o-transform: translateY(150%);
     transform: translateY(150%);
     border-radius: 50%;
     left: calc((var(--n) - 1) * 25%);
     transition: 0.5s;
     transition-delay: calc((var(--n) - 1) * 0.1s);
     z-index: -1;
}
 .wed_btn:hover span {
     -webkit-transform: translateY(0) scale(2);
     -moz-transform: translateY(0) scale(2);
     -ms-transform: translateY(0) scale(2);
     -o-transform: translateY(0) scale(2);
     transform: translateY(0) scale(2);
}
 .wed_btn span:nth-child(1) {
     --n: 1;
}
 .wed_btn span:nth-child(2) {
     --n: 2;
}
 .wed_btn span:nth-child(3) {
     --n: 3;
}
 .wed_btn span:nth-child(4) {
     --n: 4;
}
 .wed_heading {
     color: var(--main-green-version3);
     font-size: 42px;
     font-weight: 700;
     position: relative;
     padding: 0;
     margin: 0px 0 38px 0;
     font-style: italic;
     line-height: 50px;
}
 #scroll {
     background: var(--main-green-version2);
     color: var(--main-bg-color);
}
 .wed_bottom_shape {
     position: absolute;
     bottom: -9px;
     left: 0;
     right: 0;
     margin: auto;
     background: url(../images/shape_bg.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     z-index: 1;
     height: 80px;
}
 .wed_top_shape {
     position: absolute;
     top: -9px;
     left: 0;
     right: 0;
     margin: auto;
     background: url(../images/shape_bg_bottom.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     z-index: 1;
     height: 80px;
}
 .wed_subHeading {
     color: var(--main-green-version3);
     font-size: 32px;
     font-weight: 700;
     position: relative;
     padding: 0;
     margin: 22px 0 0;
     font-style: italic;
}
 .wed_nav_button {
     width: 100px;
     position: relative;
     display: flex;
     justify-content: space-between;
}
 .wed_nav_button > div {
     position: relative;
     width: 40px;
     height: 40px;
     line-height: 40px;
     border: none;
     border-radius: 50%;
     overflow: hidden;
     cursor: pointer;
}
 .wed_nav_button > div.next {
     text-align: right;
}
 .wed_nav_button > div:before {
     content: "";
     background: var(--main-green-version3);
     width: 18px;
     height: 18px;
     border: none;
     border-radius: 50%;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 3px;
     margin: auto;
     opacity: .3;
}
 .wed_nav_button > div.next:before {
     left: 0;
     right: 0;
     bottom: 0;
}
 .wed_nav_button > div svg {
     width: 22px;
     height: 20px;
     fill: var(--main-green-version3);
     position: relative;
}
 .wed_nav_button > div:hover {
     text-align: center;
}
 .wed_nav_button > div:hover svg {
     fill: var(--main-bg-color);
}
 .wed_nav_button > div:hover:before {
     width: 40px;
     height: 40px;
     opacity: 1;
}
 .wed_nav_button > div:hover, .wed_nav_button > div, .wed_nav_button > div:hover:before, .wed_nav_button > div:before, .wed_nav_button > div:hover svg, .wed_nav_button > div svg {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .response {
     position: unset;
     margin: 0 0 10px;
}
 .single_section {
     width: 100%;
     display: inline-block;
}
/******************************************************** 3. Preloader CSS Start ********************************************************/
 .preloader_active .preloader_holder {
     background-color: var(--main-bg-color);
}
 .preloader_active .preloader_holder .preloader span {
     box-shadow: 0px 0px 0px 0px var(--main-wed-pink);
}
 @-webkit-keyframes loadingCircles{
     0%{
        -webkit-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-wed-pink);
    }
     100%{
        -webkit-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-wed-pink);
    }
}
 @-moz-keyframes loadingCircles{
     0%{
        -moz-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-wed-pink);
    }
     100%{
        -moz-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-wed-pink);
    }
}
 @keyframes loadingCircles{
     0%{
        transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-wed-pink);
    }
     100%{
        transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-wed-pink);
    }
}
 .preloader_open:before, .preloader_open:after {
     background-color: var(--main-bg-color);
}
/******************************************************** 4. Header CSS Start ********************************************************/
 .wed_header_wrapper {
     padding: 0;
     background: var(--main-blue-version4);
     position: unset;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}
 .searchBtn, .searchBtn:focus, .searchBtn:hover {
     color: var(--main-green-version6);
     padding-left: 10px;
}
 .wed_search_wrap .display_flex {
     align-items: center;
}
 .wed_search_wrap .display_flex li {
     display: flex;
}
 .main_menu_wrapper ul > li > a {
     font-weight: 500;
     padding: 30px 20px;
}
 .wed_logo {
     position: relative;
}
 .wed_logo a {
     width: 290px;
     display: inline-block;
     height: 176px;
     position: absolute;
     z-index: 1;
     left: 0;
     background-image: url(../images/logo_bg.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
     text-align: center;
     padding: 15px 0 0;
     top: 0;
}
/******************************************************** 5. Banner CSS Start ********************************************************/
 .wed_banner_wrapper {
     padding: 302px 0 310px;
     position: relative;
     background-color: var(--main-green-version4);
     background-image: url(../images/banner_bg.jpg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}
 .wed_banner_text h6 {
     color: var(--main-wed-pink);
     font-size: 26px;
     letter-spacing: 6px;
     font-weight: 700;
     font-style: italic;
}
 .wed_banner_text h1 {
     font-size: 62px;
     font-weight: 700;
     line-height: 80px;
     color: var(--main-black5);
     font-style: italic;
}
/******************************************************** 6. About CSS Start ********************************************************/
 .wed_about_wrapper {
     background: var(--main-bg-color);
     padding: 80px 0 50px;
}
 .wed_about_wrapper .row {
     align-items: center;
}
 .wed_about_img {
     position: relative;
     display: inline-block;
     width: 100%;
}
 .wed_about_small_img {
     border: 10px solid var(--main-green-version4);
     margin-top: -215px;
     float: right;
     position: relative;
     min-width: 64%;
     max-width: 65%;
}
 .wed_about_time {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
     display: inline-block;
     font-size: 42px;
     position: absolute;
     right: 36px;
     top: 21px;
     text-transform: uppercase;
     font-weight: 700;
     font-style: italic;
     writing-mode: vertical-rl;
     color: var(--main-blue-version5);
     font-family: 'Yantramanav', sans-serif;
}
 .wed_about_detail h3 {
     color: var(--main-wed-pink);
     font-size: 22px;
     letter-spacing: 6px;
     font-weight: 700;
     font-style: italic;
     margin-bottom: 8px;
}
 .wed_about_detail {
     font-size: 18px;
     color: var(--main-black5);
     display: inline-block;
     width: 100%;
}
 .wed_about_detail .wed_btn {
     margin-top: 23px;
}
 img.wed_about_big_img {
     width: calc(100% - 100px);
}
/******************************************************** 7. Married CSS Start ********************************************************/
 .wed_married_wrapper {
     background: var(--main-green-version4);
     padding: 152px 0 113px;
     position: relative;
}
 .wed_married_wrapper .row {
     align-items: center;
}
 .wed_married_img .wed_heading {
     margin: 0;
}
 .wed_married_text {
     position: relative;
}
 .wed_married_text img {
     width: 100%;
}
 .wed_married_hover {
     position: absolute;
     top: 100%;
     left: 0;
     bottom: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.60);
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     visibility: hidden;
}
 .wed_married_text:hover .wed_married_hover {
     top: 0;
     opacity: 1;
     visibility: visible;
}
 .wed_married_text, .wed_married_text:hover .wed_married_hover, .wed_married_text .wed_married_hover, .wed_married_hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 8. Service CSS Start ********************************************************/
 .wed_services_wrapper {
     padding: 80px 0 72px;
     background: var(--main-bg-color);
     position: relative;
}
 .wed_services_section {
     background-color: var(--main-green-version7);
     padding: 50px 20px 40px;
     margin-bottom: 30px;
     position: relative;
     border: none;
     border-radius: 6px;
     overflow: hidden;
     font-family: 'Yantramanav', sans-serif;
     width: 100%;
     min-height: 326px;
     display: flex;
     align-items: center;
}
 .wed_services_section:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: var(--main-link-color);
     opacity: .8;
     visibility: hidden;
}
 .wed_services_section:hover {
     color: var(--main-bg-color);
     background-image: url(../images/serviceimg1.jpg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}
 .wed_services_section:hover:before {
     visibility: visible;
}
 .wed_services_section_inner {
     position: relative;
}
 .wed_services_section:hover .wed_icon_bg {
     display: none;
}
 .wed_icon_bg, .wed_service_border {
     margin-bottom: 0;
     display: inline-block;
}
 .wed_icon_bg svg {
     height: 70px;
     fill: var(--main-wed-pink);
     width: 70px;
}
 .wed_service_border svg {
     width: 60px;
     height: 20px;
     fill: var(--main-green-version3);
}
 .wed_services_section:hover .wed_subHeading {
     color: var(--main-bg-color);
}
 .wed_services_section:hover .wed_subHeading {
     margin-top: 0;
}
 .wed_services_section:hover .wed_service_border svg {
     fill: var(--main-bg-color);
}
 .wed_services_section:hover, .wed_services_section, .wed_services_section:hover .wed_service_border svg, .wed_service_border svg, .wed_services_section:hover .wed_subHeading, .wed_services_section .wed_subHeading, .wed_services_section:hover:before {
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .bullets {
     text-align: center;
     margin-top: 6px;
}
 .bullets .swiper-pagination-bullet {
     width: 14px;
     height: 14px;
     background: transparent;
     border: 1px solid transparent;
     position: relative;
     opacity: 1;
}
 .bullets .swiper-pagination-bullet:before {
     content: "";
     width: 6px;
     height: 6px;
     border: none;
     border-radius: 50%;
     background: var(--main-green-version8);
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     margin: auto;
}
 .wed_services_wrapper .wedingService.swiper-container .bullets .swiper-pagination-bullet {
     margin: 0;
}
 .bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
     border-color: var(--main-green-version8);
}
/******************************************************** 9. Gallery CSS Start ********************************************************/
 .wed_gallery_wrapper {
     padding: 152px 0 144px;
     background: var(--main-wed-pink-bg);
     position: relative;
}
 .wed_gallery_section a {
     position: relative;
     display: inline-block;
}
 .wed_gallery_section a:after {
     content: "";
     position: absolute;
     top: 0px;
     right: 0px;
     left: 0px;
     bottom: 0px;
     background-color: rgba(0, 0, 0, 0.5);
     opacity: 0;
}
 .wed_gallery_section a:hover:after {
     opacity: 1;
    ;
}
 .wed_gallery_section img, .wed_gallery_section, .wed_gallery_section a {
     width: 100%;
}
 .wed_gallery_section a:after, .wed_gallery_section a:hover:after {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .wed_gallery_wrapper .wedingService.swiper-container .bullets .swiper-pagination-bullet {
     margin: 0;
}
/******************************************************** 10. Testimonial CSS Start ********************************************************/
 .wed_testimonial_wrapper {
     width: 100%;
     display: inline-block;
     background: var(--main-bg-color);
     position: relative;
     padding: 80px 0 1px;
}
 .wed_testimonial_wrapper .wed_heading {
     margin: 0px 0 20px 0;
}
 .wed_testimonial_section {
     padding: 0 55px 35px;
     margin-bottom: 35px;
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     font-size: 18px;
     line-height: 28px;
     color: var(--main-link-color);
     font-weight: 600;
     font-style: italic;
}
 .wed_testimonials_section .wed_nav_button {
     width: 60%;
     margin: auto;
     position: absolute;
     left: 0;
     right: 0;
     z-index: 2;
     top: 104px;
}
 .wed_testimonial_img {
     width: 250px;
     height: 250px;
     border: none;
     border-radius: 50%;
     background: url(../images/testimonial_img_bg.png);
     background-repeat: no-repeat;
     background-position: center;
     display: inline-block;
     position: relative;
     line-height: 250px;
}
 .wed_testimonial_img img {
     width: 170px;
     height: 170px;
     border: 5px solid var(--main-bg-color);
     border-radius: 50%;
}
 .wed_testimonial_img:before {
     content: url(../images/testimonial_flower.png);
     position: absolute;
     left: 0;
     top: 0;
}
 .wed_testimonials_quote {
     width: 46%;
     margin: auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .wed_testimonial_border {
     display: inline-block;
     width: 100%;
     text-align: center;
     margin-top: 8px;
}
 .wed_testimonial_border svg {
     fill: var(--main-green-version3);
     height: 20px;
     width: 100px;
}
 .wed_quote1_img {
     margin-top: -46px;
}
 .wed_quote2_img {
     margin-top: 46px;
}
 .wed_testimonials_quote > img {
     opacity: .40;
}
 .wed_testimonial_wrapper .wed_subHeading {
     margin-top: 16px;
}
 .wed_testimonial_section {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 11. Counter CSS Start ********************************************************/
 .wed_counter_wrapper {
     width: 100%;
     display: inline-block;
     background: var(--main-green-version4);
     padding: 124px 0 87px;
     position: relative;
}
 .wed_counter_icon {
     position: relative;
     width: 150px;
     height: 100px;
     text-align: center;
     margin: auto;
     margin-bottom: 26px;
}
 .wed_counter_icon img {
     position: absolute;
     height: 100%;
     left: 0;
     right: 0;
     margin: auto;
}
 .wed_counter_icon h1 {
     color: var(--main-green-version2);
     font-size: 56px;
     line-height: 100px;
     position: relative;
     z-index: 1;
     font-weight: 900;
}
 .counter_item {
     font-size: 22px;
     color: var(--main-green-version3);
     font-family: 'Yantramanav', sans-serif;
}
/******************************************************** 12. Blog CSS Start ********************************************************/
 .wed_blog_wrapper {
     padding: 72px 0 72px;
}
 .wed_blog_img {
     position: relative;
     display: inline-block;
     width: 100%;
}
 .wed_blog_img img {
     width: 100%;
}
 .wed_blog_info li {
     display: inline-block;
     margin-left: 14px;
}
 .wed_blog_info li:first-child {
     margin-left: 0;
}
 .blog_text {
     padding: 25px 0 0;
}
 .wed_blog_info {
     margin-bottom: 11px;
}
 .wed_blog_info li img {
     margin-right: 10px;
     vertical-align: middle;
}
 .wed_blog_info a {
     color: var(--main-green-version3);
     font-family: 'Yantramanav', sans-serif;
}
 .wed_blog_title {
     font-size: 24px;
     font-weight: 700;
     color: var(--main-green-version3);
     font-style: italic;
}
 .wed_blog_title:hover {
     color: var(--main-green-version2);
}
 .wed_blog_thumb {
     background: var(--main-bg-color);
     margin-bottom: 28px;
}
 .wed_blog_title, .wed_blog_title:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .wed_blog_wrapper .swiper-container .bullets .swiper-pagination-bullet {
     margin: 0;
}
/******************************************************** 13. Contact CSS Start ********************************************************/
 .wed_contact_Wrapper {
     padding: 150px 0 112px;
     background: var(--main-wed-pink-bg);
     position: relative;
}
 .wed_contact_Wrapper .wed_subHeading {
     margin: 0 0 21px;
}
 .wed_contact_Wrapper .wed_btn {
     margin-top: 0;
}
 .wed_form_field {
     border: none;
     width: 100%;
     height: 50px;
     margin-bottom: 30px;
     padding: 0 30px;
     background: var(--main-pink-version1);
     font-weight: 700;
     font-style: italic;
     border-radius: 40px;
     color: var(--main-pink-version2);
}
 textarea.wed_form_field {
     height: 210px!important;
     padding: 22px 30px!important;
     resize: none!important;
     border-radius: 10px!important;
     margin: 0!important;
}
 .wed_form_field::placeholder, .wed_form_field::-webkit-input-placeholder {
     color: var(--main-pink-version2);
}
 .wed_form_field:-moz-placeholder, .wed_form_field:-ms-input-placeholder {
     color: var(--main-pink-version2);
}
 .wed_contact_info_wrapper ul li {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
     justify-content: space-between;
     margin-bottom: 40px;
}
 .wed_contact_info_wrapper ul li:last-child {
     margin-bottom: 0;
}
 .wed_contact_info_icon {
     display: inline-block;
     width: 70px;
     height: 70px;
     line-height: 56px;
     border: 6px solid var(--main-pink-version3);
     text-align: center;
     border-radius: 50%;
}
 .wed_contact_info_icon svg {
     height: 20px;
     width: 20px;
     fill: var(--main-green-version3);
}
 .wed_contact_info_wrapper ul li .wed_contact_info_text {
     font-size: 24px;
     position: relative;
     font-style: italic;
     display: inline-block;
     width: calc(100% - 70px);
     padding: 0 0 0 20px;
}
 .wed_contact_info_wrapper ul li .wed_contact_info_text a {
     color: var(--main-green-version3);
     font-size: 24px;
     font-weight: 700;
     position: relative;
     padding: 0;
     font-style: italic;
     display: inline-block;
     width: 100%;
     line-height: 30px;
}
 .wed_contact_info_wrapper, textarea.wed_form_field, .wed_contact_Wrapper .wed_btn {
     margin-bottom: 30px;
}
/******************************************************** 14. Newsletter CSS Start ********************************************************/
 .wed_newsletter_wrapper {
     padding: 80px 0 0;
     position: relative;
     width: 100%;
     display: inline-block;
     background: var(--main-bg-color);
}
 .wed_newsletter_heading h1 {
     color: var(--main-green-version3);
     font-size: 46px;
     font-weight: 700;
     margin-bottom: 0;
}
 .wed_subscribe_holder {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     position: relative;
}
 .wed_subscribe_holder input {
     border: none;
     height: 60px;
     padding: 0 200px 0 30px;
     width: 100%;
     line-height: 60px;
     background: var(--main-green-version4);
     color: var(--main-green-version2);
     border-radius: 40px;
     font-style: italic;
}
 .wed_subscribe_holder input::placeholder {
     color: var(--main-green-version2);
     opacity: .6;
}
 .wed_subscribe_holder .wed_btn {
     margin: 0;
     position: absolute;
     right: 5px;
     height: auto;
     top: 5px;
     bottom: 5px;
}
 .wed_contact_info_wrapper ul li:hover .wed_contact_info_icon {
     background: var(--main-green-version3);
     border-color: var(--main-green-version3);
}
 .wed_contact_info_wrapper ul li:hover .wed_contact_info_icon svg {
     fill: var(--main-bg-color);
}
 .wed_contact_info_wrapper ul li:hover .wed_contact_info_icon, .wed_contact_info_wrapper ul li .wed_contact_info_icon {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 15. Footer CSS Start ********************************************************/
 .wed_footer_main_wrapper {
     padding: 48px 0 0;
     position: relative;
     width: 100%;
     display: inline-block;
}
 .wed_footer_main_wrapper .wed_subHeading {
     margin-top: 20px;
}
 .wed_copyright_wrapper {
     padding: 17px 0 14px;
     color: var(--main-bg-color);
     position: relative;
     margin-top: 71px;
     background: var(--main-brown-version1);
     font-family: 'Yantramanav', sans-serif;
}
/******************************************************** 23. Blog Single Page Start *******************************************************/
 .blogPage_wrapper.blogPageSingleWrapper {
     padding: 80px 0 21px;
}
 .blogPageBlockquote {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .blogPageBlockquote_img {
     width: 160px;
     margin-right: 10px;
     position: relative;
}
 .blogBlockquoteQuate {
     width: calc(100% - 170px);
     color: var(--main-link-color);
     position: relative;
     text-align: center;
}
 .blogBlockquoteQuate p, .blogQuateUser {
     text-align: left;
}
 .blogPageBlockquote_img img.blogQuateUser {
     border: 3px solid var(--main-green-version2);
     border-radius: 50%;
     width: 130px;
     height: 130px;
}
 .blogPageBlockquote_img:before {
     content: "\f10e";
     right: 12px;
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-decoration: none;
     color: var(--main-green-version2);
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     width: 40px;
     height: 40px;
     line-height: 32px;
     background: var(--main-bg-color);
     border: 5px solid var(--main-green-version2);
     padding-left: 8px;
     border-radius: 100%;
}
 .blogQuateUser {
     color: var(--main-link-color);
     font-weight: 700;
     font-size: 20px;
     width: 100%;
     display: inline-block;
}
 .blogQuateUser > span {
     color: var(--main-txt-color);
     font-size: 16px;
     font-weight: 400;
}
 .blogBlockquoteQuate:before {
     content: "\f10e";
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-decoration: none;
     color: var(--main-green-version2);
     position: absolute;
     left: 0;
     right: 0;
     font-size: 2%;
     margin: auto;
}
 .blogBlockquoteQuate:before {
     content: "\f10e";
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-decoration: none;
     color: var(--main-green-version2);
     position: absolute;
     left: 0;
     right: 0;
     font-size: 84px;
     margin: auto;
     top: 50%;
     opacity: .1;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
 .blogImgTextContainer {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .blogImgTextContainer img {
     width: 370px;
     display: inline-block;
     margin: 6px 15px 6px 0;
}
 .blogImgTextContainer p {
     display: inline-block;
     width: calc(100% - 385px);
}
 .blogAuthoreMessageBox {
     background: var(--main-green-version2);
     border: none;
     border-radius: 0;
     padding: 30px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     margin: 74px 0 73px;
     color: var(--main-bg-color);
}
 .blogAuthoreContent h5 {
     color: var(--main-bg-color);
     font-weight: 700;
     font-size: 20px;
}
 .blogAuthoreContent h5 span {
     font-weight: 400;
     font-size: 16px;
}
 .blogAuthoreContent {
     width: calc(100% - 140px);
}
 .blogAuthoreImg {
     width: 110px;
     height: 110px;
     overflow: hidden;
     margin-right: 30px;
}
 .blogAuthoreImg img {
     width: 110px;
     height: 110px;
     border: none;
     border-radius: 100%;
     object-fit: fill;
}
 .blogCommentHolder {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .blogCmntDetail {
     width: calc(100% - 130px);
}
 .blogCmntUser {
     width: 100px;
     height: 100px;
     overflow: hidden;
     margin-right: 30px;
}
 .blogCmntUser img {
     width: 100px;
     height: 100px;
     border: none;
     border-radius: 100%;
     object-fit: fill;
}
 .blogCommnets > ul > li {
     margin-bottom: 26px;
     display: inline-block;
}
 .blogCommnets ul li ul {
     padding-left: 80px;
}
 .blogCommnets > ul > li > ul > li {
     margin-top: 26px;
}
 .blogPageCommentForm {
     margin-top: 43px;
}
 .blogInputFieldInner {
     width: 100%;
     border: 1px solid var(--main-border-color);
     padding: 0 20px;
     height: 50px;
     border-radius: 0;
     display: flex;
}
 textarea.blogInputFieldInner {
     height: 150px;
     resize: none;
     padding: 12px 20px;
}
 .blogInputField {
     margin-bottom: 30px;
}
 .blogPageCommentForm .blogSectionHeading {
     margin-bottom: 40px;
}
 .blogPageCommentForm .theme_btn {
     margin: 0;
}
 .blogCmntReply {
     color: var(--main-green-version2);
     margin-left: 15px;
}
 .blogCmntReply svg {
     width: 16px;
     fill: var(--main-green-version2);
}
 .blogDivider {
     margin: 22px 0;
     display: block;
}
 a.pnt_btn.blogBtn {
     background: var(--main-green-version2);
     color: var(--main-bg-color);
}
 .blogPaginationWrapper {
     text-align: center;
}
 .blogSectionHeading {
     font-size: 32px;
     font-weight: 700;
     margin: 0 0 26px;
}
 .wed_copyright_wrapper a.white:hover {
     color: var(--main-bg-color);
}
/******************************************************** 16. Responsive CSS Start ********************************************************/
 @media (min-width: 991.98px) {
     ul.sub_menu {
         background: var(--main-blue-version4);
         top: 80px;
    }
     .main_menu_wrapper ul > li ul.sub_menu li a {
         padding: 15px 20px 0;
    }
     header.fixed_header {
         position: fixed;
         top: 0;
         right: 0;
         left: 0;
         z-index: 99;
         box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.085);
         padding: 0;
    }
}
 @media (min-width: 1699.98px) {
     .wed_header_wrapper .container-fluid, .wed_banner_wrapper .container-fluid {
         max-width: 1626px;
    }
}
 @media (min-width: 1200px) {
     .wed_married_img {
         padding-left: 100px;
    }
     .wed_heading_wrpper {
         width: 36%;
         margin: auto;
    }
     .wed_married_img .wed_heading_wrpper {
         width: 100%;
    }
     .wed_newsletter_wrapper .wed_heading_wrpper {
         width: 60%;
    }
}
 @media (max-width: 1199.98px) {
     .wed_about_wrapper {
         padding: 75px 0 50px;
    }
     .wed_married_wrapper {
         padding: 140px 0 100px;
    }
     .wed_contact_Wrapper {
         padding: 152px 0 122px;
    }
    .gol_whyUs_container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
 @media (max-width: 991.98px) {
     .main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
         background: var(--main-wed-pink);
    }
     .main_menu_wrapper ul > li > a {
         padding: 15px 20px 0px;
    }
     .wed_subHeading {
         font-size: 22px;
    }
     .wed_testimonials_section .wed_nav_button {
         width: 96%;
    }
     .wed_testimonials_quote {
         width: 85%;
    }
     .menu_btn {
         padding: 18px 0 16px 0;
    }
     .wed_banner_wrapper {
         padding: 202px 0 210px;
         background-position: left;
    }
     .wed_about_wrapper {
         padding: 80px 0 50px;
    }
     .wed_married_wrapper {
         padding: 152px 0 116px;
    }
     .wed_services_wrapper {
         padding: 80px 0 74px;
    }
     .wed_gallery_wrapper {
         padding: 152px 0 146px;
    }
     .wed_testimonial_wrapper {
         padding: 80px 0 4px;
    }
     .wed_counter_wrapper {
         padding: 124px 0 90px;
    }
     .wed_blog_wrapper {
         padding: 74px 0 74px;
    }
     .wed_copyright_wrapper {
         margin-top: 74px;
    }
}
 @media (min-width: 992px) and (max-width: 1199.98px) {
     .wed_about_time {
         -webkit-transform: unset;
         -moz-transform: unset;
         -ms-transform: unset;
         -o-transform: unset;
         transform: unset;
         font-size: 32px;
         position: unset;
         writing-mode: unset;
         margin-top: 30px;
         width: 100%;
    }
}
 @media (max-width: 767.98px) {
     .wed_heading {
         font-size: 30px;
         line-height: 40px;
    }
     .wed_logo a {
         width: 160px;
         height: 100px;
    }
     .wed_logo img {
         height: 45px;
    }
     .wed_banner_wrapper {
         padding: 162px 0 170px;
    }
     .wed_banner_text h1 {
         font-size: 50px;
         line-height: 60px;
    }
     .wed_bottom_shape, .wed_top_shape {
         height: 48px;
    }
     .wed_testimonials_quote {
         width: 100%;
    }
     .wed_testimonial_section {
         padding: 0 15px 35px;
    }
     .wed_about_time {
         -webkit-transform: unset;
         -moz-transform: unset;
         -ms-transform: unset;
         -o-transform: unset;
         transform: unset;
         font-size: 32px;
         position: unset;
         writing-mode: unset;
         margin-top: 30px;
    }
     .menu_btn {
         padding: 12px 0 0;
    }
     .wed_married_wrapper {
         padding: 117px 0 82px;
    }
     .wed_services_wrapper {
         padding: 80px 0 74px;
    }
     .wed_gallery_wrapper {
         padding: 117px 0 111px;
    }
     .wed_testimonial_wrapper {
         padding: 80px 0 7px;
    }
     .wed_counter_wrapper {
         padding: 124px 0 90px;
    }
     .wed_blog_wrapper {
         padding: 74px 0 74px;
    }
     .wed_contact_Wrapper {
         padding: 117px 0 70px;
    }
}
 @media (max-width: 575.98px) {
     .wed_testimonials_section .wed_nav_button {
         top: unset;
         bottom: 0;
    }
     .wed_quote1_img, .wed_quote2_img {
         display: none;
    }
     .wed_testimonials_quote {
         justify-content: center;
    }
     .wed_contact_form form .row {
         flex-direction: column-reverse;
    }
     .wed_contact_info_wrapper ul li .wed_contact_info_text a {
         font-size: 18px;
    }
     .wed_subscribe_holder .wed_btn {
         margin: 15px auto 0;
         position: unset;
    }
     .wed_subscribe_holder input {
         height: 50px;
         line-height: 50px;
         padding: 0 30px;
    }
     .wed_about_small_img {
         min-width: 100%;
         max-width: 10%;
         margin: 0;
    }
     img.wed_about_big_img {
         width: 100%;
         margin-bottom: 30px;
    }
     .menu_btn {
         padding: 13px 0 0;
    }
     .wed_bottom_shape {
         bottom: -10px;
    }
     .wed_top_shape {
         top: -11px;
    }
     .wed_banner_wrapper {
         padding: 132px 0 140px;
         text-align: center;
    }
     .wed_about_wrapper {
         padding: 78px 0 47px;
    }
     .wed_married_wrapper {
         padding: 106px 0 70px;
    }
     .wed_services_wrapper {
         padding: 78px 0 72px;
    }
     .wed_gallery_wrapper {
         padding: 108px 0 101px;
    }
     .wed_testimonial_wrapper {
         padding: 78px 0 68px;
    }
     .wed_counter_wrapper {
         padding: 107px 0 73px;
    }
     .wed_blog_wrapper {
         padding: 72px 0 72px;
    }
     .wed_contact_Wrapper {
         padding: 108px 0 80px;
    }
     .wed_newsletter_wrapper {
         padding: 78px 0 0;
    }
}
/* Wedding Demo Added */
/* Demo Added */
 .vot_btn {
     background: var(--main-charrey-color);
     color: var(--main-bg-color);
     display: inline-block;
     border: 2px solid transparent;
     height: 50px;
     line-height: 50px;
     text-align: center;
     padding: 0 15px;
     min-width: 170px;
     margin-top: 10px;
     z-index: 0;
     overflow: hidden;
     position: relative;
     letter-spacing: .5px;
     font-weight: 400;
     font-family: 'Lato', sans-serif;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
 .vot_btn:hover, .vot_btn.vot_white {
     color: var(--main-charrey-color);
     background: var(--main-bg-color);
}
 .vot_btn.vot_white:hover {
     color: var(--main-charrey-color);
     background: var(--main-bg-color);
}
 .vot_heading {
     margin-bottom: 41px;
}
 .vot_heading h4 {
     font-size: 42px;
     font-weight: 700;
     position: relative;
     margin: 0 0 2px;
     padding: 0;
     color: var(--main-link-color);
}
 .vot_heading.white h4 {
     color: var(--main-bg-color);
}
 .vot_heading p {
     margin-top: 8px;
}
 .vot_subHeading {
     font-size: 38px;
     font-weight: 700;
     color: var(--main-link-color);
     margin-bottom: 13px;
}
 .vot_title {
     color: var(--main-link-color);
     font-weight: 700;
     padding-bottom: 8px;
     font-size: 28px;
     position: relative;
}
 .vot_title:before {
     content: "";
     background: var(--main-charrey-color);
     width: 50px;
     height: 1px;
     bottom: 0;
     left: 0;
     position: absolute;
}
 .vot_title:after {
     content: "";
     background: var(--main-charrey-color);
     width: 75px;
     height: 1px;
     bottom: 3px;
     left: 0;
     position: absolute;
}
 #scroll {
     background: var(--main-charrey-color);
     color: var(--main-bg-color);
}
/******************************************************** 3. Preloader CSS Start ********************************************************/
 .preloader_active .preloader_holder {
     background-color: var(--main-bg-color);
}
 .preloader_active .preloader_holder .preloader span {
     box-shadow: 0px 0px 0px 0px var(--main-charrey-color);
}
 @-webkit-keyframes loadingCircles{
     0%{
        -webkit-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-charrey-color);
    }
     100%{
        -webkit-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-charrey-color);
    }
}
 @-moz-keyframes loadingCircles{
     0%{
        -moz-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-charrey-color);
    }
     100%{
        -moz-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-charrey-color);
    }
}
 @keyframes loadingCircles{
     0%{
        transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-charrey-color);
    }
     100%{
        transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-charrey-color);
    }
}
 .preloader_open:before, .preloader_open:after {
     background-color: var(--main-bg-color);
}
/******************************************************** 4. Header CSS Start ********************************************************/
 .vot_header_top {
     padding: 22px 0 6px;
     background: var(--main-darkBlue-color);
     color: var(--main-bg-color);
}
 .vot_header_info ul {
     display: flex;
     flex-wrap: wrap;
}
 .vot_header_icon svg {
     height: 18px;
     fill: var(--main-charrey-color);
}
 .vot_header_info ul li {
     margin-bottom: 16px;
     margin-left: 80px;
}
 .vot_header_info ul li:first-child {
     margin-left: 0;
}
 .vot_header_info ul li a {
     color: var(--main-bg-color);
}
 .vot_header_icon {
     margin-right: 6px;
}
 .vot_header_wrapper {
     padding: 23px 0;
}
 .vot_header_info ul li a > span {
     color: var(--main-charrey-color);
     margin-right: 4px;
}
 .searchBtn, .searchBtn:focus, .searchBtn:hover {
     color: var(--main-charrey-color);
}
 .vot_header_wrapper .vot_btn {
     min-width: 200px;
     margin: 0 0 0 40px;
     font-family: 'Yantramanav', sans-serif;
     padding: 0 15px 0;
     letter-spacing: 0;
}
 .vot_search_wrap .display_flex {
     align-items: center;
}
 .vot_search_wrap .display_flex li {
     display: flex;
}
/******************************************************** 5. Banner CSS Start ********************************************************/
 .vot_banner_section {
     background-color: var(--main-border-color);
     padding: 15px 0 0;
     position: relative;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .vot_banner_section:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: rgba(28, 32, 44, 0.7);
}
 .vot_banner_section .row {
     align-items: flex-end;
}
 .vot_banner_section.slide1 {
     background-image: url(../images/index4/slide1.jpg);
}
 .vot_banner_section.slide2 {
     background-image: url(../images/index4/slide2.jpg);
}
 .vot_banner_section.slide3 {
     background-image: url(../images/index4/slide3.jpg);
}
 .vot_banner_text {
     padding: 8px 0 31px;
}
 .vot_banner_text h1 {
     font-size: 72px;
     font-weight: 700;
     line-height: 80px;
     margin-bottom: 7px;
}
 .vot_banner_text h1 span {
     color: var(--main-bg-color);
}
 .vot_banner_text p {
     font-size: 18px;
     color: var(--main-gray-text);
}
 .vot_banner_text .vot_btn {
     margin: 22px 0 0;
}
 .vot_banner_button {
     position: absolute;
     top: 43.6%;
     left: 0;
     right: 0;
}
 .vot_banner_button > div {
     background: var(--main-gray-dark);
     color: var(--main-bg-color);
     width: 50px;
     height: 100px;
     position: absolute;
     z-index: 1;
     writing-mode: vertical-rl;
     display: flex;
     justify-content: center;
     align-items: center;
     letter-spacing: 3px;
     text-transform: uppercase;
     font-size: 16px;
     line-height: 14px;
     cursor: pointer;
}
 .vot_banner_button > div:hover {
     background: var(--main-charrey-color);
}
 .ButtonPrev {
     left: 0;
     padding: 0 3px 0 0;
}
 .ButtonNext {
     right: 0;
     padding: 0 2px 0 0;
}
 .vot_banner_button > div, .vot_banner_button > div:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 6. Assistant CSS Start ********************************************************/
 .vot_assistant_wrapper {
     background: var(--main-charrey-color);
     color: var(--main-bg-color);
     width: 100%;
     display: inline-block;
}
 .vot_field_holder {
     width: 100%;
     padding: 0 15px;
}
 .vot_field_holder:last-of-type {
     width: 200px;
}
 .vot_assistant_form form {
     display: flex;
     align-items: center;
     justify-content: center;
}
 .vot_form_field {
     border: 1px solid rgba(255, 255, 255, 0.26);
     width: 100%;
     height: 50px;
     margin-bottom: 30px;
     padding: 0 15px;
     color: var(--main-bg-color);
     background: transparent;
}
 .vot_field_holder label {
     font-size: 18px;
     font-family: 'Cormorant', serif;
     font-weight: 500;
     margin-bottom: 13px;
}
 .vot_assistant_inner {
     margin: 20px 5px;
     border: 1px solid rgba(255, 255, 255, 0.26);
     padding: 48px 45px 30px;
}
 .vot_assistant_wrapper .vot_heading {
     margin-bottom: 22px;
}
 .vot_assistant_form form a.vot_btn {
     margin-top: 18px;
}
/******************************************************** 7. About CSS Start ********************************************************/
 .vot_about_section {
     background: var(--main-bg-color);
     padding: 80px 0 50px;
}
 .vot_about_section .row {
     align-items: center;
}
 .vot_about_text > ul > li {
     display: inline-flex;
     margin-right: 60px;
}
 .vot_about_text > ul > li:last-child {
     margin-right: 0;
}
 .int_count2_box {
     color: var(--main-link-color);
     font-size: 18px;
}
 .counter_item h1 {
     font-size: 38px;
     color: var(--main-charrey-color);
     font-weight: 700;
     background-repeat: no-repeat;
     background-position: center top;
     padding: 0px 0 13px;
     margin: 6px 0 4px;
     text-align: center;
}
 .back_img1 {
     background-image: url(../images/index4/01.png);
}
 .back_img2 {
     background-image: url(../images/index4/02.png);
}
 .back_img3 {
     background-image: url(../images/index4/03.png);
}
 .vot_about_img {
     text-align: right;
}
 .vot_about_img img {
     position: relative;
     z-index: 1;
     margin: 40px 0 0;
     width: calc(100% - 40px);
}
 .vot_about_img:before {
     content: "";
     position: absolute;
     left: 0;
     background: var(--main-charrey-color);
     z-index: 0;
     width: calc(100% - 40px);
     top: 0;
     bottom: 40px;
     right: 0;
     opacity: .6;
}
/******************************************************** 8. Service CSS Start ********************************************************/
.vot_services_sectionBg {
     content: "";
     background-color: var(--main-charrey-color);
     background-position: center;
     background-size: 40%;
     background-repeat: no-repeat;
}
 .vot_services_sectionBg.service1 {
     background-image: url(../images/index4/service1.svg);
}
 .vot_services_sectionBg.service2 {
     background-image: url(../images/index4/service2.svg);
}
 .vot_services_sectionBg.service3 {
     background-image: url(../images/index4/service3.svg);
}
 .vot_services_sectionBg.service4 {
     background-image: url(../images/index4/service4.svg);
}
 .vot_services_sectionBg.service5 {
     background-image: url(../images/index4/service5.svg);
}
 .vot_services_sectionBg.service6 {
     background-image: url(../images/index4/service6.svg);
}
 .vot_services_sectionBg a {
     color: var(--main-vot-text-color);
}
 .vot_services_section {
     background-color: var(--main-bg-color);
     padding: 30px 30px 21px;
     margin-bottom: 30px;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
     position: relative;
}
 .vot_services_sectionBg:hover .vot_services_section {
     background-color: transparent;
     color: var(--main-bg-color);
}
 .vot_icon_bg {
     height: 65px;
     width: 65px;
     line-height: 65px;
     display: inline-block;
     background: var(--main-pink-color);
     border: none;
     border-radius: 50%;
     text-align: center;
     margin-right: 20px;
}
 .vot_icon_bg svg {
     height: 34px;
     fill: var(--main-charrey-color);
}
 .vot_services_inner {
     display: flex;
     align-items: center;
     margin-bottom: 10px;
}
 .vot_services_inner .vot_title:before, .vot_services_inner .vot_title:after {
     background: var(--main-gray-version);
}
 .vot_services_sectionBg:hover .vot_services_inner .vot_title:before, .vot_services_sectionBg:hover .vot_services_inner .vot_title:after{
     background-color: var(--main-bg-color);
}
 .vot_services_sectionBg:hover .vot_title {
     color: var(--main-bg-color) 
}
 .vot_services_sectionBg, .vot_services_sectionBg:hover, .vot_services_sectionBg .vot_services_section, .vot_services_sectionBg:hover .vot_services_section, .vot_services_inner .vot_title:before, .vot_services_inner .vot_title:after, .vot_services_sectionBg:hover .vot_services_inner .vot_title:before, .vot_services_sectionBg:hover .vot_services_inner .vot_title:after {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 9. Case Study CSS Start ********************************************************/
 .vot_caseStudy_wrapper {
     padding: 69px 0 50px;
     background: var(--main-bg-color);
}
 .vot_caseStudy_wrapper .row {
     align-items: center;
}
 .vot_study_desc {
     margin-bottom: 20px;
}
 .vot_caseStudy_container > h4, .vot_caseStudy_laws .tabs_content h6 {
     color: var(--main-link-color);
     font-weight: 700;
     font-size: 32px;
     margin-bottom: 5px;
}
 .vot_caseStudy_laws {
     display: flex;
     border: 1px solid var(--main-gym-border);
     flex-wrap: wrap;
}
 .vot_caseStudy_laws .tabs_nav {
     width: 170px;
     border-right: 1px solid var(--main-gym-border);
     padding: 0;
}
.vot_caseStudy_laws .tabs_nav li {
    list-style: none;
}

.vot_caseStudy_laws .tabs_nav {
    width: 170px;
    border-right: 1px solid var(--main-gym-border);
    padding: 0;
}
 .vot_caseStudy_laws .tabs_content {
     width: calc(100% - 170px);
     padding: 30px;
     height: 300px;
     overflow-y: auto;
}
 .vot_caseStudy_laws .tabs_content::-webkit-scrollbar {
     width: 4px;
}
 .vot_caseStudy_laws .tabs_content::-webkit-scrollbar-track {
     background-color: var(--main-gym-border);
}
 .vot_caseStudy_laws .tabs_content::-webkit-scrollbar-thumb {
     background-color: var(--main-charrey-color);
     border: none;
     border-radius: 20px;
}
 .vot_caseStudy_laws .tabs_nav li a {
     color: var(--main-link-color);
     font-weight: 700;
     font-size: 20px;
     display: inline-block;
     font-family: 'Cormorant', serif;
     padding: 0 20px;
     width: 100%;
     position: relative;
     height: 50px;
     line-height: 50px;
     border-bottom: 1px solid var(--main-gym-border);
}
 .vot_caseStudy_laws .tabs_nav li:last-child a {
     border-bottom: none;
}
 .vot_caseStudy_laws .tabs_nav li.active a {
     color: var(--main-bg-color);
     background: var(--main-charrey-color);
}
 .vot_caseStudy_laws .tabs_nav li.active a:before {
     content: "";
     position: absolute;
     right: -8px;
     z-index: 1;
     border-left: 8px solid var(--main-charrey-color);
     border-bottom: 8px solid transparent;
     border-top: 8px solid transparent;
     top: 15px;
     background: transparent;
}
/******************************************************** 10. Testimonial CSS Start ********************************************************/
 .vot_testimonial_wrapper {
     position: relative;
     width: 100%;
}
 .vot_testimonials_section {
     background: var(--main-charrey-color);
     color: var(--main-bg-color);
     padding: 50px 50px 18px 50px;
}
 .vot_client_img {
     display: flex;
     align-items: center;
}
 .vot_client_img img {
     margin: 0 12px;
     object-fit: cover;
     border: none;
     border-radius: 100%;
     height: 60px;
     width: 60px;
}
 .vot_client_quote {
     text-align: left;
     line-height: 16px;
}
 .vot_testimonial_section {
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
 .vot_testimonial_icon svg {
     height: 20px;
     fill: var(--main-bg-color);
}
 .vot_client_quote h4 {
     color: var(--main-bg-color);
     font-family: 'Cormorant', serif, serif;
     font-size: 22px;
}
 .vot_testimonial_section > p {
     font-size: 18px;
     margin-top: 24px;
     background-repeat: no-repeat;
     background-position: center;
}
 .pagination {
     width: 100%;
     display: flex;
     justify-content: center;
     margin: 40px 0 0;
}
 .pagination span.swiper-pagination-bullet {
     width: 25px;
     height: 4px;
     border-radius: 0;
     margin: 0 3px;
     background: var(--main-dark-red);
     opacity: 1;
}
 .pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: var(--main-bg-color);
}
 .vot_testimonial_wrapper .vot_heading {
     width: 100%;
}
/******************************************************** 11. Practice Area CSS Start ********************************************************/
  .vot_practice_section {
     background: var(--main-gray-bg);
}
 .vot_practice_section a {
     display: flex;
     flex-wrap: wrap;
     color: var(--main-vot-text-color);
     align-items: center;
}
 .vot_practice_img {
     width: 250px;
}
 .vot_practice_text {
     width: calc(100% - 250px);
     padding: 15px 20px 15px 43px;
}
 .vot_practice_section .vot_title {
     margin-bottom: 14px;
}
 .vot_practice_img img {
     width: 100%;
}
 .vot_practice_section:hover{
     background: var(--main-charrey-color);
}
 .vot_practice_section:hover .vot_title:before, .vot_practice_section:hover .vot_title:after {
     background: var(--main-bg-color);
}
 .vot_practice_section:hover a, .vot_practice_section:hover .vot_title {
     color: var(--main-bg-color);
}
 .vot_practice_section, .vot_practice_section:hover, .vot_practice_section .vot_title, .vot_practice_section:hover .vot_title, .vot_practice_section .vot_title:before, .vot_practice_section .vot_title:after, .vot_practice_section:hover .vot_title:before, .vot_practice_section:hover .vot_title:after {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 12. Team CSS Start ********************************************************/
 .vot_team_section {
     position: relative;
     background: var(--main-bg-color);
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
}
 .vot_team_section:hover {
     background: var(--main-charrey-color);
}
 .vot_team_section:hover .vot_team_identity a, .vot_team_section:hover .vot_team_identity h6 {
     color: var(--main-bg-color);
}
 .team_slider {
     padding-bottom: 27px;
}
 .vot_team_img img {
     width: 100%;
}
 .vot_team_identity {
     padding: 19px 15px 17px;
}
 .vot_team_identity a {
     color: var(--main-link-color);
     font-weight: 700;
     padding-bottom: 8px;
     font-size: 26px;
     position: relative;
     font-family: 'Cormorant', serif;
     display: inline-block;
}
 .vot_team_identity h6 {
     font-family: 'Yantramanav', sans-serif;
     font-weight: 400;
}
 .swiperPagination {
     width: 100%;
     text-align: center;
     margin: 0;
}
 .swiperPagination span.swiper-pagination-bullet {
     width: 25px;
     height: 4px;
     border-radius: 0;
     margin: 0 3px;
     background: var(--main-gray-version2);
}
 .swiperPagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: var(--main-charrey-color);
}
 .vot_team_section, .vot_team_section:hover, .vot_team_section:hover .vot_team_identity a, .vot_team_section:hover .vot_team_identity h6, .vot_team_identity a, .vot_team_identity h6 {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 13. Blog CSS Start ********************************************************/
 .vot_blog_wrapper {
     padding: 69px 0 41px;
}
 .vot_blog_img {
     position: relative;
     display: inline-block;
     width: 100%;
}
 .vot_blog_img img {
     width: 100%;
}
 .vot_blog_info li {
     display: inline-block;
     padding-left: 15px;
     position: relative;
     font-size: 14px;
}
 .vot_blog_info li:before {
     content: "//";
     position: absolute;
     left: 0;
     color: var(--main-charrey-color);
}
 .vot_blog_info li:first-child:before {
     content: unset;
}
 .vot_blog_info li:first-child {
     padding-left: 0;
}
 .blog_text {
     padding: 22px 0 0;
}
 .vot_blog_info {
     margin-bottom: 4px;
}
 .vot_blog_info a {
     color: var(--main-charrey-color);
}
 .vot_blog_title {
     font-size: 28px;
     font-weight: 700;
     color: var(--main-link-color);
     margin-bottom: 6px;
}
 .vot_blog_title:hover {
     color: var(--main-charrey-color);
}
 .vot_blog_thumb {
     background: var(--main-bg-color);
     margin-bottom: 30px;
}
 .vot_blog_title, .vot_blog_title:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 14. Partner CSS Start ********************************************************/
 .vot_partner_wrapper {
     padding: 80px 0;
     background: var(--main-gray-bg);
}
 .vot_partners_container img {
     filter: grayscale(100%);
     height: 92px;
}
 .vot_partners_container:hover img {
     filter: grayscale(0%);
}
 .vot_partners_container:hover img, .vot_partners_container:hover, .vot_partners_container img, .vot_partners_container {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 15. Newsletter CSS Start ********************************************************/
 .vot_newsletter_wrapper {
     padding: 81px 0 60px;
     background-image: url(../images/index4/newsletter_bg.jpg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}
 .vot_newsletter_wrapper .row {
     align-items: flex-end;
}
 .vot_newsletter_heading h1 {
     color: var(--main-bg-color);
     font-size: 38px;
     font-weight: 700;
     margin: 0 0 19px 0;
}
 .vot_newsletter_form {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
}
 .vot_newsletter_form form {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
     width: 75%;
}
 .vot_newsletter_form form label {
     color: var(--main-bg-color);
     font-size: 32px;
     font-weight: 700;
     font-family: 'Cormorant', serif;
     width: 100%;
     margin-bottom: 26px;
     line-height: 28px;
}
 .vot_subscribe_holder {
     width: 100%;
     display: flex;
}
 .vot_subscribe_holder input {
     border: none;
     height: 60px;
     padding: 0 30px;
     width: 100%;
     background: var(--main-dark-red2);
     color: var(--main-bg-color);
}
 .vot_subscribe_holder input::placeholder {
     color: var(--main-bg-color);
     opacity: .3;
}
 .vot_subscribe_holder .vot_btn {
     height: 60px;
     margin: 0;
     line-height: 60px;
}
/******************************************************** 16. Footer CSS Start ********************************************************/
 .vot_footer_wrapper {
     background-color: var(--main-link-color);
     padding: 80px 0 49px;
     color: var(--main-bg-color);
}
 .vot_post_date {
     font-size: 14px;
}
 .vot_footer_heading {
     position: relative;
     color: var(--main-bg-color);
     font-size: 26px;
     font-weight: 600;
     margin: 6px 0 30px;
     padding: 0 0 11px 0;
}
 .vot_footer_heading:before {
     position: absolute;
     left: 0;
     height: 1px;
     background: var(--main-charrey-color);
     bottom: 4px;
     content: "";
     width: 60px;
}
 .vot_footer_heading:after {
     position: absolute;
     left: 0;
     height: 1px;
     background: var(--main-charrey-color);
     bottom: 0;
     content: "";
     width: 45px;
     border: none;
}
 img.footer_logo {
     margin-bottom: 28px;
}
 .vot_address_wrap {
     margin-top: 6px;
}
 .vot_address_wrap h4 {
     font-size: 22px;
     font-weight: 700;
     color: var(--main-charrey-color);
     margin-bottom: 2px;
}
 .vot_footer_twitter ul li {
     padding-left: 30px;
     margin-bottom: 15px;
     position: relative;
     color: var(--main-bg-color);
}
 .vot_footer_twitter li:last-child {
     margin-bottom: 0;
}
 .vot_footer_twitter ul li > span {
     position: absolute;
     left: 0;
     top: 4px;
     font-size: 22px;
     color: var(--main-charrey-color);
}
 .vot_footer_post li > a {
     width: calc(100% - 95px);
     display: inline-block;
}
 .vot_twitter_date, .vot_post_date {
     color: var(--main-charrey-color);
}
 .vot_footer_post li {
     position: relative;
     color: var(--main-link-color);
     margin-bottom: 15px;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
}
 .vot_footer_post li:last-child {
     margin-bottom: 0;
}
 .vot_footer_post li img {
     width: 80px;
     height: 80px;
     object-fit: cover;
}
 .vot_footer_menu ul li {
     position: relative;
     padding-left: 20px;
     margin-bottom: 7px;
     line-height: 26px;
}
 .vot_footer_menu ul li:last-child {
     margin-bottom: 0;
}
 .vot_footer_menu ul li:before {
     content: "\f105";
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-decoration: inherit;
     position: absolute;
     left: 0;
     top: -2px;
     font-size: 20px;
}
 .vot_post_title {
     font-family: 'Cormorant', serif;
     font-size: 20px;
     font-weight: 500;
}
 .vot_widgets a {
     color: var(--main-bg-color);
}
 .vot_widgets a:hover, .vot_copyright_wrapper a {
     color: var(--main-charrey-color);
}
 .vot_copyright_wrapper {
     background: var(--main-black4);
     padding: 12px 0;
     color: var(--main-bg-color);
}
/******************************************************** 17. Responsive CSS Start ********************************************************/
 @media (min-width: 991.98px) {
     ul.sub_menu {
         top: 50px;
    }
     .vot_header_wrapper .vot_btn {
         padding-top: 2px;
    }
     .vot_banner_section .container-fluid {
         max-width: 85%;
    }
     .main_menu_wrapper>ul>li.active > a, .main_menu_wrapper>ul>li:hover > a, ul.sub_menu li:hover a {
         color: var(--main-charrey-color);
    }
}
 @media (max-width: 1884px) {
     .vot_practice_text {
         padding: 15px 15px 15px 30px;
    }
}
 @media (min-width: 1800px) {
     header .container-fluid, .vot_newsletter_wrapper .container-fluid {
         max-width: 1726px;
    }
     .vot_newsletter_heading h1 {
         width: 80%;
    }
}
 @media (max-width: 1799.98px) {
     .main_menu_wrapper ul > li > a {
         padding: 12px 16px;
    }
}
 @media (max-width: 1460px) {
     .reverce_row {
         flex-direction: row-reverse;
    }
}
 @media (max-width: 1460px) and (min-width: 1200px){
     .vot_practice_wrapper .col-xl-4 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 @media (min-width: 1200px) {
     .vot_heading {
         width: 34%;
         margin-left: auto;
         margin-right: auto;
    }
     .vot_banner_section .container-fluid {
         max-width: 1510px;
    }
     .vot_banner_text {
         margin-bottom: 207px;
    }
     .vot_banner_text p {
         width: 80%;
    }
     .vot_banner_section .container-fluid {
         max-width: 1100px;
    }
     .searchBtn {
         margin-left: 10px;
    }
}
 @media (max-width: 1540px) {
     .vot_banner_text {
         margin-bottom: 38px;
    }
}
 @media (min-width: 1540px) {
     .vot_banner_section .container-fluid {
         max-width: 1460px;
    }
}
 @media (min-width: 1599.98px) {
     .vot_banner_section .container-fluid {
         max-width: 1550px;
    }
}
 @media (max-width: 1199.98px) {
     .vot_about_text > ul > li {
         display: inline-flex;
         margin-right: 30px;
    }
     .vot_title {
         font-size: 20px;
    }
     .vot_heading h4 {
         font-size: 38px;
    }
     .vot_newsletter_form form {
         width: 90%;
    }
     .vot_banner_text h1 {
         font-size: 52px;
         line-height: 60px;
    }
     .vot_banner_text {
         margin-bottom: 0;
         padding: 0 0 38px;
    }
     .vot_banner_button {
         top: 38%;
    }
     .vot_assistant_inner {
         padding: 48px 15px 30px;
    }
     .vot_about_section {
         padding: 71px 0 42px;
    }
     .vot_caseStudy_wrapper {
         padding: 71px 0 50px;
    }
     .vot_practice_wrapper {
         padding: 71px 0 80px;
    }
     .vot_team_wrapper {
         padding: 71px 0 71px;
    }
     .vot_blog_wrapper {
         padding: 71px 0 41px;
    }
     .vot_footer_wrapper {
         padding: 80px 0 41px;
    }
}
 @media (min-width: 992px) and (max-width: 1199.98px) {
     .vot_header_icon svg {
         height: 15px;
    }
     .vot_header_info ul li {
         margin-left: 12px;
         font-size: 14px;
    }
     .main_menu_wrapper ul > li > a {
         padding: 12px 8px;
    }
     .vot_header_wrapper .vot_btn {
         min-width: 190px;
         margin: 0 0 0 20px;
    }
}
 @media (max-width: 991.98px) {
     .vot_banner_section {
         padding: 50px 0 0;
    }
     .vot_banner_text {
         padding: 41px 50px;
    }
     .vot_banner_text h1 {
         font-size: 50px;
         line-height: 50px;
    }
     .vot_header_info {
         display: flex;
         justify-content: space-around;
    }
     .vot_search_wrap .display_flex {
         flex-direction: row-reverse;
    }
     .vot_header_wrapper .vot_btn {
         min-width: 170px;
         margin: 0;
    }
     .main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
         background: var(--main-charrey-color);
    }
     .vot_assistant_form form {
         flex-wrap: wrap;
    }
     .vot_caseStudy_img {
         text-align: center;
         margin-bottom: 1px;
    }
     .vot_newsletter_form form {
         width: 100%;
         justify-content: flex-start;
    }
     .menu_btn {
         padding: 18px 0 16px 0;
    }
     .vot_header_top {
         padding: 20px 0 6px;
    }
     .vot_banner_button {
         top: 45%;
    }
     .vot_about_text {
         margin-bottom: 5px;
    }
     .vot_about_section {
         padding: 71px 0 51px;
    }
     .vot_testimonials_section {
         padding: 50px 30px 18px 30px;
    }
     .vot_team_wrapper {
         padding: 71px 0 74px;
    }
     .vot_blog_wrapper {
         padding: 71px 0 43px;
    }
     .vot_assistant_inner {
         padding: 51px 15px 54px;
    }
}
 @media (min-width: 576px) and (max-width: 991.98px) {
     .vot_practice_wrapper .container-fluid .col-xl-4:nth-child(2) .vot_practice_section a {
         flex-direction: row-reverse;
    }
     .vot_practice_wrapper .container-fluid .col-xl-4:nth-child(3) .vot_practice_section a, .vot_practice_wrapper .container-fluid .col-xl-4:nth-child(6) .vot_practice_section a {
         flex-direction: row;
    }
}
 @media (max-width: 767.98px) {
     .vot_header_info ul li {
         margin-left: 15px;
         text-align: center;
         font-size: 14px;
    }
     .vot_about_img img {
         margin: 20px 0 0;
         width: calc(100% - 20px);
    }
     .vot_about_img:before {
         width: calc(100% - 20px);
         bottom: 20px;
    }
     .vot_banner_text {
         text-align: center;
    }
     .vot_banner_text h1 {
         font-size: 40px;
         line-height: 40px;
    }
     .menu_btn {
         padding: 12px 0 0;
    }
     .vot_banner_button {
         top: 44.5%;
    }
     .vot_services_sectionBg {
         background-size: 30%;
    }
     .vot_testimonial_wrapper {
         padding: 71px 0 39px;
    }
     .vot_blog_thumb {
         margin-bottom: 34px;
    }
     .vot_blog_wrapper {
         padding: 71px 0 40px;
    }
}
 @media (max-width: 575.98px) {
     .vot_header_wrapper .vot_btn {
         display: none;
    }
     .vot_header_info ul li {
         margin-left: 0;
         width: 100%;
         text-align: left;
         font-size: 14px;
    }
     .vot_header_icon svg {
         height: 13px;
    }
     .vot_header_info ul {
         width: 100%;
    }
     .vot_about_text > ul > li {
         margin: 0 0 30px;
         width: 100%;
         justify-content: center;
    }
     .vot_caseStudy_laws .tabs_nav, .vot_caseStudy_laws .tabs_content {
         width: 100%;
    }
     .vot_caseStudy_laws .tabs_nav li.active a:before {
         content: unset;
    }
     .vot_practice_text, .vot_practice_img {
         width: 100%;
    }
     .vot_practice_wrapper .container-fluid .col-xl-4:nth-child(4) .vot_practice_section a, .vot_practice_wrapper .container-fluid .col-xl-4:nth-child(5) .vot_practice_section a, .vot_practice_wrapper .container-fluid .col-xl-4:nth-child(6) .vot_practice_section a {
         flex-direction: column-reverse;
    }
     .vot_practice_wrapper .container-fluid {
         padding: 0 30px;
    }
     .vot_practice_wrapper .container-fluid .col-xl-4 {
         margin-bottom: 30px;
    }
     .vot_practice_wrapper .container-fluid .col-xl-4:last-of-type {
         margin-bottom: 0;
    }
     .vot_subscribe_holder {
         flex-wrap: wrap;
    }
     .vot_subscribe_holder .vot_btn {
         margin: 15px 0 0;
         width: 100%;
    }
     .menu_btn {
         padding: 13px 0 0;
    }
     .vot_header_top {
         padding: 18px 0 0;
    }
     .vot_banner_button {
         display: none;
    }
     .vot_banner_text {
         padding: 41px 0px;
    }
     .vot_about_section {
         padding: 71px 0 50px;
    }
     .vot_caseStudy_laws .tabs_nav li:last-child a {
         border-bottom: 1px solid var(--main-gym-border);
    }
}
 @media (min-width: 400px) and (max-width: 575px){
     .vot_team_section {
         width: 80%;
         margin: auto;
    }
}
/* Demo Added */
/* Paint Demo Added */
 .pnt_btn {
     min-width: 170px;
     padding: 0 15px;
     height: 50px;
     line-height: 52px;
     display: inline-block;
     text-align: center;
     color: var(--iny-primary);
     background: var(--main-bg-color);
     text-transform: capitalize;
     font-weight: 500;
     position: relative;
     overflow: hidden;
}
 .pnt_btn:hover {
     color: var(--main-bg-color);
     background: var(--iny-primary);
}
 .pnt_btn, .pnt_btn:focus, .pnt_btn:hover {
     cursor: pointer;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 a#scroll {
     background: var(--iny-primary);
     color: var(--main-bg-color);
}
 .pnt_title {
     font-size: 20px;
     font-weight: 500;
     color: var(--iny-primary);
}
 .white {
     color: var(--main-bg-color);
}
 .pnt_subHeading {
     font-weight: 700;
     font-size: 22px;
     line-height: 34px;
}
 .pnt_icon_bg {
     background: -webkit-linear-gradient(top, var(--main-paint-color1), var(--main-paint-color2));
     width: 70px;
     height: 70px;
     display: inline-block;
     border: none;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .pnt_icon_bg svg {
     fill: var(--main-bg-color);
     width: 30px;
}
 .pnt_heading h2 {
     font-size: 42px;
     font-weight: 500;
     margin-bottom: 37px;
}
 .response {
     position: unset;
     margin: 4px 0 11px;
}
/******************************************************** 3. Preloader CSS Start ********************************************************/
 .preloader_active .preloader_holder {
     background-color: var(--main-bg-color);
}
 .preloader_active .preloader_holder .preloader span {
     box-shadow: 0px 0px 0px 0px var(--iny-primary);
}
 @-webkit-keyframes loadingCircles{
     0%{
        -webkit-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--iny-primary);
    }
     100%{
        -webkit-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--iny-primary);
    }
}
 @-moz-keyframes loadingCircles{
     0%{
        -moz-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--iny-primary);
    }
     100%{
        -moz-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--iny-primary);
    }
}
 @keyframes loadingCircles{
     0%{
        transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--iny-primary);
    }
     100%{
        transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--iny-primary);
    }
}
 .preloader_open:before, .preloader_open:after {
     background-color: var(--main-bg-color);
}
/******************************************************** 4. Header CSS Start ********************************************************/
 .pnt_header_top {
     padding: 12px 0 0;
     background: var(--iny-primary);
     color: var(--main-bg-color);
}
 .pnt_header_info ul {
     display: flex;
     flex-wrap: wrap;
}
 .pnt_header_icon svg {
     width: 20px;
     fill: var(--main-bg-color);
}
 .pnt_header_info ul li {
     margin-bottom: 12px;
     margin-left: 30px;
     font-weight: 500;
     padding-left: 30px;
     position: relative;
}
 .pnt_header_info_left ul li:before {
     content: "";
     position: absolute;
     background: rgba(255, 255, 255, 0.1);
     height: 28px;
     left: 0;
     bottom: 0;
     top: 0;
     margin: auto;
     width: 1px;
}
 .pnt_header_info_left ul li:first-child:before {
     content: unset;
}
 .pnt_header_info ul li:first-child {
     margin-left: 0;
     padding-left: 0;
}
 .pnt_header_info ul li a {
     color: var(--main-bg-color);
}
 .pnt_header_icon {
     margin-right: 6px;
}
 .pnt_header_wrapper {
     padding: 20px 0;
}
 .searchBox {
     background: rgba(6, 135, 170, 0.95);
}
/******************************************************** 5. Banner CSS Start ********************************************************/
 .pnt_banner_wrapper {
     position: relative;
     background: url(../images/index2/banner_bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 100%;
     padding: 200px 90px 350px;
}
 .pnt_banner_text h6 {
     color: var(--iny-primary);
     font-size: 22px;
     font-weight: 500;
}
 .pnt_banner_text h6 {
     color: var(--iny-primary);
     font-size: 22px;
     font-weight: 500;
     line-height: 24px;
}
 .pnt_banner_text h2 {
     font-size: 62px;
     font-weight: 700;
}
 .pnt_banner_text .pnt_btn {
     margin-top: 11px;
}
/******************************************************** 6. Call To Action CSS Start ********************************************************/
 .pnt_action_section {
     background: var(--main-bg-color);
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
     padding: 50px 30px 41px 30px;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     position: relative;
}
 .pnt_action_section.center {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     z-index: 1;
     padding: 60px 30px 51px 30px;
}
 .pnt_action_section, .pnt_action_section:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .pnt_action_section h3 {
     font-weight: 700;
     font-size: 28px;
     padding: 0 0 14px;
     margin: 25px 0 14px;
     position: relative;
}
 .pnt_callToAction_wrapper {
     margin-top: -155px;
}
 .pnt_action_section h3:before, .pnt_action_section h3:after {
     content: "";
     background: var(--iny-primary);
     position: absolute;
     height: 2px;
     left: 0;
     right: 0;
     margin: auto;
}
 .pnt_action_section h3:before {
     width: 150px;
     bottom: 6px;
}
 .pnt_action_section h3:after {
     width: 105px;
     bottom: 0;
}
/******************************************************** 7. About CSS Start ********************************************************/
 .pnt_about_section {
     padding: 80px 0 0;
}
 .pnt_about_detail h2 {
     font-size: 42px;
     font-weight: 700;
     margin-bottom: 11px;
}
 .pnt_about_detail h2 span {
     font-weight: 300;
}
 .pnt_about_detail ul li {
     padding-left: 90px;
     position: relative;
     margin-bottom: 21px;
}
 .pnt_about_detail ul li:first-child {
     margin: 31px 0 21px 0;
}
 .pnt_about_detail ul li .pnt_icon_bg {
     position: absolute;
     left: 0;
     top: 0;
}
 .pnt_about_img {
     background: url(../images/index2/about_bg.png);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     position: relative;
     width: 100%;
}
 .pnt_about_section .row {
     align-items: flex-end;
}
 .pnt_about_detail ul {
     margin-bottom: 50px;
     display: inline-block;
}
 .pnt_about_detail .pnt_subHeading {
     line-height: 22px;
     margin-bottom: 4px;
}
/******************************************************** 8. Counter CSS Start ********************************************************/
 .pnt_counter_icon img {
     height: 40px!important;
}
 .counter_item {
     margin-bottom: 22px;
}
 .counter_item h2 {
     font-size: 42px;
     font-weight: 700;
     color: var(--main-bg-color);
}
 .counter_item p {
     font-size: 18px;
     color: var(--main-bg-color);
}
 .pnt_counter_icon {
     position: relative;
     width: 100px;
     height: 100px;
     margin: auto;
     line-height: 96px;
     border: 3px solid var(--main-gym-text);
     border-radius: 50%;
     margin-bottom: 16px;
     display: block;
     cursor: text;
}
 .pnt_counter_icon:after {
     position: absolute;
     content: "";
     width: 100px;
     height: 100px;
     border-radius: 50px 50px 50px 50px;
     border: 3px solid var(--main-bg-color);
     background: transparent;
     left: -3px;
     top: -3px;
}
 .pnt_counter_icon:before {
     position: absolute;
     content: "";
     width: 10px;
     height: 10px;
     border-radius: 100%;
     background: var(--main-bg-color);
}
 .pnt_counter_icon.pnt_counter_one:after {
     -webkit-transform: rotate(-140deg);
     -moz-transform: rotate(-140deg);
     -ms-transform: rotate(-140deg);
     -o-transform: rotate(-140deg);
     transform: rotate(-140deg);
     clip: rect(0px 85px 150px 0px);
}
 .pnt_counter_icon.pnt_counter_one:before {
     left: -6px;
     top: 40px;
}
 .pnt_counter_icon.pnt_counter_two:after {
     -webkit-transform: rotate(-176deg);
     -moz-transform: rotate(-176deg);
     -ms-transform: rotate(-176deg);
     -o-transform: rotate(-176deg);
     transform: rotate(-176deg);
     clip: rect(0px 60px 150px 0px);
}
 .pnt_counter_icon.pnt_counter_two:before {
     left: 26px;
     bottom: -3px;
}
 .pnt_counter_icon.pnt_counter_three:after {
     -webkit-transform: rotate(-122deg);
     -moz-transform: rotate(-122deg);
     -ms-transform: rotate(-122deg);
     -o-transform: rotate(-122deg);
     transform: rotate(-122deg);
     clip: rect(0px 95px 150px 0px);
}
 .pnt_counter_icon.pnt_counter_three:before {
     left: 5px;
     top: 10px;
}
 .pnt_counter_icon.pnt_counter_four:after {
     -webkit-transform: rotate(-130deg);
     -moz-transform: rotate(-130deg);
     -ms-transform: rotate(-130deg);
     -o-transform: rotate(-130deg);
     transform: rotate(-130deg);
     clip: rect(0px 91px 150px 0px);
}
 .pnt_counter_icon.pnt_counter_four:before {
     left: -3px;
     top: 26px;
}
/******************************************************** 9. Service CSS Start ********************************************************/
 .pnt_services_section {
     padding: 75px 0 30px;
}
 .pnt_services {
     margin-bottom: 45px;
}
 .pnt_services_section .pnt_icon_bg {
     border-radius: 50% 50% 0% 50%;
     margin-bottom: 12px;
}
 .pnt_services p {
     margin: 3px 0 0 0;
}
 .pnt_readMoreBtn {
     color: var(--iny-primary);
     font-weight: 500;
     display: inline-block;
     position: relative;
}
 .pnt_readMoreBtn:before {
     content: "";
     position: absolute;
     bottom: 5px;
     background: var(--iny-primary);
     width: 100%;
     height: 1px;
     opacity: .6;
}
/******************************************************** 10. Quote CSS Start ********************************************************/
 .pnt_quote_wrapper {
     background: url(../images/index2/quote_bg.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     width: 100%;
     padding: 75px 0 0;
}
 .pnt_quote_wrapper:before {
     content: "";
     position: absolute;
     background: rgba(0, 0, 0, 0.85);
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}
 .pnt_quote_wrapper .row {
     align-items: flex-end;
}
 .pnt_quote_form {
     padding-bottom: 11px;
}
 .pnt_field_inner {
     width: 100%!important;
     border: 1px solid rgba(255, 255, 255, 0.60)!important;
     background: transparent!important;
     height: 50px!important;
     padding: 0 15px!important;
     color: var(--main-bg-color)!important;
}
 textarea.pnt_field_inner {
     height: 130px;
     padding: 12px 15px;
     margin-bottom: 21px;
}
 .pnt_field_inner:focus {
     border-color: var(--main-bg-color);
}
 .pnt_field_inner, .pnt_field_inner:focus {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 11. FAQ's CSS Start ********************************************************/
 .pnt_faq_wrapper {
     padding: 80px 0 50px;
}
 .pnt_faqs_section a {
     position: relative;
     display: flex;
}
 .pnt_faqs_section a:before {
     position: absolute;
     content: "";
     background: rgba(0, 0, 0, 0.60);
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
}
 .video_icon svg {
     width: 18px;
     fill: var(--main-bg-color);
}
 .video_icon {
     width: 100px;
     height: 100px;
     line-height: 100px;
     display: inline-block;
     background-image: -webkit-linear-gradient(top, var(--main-paint-color1), var(--main-paint-color2));
     border-radius: 100%;
     text-align: center;
     margin-left: 30px;
     animation: shadow-pulse 2s infinite;
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     margin: auto;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .video_icon svg {
     width: 18px;
     fill: var(--main-bg-color);
}
 @keyframes shadow-pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(55, 183, 218, 0.2);
    }
     100% {
         box-shadow: 0 0 0 25px rgba(55, 183, 218, 0);
    }
}
 @keyframes shadow-pulse-big {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    }
     100% {
         box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
    }
}
 .pnt_faq_wrapper .row {
     align-items: center;
}
 .pnt_faqs_question .pnt_heading h2 {
     margin-bottom: 32px;
}
 .faq_list li {
     padding: 0 0 11px;
     border-bottom: 1px solid var(--main-border-color);
     margin-bottom: 15px;
}
 .faq_list li:last-child {
     border-bottom: none;
     margin: 0;
     padding: 0;
}
 .faq_list li > div {
     padding: 3px 0 0px 20px;
}
 .faq_list li a {
     display: inline-block;
     padding: 0 15px 0 20px;
     position: relative;
}
 .faq_list li a h3 {
     font-size: 20px;
     font-weight: normal;
}
 .faq_list li a i {
     position: absolute;
     left: 0;
     width: 20px;
     top: 2px;
     font-weight: 700;
}
 .faq_list li a.collapsed h3 {
     color: var(--main-link-color);
}
 .faq_list li a h3 {
     color: var(--iny-primary);
}
 .faq_list li a i:before {
     content: "\f107";
     color: var(--iny-primary);
}
 .faq_list li a.collapsed i:before {
     content: "\f105";
     color: var(--main-link-color);
}
/******************************************************** 12. Testimonial CSS Start ********************************************************/
 .pnt_testimonials_section {
     padding: 0 30px;
     position: relative;
}
 .pnt_testimonials_section:before {
     position: absolute;
     content: "";
     background: var(--main-bg-color);
     left: 0;
     right: 0;
     bottom: 20px;
     top: 20px;
}
 .pnt_testimonials_section .swiper-container {
     margin: 0 0 -50px;
}
 .pnt_testimonial_section {
     padding: 0 60px;
}
 .pnt_testimonial_inner {
     background: var(--main-bg-color);
     padding: 50px 50px 41px;
     text-align: center;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
     display: inline-block;
}
 .pnt_client_img {
     width: 80px;
     margin: auto;
     height: 80px;
}
 .pnt_client_img img {
     width: 80px;
     object-fit: fill;
     height: 80px;
     border: none;
     border-radius: 100%;
}
 .pnt_testimonial_button {
     position: absolute;
     top: 80px;
     z-index: 1;
     width: 170px;
     margin: auto;
     left: 0;
     right: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .pnt_testimonial_button > div {
     width: 50px;
     font-size: 22px;
     position: absolute;
     cursor: pointer;
     opacity: .6;
}
 .pnt_testimonial_button > div:before {
     content: "";
     position: absolute;
     background: var(--main-txt-color);
     width: 18px;
     height: 2px;
     top: 11px;
     opacity: .6;
}
.pnt_testimonial_button .testTwoButtonNextInner i, .pnt_testimonial_button .testTwoButtonPrevInner i {
    font-size: 14px!important;
}
.pnt_testimonial_button .testTwoButtonNextInner, .pnt_testimonial_button .testTwoButtonPrevInner {
    margin-top: -6.6px;
}
 .testTwoButtonPrev {
     left: 0;
}
 .testTwoButtonNext {
     right: 0;
     text-align: right;
}
 .testTwoButtonNext:before {
     right: 1px;
}
 .pnt_testimonial_button > div:hover {
     color: var(--iny-primary);
     opacity: 1;
}
 .pnt_testimonial_button > div:hover:before {
     background: var(--iny-primary);
     width: 30px;
     opacity: 1;
}
 .pnt_client_quote h4 {
     margin: 12px 0 8px;
     font-weight: 700;
     font-size: 20px;
}
 .testTwoButtonPrev:hover {
     left: -15px;
}
 .testTwoButtonNext:hover {
     right: -15px;
}
 .pnt_testimonial_button, .pnt_testimonial_button:hover, .pnt_testimonial_button > div:hover, .pnt_testimonial_button > div, .pnt_testimonial_button > div:hover:before, .pnt_testimonial_button > div:before {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 13. Steps CSS Start ********************************************************/
 .pnt_steps_section {
     position: relative;
     padding: 20px;
     margin-bottom: 30px;
}
 .pnt_steps_section:before {
     position: absolute;
     content: "";
     background: var(--main-bg-color);
     right: 20px;
     left: 20px;
     top: 0;
     bottom: 0;
     z-index: -1;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}
 .pnt_steps_section:hover:before {
     top: 20px;
     bottom: 20px;
}
 .pnt_steps {
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
     background: var(--main-bg-color);
     padding: 50px 20px 45px;
     margin: 0 -20px;
}
 .pnt_step_count {
     margin-bottom: 12px;
     display: inline-block;
     width: 100%;
     background: url(../images/index2/step_bg.png);
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
}
 .pnt_step_count .pnt_step_name {
     font-size: 18px;
     font-weight: 500;
     color: var(--iny-primary);
     display: block;
}
 .pnt_step_count .pnt_step_counting {
     font-size: 52px;
     line-height: 50px;
     color: var(--iny-primary);
     font-weight: 900;
     display: block;
}
 .pnt_steps p {
     margin: 3px 0 5px;
}
 .pnt_steps_section:hover:before, .pnt_steps_section:hover, .pnt_steps_section:before, .pnt_steps_section {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 14. Call To Action Second CSS Start ********************************************************/
 .pnt_callToActionSecond_wrapper {
     position: relative;
     background: url(../images/index2/callToAction2.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 100%;
     padding: 67px 0 71px;
}
 .pnt_callToActionSecond_wrapper:before {
     content: "";
     position: absolute;
     background: rgba(0, 0, 0, 0.85);
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     display: inline-block;
}
 .pnt_callToActionSecond_text h2 {
     font-size: 52px;
     font-weight: 500;
     line-height: 65px;
}
 .pnt_callToActionSecond_text h6 {
     font-size: 20px;
     font-weight: normal;
     line-height: 30px;
}
 .pnt_callToActionSecond_text .pnt_btn {
     margin-top: 21px;
     color: var(--main-link-color);
}
 .pnt_callToActionSecond_text .pnt_btn:hover {
     color: var(--main-bg-color);
}
/******************************************************** 15. Blog CSS Start ********************************************************/
.pbt_blog_info {
     display: flex;
     flex-wrap: wrap;
     margin: 24px 0 3px;
}
 .pnt_blog_img img {
     width: 100%;
}
 .pbt_blog_info li {
     position: relative;
     padding-left: 8px;
     margin-left: 8px;
}
 .pbt_blog_info li a {
     color: var(--main-txt-color);
}
 .pbt_blog_info li a:hover {
     color: var(--iny-primary);
}
 .pbt_blog_info li:first-child {
     padding-left: 0;
     margin-left: 0;
}
 .pbt_blog_info li:first-child:before {
     content: unset;
}
 .pbt_blog_info li:before {
     content: "";
     position: absolute;
     background: var(--main-txt-color);
     width: 3px;
     height: 3px;
     border: none;
     border-radius: 50%;
     top: 50%;
     transform: translateY(-50%);
     left: 0;
}
 .pnt_blog_thumb p {
     margin: 3px 0 0;
}
 .pnt_blog_thumb {
     margin-bottom: 25px;
}
/******************************************************** 16. Contact CSS Start ********************************************************/
 .pnt_contact_wrapper {
     background: var(--main-bg-color);
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}
 .pnt_contact_info_section {
     position: relative;
     padding: 40px 30px 40px 80px;
     border: 1px solid var(--main-border-color);
     background: var(--main-bg-color);
}
 .pnt_contact_wrapper .pnt_heading h2 {
     margin-bottom: 0;
}
 .pnt_rtl_txt {
     writing-mode: vertical-rl;
     transform: rotate(180deg);
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     text-align: center;
     width: 50px;
     display: flex;
     align-items: center;
     color: var(--main-bg-color);
     justify-content: center;
     font-size: 20px;
     font-weight: 500;
}
 .pnt_rtl_txt.address {
     background: var(--iny-primary);
}
 .pnt_rtl_txt.phone {
     background: var(--main-paint-color3);
}
 .pnt_rtl_txt.main {
     background: var(--main-paint-color4);
}
 .pnt_contact_info_text b {
     font-weight: 500;
     color: var(--main-link-color);
     margin-right: 6px;
     display: inline-block;
}
 .pnt_map iframe {
     display: block;
     width: 100%;
     height: 745px;
     margin: 0 auto;
}
/******************************************************** 17. Footer CSS Start ********************************************************/
 .pnt_footer_wrapper {
     background: var(--main-link-color);
     padding: 75px 0 36px;
     color: var(--main-paint-footer);
}
 .pnt_widgets ul li a {
     color: var(--main-paint-footer);
     position: relative;
}
 .pnt_widgets ul li:hover a {
     color: var(--iny-primary);
}
 .pnt_widgets ul li {
     position: relative;
     padding-left: 20px;
     margin-bottom: 5px;
}
 .pnt_widgets ul li:before {
     position: absolute;
     left: 0;
     content: "";
     width: 5px;
     height: 5px;
     border: none;
     border-radius: 50%;
     top: 50%;
     background: var(--main-paint-footer);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .pnt_widgets ul li a:after {
     position: absolute;
     content: "";
     width: 100%;
     height: 1px;
     background: var(--iny-primary);
     right: 0;
     bottom: 0;
     opacity: 0;
}
 .pnt_widgets ul li a:hover:after {
     opacity: 0.6;
}
 .pnt_widgets .pnt_sub_heading {
     margin-bottom: 19px;
}
 .pnt_widgets ul li a:hover:after, .pnt_widgets ul li a:after {
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .newsletter_wrap {
     position: relative;
     margin: 6px 0 12px;
}
 .newsletter_wrap input {
     background: var(--main-black1);
     border: none;
     width: 100%;
     position: relative;
     height: 50px;
     padding: 0 65px 0 15px;
     color: var(--main-bg-color);
}
 .newsletter_wrap button {
     background: var(--iny-primary);
     border: none;
     color: var(--main-bg-color);
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     width: 50px;
}
 .pnt_copyright_wrapper {
     background: var(--main-black-dark);
     padding: 14px 0 11px;
}
 .pnt_copyright_wrapper a {
     color: var(--iny-primary);
}
 .pnt_widgets h6 {
     font-size: 18px;
     color: var(--main-bg-color);
}
 .pnt_widgets h5 {
     color: var(--main-bg-color);
     font-weight: 700;
     font-size: 26px;
     line-height: 40px;
}
/******************************************************** 18. Responsive CSS Start ********************************************************/
 @media (min-width: 1200px) {
     .pnt_callToAction_wrapper .container {
         max-width: 1140px;
    }
     .pnt_widgets p {
         width: 60%;
    }
}
 @media (min-width: 992px) {
     ul.sub_menu {
         top: 50px;
    }
}
 @media (max-width: 1600px) {
     .pnt_contact_section {
         padding: 56px 30px 37px;
    }
}
 @media (max-width: 1399px) {
     .pnt_contact_section {
         padding: 40px 0 21px;
    }
     .pnt_contact_wrapper .row {
         align-items: center;
    }
}
 @media (max-width: 1199.98px) {
     .pnt_header_info ul li {
         margin-left: 10px;
         font-size: 14px;
         padding-left: 10px;
    }
     .pnt_about_section {
         padding: 75px 0 0;
    }
     .pnt_faq_wrapper {
         padding: 75px 0 41px;
    }
}
 @media (min-width: 992px) and (max-width: 1199.98px) {
     .pnt_contact_info_section {
         padding: 48px 20px 48px 70px;
    }
     .pnt_contact_section {
         padding: 69px 0 50px;
    }
     .pbt_blog_info li {
         padding-left: 6px;
         margin-left: 6px;
    }
}
 @media (max-width: 991.98px) {
     .pnt_search_wrap ul.display_flex {
         align-items: center;
    }
     .pnt_header_info {
         text-align: center;
         display: flex;
         justify-content: center;
    }
     .pnt_header_info ul {
         justify-content: center;
    }
     .main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
         background: var(--iny-primary);
    }
     .pnt_banner_text h2 {
         font-size: 50px;
    }
     .pnt_about_detail h2, .pnt_heading h2 {
         font-size: 30px;
    }
     .pnt_banner_wrapper {
         padding: 147px 0 144px;
    }
     .pnt_callToAction_wrapper {
         margin-top: 80px;
    }
     .pnt_callToAction_wrapper .p-0 {
         padding: 0 15px !important;
    }
     .pnt_testimonial_inner {
         padding: 50px 15px 41px;
    }
     .pnt_testimonial_section {
         padding: 0;
    }
     .pnt_callToActionSecond_text h2 {
         font-size: 32px;
         line-height: 50px;
    }
     .pnt_header_top {
         padding: 12px 0 2px;
    }
     .pnt_about_detail ul {
         margin-bottom: 53px;
    }
     .pnt_faq_wrapper {
         padding: 75px 0 44px;
    }
     .video_icon {
         width: 60px;
         height: 60px;
         line-height: 60px;
    }
     .pnt_callToActionSecond_wrapper {
         padding: 67px 0 74px;
    }
     .pnt_contact_section {
         padding: 34px 0 50px;
    }
     .pnt_footer_wrapper {
         padding: 75px 0 42px;
    }
}
 @media (min-width: 768px) and (max-width: 991.98px) {
     .pnt_action_section {
         padding: 50px 15px 44px 15px;
    }
}
 @media (max-width: 767.98px) {
     .pnt_header_info ul li {
         margin-left: 0;
         padding: 0;
    }
     .pnt_header_info_left ul li:before {
         content: unset;
    }
     .pnt_contact_section {
         padding: 24px 0 50px;
    }
     .pnt_contact_info_section {
         padding: 49px 15px 48px 65px;
    }
     .pnt_about_section .row {
         flex-direction: column-reverse;
    }
     .pnt_header_top {
         padding: 14px 0 2px;
    }
     .pnt_action_section {
         margin-bottom: 30px;
    }
     .pnt_about_section {
         padding: 45px 0 0;
    }
     .pnt_counter_wrapper {
         padding: 80px 0 53px;
    }
     .pnt_faq_wrapper {
         padding: 80px 0 44px;
    }
     .pnt_faqs_question {
         margin-top: -5px;
    }
}
 @media (max-width: 575.98px) {
     .menu_btn {
         padding: 15px 0 0;
    }
     .counter_item {
         margin-bottom: 35px;
    }
}
/* Paint Demo Added */
/* Safty Demo Added */
 .saf_btn, .saf_btn:hover {
    font-size: 16px;
    color: var(--main-bg-color)!important;
    line-height: 41px!important;
    display: inline-block;
    background: var(--main-orange-version1);
    text-transform: capitalize;
    padding: 6px 12px 3px;
    position: relative;
    min-width: 170px;
    text-align: center!important;
    margin: 0 15px;
}
 .saf_btn:before {
     content: "";
     position: absolute;
     left: -11px;
     background: var(--main-orange-version1);
     width: 20px;
     bottom: 0;
     top: 0;
     -webkit-transform: skewX(-15deg);
     -moz-transform: skewX(-15deg);
     -ms-transform: skewX(-15deg);
     -o-transform: skewX(-15deg);
     transform: skewX(-15deg);
}
 .saf_btn:after {
     content: "";
     position: absolute;
     right: -11px;
     background: var(--main-orange-version1);
     width: 20px;
     bottom: 0;
     top: 0;
     -webkit-transform: skewX(-15deg);
     -moz-transform: skewX(-15deg);
     -ms-transform: skewX(-15deg);
     -o-transform: skewX(-15deg);
     transform: skewX(-15deg);
}
.saf_btn:hover::after, .saf_btn:hover:before {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
    transition: all 0.5s;
}
 .saf_heading {
     margin: auto;
     margin-bottom: 41px;
     width: 80%;
}
 .saf_heading h4 {
     font-size: 38px;
     font-weight: 700;
     position: relative;
}
 .saf_heading img {
     margin: 3px 0 6px;
     display: inline-block;
}
 .saf_title {
     font-size: 22px;
     font-weight: 500;
     color: var(--main-orange-version1);
}
 .saf_sub_heading {
     display: inline-block;
     font-size: 22px;
     font-weight: 700;
}
 #scroll {
     background: var(--main-orange-version1);
     color: var(--main-bg-color);
}
/******************************************************** 3. Preloader CSS Start ********************************************************/
 .preloader_active .preloader_holder {
     background-color: var(--main-bg-color);
}
 .preloader_active .preloader_holder .preloader span {
     box-shadow: 0px 0px 0px 0px var(--main-orange-version1);
}
 @-webkit-keyframes loadingCircles{
     0%{
        -webkit-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-orange-version1);
    }
     100%{
        -webkit-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-orange-version1);
    }
}
 @-moz-keyframes loadingCircles{
     0%{
        -moz-transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-orange-version1);
    }
     100%{
        -moz-transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-orange-version1);
    }
}
 @keyframes loadingCircles{
     0%{
        transform: scale(0);
         opacity: 1;
         box-shadow: 0px 0px 0px 10px var(--main-orange-version1);
    }
     100%{
        transform: scale(1);
         opacity: 0;
         box-shadow: 0px 0px 0px 2px var(--main-orange-version1);
    }
}
 .preloader_open:before, .preloader_open:after {
     background-color: var(--main-bg-color);
}
/******************************************************** 4. Header CSS Start ********************************************************/
 .saf_header_wrapper {
     background: var(--main-bg-color);
     padding: 0;
     position: relative;
     display: inline-block;
     width: 100%;
}
 .searchBtn {
     margin-right: 20px;
     padding: 0 10px;
     color: var(--main-bg-color);
}
 .main_menu_parent {
     background: var(--main-orange-version1);
     padding-right: 95px;
     position: relative;
     border: none;
     border-radius: 20px 0 0 0;
}
 .main_menu_parent:before {
     content: "";
     position: absolute;
     left: -11px;
     background: var(--main-orange-version1);
     width: 20px;
     bottom: 0;
     top: 0;
     border: none;
     border-radius: 20px 0 0 0;
     -webkit-transform: skewX(-15deg);
     -moz-transform: skewX(-15deg);
     -ms-transform: skewX(-15deg);
     -o-transform: skewX(-15deg);
     transform: skewX(-15deg);
}
 .header_btn {
     background: var(--main-orange-version2);
     color: var(--main-bg-color);
     height: 68px;
     display: inline-block;
     line-height: 68px;
     min-width: 200px;
     text-align: center;
     font-weight: 500;
}
 .header_btn:hover {
     color: var(--main-orange-version2);
     background: var(--main-bg-color);
}
 .main_menu_wrapper > ul > li > a {
     padding: 12px 17px;
}
 .saf_header_info_wrapper {
     display: inline-block;
     width: 100%;
     padding-right: 95px;
}
 .saf_header_info_wrapper ul {
     justify-content: flex-end;
}
 .saf_header_info_wrapper ul li {
     padding: 12px 0;
     font-weight: 700;
     color: var(--main-orange-version1);
     position: relative;
}
 .saf_header_info_wrapper ul li a {
     font-weight: 500;
}
 .saf_header_info_wrapper ul li:first-child {
     margin-right: 38px;
     padding-right: 38px;
}
 .saf_header_info_wrapper ul li:first-child:before {
     right: 0;
     content: "";
     position: absolute;
     background: var(--main-border-color);
     height: 30px;
     margin: auto;
     width: 1px;
}
 .saf_header_icon {
     width: 26px;
     height: 26px;
     line-height: 24px;
     border: 1px solid var(--main-border-color);
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     margin-right: 6px;
}
 .saf_header_icon svg {
     width: 12px;
     fill: var(--main-orange-version1);
}
 .saf_header_info ul li {
     margin-bottom: 12px;
     margin-left: 60px;
     font-weight: 500;
}
 .saf_header_info ul li:first-child {
     margin-left: 0;
}
 .saf_header_info ul li a {
     color: var(--main-orange-version1);
}
/******************************************************** 5. Banner CSS Start ********************************************************/
 .saf_banner_section {
     background-color: var(--main-border-color);
     padding: 167px 0 0;
     position: relative;
}
 .saf_banner_section:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: rgba(25, 33, 36, 0.9);
}
 .saf_banner_section.slide1 {
     background-image: url(../images/index7/slide1.jpg);
}
 .saf_banner_section.slide2 {
     background-image: url(../images/index7/slide2.jpg);
}
 .saf_banner_section.slide3 {
     background-image: url(../images/index7/slide3.jpg);
}
 .saf_banner_section.slide1, .saf_banner_section.slide2, .saf_banner_section.slide3 {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .saf_banner_section .row {
     align-items: flex-end;
}
 .saf_banner_text {
     padding: 0px 0 287px;
}
 .saf_banner_text h1 {
     font-size: 72px;
     color: var(--main-bg-color);
     font-weight: 700;
     margin: 0 0 18px;
}
 .saf_banner_button {
     position: absolute;
     top: 53%;
     left: 0;
     right: 0;
}
 .saf_banner_button > div {
     background: rgba(255, 255, 255, 0.10);
     color: var(--main-bg-color);
     width: 100px;
     height: 60px;
     position: absolute;
     z-index: 1;
     display: flex;
     justify-content: center;
     align-items: center;
     text-transform: capitalize;
     font-size: 19px;
     cursor: pointer;
}
 .saf_banner_button > div:before {
     content: "";
     background: var(--main-bg-color);
     width: 3px;
     height: 28px;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .ButtonPrev:before {
     left: 0;
}
 .ButtonPrev:after {
     content: "";
     position: absolute;
     right: -20px;
     bottom: 0;
     top: 0;
     width: 0;
     height: 0;
     border-top: 0 solid transparent;
     border-left: 20px solid rgba(255, 255, 255, 0.10);
     border-bottom: 60px solid transparent;
}
 .ButtonNext:after {
     content: "";
     position: absolute;
     left: -20px;
     bottom: 0;
     top: 0;
     width: 0;
     height: 0;
     border-top: 0 solid transparent;
     border-right: 20px solid rgba(255, 255, 255, 0.10);
     border-bottom: 60px solid transparent;
}
 .ButtonNext:before {
     right: 0;
}
 .saf_banner_button > div:hover:before {
     background: var(--main-orange-version1);
}
 .saf_banner_button > div:hover {
     color: var(--main-orange-version1);
}
 .ButtonPrev {
     left: 0;
     padding: 0 3px 0 0;
}
 .ButtonNext {
     right: 0;
     padding: 0 2px 0 0;
}
 .saf_banner_button > div, .saf_banner_button > div:hover, .saf_banner_button > div:before, .saf_banner_button > div:hover:before {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .saf_banner_wrapper .saf_title {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
}
 .saf_banner_wrapper .swiper-slide-active .saf_title {
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 800ms;
     -o-transition-delay: 800ms;
     transition-delay: 800ms;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
}
 .saf_banner_wrapper h1 {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 800ms ease;
     -o-transition: all 800ms ease;
     transition: all 800ms ease;
     -webkit-transform: translateX(-50px);
     -ms-transform: translateX(-50px);
     transform: translateX(-50px);
}
 .saf_banner_wrapper .swiper-slide-active h1 {
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 1000ms;
     -o-transition-delay: 1000ms;
     transition-delay: 1000ms;
     -webkit-transform: translateX(0px);
     -ms-transform: translateX(0px);
     transform: translateX(0px);
}
 .saf_banner_wrapper .saf_btn {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 800ms ease;
     -o-transition: all 800ms ease;
     transition: all 800ms ease;
     -webkit-transform: translateX(80px);
     -ms-transform: translateX(80px);
     transform: translateX(80px);
}
 .saf_banner_wrapper .swiper-slide-active .saf_btn {
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 1000ms;
     -o-transition-delay: 1000ms;
     transition-delay: 1000ms;
     -webkit-transform: translateX(0px);
     -ms-transform: translateX(0px);
     transform: translateX(0px);
}
 .saf_banner_text a.saf_btn {
     margin-left: 20px;
}
/******************************************************** 6. Partner CSS Start ********************************************************/
 .saf_partner_wrapper {
     padding: 80px 0;
     background: var(--main-off-white);
}
 .saf_partners_container img {
     filter: grayscale(100%);
     height: 90px;
}
 .saf_partners_container:hover img {
     filter: grayscale(0%);
}
 .saf_partners_container:hover img, .saf_partners_container:hover, .saf_partners_container img, .saf_partners_container {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 7. About CSS Start ********************************************************/
.saf_about_detail .saf_btn, .saf_about_detail .saf_btn:hover {
     min-width: 120px;
     height: 40px;
     line-height: 44px;
     padding: 0;
}
/******************************************************** 8. Counter CSS Start ********************************************************/
.counter_item h2 {
     font-size: 42px;
     color: var(--main-bg-color);
     font-weight: 700;
     margin-bottom: 3px;
}
 .counter_item p {
     font-size: 18px;
     color: var(--main-bg-color);
}
 .saf_counter_icon {
     width: 100px;
     height: 100px;
     line-height: 100px;
     border: 2px solid var(--main-bg-color);
     margin: auto;
     border-radius: 50%;
     margin-bottom: 13px;
}
 .saf_counter_icon img {
     width: 40px;
     position: relative;
}
 .counter_item, .counter_item:hover .saf_counter_icon, .counter_item:hover, .counter_item .saf_counter_icon {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 9. Service CSS Start ********************************************************/
.saf_services_sectionBg {
     content: "";
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
 .saf_services_sectionBg a {
     color: var(--main-txt-color);
}
 .saf_services_sectionBg.service1 {
     background-image: url(../images/index7/service1.jpg);
}
 .saf_services_sectionBg.service2 {
     background-image: url(../images/index7/service1.jpg);
}
 .saf_services_sectionBg.service3 {
     background-image: url(../images/index7/service1.jpg);
}
 .saf_services_sectionBg.service4 {
     background-image: url(../images/index7/service1.jpg);
}
 .saf_services_sectionBg.service5 {
     background-image: url(../images/index7/service1.jpg);
}
 .saf_services_sectionBg.service6 {
     background-image: url(../images/index7/service1.jpg);
}
 .saf_services_section {
     background-color: var(--main-bg-color);
     padding: 50px 30px 41px;
     margin-bottom: 30px;
     position: relative;
     text-align: center;
     border: 1px solid var(--main-gray-version15);
}
 .saf_services_sectionBg:hover .saf_services_section {
     background-color: rgba(37, 37, 37, 0.8);
     color: var(--main-bg-color);
}
 .saf_icon_bg {
     display: inline-block;
     text-align: center;
     margin-bottom: 24px;
     width: 100%;
}
 .saf_icon_bg svg {
     height: 70px;
     fill: var(--main-orange-version1);
     width: 70px;
}
 .saf_icon_border svg {
     fill: var(--main-orange-version1);
     width: 150px;
     height: 20px;
}
 .saf_service_title {
     font-size: 28px;
     font-weight: 500;
}
 .saf_icon_border {
     display: inline-block;
     margin: 4px 0 8px;
}
 .saf_services_section:before, .saf_services_section:after {
     content: "";
     background: var(--main-orange-version1);
     width: 78%;
     height: 6px;
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     border: none;
     opacity: 0;
}
 .saf_services_section:before {
     top: 0;
     border-radius: 0 0 6px 6px;
}
 .saf_services_section:after {
     bottom: 0;
     border-radius: 6px 6px 0 0;
}
 .saf_services_sectionBg:hover .saf_service_title {
     color: var(--main-bg-color) 
}
 .saf_services_sectionBg:hover .saf_services_section:before, .saf_services_sectionBg:hover .saf_services_section:after {
     opacity: 1;
}
 .saf_services_sectionBg:hover .saf_icon_border svg, .saf_services_sectionBg:hover .saf_icon_bg svg {
     fill: var(--main-bg-color);
}
 .saf_services_sectionBg, .saf_services_sectionBg:hover, .saf_services_sectionBg .saf_services_section, .saf_services_sectionBg:hover .saf_services_section, .saf_services_sectionBg:hover .saf_icon_border svg, .saf_services_sectionBg:hover .saf_icon_bg svg, .saf_icon_border svg, .saf_icon_bg svg, .saf_services_section:before, .saf_services_section:after, .saf_services_sectionBg:hover .saf_services_section:before, .saf_services_sectionBg:hover .saf_services_section:after {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 10. Why Us CSS Start ********************************************************/
 .saf_whyUs_info_icon {
     width: 100px;
     height: 100px;
     line-height: 100px;
     display: inline-block;
     position: relative;
     border: none;
     border-radius: 50%;
     background: var(--main-orange-version1);
     text-align: center;
}
.saf_whyUs_info a.saf_sub_heading {
    color: var(--main-link-color);
}
.saf_whyUs_detail ul {
    padding: 0;
}
 .saf_whyUs_info_icon:before {
     content: "";
     position: absolute;
     left: 10px;
     right: 10px;
     top: 10px;
     bottom: 10px;
     border: 1px dashed var(--main-bg-color);
     border-radius: 50%;
}
 .saf_whyUs_info_icon img {
     height: 40px;
     width: 40px;
}
 .saf_whyUs_detail ul li {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 15px;
     align-items: center;
}
 .saf_whyUs_detail ul li:last-child {
     margin-bottom: 0;
}
 .saf_whyUs_detail ul li .saf_whyUs_info_icon {
     width: 100px;
}
 .saf_whyUs_detail ul li .saf_whyUs_info {
     width: calc(100% - 100px);
     padding-left: 20px;
}
 .saf_whyUs_detail ul li:hover .saf_whyUs_info_icon img {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
}
 .saf_whyUs_detail ul li:hover .saf_whyUs_info .saf_sub_heading {
     color: var(--main-orange-version1);
}
 .saf_whyUs_detail ul li:hover .saf_whyUs_info .saf_sub_heading, .saf_whyUs_detail ul li .saf_whyUs_info .saf_sub_heading {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .saf_whyUs_detail ul li:hover .saf_whyUs_info_icon img, .saf_whyUs_detail ul li .saf_whyUs_info_icon img {
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
}
/******************************************************** 11. Job CSS Start ********************************************************/
 .saf_job_btn_wrap .saf_btn, .saf_job_btn_wrap .saf_btn:hover {
     min-width: 120px;
}
 .saf_job_section {
     border: 1px solid var(--main-gray-version16);
     padding: 15px;
     margin-bottom: 30px;
}
 .saf_job_info_wrap {
     display: flex;
     flex-wrap: wrap;
}
 .saf_job_type {
     font-size: 16px;
     font-weight: 500;
     color: var(--main-orange-version1);
     margin-bottom: 8px;
}
 .saf_job_img {
     width: 230px;
}
 .saf_job_info {
     width: calc(100% - 230px);
     padding: 0px 0 0 20px;
}
 .saf_job_info h4 {
     font-size: 18px;
     color: var(--main-txt-color);
     margin: 5px 0 7px;
}
.saf_job_info ul {
    padding: 0;
}
 .saf_job_info ul li {
     display: inline-block;
     margin-left: 20px;
}
 .saf_job_info ul li:first-child {
     margin-left: 0;
}
 .saf_job_icon svg {
     width: 16px;
     height: 18px;
     fill: var(--main-orange-version1);
     vertical-align: text-bottom;
     margin-right: 10px;
}
 .saf_job_date {
     color: var(--main-txt-color);
     font-size: 18px;
}
.saf_job_info .saf_sub_heading {
    color: var(--main-link-color);
}
 .saf_job_date span {
     font-weight: 500;
     color: var(--main-link-color);
     margin-right: 10px;
}
 .saf_job_section .row, .saf_job_info_wrap {
     align-items: center;
}
 .saf_job_section:hover .saf_sub_heading {
     color: var(--main-orange-version1);
}
 .saf_job_section:hover {
     box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.03);
}
 .saf_job_section .saf_sub_heading, .saf_job_section:hover .saf_sub_heading, .saf_job_section, .saf_job_section:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 12. Call To Action CSS Start ********************************************************/
 .saf_callToAction_wrapper {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     width: 100%;
     padding: 196px 0 181px;
     display: inline-block;
}
.saf_callToAction_text a:before {
    background: transparent!important;
}
 .saf_callToAction_text .video_btn {
     height: 130px;
     display: inline-block;
     width: 130px;
     background: var(--iny-primary);
     border: none;
     border-radius: 50%;
     line-height: 130px;
}
 .saf_callToAction_text .video_btn svg {
     width: 30px;
     height: 30px;
     fill: var(--main-bg-color);
}
 .video_btn {
     animation: shadow-pulse 2s infinite;
}
 @keyframes shadow-pulse {
     0% {
         box-shadow: 0 0 0 10px rgba(251, 157, 92, 0.2);
    }
     100% {
         box-shadow: 0 0 0 25px rgba(251, 157, 92, 0);
    }
}
 @keyframes shadow-pulse-big {
     0% {
         box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
    }
     100% {
         box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
    }
}
 .saf_callToAction_text h1 {
     color: var(--main-bg-color);
     font-size: 52px;
     font-weight: 400;
     margin-top: 8px;
}
 .saf_callToAction_text h1 span {
     font-weight: 700;
}
/******************************************************** 13. Testimonial CSS Start ********************************************************/
 .saf_testimonials_section {
     background: var(--main-bg-color);
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
     position: relative;
     margin: 20px auto;
}
 .saf_testimonials_section:before {
     content: "";
     background: var(--main-orange-version1);
     top: -20px;
     bottom: -20px;
     left: 125px;
     right: 125px;
     position: absolute;
     z-index: 0;
}
 .saf_testimonials_sectionInner {
     position: relative;
     z-index: 1;
     background: var(--main-bg-color);
     padding: 50px 30px 13px;
}
 .gallery-thumbs {
     width: 280px!important;
     margin: auto;
     margin-bottom: 21px;
}
 .saf_testimonial_wrapper .gallery-thumbs .swiper-slide .swiper_client_thumb img, .saf_testimonial_wrapper .gallery-thumbs .swiper-slide {
     width: 60px;
     height: 60px;
     border-radius: 50%;
}
 .saf_testimonial_wrapper .gallery-thumbs .swiper-slide .swiper_client_thumb img {
     border: 3px solid transparent;
}
 .saf_testimonial_wrapper .gallery-thumbs .swiper-slide-active .swiper_client_thumb img, .saf_testimonial_wrapper .gallery-thumbs .swiper-slide-active {
     width: 100px !important;
     height: 100px;
     border-radius: 50%;
}
 .saf_testimonial_wrapper .gallery-thumbs .swiper-slide-active .swiper_client_thumb img, .saf_testimonial_wrapper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .swiper_client_thumb img {
     border: 3px solid var(--main-orange-version1);
}
 .gallery-thumbs .swiper-wrapper {
     display: flex;
     align-items: flex-end;
}
 .saf_client_quote {
     display: flex;
     justify-content: center;
     margin-top: 6px;
     align-items: flex-end;
}
 .swiper-container.gallery-top {
     position: unset;
}
 .saf_client_quote p {
     margin-left: 8px;
     display: inline-block;
}
 .arrow_wrapper > div {
     position: absolute;
     overflow: hidden;
     display: inline-block;
     width: 50px;
}
 .thumbPrev svg {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .arrow_wrapper {
     position: absolute;
     left: 0;
     width: 100%;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .thumbNext {
     right: 0;
}
 .thumbPrev {
     left: 0;
}
 .arrow_wrapper > div svg {
     display: inline-block;
     fill: var(--main-gray-version17);
     position: relative;
}
 .arrow_wrapper > div.thumbPrev svg {
     right: -20px;
}
 .arrow_wrapper > div.thumbNext svg {
     left: -20px;
}
 .arrow_wrapper > div.thumbPrev:hover svg {
     right: -2px;
     fill: var(--main-orange-version1);
}
 .arrow_wrapper > div.thumbNext:hover svg {
     left: -2px;
     fill: var(--main-orange-version1);
}
 .saf_testimonial_section {
     background: url(../images/index7/quote.svg);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     position: relative;
     width: 100%;
     display: inline-block;
     z-index: 1;
     padding-bottom: 30px;
}
 .arrow_wrapper > div svg,.arrow_wrapper > div:hover svg {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     cursor: pointer;
}
/******************************************************** 14. Pricing Table CSS Start ********************************************************/
.saf_price_box {
     width: 100%;
     display: inline-block;
     background: var(--main-bg-color);
     padding: 46px 0 41px;
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
}
 .saf_price_box.saf_price_center {
     box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.18);
}
 .saf_price_box h5 {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 18px;
}
 .saf_price_box h1 {
     font-weight: 900;
     font-size: 62px;
     line-height: 80px;
     margin: 6px 0 10px;
}
 .saf_price_box h1 sub {
     font-size: 16px;
     color: var(--main-txt-color);
     font-weight: normal;
}
 .saf_trial_wrap {
     background: var(--main-orange-version3);
     padding: 16px 0 13px;
     font-weight: 700;
     color: var(--main-orange-version1);
     font-size: 22px;
}
 .saf_price_box ul {
     padding: 16px 0px 13px;
     display: inline-block;
     width: 100%;
}
 .saf_price_box ul li {
     padding: 8px 15px 8px;
}
 .saf_price_box span {
     font-weight: 700;
}
 .saf_price_box .saf_btn, .saf_price_box .saf_btn:hover {
     margin: 0px 0 14px;
     min-width: 120px;
}
 .saf_price_offer_wrap {
     position: absolute;
     right: -50px;
     top: 30px;
     background: var(--main-orange-version1);
     color: var(--main-bg-color);
     font-size: 18px;
     font-weight: 700;
     padding: 8px 50px 8px 56px;
     text-transform: uppercase;
     letter-spacing: 3px;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .saf_price_box:hover {
     -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     -o-transform: translateY(-10px);
     transform: translateY(-10px);
}
 .saf_price_box:hover, .saf_price_box {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
/******************************************************** 15. Blog CSS Start ********************************************************/
 .saf_blog_img {
     position: relative;
     display: inline-block;
     width: 100%;
}
ul.saf_blog_info {
    padding: 0;
}
 .saf_blog_img img {
     width: 100%;
}
 .blogSlider {
     padding-top: 20px;
}
 .saf_blog_date {
     background: var(--main-orange-version1);
     color: var(--main-bg-color);
     width: 62px;
     display: inline-block;
     text-align: center;
     padding: 0px 0;
     position: absolute;
     right: 24px;
     top: -10px;
     height: 50px;
     line-height: 10px;
     font-size: 14px;
     padding-bottom: 6px;
}
 .saf_blog_date:before {
     content: "";
     position: absolute;
     top: 0;
     border-right: 0 solid transparent;
     border-bottom: 10px solid var(--main-orange-version1);
     border-left: 8px solid transparent;
     left: -8px;
}
 .saf_blog_date:after {
     content: "";
     position: absolute;
     top: 0;
     border-left: 0 solid transparent;
     border-bottom: 10px solid var(--main-orange-version1);
     border-right: 8px solid transparent;
     right: -8px;
}
 .saf_blog_date b {
     font-size: 28px;
     display: inline-block;
     width: 100%;
     line-height: 26px;
     margin-top: 6px;
     margin-bottom: 1px;
}
 .saf_blog_info li {
     display: inline-block;
     margin-left: 14px;
}
 .saf_blog_info li:first-child {
     margin-left: 0;
}
 .blog_text {
     padding: 30px 30px 0;
}
 .saf_blog_info {
     margin-bottom: 11px;
}
 .saf_blog_info li:first-child img {
     vertical-align: middle;
     border: none;
     border-radius: 50%;
     width: 30px;
}
 .saf_blog_info li img {
     margin-right: 10px;
     vertical-align: text-top;
}
 .saf_blog_info a {
     color: var(--main-gray-version14);
}
 .saf_blog_title {
     font-size: 22px;
     font-weight: 500;
     line-height: 30px;
}
 .saf_blog_title:hover {
     color: var(--main-orange-version1);
}
 .saf_blog_thumb {
     background: var(--main-bg-color);
     margin-bottom: 30px;
     padding-bottom: 21px;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
}
 .saf_blog_title, .saf_blog_title:hover {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .saf_blog_wrapper .saf_heading {
     width: 100%;
     margin-bottom: 22px;
}
 .blog_arrow_wrapper > div {
     height: 40px;
     width: 40px;
     line-height: 38px;
     text-align: center;
     border: 1px solid var(--main-orange-version1);
     border-radius: 50%;
     cursor: pointer;
}
 .blog_arrow_wrapper > div:hover {
     background: var(--main-orange-version1);
}
 .blog_arrow_wrapper > div > svg {
     height: 15px;
     fill: var(--main-orange-version1);
}
 .blog_arrow_wrapper > div:hover svg {
     fill: var(--main-bg-color);
}
 .blog_arrow_wrapper {
     display: flex;
}
 .blog_arrow_wrapper > div.blogPrev {
     margin-left: 10px;
}
 .blog_arrow_wrapper > div:hover, .blog_arrow_wrapper > div {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .saf_readMore {
     color: var(--main-orange-version1);
     font-weight: 500;
     margin-top: 5px;
     display: inline-block;
}
 .saf_readMore svg {
     height: 10px;
     fill: var(--main-orange-version1);
}
/******************************************************** 16. Footer CSS Start ********************************************************/
 .saf_footer_wrapper {
     background-color: var(--main-gray-version18);
     padding: 72px 0 49px;
     color: var(--main-paint-footer);
}
 img.footer_logo {
     margin: 8px 0 24px;
}
 .saf_address_wrap h4 {
     color: var(--main-orange-version1);
     font-size: 18px;
     font-weight: 500;
     margin-top: 17px;
     margin-bottom: 10px;
}
 .saf_footer_heading {
     position: relative;
     font-size: 24px;
     font-weight: 500;
     color: var(--main-bg-color);
}
 .saf_footer_title img {
     height: 14px;
}
 .saf_footer_title {
     display: inline-block;
     width: 100%;
     margin-top: 2px;
     margin-bottom: 20px;
}
 .saf_newsLetter_wrap {
     position: relative;
}
 .saf_newsLetter_wrap input {
     background: var(--main-black6);
     border: none;
     height: 45px;
     width: 100%;
     padding: 0 20px;
     font-size: 14px;
     color: var(--main-bg-color);
}
 .saf_newsLetter_wrap button {
     position: absolute;
     right: 0;
     bottom: 0;
     top: 0;
     width: 50px;
     color: var(--main-bg-color);
     background: var(--main-orange-version1);
     border: none;
}
 .saf_newsLetter_wrap input::-webkit-input-placeholder {
     color: var(--main-txt-color);
}
 .saf_newsLetter_wrap input::-moz-placeholder {
     color: var(--main-txt-color);
}
 .saf_newsLetter_wrap input:-ms-input-placeholder {
     color: var(--main-txt-color);
}
 .saf_newsLetter_wrap input:-moz-placeholder {
     color: var(--main-txt-color);
}
 .saf_footer_address ul li {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-bottom: 20px;
}
 .saf_footer_address ul li:last-child {
     margin-bottom: 0;
}
 .saf_footer_address ul li span {
     color: var(--main-orange-version1);
     width: 43%;
     font-weight: 500;
}
 .saf_footer_info {
     width: 57%;
}
 .saf_footer_info a {
     display: inline-block;
     width: 100%;
}
 .saf_footer_menu ul li {
     position: relative;
     padding-left: 20px;
     margin-bottom: 8px;
}
 .saf_footer_menu ul li:last-child {
     margin-bottom: 0;
}
 .saf_footer_menu ul li:before {
     content: "\f105";
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-decoration: inherit;
     position: absolute;
     left: 0;
     top: -2px;
     font-size: 20px;
     color: var(--main-orange-version1);
}
 .saf_widgets a {
     color: var(--main-paint-footer);
}
 .saf_widgets a:hover, .saf_copyright_wrapper a {
     color: var(--main-orange-version1);
}
 .saf_copyright_wrapper {
     background: var(--main-black);
     padding: 10px 0 7px;
     color: var(--main-bg-color);
}
/******************************************************** 17. Responsive CSS Start ********************************************************/
 @media (min-width: 1400px) {
     .saf_header_wrapper {
         padding: 0 0 0 95px;
    }
}
 @media (min-width: 1200px) {
     header .container-fluid {
         max-width: 1390px;
    }
     .saf_heading {
         width: 48%;
    }
     .saf_testimonials_section {
         padding: 0 125px;
    }
     .thumbNext {
         right: -80px;
    }
     .thumbPrev {
         left: -80px;
    }
}
 @media (min-width: 992px) {
     ul.sub_menu {
         background: var(--main-orange-version1);
         top: 50px;
    }
     .main_menu_wrapper ul > li > a {
         color: var(--main-bg-color);
    }
}
 @media (min-width: 1200px) and (max-width: 1399.98px) {
     .saf_banner_text {
         margin-left: 16%;
    }
}
 @media (max-width: 1399px) {
     .main_menu_wrapper ul > li > a {
         padding: 12px 12px;
    }
     .header_btn {
         height: 50px;
         line-height: 50px;
         min-width: 150px;
    }
     .searchBtn {
         margin-right: 10px;
    }
     .main_menu_parent {
         padding-right: 0;
    }
     .saf_header_info_wrapper {
         padding-right: 15px;
    }
     .saf_logo {
         padding-left: 15px;
    }
}
 @media (max-width: 1199.98px) {
     .main_menu_wrapper ul > li > a {
         padding: 12px 6px;
    }
     .swiper-container.gallery-top {
         width: 80%;
         margin: auto;
    }
     .saf_banner_text {
         padding: 0px 0 213px;
    }
     .saf_banner_button {
         display: none;
    }
     .saf_whyUs_wrapper {
         padding: 72px 0 0;
    }
     .saf_whyUs_detail {
         padding-bottom: 77px;
    }
     .saf_footer_wrapper {
         padding: 73px 0 41px;
    }
}
 @media (min-width: 992px) and (max-width: 1199.98px) {
     .saf_blog_info li {
         margin-left: 5px;
    }
}
 @media (max-width: 991.98px) {
     .main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
         background: var(--main-orange-version1);
    }
     .saf_about_detail .saf_about_num, .saf_about_detail h1, .saf_heading h4 {
         font-size: 30px;
    }
     .saf_header_info_wrapper ul li:first-child {
         margin-right: 20px;
         padding-right: 20px;
    }
     .menu_btn span {
         background: var(--main-bg-color);
    }
     header {
         position: unset;
    }
     .saf_header_info_wrapper ul li:first-child {
         margin-right: 15px;
         padding-right: 15px;
    }
     .saf_header_info_wrapper ul li {
         font-size: 12px;
    }
     .saf_header_icon {
         width: 20px;
         height: 20px;
         line-height: 18px;
         margin-right: 6px;
    }
     .saf_header_icon svg {
         width: 10px;
    }
     .saf_header_info_wrapper {
         padding-right: 0;
    }
     .saf_logo {
         padding-left: 0;
    }
     .saf_header_info_wrapper ul li:first-child:before {
         height: 18px;
    }
     .saf_banner_section {
         padding: 80px 0 0;
    }
     .saf_banner_text {
         padding: 0px 0 189px;
    }
     .saf_banner_text h1 {
         font-size: 50px;
    }
     .saf_about_wrapper .row {
         flex-direction: column-reverse;
         text-align: center;
    }
     .saf_job_btn_wrap {
         margin-top: 30px;
    }
     .saf_btn, .saf_btn:hover {
         line-height: 31px;
         min-width: 130px;
    }
     .saf_price_box h1 {
         font-size: 32px;
         line-height: 50px;
    }
     .saf_trial_wrap, .saf_blog_title, .saf_trial_wrap, .saf_sub_heading, .saf_title {
         font-size: 18px;
    }
     .saf_price_offer_wrap {
         right: -40px;
         top: 20px;
         font-size: 12px;
         padding: 8px 40px 8px 46px;
    }
     .saf_whyUs_img {
         text-align: center;
    }
     .saf_about_detail {
         padding-bottom: 31px;
    }
     .saf_counter_wrapper {
         padding: 80px 0 45px;
    }
     .saf_services_wrapper {
         padding: 74px 0 50px;
    }
     .saf_whyUs_wrapper {
         padding: 74px 0 3px;
    }
     .saf_job_wrapper {
         padding: 74px 0 80px;
    }
     .saf_testimonial_wrapper {
         padding: 74px 0 80px;
    }
     .saf_pricing_wrapper {
         padding: 74px 0 44px;
    }
     .saf_blog_wrapper {
         padding: 74px 0 49px;
    }
     .saf_footer_wrapper {
         padding: 73px 0 44px;
    }
     .saf_copyright_wrapper {
         padding: 10px 0 9px;
    }
     .main_menu_wrapper ul > li > a {
         padding: 15px 20px 0px;
    }
}
 @media (max-width: 767.98px) {
     .saf_about_wrapper .row {
         flex-direction: column-reverse;
    }
     .saf_about_detail {
         padding-bottom: 24px;
    }
     .saf_about_detail .saf_about_num, .saf_about_detail h1, .saf_heading h4 {
         font-size: 26px;
    }
     .saf_header_info_wrapper ul li:first-child {
         margin-right: 0;
         padding-right: 0;
    }
     .saf_header_info_wrapper ul li:first-child:before {
         content: unset;
    }
     .saf_header_info_wrapper ul li {
         padding: 8px 0;
    }
     .saf_header_info_wrapper .display_flex.align-items-center {
         justify-content: left;
    }
     .saf_job_img img {
         width: auto;
    }
     .saf_job_img {
         width: 100%;
         margin-bottom: 30px;
         text-align: center;
    }
     .saf_job_info {
         width: 100%;
         padding: 0;
    }
     .saf_client_quote {
         flex-wrap: wrap;
    }
     .saf_client_quote p {
         margin-left: 0;
         width: 100%;
    }
     .saf_testimonials_section:before {
         left: 20px;
         right: 20px;
    }
     .blog_text {
         padding: 30px 20px 0;
    }
     .saf_callToAction_text h1 {
         font-size: 40px;
    }
     .saf_callToAction_text .video_btn {
         height: 80px;
         width: 80px;
         line-height: 80px;
    }
     .saf_job_info ul li {
         width: 100%;
         margin: 6px 0 0 0;
    }
     .gallery-thumbs {
         width: 80px;
    }
     .saf_testimonial_wrapper .gallery-thumbs .swiper-slide-active .swiper_client_thumb img, .saf_testimonial_wrapper .gallery-thumbs .swiper-slide-active {
         width: auto !important;
         height: 70px;
    }
     .saf_banner_section {
         padding: 100px 0 0;
         text-align: center;
    }
     .saf_whyUs_wrapper .row {
         flex-direction: column-reverse;
    }
     .saf_banner_text {
         padding: 0px 0 30px;
    }
     .saf_blog_wrapper {
         padding: 74px 0 50px;
    }
     .saf_footer_wrapper {
         padding: 72px 0 44px;
    }
}
 @media (max-width: 575.98px) {
     .saf_header_info_wrapper {
         display: none;
    }
     .main_menu_parent {
         margin-top: 18px;
    }
     .main_menu_parent:before {
         content: unset;
    }
     .main_menu_parent {
         border-radius: 0;
    }
     .saf_logo {
         padding: 15px 0 0;
         text-align: center;
    }
     .saf_search_wrap {
         width: 100%;
    }
     .saf_search_wrap .display_flex {
         justify-content: center;
    }
     .menu_btn {
         padding: 16px 0 0;
    }
}
/* Safty Demo Added */
/* Web Dev Demo Added */
/* btn start */
.wa_btn {
    color: var(--iny-primary);
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    min-width: 180px;
    text-align: center;
    border-radius: 40px;
    background: rgb(255 174 13 / 8%);
    font-weight: 600; 
    position: relative;  
    z-index: 0;
}
.wa_btn:hover, .wa_btn:focus{
    color: var(--main-bg-color);
}
.wa_btn:after, .wa_btn:before  {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 35px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.wa_btn:after {
    border: 1px solid var(--iny-primary);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.wa_btn:before {
    background:var(--iny-primary);
    -webkit-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -o-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    z-index: -1;
    opacity: 0;
    
}
.wa_btn:hover:before {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}
.wa_btn:hover:after {
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    opacity: 0;
}

.wa_btn.wa_btn2 .wa_btn_svg {
    background: var(--iny-primary);
    border: 5px solid #fbebcb;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    animation: shadow-pulse 2s infinite;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.wa_btn.wa_btn2 .wa_btn_svg svg {
    margin-left: 4px;
}
.wa_btn.wa_btn2 {
    border-color: rgb(255 255 255);
    background-color: rgb(251, 253, 255);
    box-shadow: 0px 0px 50px 0px rgba(137, 164, 218, 0.2);
    min-width: 210px;
    color: var(--wa-heading-color);
    margin-left: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.wa_btn.wa_btn2:after, .wa_btn.wa_btn2:before {
    display: none;
}
.wa_btn2text {
    padding: 0 25px;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255 174 13 / 0.50);
    }
    100% {
        box-shadow: 0 0 0 10px rgb(255 174 13 / 0)
    }
}
@-webkit-keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255 174 13 / 0.50);
    }
    100% {
        box-shadow: 0 0 0 10px rgb(255 174 13 / 0)
    }
}
/* btn end */
/* heading 1 start */
.wa_heading1 {
    padding-bottom: 50px;
}
.wa_heading1 .title{
    font-size: 32px;
}
.wa_heading1 .title.h1_title1 {
    color: var(--wa-heading-color);
    font-weight: 700;
    padding-bottom: 5px;
}
.wa_heading1 .title.h1_title2 {
    font-weight: 400;
    color: var(--iny-secondary);
}
.wa_heading1 .title.h1_title1 span {
    font-weight: 400;
    color: var(--iny-secondary);
}
/* heading 1 end */
/* heading 2 start */
.wa_heading2 .title1{
    color: var(--iny-primary);
    font-weight: 600;
    font-size: 24px;
    padding-bottom: 6px;
}
.wa_heading2 .title2 {
    font-size: 38px;
    font-weight: 400;
    color: var(--wa-heading-color);
    line-height: 48px;
}
.wa_heading2 .title2 span {
    font-weight: 700;
}
/* heading 2 end */
#scroll {
    background-color:var(--iny-primary);
}
#scroll span {
    color: var(--main-bg-color);
}

/********************************************************
	3. Preloader CSS
*******************************************************/
.preloader_active .preloader_holder {
    background-color: var(--main-bg-color);
}
.preloader_active .preloader_holder .preloader span {
    box-shadow: 0px 0px 0px 0px var(--main-color);
}
@-webkit-keyframes loadingCircles{
    0%{-webkit-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--main-color);}
    100%{-webkit-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--main-color);}
}
@-moz-keyframes loadingCircles{
    0%{-moz-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--main-color);}
    100%{-moz-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--main-color);}
}
@keyframes loadingCircles{
    0%{transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--main-color);}
    100%{transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--main-color);}
}
.preloader_open:before, .preloader_open:after {
    background-color: var(--main-bg-color);
}
/********************************************************
	4. Header Start
*******************************************************/
.wa_header_wrapper {
    padding: 30px 0px;
}
.main_menu_wrapper ul > li > a {
    font-weight: 600;
}
.main_menu_wrapper ul > li.active > a {
    color: var(--iny-primary);
}
.searchBtn, .searchBtn:focus, .searchBtn:hover {
    color: var(--iny-secondary);
    
}
/********************************************************
	5.Banner Start
*******************************************************/
.wa_banner_text h2 {
    font-size: 24px;
    color: var(--iny-primary);
    font-weight: 600;
}
.wa_banner_text h1 {
    color: var(--wa-heading-color);
    font-size: 80px;
    font-weight: 700;
    line-height: 90px;
}
.wa_banner_text {
    padding-left: 25px;
}
.wa_banner_btn {
    padding-top: 12px;
}
.wa_banner_img {
    animation: b_img 7s infinite;
    -webkit-animation: b_img 7s infinite;
}
/* banner img animation start */
@keyframes b_img {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
    50% {
        -webkit-transform: rotateX(0deg) translateY(15px);
        -moz-transform: rotateX(0deg) translateY(15px);
        -ms-transform: rotateX(0deg) translateY(15px);
        -o-transform: rotateX(0deg) translateY(15px);
        transform: rotateX(0deg) translateY(15px);
    }
    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

/* banner img animation end */

/********************************************************
	6.what you section Start
*******************************************************/
.wa_whtatyou_wrapper {
    padding:80px 0 50px;
    position:relative;
}
.wa_whtayou_box {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 30px 0px rgba(105, 122, 228, 0.16);
    padding: 40px 10px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.wa_whtayou_box:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.wa_whtayou_box h1 {
    color: var(--wa-heading-color);
    font-weight: 600;
    font-size: 22px;
}
.wa_whtayou_box .whtayou_img {
    position: relative;
    padding-bottom: 18px;;
}
.whtayou_img .whatyou_svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.fixed_header.fixed {
    background-color: #ffffff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 14px 28px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 2%);
}
.fixed_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
section.wa_banner_wrapper {
    margin-top: 120px;
}
/********************************************************
	7.About section Start
*******************************************************/
.wa_about_wrapper .wa_about_content {
    padding: 80px 0;
}
.wa_about_content .wa_btn {
    margin-top: 32px;
}
.wa_about_content .second_content {
    padding-top: 21px;
}
.wa_about_wrapper .about_img {
    animation: b_img 7s infinite;
    -webkit-animation: b_img 7s infinite;
}
.who_we_tab li a {
    color: var(--wa-heading-color);
    font-size: 18px;
    font-weight: 700;
    margin: 0 20px;
    position: relative;
}
.who_we_tab .nav {
    position: relative;
    margin: 16px 0 16px;
}
.who_we_tab .nav:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 286px;
    left: 0;
    background: rgb(236, 240, 255);
    bottom: -2px;
}
.who_we_tab li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    margin: auto;
    width: 1px;
    height: 11px;
    background: rgb(236, 240, 255);
}
.who_we_tab li a.active:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background: var(--iny-primary);
    bottom: -4px;
    z-index: 1;
}
.who_we_tab li:first-child a {
    margin-left: 0;
}
.who_we_tab li:first-child a:after {
    display: none;
}
.who_we_tab .tab-content svg {
    margin-right: 5px;
}
/********************************************************
	8.Project section Start
*******************************************************/
.wa_project_wrapper {
    padding-bottom: 44px;
}
.wa_project_wrapper .wa_heading1 {
    padding-bottom: 30px;
}
/* gallery css */
.wa_project_gallery .grid-item {
	width: 33.33%;
    clear: both;
    position: relative;
    border-radius: 3px;
    padding: 0 15px;
    margin-bottom: 30px;
	text-align:left;
}
.wa_project_gallery .grid_img:before {
    content: "";
    position: absolute;
    background: #00000087;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.2,0.2);
    -ms-transform: scale(0.2,0.2);
    -moz-transform: scale(0.2,0.2);
    -o-transform: scale(0.2,0.2);
    transform: scale(0.2,0.2);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-ttransition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
    border-radius: 10px;
}
.wa_project_gallery .grid-content {
    position: absolute;
    left: 30px;
    bottom: 10px;
    color: var(--main-bg-color);
    z-index: 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;
    opacity: 0;
    visibility: hidden;
}
.wa_project_gallery .grid-content h3 {
    font-size: 18px;
	color:var(--iny-primary);
}
.wa_project_gallery .grid-item:hover .grid-content {
	opacity: 1;
    visibility: visible;
}
.wa_project_gallery .grid-item:hover .grid_img:before {
	opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.wa_project_gallery .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;
    border-radius: 10px;
    width: 100%;
}
.wa_project_gallery .port_project_gallery_view a {
    z-index: 0;
}
.wa_project_gallery .grid_img {
    position: relative;
    border-radius: 10px;
    background-color: rgb(241, 240, 240);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
}
.wa_project_gallery {
    display: inline-block;
    width: 100%;
}
.wa_project_gallery .gallery_nav ul {
    list-style: none;
    padding: 0 15px;
    margin: 0 0 30px 0;
}
.wa_project_gallery .gallery_nav ul li {
    display: inline-block;
}
.wa_project_gallery .gallery_nav ul li a {
    display: inline-block;
    cursor: pointer;
    color: #606989;
    position: relative;
    padding: 7px 20px;
    border-radius: 35px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid transparent;
}
.wa_project_gallery .gallery_nav ul li a.gallery_active, .wa_project_gallery .gallery_nav ul li a:hover {
    color:var(--iny-primary);
    border-color: var(--iny-primary);
}
/********************************************************
	9.Testimonial section Start
*******************************************************/
.wa_testimonial_slider {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 30px 0px rgba(105, 122, 228, 0.16);
    padding: 40px;
    cursor: pointer;
    position: relative;
}
.wa_testimonial_sec {
    display: flex;
    justify-content: center;
    align-items: center;
}
.wa_testimonial_slider .swiper-container {
    padding: 5px 0;
}
/* TESTIMONIAL BG ANIMATATION */
.wa_testimonial_img .wa_img_inner {
    position: relative;
    width: 175px;
    height: 175px;
    border: 1px solid rgb(226, 236, 255);
    border-radius: 50%;
}
.wa_img_inner > img {
    border-radius: 50%!important;
    width: 175px;
    height: 175px;
    position: relative;
    z-index: 1;
    padding: 15px;
}
.wa_img_inner .wa_dot_wrap {
    animation: rotate 50s infinite linear;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}
@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

/* TESTIMONIAL BG ANIMATATION */

.wa_testimonial_img {
    padding-right: 30px;
    padding-left: 5px;
}
.wa_testimonial_sec .wa_testimonial_content {
    flex: 9;
    position: relative;
}
.wa_text_dot {
    position: absolute;
    background-color: rgb(255, 174, 13);
    width: 10px;
    height: 10px;
    border-radius: 50%;
} 
.wa_text_dot.dot1 {
    top: -5px;
    left: 86px;
}  
.wa_text_dot.dot2 {
    bottom: 49px;
    right: 0;
}
.wa_text_dot.dot3 {
    left: 0;
    bottom: 49px;
}
.wa_testimonial_content h1 {
    font-size: 20px;
    font-weight: 700;
    padding-top: 5px;
}
.wa_testimonial_content h1 span {
    font-size: 14px;
    font-weight: 400;
    color: var(--wa-text-color);
}
.wa_test_next, .wa_test_prev {
    position: absolute;
    width: 53px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    top: 50%;
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wa_test_next {
     right: -78px;
}
.wa_test_prev {
    left: -78px;
}
.wa_test_next svg, .wa_test_prev svg{
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.wa_test_next svg{
    left: -30px;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.wa_test_prev svg{
    left: 30px;
}
.wa_test_next svg path, .wa_test_prev svg path{
    fill:#c2d2e0;
}
.wa_test_next:hover svg path, .wa_test_prev:hover svg path {
    fill: var(--iny-secondary);
}
.wa_test_prev:hover svg, .wa_test_next:hover svg{
    left: 0px;
}
.wa_testimonial_content .test_quotsvg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/********************************************************
	10.News section Start
*******************************************************/
section.wa_news_wrapper {
    padding: 80px 0 50px;
}
.wa_news_wrapper .wa_news_box {
    margin-bottom: 30px;
}
.wa_news_box .wa_news_img {
    margin-bottom: 30px;
}
.wa_news_img, .wa_news_img > img  {
    border-radius: 10px;
    background-color: rgb(241, 240, 240);
    width: 100%;
}
.wa_news_box .wa_news_title {
    font-size: 20px;
    font-weight: 700;
    margin: 16px 0 5px;
    display: inline-block;
}
.wa_news_box .wa_news_date {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.wa_news_box .wa_nws_tag {
    border-radius: 4px;
    background-color: rgb(255, 246, 227);
    padding: 8px;
    margin-right: 12px;
    color: var(--iny-primary);
}
/********************************************************
	11.Partner section Start
*******************************************************/
.wa_partner_wrapper .wa_partner_sec svg {
    cursor: pointer;
}
.wa_partner_wrapper .wa_partner_sec svg path {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.wa_partner_wrapper .wa_partner_sec svg:hover path {
    fill: var(--iny-primary);
}
/********************************************************
	12.Map section Start
*******************************************************/
.wa_map_wrapper {
    padding: 80px 0;
}
.wa_mapdata_inner {
    border-radius: 10px;
    background-color: rgb(251, 253, 255);
    box-shadow: 0px 0px 30px 0px rgba(105, 122, 228, 0.16);
    padding: 50px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 670px;
}
.wa_map_wrapper .wa_map_box {
    padding-top: 20px;
}
.wa_map_form h1 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 21px;
}
.wa_map_field .wa_form_field  {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(224, 240, 255);
    background-color: rgb(251, 253, 255);
    height: 50px;
    padding: 0 20px;
    border-radius: 50px;
    width: 100%;
    margin-bottom: 30px;
    color: var(--wa-text-color);
}
.wa_map_field textarea.wa_form_field {
    height: 125px;
    border-radius: 10px;
    padding-top: 10px;
}
/* map section */
.wa_map_wrapper .map_box #world-map {
    width: 100%;
    height: 500px;
}
.wa_map_wrapper .jvmap-smart{
    width: 100%; 
    height: 100%;  
}
.map-container:after, .clearfix{
    display: block;
    content: '';
    clear: both;
}
.wa_map_wrapper .jvectormap-zoomin, .wa_map_wrapper .jvectormap-zoomout {
    display: none;
}
.jvectormap-container svg path {
    fill: rgb(224 240 255);
}
/* city name hover */
.jvectormap-tip {
    border: solid 1px var(--main-bg-color);
    background: var(--main-bg-color);
    color: var(--wa-text-color);
    font-family: 'Nunito', sans-serif;
    box-shadow: 0px 0px 30px 0px rgba(105, 122, 228, 0.16);
}
/********************************************************
	13.Get started section Start
*******************************************************/
.wa_started_wrapper .wa_started_inner {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 30px 0px rgba(105, 122, 228, 0.16);
    padding: 50px;
}
.wa_started_data h1 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 6px;
}
.wa_started_data h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--wa-text-color);
}
/********************************************************
	14.Footer section Start
*******************************************************/
.wa_footer_wrapper {
    padding: 80px 0;
}
.wa_footer_about h3 {
    font-size: 18px;
}
.wa_footer_about > p {
    margin: 20px 0 15px;
}
.wa_footer_social {
    margin-top: 10px;
}
.wa_footer_social > li {
    display: inline-block;
    margin-right: 10px;
}
.wa_footer_social > li > a {
    width: 40px;
    min-width: inherit;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}
.wa_footer_social > li > a:after {
    border-color: rgb(224, 240, 255);
}
.wa_footer_social > li > a:hover svg path {
    fill: var(--main-bg-color);
}
.wa_link_inner h1 {
    font-size: 18px;
    margin-bottom: 30px;
}
.wa_link_inner ul > li {
    position: relative;
    padding-left: 17px;
}
.wa_link_inner ul > li > a {
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
} 
.wa_link_inner ul > li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    color:var(--iny-primary);
}
.wa_link_inner ul > li > a:hover {
    color: var(--iny-primary);
}
.wa_link_inner ul > li > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: var(--iny-primary);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.wa_link_inner ul > li > a:hover:after {
    width: 100%;
}
.wa_footer_wrapper .wa_footer_link {
    padding-top: 40px;
}
.wa_copy_inner > p {
    color: var(--wa-text-color);
    font-weight: 600;
    border-top: 1px solid;
    padding: 10px 0 22px;
}
/********************************************************
	15. Bg shap CSS Start
********************************************************/
.wa_bgshap {
    position: absolute;
    z-index: -1;
}
.wa_shap1 {
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
}
.wa_shap2 {
    top: 0;
    left: 0;
}
.wa_shap3{
    right: 0;
    bottom: 0;
}
.wa_shap4{
    left: 0;
    bottom: 0;
}
.wa_shap5 {
    right: 0;
    top: 0;
}
.wa_shap6{
    position: absolute;
    left: 0;
    bottom: 0;
}
.wa_shap7 {
    position: absolute;
    right: 0;
    bottom: 0;
}

/********************************************************
    17. Page Title Start
*******************************************************/
.page_title_wrapper {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 41px 0;
    color: var(--main-bg-color);
    background: #9570ee;
    margin-top: 120px;
}
.page_title_wrapper:before {
    position: absolute;
    background-image: radial-gradient(rgba(255, 255, 255, 0.11) 1px,transparent 1px);
    background-size: 10px 10px;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.page_title_text h1 {
    color: var(--main-bg-color);
    font-size: 38px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 6px;
}
.page_title_text ul {
    display: flex;
    justify-content: center;
}
.page_title_text ul > li {
    position: relative;
    padding-left: 20px;
}
.page_title_text ul > li:first-child {
    padding-left: 0;
}
.page_title_text ul > li:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 3px;
    left: 8px;
}
.page_title_text ul > li:first-child:before {
    content: unset;
}
.page_title_text ul > li a {
    color: var(--main-bg-color);
}
/********************************************************
    17. About CSS Start
*******************************************************/
.wa_page_about_wrapper {
    margin-top: 80px;
}
.wa_about_partner_wrapper {
    margin-top: 80px;
}
/********************************************************
    17. Service CSS Start
*******************************************************/
.wa_service_partner_wrapper {
    margin-top: 80px;
}
/********************************************************
    17. Projects CSS Start
*******************************************************/
.wa_page_project_wrapper {
    margin-top: 80px;
}
.wa_page_project_wrapper .gallery_nav {
    padding-bottom: 20px;
}

/********************************************************
17. Team Page Style
********************************************************/
.wa_team_wrapper.wa_team_page_wrapper .wa_team_section {
margin-bottom: 30px;
}
.wa_team_wrapper {
padding: 69px 0 44px;
background: var(--main-bg-color);
}
.team_slider.swiper-container {
padding-bottom: 36px;
}
.wa_team_img {
background: var(--main-gym-bg);
position: relative;
}
.wa_team_img img {
width: 100%;
border: none;
border-radius: 8px 8px 0px 0px;
}
.wa_team_identity {
background: var(--main-bg-color);
padding: 20px 12px;
}
.wa_team_identity > a {
color: #606989;
font-size: 20px;
font-weight: 700;
line-height: 20px;
display: inline-block;
}
.wa_team_section:hover .wa_team_identity a {
color: var(--iny-primary);
}
.wa_team_inner {
margin: auto;
text-align: center;
color: var(--main-bg-color);
}
.wa_team_hover {
background: rgba(0, 0, 0, 0.80);
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: none;
display: flex;
align-items: center;
font-weight: 500;
border-radius: 8px 8px 0 0;
-webkit-transform: translateY(-500px);
-moz-transform: translateY(-500px);
-ms-transform: translateY(-500px);
-o-transform: translateY(-500px);
transform: translateY(-500px);
}
.wa_team_section:hover .wa_team_hover {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.wa_team_section {
background: var(--main-bg-color);
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
margin: 0;
border: none;
border-radius: 8px;
overflow: hidden;
}
.wa_team_section:hover .wa_team_identity h4, .wa_team_section:hover, .wa_team_hover, .wa_team_section:hover .wa_team_hover  {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.wa_team_social, .wa_team_info {
width: 100%;
display: inline-block;
}
.wa_team_info h6 {
font-size: 20px;
color: var(--main-bg-color);
}
.wa_team_info a {
color: var(--main-bg-color);
}
.wa_team_info a:hover {
color: var(--iny-primary);
}
.wa_team_info:first-child {
margin-bottom: 10px;
padding-bottom: 10px;
position: relative;
}
.wa_team_info:first-child:before {
background: var(--main-bg-color);
content: "";
position: absolute;
height: 1px;
width: 60%;
left: 0;
right: 0;
margin: auto;
bottom: 0;
}
.wa_team_social {
margin-top: 20px;
}
.wa_team_social li {
display: inline-block;
margin: 0 6px;
line-height: 1;
padding-top: 8px;
}
.wa_team_social li a {
color: var(--main-bg-color);
}
.wa_team_social li a:hover {
color: var(--iny-primary);
}
.wa_team_social ul {
width: auto;
background: rgba(249, 249, 249, 0.1);
display: inline-block;
padding: 6px 20px;
border: none;
border-radius: 30px;
}
.swiper-button-prev1, .swiper-button-next1 {
width: 40px;
color: var(--main-color);
cursor: pointer;
position: absolute;
height: 36px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.swiper-button-prev1 {
left: -90px;
}
.swiper-button-next1 {
right: -100px;
}
.wa_team_button {
position: absolute;
top: 42%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-button-next1.swiper-button-disabled, .swiper-button-prev1.swiper-button-disabled  {
color: var(--main-txt-color);
}
.wa_team_wrapper.wa_team_page_wrapper {
padding: 80px 0 50px;
}
.wa_team_wrapper.wa_team_page_wrapper .wa_team_section {
margin-bottom: 30px;
}
.wa_team_wrapper .wa_heading_wrapper {
margin-bottom: 41px;
}
.wa_team_section {
margin-bottom: 30px;
}
/********************************************************
    15. Blog CSS Start
********************************************************/
.wa_sidebar-search-wrapper {
    position: relative;
}
.wa_sidebar-search-wrapper input[type="text"] {
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 50px;
    border-radius: 6px;
    padding: 0 50px 0 30px;
    position: relative;
    line-height: 50px;
    margin-bottom: 4px;
}
.wa_sidebar-search-wrapper a {
    position: absolute;
    right: 20px;
    top: 13px;
    color: #ffae0d;
}
.wa_sidebar_heading h5 {
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 15px;
}
.wa_sidebar_list li a {
    color: var(--wa-text-color);
    font-size: 16px;
    font-weight: 400;
}
.wa_sidebar_list li {
    border-bottom: 1px solid #ebf0ff;
    padding: 10px 0px;
}
.wa_latestPost_field ul li {
    display: flex;
    margin-bottom: 12px;
    flex-wrap: wrap;
    align-items: center;
}
.wa_latestPost_field ul li .wa_blog_thumb {
    margin-right: 10px;
    width: 70px;
    display: inline-block;
}

.wa_blog_img, .wa_blog_thumb, .wa_effect {
    position: relative;
    overflow: hidden;
}
.wa_blog_thumb img {
    border: none;
    border-radius: 3px;
}
.wa_blog_title_wrap {
    width: calc(100% - 80px);
}
.wa_blog_title {
    font-weight: 500;
    text-transform: capitalize;
}
.wa_blog_date {
    color: #ffae0d;
    font-weight: 500;
}
.saf_sidebar_tags_box {
    margin-top: 25px;
}
.saf_sidebar_tags_box li {
    border: none;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 7px;
}
a.ed_btn.ed_orange {
    color: #fff;
    background: #ffae0d;
    padding: 7px 10px;
    border: 1px solid #ffae0d;
    transition: all 0.4s;
}
a.ed_btn.ed_orange:hover {
    color: #ffae0d;
    background: #fff;
    padding: 7px 10px;
    border: 1px solid #ffae0d;
    transition: all 0.4s;
}
.wa_blockquote {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wa_blockquote_img {
    width: 160px;
    margin-right: 10px;
    position: relative;
}
.wa_blockquote_img:before {
    content: "\f10e";
    right: 12px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #ffae0d;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 32px;
    background: var(--main-bg-color);
    border: 5px solid #ffae0d;
    padding-left: 8px;
    border-radius: 100%;
}
.wa_blockquote_img img.wa_quote_user {
    border: 3px solid #ffae0d;
    border-radius: 50%;
    width: 130px;
    height: 130px;
}
.wa_blockquote_quote {
    width: calc(100% - 170px);
    color: var(--wa-text-color);
    position: relative;
    text-align: center;
}
.wa_blockquote_quote:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #ffae0d;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 84px;
    margin: auto;
    top: 50%;
    opacity: .1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.wa_blockquote_quote p, .wa_quote_user {
    text-align: left;
}
.wa_quote_user {
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    display: inline-block;
}
.wa_quote_user > span {
    color: var(--wa-text-color);
    font-size: 16px;
    font-weight: 400;
}
.wa_img_text_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wa_img_text_container img {
    width: 370px;
    display: inline-block;
    margin: 6px 15px 6px 0;
    border-radius: 8px;
}
.wa_img_text_container p {
    display: inline-block;
    width: calc(100% - 385px);
}
.wa_author_message_box {
    background: #ffae0d;
    border: none;
    border-radius: 6px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 74px 0 73px;
    color: var(--main-bg-color);
}
.wa_author_image {
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-right: 30px;
}
.wa_author_image img {
    width: 110px;
    height: 110px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}
.wa_author_content {
    width: calc(100% - 140px);
}
.wa_author_content h5 {
    color: var(--main-bg-color);
    font-weight: 700;
    font-size: 20px;
}
.wa_author_content h5 span {
    font-weight: 400;
    font-size: 16px;
}
.wa_section_heading {
    font-size: 32px;
    margin-bottom: 35px;
    font-weight: 700;
}
.wa_blog_comment > ul > li {
    margin-bottom: 26px;
    display: inline-block;
}
.wa_comment_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wa_comment_user {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 30px;
}
.wa_comment_user img {
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}
.wa_comment_detail {
    width: calc(100% - 130px);
}
.wa_reply_btn {
    color: #ffae0d;
    margin-left: 15px;
}
.wa_reply_btn svg {
    width: 16px;
    fill: #ffae0d;
}
.wa_blog_comment ul li ul {
    padding-left: 80px;
    margin: 25px 0 0;
}
.wa_comment_form {
    margin-top: 43px;
}
.wa_comment_form .wa_section_heading {
    margin-bottom: 40px;
}
.wa_field_holder {
    margin-bottom: 30px;
}
.wa_blogform_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    border-radius: 6px;
    display: flex;
}
textarea.wa_blogform_field {
    height: 150px;
    resize: none;
    padding: 12px 20px;
}
button.wa_btn {
    border: none;
}
.tor_form_field input, .tor_form_field select {
    border-radius: 30px;
}
.tor_blog_thumb .tor_blog_info {
    padding: 0 0 0;
    margin: 20px 0 0;
}

/* Auth Modal CSS */
.iny-auth-modal .modal-dialog {
    max-width: 740px;
}
.iny-auth-modal .modal-content{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 10px;
    border: none;
}
.iny-auth-modal .modal-body{
    padding: 0px;
}
.iny-auth-modal .modal{
    overflow-y: auto;
}
.iny-login-box {
    text-align: center;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
}
.iny-auth-modal button.close {
    position: absolute;
    top: -10px;
    right: -10px;
    min-width: 25px;
    min-height: 25px;
    background: #F44336;
    opacity: 1;
    color: #fff;
    border-radius: 100%;
    border: 2px solid;
    font-size: 15px;
    z-index: 9;
    min-width: auto;
    transform: unset;
    box-shadow: none;
    width: 25px;
    height: 25px;
    padding: 0;
}
.iny-auth-modal .close:not(:disabled):not(.disabled):focus,
.iny-auth-modal .close:not(:disabled):not(.disabled):hover{
    opacity: 1;
}
.iny-login-wlcm-box {
    width: 280px;
    padding: 30px;
    background: var(--iny-primary);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.iny-login-form {
    width: calc(100% - 280px);
    padding: 42px 50px 50px;
}
.iny-login-wlcm h2,.iny-login-form h2 {
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
    text-transform: capitalize
}
.iny-login-wlcm {
    padding-bottom: 8px;
    z-index: 1;
    position: relative;
}
.iny-login-wlcm p {
    color: #ffffff;
    margin-bottom: 23px;
}
.iny-login-wlcm .iny-btn {
    background: var(--iny-primary);
    border: 1px solid;
    line-height: 18px;
    color: var(--iny-white);
}
.iny-auth-modal .iny-login-box {
    flex-wrap: wrap;
}
.iny-auth-modal {
    padding: 20px 20px;
}
.iny-login-form h2{
    color: var(--iny-title-color);
    margin-bottom: 5px;
    font-size: 24px;
}
.iny-login-form input,.pa-forgot-password {
    margin-top: 12px;
    display: block;
}
.iny-login-form .iny-btn {    
    display: block;
    margin: 23px auto 0;
}
.iny-login-form p {
    margin-bottom: 0;
    font-size: 14px;
}
.iny-login-wlcm-box:after, .iny-login-wlcm-box:before {
    position: absolute;
    content: '';
    width: 150px;
    height: 150px;
    background: var(--iny-white);
    border-radius: 100%;
    bottom: -50px;
    left: -50px;
    z-index: 0;
    opacity: .1;
}
.iny-login-wlcm-box:before {
    left: auto;
    bottom: 0;
    right: -50px;
    top: -50px;
}
div#iny_reg_modal_popup .iny-login-form .iny-btn,
div#iny_forget_pass_modal .iny-login-form .iny-btn {
    margin-top: 30px;
}
.iny-auth-modal .modal-dialog input {
    border-radius: 30px;
}


@media (max-width: 767.98px){
    .iny-auth-modal .iny-login-box > * {
        margin: auto;
        width: 100%;
    }
    .iny-auth-modal .modal-dialog {
        max-width: calc(100% - 50px);
        margin: auto;
    }
    .iny-login-wlcm {
        width: 100%;
    }
}

/********************************************************
	15. Responsive CSS Start
********************************************************/
@media (min-width: 1599.98px){
.wa_header_wrapper {
    padding: 30px 45px;
}
.wa_banner_text {
    padding-left:114px;
}
}
@media (max-width: 1499.98px){
.wa_banner_text h1 {
    font-size: 67px;
    line-height: 77px;
}
.wa_test_next {
     display: none;
}
.wa_test_prev {
    display: none;
}
.iny-shop-middle-header .iny-woo-icons ul a.iny-login span {
    display: none;
}
}
@media (max-width: 1199.98px){
    .wa_mapdata_inner {
        width: 550px;
    }
    .wa_banner_text h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .iny-header-shop .container {
        max-width: 98%;
    }
}
@media  (min-width: 768px) and (max-width: 1199.98px) {
.wa_about_wrapper .wa_about_content {
    padding: 0;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .main_menu_wrapper ul > li > a {
        padding: 0 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .wa_heading2 .title2 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }

}

@media (max-width: 991.98px) {
	.main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
		background: var(--iny-primary);
    }
    .wa_search_wrapper > ul {
        align-items: center;
    }
    .wa_about_wrapper.we_are  .wa_about_content{
        padding-bottom: 80px;
        padding-top: 0;
    }
    .wa_project_gallery .grid-item{
        width: 50%;
    }
    .wa_mapdata_inner {
        position: inherit;
        width: 100%;
    }
    .wa_map_wrapper {
        padding-top: 0;
    }
    .wa_started_btn {
        padding-top: 20px;
    }
    .wa_banner_text h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .wa_banner_text h2 {
        font-size: 18px;
        color: var(--iny-primary);
        font-weight: 600;
    }
    .wa_btn {
        height: 50px;
        line-height: 50px;
        min-width: 140px;
    }
    .wa_btn.wa_btn2 {
        min-width: 170px;
        margin-left: 10px;
    }
    .wa_btn2text {
        padding: 0 10px;
    }
    .wa_banner_text {
        padding-left: 0;
    }
    .fixed_header {
        position: relative;
        background-image: transparent;
    }
    .page_title_wrapper {
    margin-top: 0;
}
    
}

@media (max-width: 767.98px) {
    .wa_about_wrapper .wa_about_content {
        padding-bottom: 0;
    }
    .wa_test_next, .wa_test_prev {
        display: none;
    }
    .wa_map_wrapper .map_box #world-map {
        height: 300px;
    }
    .wa_banner_text {
        padding-left: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width: 575.98px){
    .menu_btn {
        padding: 16px 0 0;
    }
    .wa_heading2 .title2 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }
    .wa_project_gallery .grid-item{
        width: 100%;
    }
    .wa_testimonial_sec {
        flex-direction: column;
    }
    .wa_testimonial_slider {
        padding: 20px 20px;
    }
    .wa_testimonial_img {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 30px;
    }
    .wa_started_data h1 {
        font-size: 30px;
    }
    .wa_started_wrapper .wa_started_inner {
        padding: 30px;
    }
    
}
@media (max-width: 420px){
    .wa_mapdata_inner {
        padding: 25px;
    }
    .wa_map_wrapper .map_box #world-map {
        height: 200px;
    }
    .wa_started_data h1 {
        font-size: 18px;
    }
    .wa_started_data h5 {
        font-size: 16px;
    }.wa_banner_text h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .wa_banner_text {
        padding-left: 0;
    }
    .wa_btn.wa_btn2 {
        margin-left: 0;
        margin-top: 10px;
    }
    .iny-about-small-img {
        margin-top: -20px!important;
    }
}
@media (max-width: 350px){
.who_we_tab li a {
    font-size: 18px;
    margin: 0 12px;
}
}

/* Web Dev Demo Added */
/* Courier Demo Added */
/* button css */
.cs_btn, .cs_btn:focus {
    width: 165px;
	height: 50px;
    line-height: 50px;
    padding: 0 25px;
    border-radius: 50px;
    color: #ffffff;
    background-color: #0acffe;
    text-align: center;
    cursor: pointer;
	display: inline-block;
	border: solid 1px #0acffe;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cs_btn:hover {
    color: #0acffe;
    background-color: #ffffff;
    border: solid 1px #0acffe;
}
/* button css */

.cs_main_btn a {
    background-color: #ff5a60;
    color: #fff;
    border: solid 2px #ff5a60;
    padding: 10px 40px;
    height: 50px;
    width: auto;
    text-align: center;
    transition: all 0.5s;
    font-weight: 500;
    display: inline-block;
}
.cs_main_btn a:hover {
    background-color: #fff;
    color: #ff5a60;
    border: solid 2px #ff5a60;
}
::placeholder{
color: #898d94;
}
/********************************************************
    3. Preloader CSS
*******************************************************/
.preloader_active .preloader_holder {
    background-color: var(--main-bg-color);
}
.preloader_active .preloader_holder .preloader span {
    box-shadow: 0px 0px 0px 0px var(--main-color);
}
@-webkit-keyframes loadingCircles{
    0%{-webkit-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px #ff5a60;}
    100%{-webkit-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px #ff5a60;}
}
@-moz-keyframes loadingCircles{
    0%{-moz-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px #ff5a60;}
    100%{-moz-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px #ff5a60;}
}
@keyframes loadingCircles{
    0%{transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px #ff5a60;}
    100%{transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px #ff5a60;}
}
.preloader_open:before, .preloader_open:after {
    background-color: var(--main-bg-color);
}
/*=========================Top Header Style=======================*/
.cs_top_header_wrapper {
    background-color: #282932;
    padding: 11px 0 11px;
}
.cs_top_header_wrapper img {
    padding-right: 5px;
}
.cs_top_header_info p {
    color: #bcbed4;
    transition: all 0.3s;
    font-weight: 500;
}
.cs_top_header_info_btn a {
    color: #bcbed4;
    transition: all 0.3s;
    font-weight: 500;
}
.cs_top_header_info_btn a:hover {
    color: #ff5a60;
}
.cs_top_header_info_call p:hover span {
    color: #ff5a60;
}
.cs_top_header_info_mail p:hover span{
    color: #ff5a60;
}
.cs_top_header_info {
    display: flex;
    justify-content: left;
}
.cs_top_header_info_btn {
    text-align: right;
}
.cs_top_header_info_mail {
    padding-left: 50px;
}
/*=========================Main Header Style=======================*/
.cs_header_top {
    background: var(--main-bg-color);
    border-bottom: 1px solid var(--main-gray-version4);
    color: var(--main-gray-version5);
}
.cs_header_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.cs_header_info ul {
    display: flex;
    flex-wrap: wrap;
}
.cs_header_info ul li {
    margin-left: 20px;
    padding: 6px 0;
}
.cs_header_top .cs_btn {
    min-width: 190px;
    border-radius: 0;
}
.cs_header_icon svg {
    height: 18px;
    fill: var(--main-royal-red);
}
.cs_header_info ul li:first-child {
    margin-left: 0;
}
.cs_header_info ul li a {
    color: var(--main-gray-version5);
    display: inline-block;
}
.cs_header_icon {
    margin-right: 3px;
}
.cs_header_wrapper {
    padding: 25px 0 25px;
}
.cs_header_info ul li a > span {
    margin-right: 4px;
    font-weight: 700;
}
.searchBtn, .searchBtn:focus, .searchBtn:hover {
    color: var(--main-royal-blue);
    padding-left: 10px;
}
.cs_header_wrapper .cs_btn {
    min-width: 200px;
    margin: 0 0 0 30px;
    padding: 0 15px 0;
    letter-spacing: 0;
}
.cs_search_wrap .display_flex {
    align-items: center;
}
.cs_search_wrap .display_flex li {
    display: flex;
}

.main_menu_wrapper ul > li > a {
    padding: 4px 20px;
    display: inline-block;
    font-weight: 500;
    color: #534462;
    transition: all 0.3s;
}
.main_menu_wrapper ul > li > a:hover {
    color: #ff5a60;
}
.cs_search_wrap {
    margin-left: 25px;
}
.fixed_header.fixed {
    background-color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 20px 0px;
    box-shadow: 0 14px 28px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 2%);
    margin-top: 0;
    position: fixed;
    top: 0;
}
.fixed_header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: white;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/*=================Banner Style==================*/
.cs_header_banner {
    background-image: url(../images/index/banner_bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0 280px;
    position: relative;
    z-index: 1;
    width: 100%
}
.cs_header_banner2 {
    background-image: url(../images/index/banner_bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0 280px;
    position: relative;
    z-index: 1;
    width: 100%
}
.cs_banner_text h5 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 35px;
}
.cs_header_banner span {
    color: #ff5a60;
}
.cs_header_banner h1 {
    font-size: 62px;
    font-weight: bold;
}
.cs_banner_read_button.cs_main_btn a:hover {
    background-color: #5f5963;
    color: #fff;
    border: solid 2px #5e5863;
}
.cs_banner_text_button {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.cs_banner_tracking_button {
    margin-left: 30px;
}
.cs_banner_tracking_button a {
    background-color: #6b6269;
    color: #fff;
    border: solid 2px #6b6269;
    padding: 10px 25px;
    transition: all 0.5s;
    font-weight: 500;
    opacity: 0.7;
    height: 50px;
    display:inline-block;
    width:auto;
}
div#Request_Quote {
    display: block;
}
.cs_banner_tracking_button a:hover {
    background-color: #ff5a60;
    color: #fff;
    border: solid 2px #ff5a60;
    padding: 10px 25px;
    opacity: 1;
}

/*=================Banner Tab Style==================*/
.cs_header_form a.active.show {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    background: #ff5a60;
    padding: 18px 30px;
    margin: 0;
}
.cs_header_form a.cs_banner_tab {
    background: #665d63;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 18px 30px;
    margin: 0;
}
.cs_header_form .who_we_tab li a.active:before {
   display: none;
}
.cs_header_form .who_we_tab .nav:after {
   display: none;
}
 .who_we_tab li a:after {
  display: none;
}
div#header_tab h3 {
    color: #2c3e4a;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
}
div#header_tab p {
    color: #898d94;
    font-size: 16px;
}
div#header_tab input[type="text"], div#header_tab input[type="email"], div#header_tab input[type="tel"] {
    padding: 10px 25px;
    width: 80%;
    background: #f3f5f6;
    border: none;
    margin-top: 20px;
}
.cs_header_form li.active a.cs_banner_tab {
    background: #ff5a60;
}
.cs_header_form ul li {
    display: table-cell;
}
.cs_header_form ul {
    padding: 0 0 16px;
    display: block;
}
div#header_tab textarea {
    padding: 10px 25px;
    width: 80%;
    background: #f3f5f6;
    border: none;
    margin-top: 20px;
    min-height: 100px;
}
div#header_tab1 textarea {
    padding: 10px 25px;
    width: 80%;
    background: #f3f5f6;
    border: none;
    margin-top: 20px;
    height: 100px;
}
div#header_tab .cs_tab_form_btn {
    margin-top: 20px;
    width: 80%;
    margin: 20px auto 0;
}
div#header_tab .cs_tab_form_btn input[type="submit"]:hover {
    background-color: #fff;
    color: #ff5a60;
    border: solid 2px #ff5a60;
}
div#header_tab .cs_tab_form_btn input[type="submit"] {
    background-color: #ff5a60;
    color: #fff;
    border: solid 2px #ff5a60;
    padding: 10px 40px;
    height: 50px;
    width: auto;
    text-align: center;
    transition: all 0.5s;
    font-weight: 500;
    border-radius: 0px;
    margin: auto;
    width: 100%;
}
div#header_tab .cs_tab_form_btn input[type="submit"] {
    padding: 10px 132px;
}
.cs_header_form .tabs_content {
    padding: 30px 0px;
    border-top: none;
    background: #fff;
    text-align: center;
}
.cs_header_form .who_we_tab .nav {
    position: relative;
    margin: 16px 0 15px;
}
/*=================Banner Tab Style==================*/
.cs_banner_slider_wrapper .swiper-button-prev {
    left: auto;
    right: 120px;
    opacity: 1;
    background: #595967;
    transition: all 0.3s;
}
.cs_banner_slider_wrapper .swiper-button-prev:hover{
	background: #ff5a60;
}
.cs_banner_slider_wrapper .swiper-button-next {
    right: 0px;
    left: auto;
    background:#595967;
    transition: all 0.3s;
}
.cs_banner_slider_wrapper .swiper-button-next:hover {
    background:#ff5a60;
}
.cs_banner_slider_wrapper .swiper-button-next img{
	padding-right: 8px;
}
.cs_banner_slider_wrapper .swiper-button-prev img{
	padding-right: 8px;
}
.cs_banner_slider_wrapper .swiper-button-next, .cs_banner_slider_wrapper .swiper-button-prev {
    position: absolute;
    bottom: 20px;
    top: auto;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content:  center;
    color: #fff;
    width: 120px;
    height: 60px;
}
.cs_banner_slider_wrapper{
    position: relative;
    /*top: 95px;*/
}
.cs_banner_text {
    width: 600px;
}
.cs_header_form {
    position: absolute;
    top: 85px;
    right: 18%;
    width: 450px;
    height: 100%;
    z-index: 1;
}
img.next-prev {
    padding-left: 10px;
}
/*=================Services Style==================*/
.cs_top_services_wrapper {
    background: #f8f8f8;
    padding: 60px 0px;
    margin-top: 80px;
}
.cs_top_services_icon p {
    color: #66728d;
    transition: all 0.5s;
    font-weight: 500;
}
.cs_top_services_box {
    text-align: center;
    background: #fff;
    padding: 25px 10px;
    border-radius: 20px;
    box-shadow: 0 1px 23px rgb(255 255 255 / 12%), 0 1px 19px rgb(255 255 255 / 24%);
    transition: all 0.5s;
}
.cs_top_services_box:hover {
    text-align: center;
    background: #ff5a60;
    padding: 25px 10px;
    border-radius: 20px;
    box-shadow: 0px 29px 60px 0px rgba(255, 90, 96, 0.4);
}
.cs_top_services_icon svg {
    fill: #66728d;
    margin-bottom: 10px;
    transition: all 0.5s;
}
.cs_top_services_box:hover .cs_top_services_icon svg {
    fill: #fff;
}
.cs_top_services_box:hover .cs_top_services_icon p {
    color: #fff;
}
/*=================About Us Style==================*/
.cs_about_content h5 {
    color: #ff5a60;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.cs_about_content h1 {
    color: #2c3e4a;
    font-size: 43px;
    font-weight: 500;
    margin-top: 15px;
    position: relative;
    padding-bottom: 10px;
}
.cs_about_content h1:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
    height: 3px;
	background:#ff5a60;
}
.cs_about_content p {
    color: #898d94;
    padding-top: 20px;
    text-align: justify;
}
.cs_people_choose_content {
    width: 100%;
}
.cs_about_icon_text h3 {
    color: #2c3e4a;
    font-size: 20px;
    font-weight: bold;
}
.cs_about_icon_text p {
    padding: 0;
}
.cs_about_icon_text {
    margin-left: 35px;
}
.cs_about_icon_box {
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.cs_about_wrapper {
    padding: 80px 0 0;
}
.cs_about_img {
    padding-left: 120px;
}



.cs_people_choose_wrapper .who_we_tab li a {
    color: #2c3e4a;
    font-size: 18px;
    font-weight: 500;
    margin: 0 35px;
    position: relative;
    text-transform: uppercase;
}
.cs_people_choose_wrapper .who_we_tab .nav {
    position: relative;
    margin: 16px 0 0px;
    border-bottom: 1px solid rgb(214 212 213);
    padding-bottom: 20px;
}
.cs_people_choose_wrapper .who_we_tab li a {
    color: #2c3e4a;
    font-size: 18px;
    font-weight: 500;
    margin: 0 35px;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.cs_people_choose_wrapper .who_we_tab li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    margin: auto;
    width: 1px;
    height: 11px;
    background: rgb(236, 240, 255);
}
.cs_people_choose_wrapper .who_we_tab li a.active:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background: #ff5a60;
    bottom: 0;
    z-index: 1;
}
.cs_people_choose_wrapper .who_we_tab li:first-child a {
    margin-left: 0;
}
.cs_people_choose_wrapper .who_we_tab li:first-child a:after {
    display: none;
}
.cs_people_choose_wrapper .who_we_tab .tab-content svg {
    margin-right: 5px;
}
.cs_people_choose_wrapper .who_we_tab .tab-content1 svg {
    margin-right: 5px;
}
/*=================Counter Style==================*/
.cs_counter_wrapper{
   background-image: url(../images/index/count_img1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 80px;
    position: relative;
    z-index: 1;
}
.cs_counter_wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.96;
    background: #2a2a32;
    z-index: -1;
}
.cs_counter_icon svg {
    fill: #fff;
}
.cs_counter_icon_box {
    text-align: center;
}
.cs_counter_icon p {
    fill: #fff;
    background: #43444b;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding: 20px;
    margin: 0 auto;
    border: 10px solid #2e2f37;
    position: relative;
}
.cs_counter_text h1 {
    padding: 20px 0px 8px;
    font-size: 36px;
    font-weight: bold;
}
.cs_counter_text p {
    font-size: 18px;
    font-weight: 500;
}
.cs_counter_icon p:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border: 1px dashed #4e4e4e;
    border-radius: 50px;
    top: -10px;
    left: -10px;
    animation-name: spin;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
/*=================Why People Choose Style==================*/
.cs_people_choose_content h5 {
    color: #ff5a60;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.cs_people_choose_content h1 {
    color: #2c3e4a;
    font-size: 42px;
    font-weight: 500;
    margin-top: 15px;
    position: relative;
    padding-bottom: 15px;
}
.cs_people_choose_content p {
    color: #898d94;
    padding-top: 20px;
    text-align: justify;
}
.cs_people_choose_content .tab button {
    background-color: transparent;
    position: relative;
    color: #2c3e4a;
    font-weight: 600;
}
.cs_people_choose_content .tab button.active {
    color: #2c3e4a;
    border-bottom: 2px solid #ff5a60;
}
.cs_mission_vision_wrapper .cs_main_btn {
    margin-top: 25px;
}
.cs_mission_vision_wrapper .tabcontent {
    display: none;
    padding: 30px 0px;
    text-align: left;
}
.cs_people_choose_content h1:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 3px;
    background: #ff5a60;
}
.cs_testimonial_section {
    background: #282932;
    width: 83%;
    margin: 0 auto 0;
}
.cs_testimonial_slides {
    margin: 0 auto;
    width: 85%;
}
.cs_mission_vision_wrapper .tab {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
div#Mission {
    display: block;
    text-align: justify;
     color: #898d94 ;
}
div#Vision {
    display: block;
    text-align: justify;
     color: #898d94 ;
}
.cs_mission_vision_wrapper .tab:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e0e0e0;
    z-index: 0;
}
.cs_testimonial_slides {
    margin: 0 auto;
    width: 85%;
    padding: 50px 0;
}
.cs_people_choose_wrapper {
    margin: 80px 0 0px;
}
.cs_people_choose_wrapper .swiper-button-next:after, .cs_people_choose_wrapper .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 0;
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}
.cs_people_choose_slider_arrow .swiper-button-next, .cs_people_choose_slider_arrow .swiper-button-prev {
    position: absolute;
    bottom: 0;
    top: auto;
    right: 8px;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    width: 60px;
    height: 60px;
}
.cs_people_choose_slider_arrow .swiper-button-next {
    background: #3e3d53;
    transition: all 0.3s;
}
.cs_people_choose_slider_arrow .swiper-button-next:hover {
    background: #ff5a60;
}
.cs_people_choose_slider_arrow .swiper-button-prev {
    left: auto;
    right: 67px;
    background: #3e3d53;
    opacity: 1;
    transition: all 0.3s;
}
.cs_people_choose_slider_arrow .swiper-button-prev:hover {
    background: #ff5a60;
}

/*=================Our Services Style==================*/
.cs_our_service_content h1 {
    color: #2c3e4a;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}
.cs_our_service_content p {
    color: #898d94;
    padding-bottom: 10px;
}
.cs_our_service_content a {
    color: #ff5a60;
}
.cs_our_service_box {
    text-align: center;
    background: #fff;
    padding: 40px 15px;
    margin-bottom: 30px;
}
.cs_our_service_icon {
    margin-bottom: 20px;
}
.cs_our_services_heading h5 {
    color: #ff5a60;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.cs_our_services_heading h1 {
    font-size: 34px;
    font-weight: 500;
    line-height: 2;
}
.cs_our_services_heading {
    text-align: center;
    margin-bottom: 30px;
}
.cs_our_service_box2 {
    margin-top: 30px;
}

.cs_our_service_box:after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 5px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s linear;
}
.cs_our_service_box:hover:after{
	background-color: #ff5a60;
}
.cs_our_service_box {
    position: relative;
    transition: all 0.3s linear;
}
.cs_our_service_box:hover{
    transform: scale(1.05);
}
/*=================Service Testimonial Style==================*/
.cs_testimonial_heading h5 {
    color: #ff5a60;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.cs_testimonial_heading h1 {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.5;
    color: #2c3e4a;
}
.cs_testimonial_heading {
    text-align: center;
}
.cs_testimonial_text {
    padding: 18px 0;
}
.cs_testimonial_img img {
    border-radius: 77px!important;
    border: 3px solid #ff5a60;
}
.cs_testimonial_name {
    display: flex;
    align-items: center;
}
.cs_testimonial_img_name {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cs_testimonial_name h5 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-left: 10px;
}
.cs_testimonial_name p {
    padding-left: 5px;
}
.cs_testimonial_name {
    position: relative;
    z-index: 1;
}
.cs_testimonial_img {
    position: relative;
    z-index: 3;
}
.cs_testimonial_name:after {
    content: "";
    position: absolute;
    left: -20px;
    width: 270px;
    height: 50px;
    background: #3a3b46;
    z-index: -1;
    transform: skewX(-20deg);
}
.cs_testimonial_quote {
    text-align: center;
}
.cs_testimonial_text p {
    color: #c1c2ce;
    font-style: italic;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.cs_testimonial_wrapper .swiper-button-next:after, .cs_testimonial_wrapper .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 0;
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}
.cs_testimonial_wrapper .swiper-button-next, .cs_testimonial_wrapper .swiper-button-prev {
    position: absolute;
    bottom: 0;
    top: auto;
    right: 0;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    width: 65px;
    height: 60px;
}
.cs_testimonial_wrapper .swiper-button-next {
    left: auto;
    right: 0;
    background: #3e3d53;
    transition: all 0.3s;
    box-shadow: none;
}
.cs_testimonial_wrapper .swiper-button-next:hover {
    background: #ff5a60;
    box-shadow: 0px 29px 60px 0px rgba(255, 90, 96, 0.4);
}
.cs_testimonial_wrapper .swiper-button-prev {
    left: auto;
    right: 65px;
    background: #3e3d53;
    opacity: 1;
    transition: all 0.3s;
    box-shadow: none;
}
.cs_testimonial_wrapper .swiper-button-prev:hover {
    background: #ff5a60;
    box-shadow: 0px 29px 60px 0px rgba(255, 90, 96, 0.4);
}
/*=================Pricing Table Style==================*/
.cs_pricing_calculate_table_body span {
    display: grid;
    width: 100%;
    padding: 0 30px;
}
.cs_pricing_calculate_table_body {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 3px 0px 10px;
}
.cs_pricing_calculate_btn.cs_main_btn {
    text-align: center;
    margin: 40px 0px 0px;
}
.cs_pricing_calculate_table_body label {
    color: #2c3e4a;
    font-size: 14px;
    font-weight: 500;
}
.cs_pricing_charge_table table {
    width: 100%;
    background: #fff;
}
.cs_pricing_charge_table thead {
    background: #ff5a60;
    transition: all 0.3s;
}
.cs_pricing_charge_table th {
    padding: 10px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 20%;
    color: #fff;
}
.cs_pricing_charge_table td {
    padding: 18px 0px;
    text-align: center;
    font-size: 14px;
    width: 20%;
    color: #898d94;
}
.cs_pricing_charge_table tr {
    border-top: 1px solid #dedede;
}
.cs_table_heading {
    text-align: center;
    padding: 0px 0px 35px;
}
.cs_table_heading h3 {
    color: #ff5a60;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.cs_table_heading h1 {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
}
.cs_pricing_charge_table {
    background: #ffffff;
    text-align: center;
    padding: 50px 0 0px;
}
.cs_pricing_charge_table h3 {
    color: #2c3e4a;
    font-size: 20px;
    font-weight: bold;
    margin:0;
}
.cs_pricing_charge_table p {
    color: #898d94;
    padding: 8px 0;
}

.cs_pricing_calculate_heading h1 {
    color: #2c3e4a;
    font-size: 20px;
    font-weight: bold;
    margin:0;
}
.cs_pricing_calculate_heading p {
    color: #898d94;
    padding: 8px 0;
}
.cs_pricing_calculate_heading {
    text-align: center;
}
.cs_pricing_calculate_table {
    background: #ffffff;
    padding: 42px 0 55px;
}
.cs_pricing_calculate_table_body input[type="text"] {
    background: #f3f5f6;
    border: none;
    padding: 10px 15px;
    width: 100%;
}
.cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 126px;
}
/*=================Blog Section Style==================*/
.cs_blog_heading h3 {
    color: #ff5a60;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.cs_blog_heading h1 {
    color: #2c3e4a;
    font-size: 34px;
    font-weight: bold;
    margin-top: 15px;
    position: relative;
    padding-bottom: 10px;
}
.cs_blog_heading {
    text-align: center;
    margin-bottom: 26px;
}
.cs_blog_date h1 {
    color: #2c3e4a;
    font-size: 36px;
    font-weight: bold;
    background: #fff;
    width: 85px;
    text-align: center;
    padding: 10px;
    margin: 0;
}
.cs_blog_user a svg, .cs_blog_comment a svg {
    width: 18px;
    margin-right: 10px;
    fill: #ff5a60;
}
.cs_blog_date p {
    color: #fff;
    background: #ff5a60;
    width: 85px;
    text-align: center;
}
.cs_blog_date {
    position: absolute;
    bottom: -27px;
    left: 22px;
}
.cs_blog_img_box {
    position: relative;
}
.cs_blog_text {
    margin-top: 40px;
}
p.cs_sbar_blog_date {
    color: #ff5a60;
}
a.cs_blog_title:hover {
    color: #ff5a60;
}
.cs_blog_grid_text p {
    text-align: left !important;
}
.cs_blog_text h3 {
    font-size: 20px;
    color: #2c3e4a;
    font-weight: 600;
    line-height: 32px;
    transition: all 0.3s;
}
.cs_blog_text h3:hover {
    color: #ff5a60;
}
.cs_blog_text p {
    color: #898d94;
    padding: 8px 0px;
    text-align: justify;
}
.cs_blog_user a {
    color: #898d94;
    transition: all 0.3s;
}
.cs_blog_user a:hover {
    color: #ff5a60;
}

.cs_blog_comment a {
    color: #898d94;
    transition: all 0.3s;
}
.cs_blog_comment a:hover {
    color: #ff5a60;
}
.cs_blog_user_comment {
    display: flex;
    align-items: center;
}
.cs_blog_comment {
    padding-left: 40px;
}
.cs_blog_img img {
    transition: all 0.4s;
    position: relative;
    width: 100%;
}
.cs_blog_img:hover img {
    transition: all 0.4s;
    transform: scale(1.1);
}
.cs_blog_img {
    overflow: hidden;
    transition: all 0.4s;
}
/*=================Contact Section Style==================*/
.cs_contact_wrapper {
    margin-top: 80px;
    position: relative;
    z-index: 99;
}
.cs_contact_wrapper .row {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(157, 134, 183, 0.1);
    padding: 50px;
}
.cs_contact_box h1 {
    color: #2c3e4a;
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0px;
}
.cs_contact_box p {
    color: #898d94;
}
.cs_contact_box {
    text-align: center;
}
/*=================Footer Section Style==================*/
.cs_footer_wrapper{
    background-image: url(../images/index/footer_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0 100px;
    position: relative;
    z-index: 1;
    margin-top: -130px;
}
.cs_footer_wrapper:after{
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.96;
    background: #2a2a32;
    z-index: -1;
}
.cs_footer_logo a {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    font-family: 'Cormorant Garamond', serif;
}
.cs_footer_logo a:hover {
    color: #fff;
}
.cs_footer_logo img {
    max-width: 35px;
}
.cs_footer_icon i.fa.fa-facebook {
    background: #414147;
    padding: 10px 13px;
    border-radius: 50px;
    color: #fff;
    transition: all 0.3s;
}
.cs_footer_icon i.fa.fa-facebook:hover {
    background: #ff5a60;
    padding: 10px 13px;
    color: #fff;
}
.cs_footer_icon i.fa.fa-twitter {
    background: #414147;
    padding: 10px 10px;
    border-radius: 50px;
    transition: all 0.3s;
    color: #fff;
}
.cs_footer_icon i.fa.fa-twitter:hover {
    background: #ff5a60;
   padding: 10px 10px;
   color: #fff;
}
.cs_footer_icon i.fa.fa-google-plus {
    background: #414147;
    padding: 10px 8px;
    border-radius: 50px;
    transition: all 0.3s;
    color: #fff;
}
.cs_footer_icon i.fa.fa-google-plus:hover {
    background: #ff5a60;
    padding: 10px 8px;
    color: #fff;
}
.cs_footer_icon i.fa.fa-youtube-play {
    background: #414147;
    padding: 10px 9px;
    border-radius: 50px;
    transition: all 0.3s;
    color: #fff;
}
.cs_footer_icon i.fa.fa-youtube-play:hover {
    background: #ff5a60;
    padding: 10px 9px;
    color: #fff;
}
.cs_footer_icon ul {
    display: flex;
    align-items: center;
}
.cs_footer_icon li{
	margin-right: 12px;
}
.cs_footer_icon h5 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 25px 0px 15px;
}
.cs_footer_section1 p {
    padding: 25px 0px 0px;
}
.cs_footer_wrapper h5 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 10px 0px 15px;
}
.cs_footer_wrapper li {
    padding-bottom: 5px;
}
.cs_copyright {
    text-align: center;
    margin-top: 80px;
    border-top: 1px solid #484848;
    padding: 15px 0 0;
    margin-bottom: -90px;
}
.cs_footer_wrapper a:hover {
    color: #ff5a60;
}
.cs_footer_logo a:hover{
    color: #fff;
}
/*=================Swiper Style==================*/
    html,
    body {
      position: relative;
      height: 100%;
    }
    .swiper-container {
      overflow: hidden;  
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      font-size: 16px;

      /* Center slide text vertically */
      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;
    }

/*=================Swiper Style==================*/
/*=================About Page Style==================*/
.cs_pagetitle {
    float: left;
    width: 100%;
    background-color: #272727;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    padding: 100px 0px 100px;
    background-image: url(../images/index/banner_bg1.jpg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 80px;
}
.page_title h2{
    float:left;
    width:100%;
    text-align:center;
    color:#ffffff;
    float:left;
    margin:0px;
    font-size:36px;
    text-transform:capitalize;
    }
.cs_img_overlay {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    background-color: rgb(29 27 27 / 63%);
}
.cs_pagetitle ul.breadcrumb {
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    display: flex;
    justify-content: center;
}
.cs_pagetitle ul.breadcrumb li {
    display: inline-block;
    list-style: none;
    padding-top: 5px;
}
.cs_pagetitle ul.breadcrumb li a {
    color: #ffffff;
    font-size: 18px;
    padding: 0px 10px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cs_pagetitle ul.breadcrumb li:last-child a {
    color: #ff5a60;
    cursor: text;
}
/*=================Service Page Style==================*/
.cs_service_page_wrapper {
    margin: 0;
}
/*=================Blog Page Style==================*/
.cs_blog_section {
    margin-bottom: 30px;
}
.cs_single_blog_img1 img {
    border-radius: 80px;
    border: 3px solid #ff5a60;
}
.cs_single_blog_img1_box1 {
    display: flex;
    justify-content: space-around;
    background: #f5f5f5;
    padding: 20px;
    margin: 30px auto;
}
.cs_img_text_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cs_img_text_container img {
    width: 370px;
    display: inline-block;
    margin: 6px 15px 6px 0;
}
.cs_img_text_container p {
    display: inline-block;
    width: calc(100% - 385px);
}
.cs_divider {
    margin: 15px 0;
    display: block;
}
.cs_single_blog_testimonial {
    background: #2a2a33;
    margin-top: 55px;
}
.cs_single_blog_testimonial .cs_testimonial_slides {
    padding: 20px;
    width: 100%;
}
.cs_single_blog_testimonial .cs_testimonial_text {
    padding: 0px 0 18px;
}
.cs_single_blog_text1 h5 {
    font-size: 18px;
    font-weight: 600;
    color: #ff5a60;
    padding-left: 0px;
}
.cs_single_blog_text1 span {
    font-size: 16px;
    color: #808080c2;
    font-weight: 500;
}
.cs_single_blog_img1_box1 {
    display: flex;
    justify-content: space-around;
    background: #f5f5f5;
    padding: 20px;
    align-items: center;
}
.cs_single_blog_text1 {
    width: 670px;
    position: relative;
}
.cs_single_blog_text1:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #ff5a60;
    position: absolute;
    right: 50%;
    font-size: 84px;
    margin: auto;
    top: 50%;
    opacity: .1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cs_blog_sidebar_categories {
    margin-top: 30px;
}
.cs_single_blog_uname a {
    color: #858585;
    transition: all 0.3s;
}
.cs_single_blog_uname a:hover {
    color: #ff5a60;
}
.cs_blog_time a {
    color: #898d94;
    transition: all 0.3s;
}
.cs_blog_time a:hover {
    color: #ff5a60;
}
.cs_blog_time i {
    color: #ff5a60;
}
.cs_single_blog_user_comment .cs_blog_time {
    margin-left: 40px;
}
.cs_single_blog_user_comment {
    display: flex;
    margin-top: 30px;
}
.cs_comment_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 40px;
}
.cs_comment_user {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 30px;
}
.cs_comment_user img {
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}
.cs_comment_detail {
    width: calc(100% - 130px);
}
.cs_reply_btn {
    color: #ff5a60;
    margin-left: 15px;
}
.cs_comment_detail p {
    padding: 0px 0px;
    font-size: 15px;
}
h5.cs_user_name {
    color: #ff5a60;
    font-size: 18px;
}
.cs_blog-body.cs_single_blog_body {
    border: none;
    padding: 0;
}
.cs_comment_box {
    margin-top: 75px;
}
.cs_field_holder {
    margin-bottom: 30px;
}
.cs_form_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    display: flex;
}
textarea.cs_form_field {
    height: 150px;
    resize: none;
    padding: 12px 20px;
}
.cs_comment_form {
    margin-top: 70px;
}
.cs_comment_form_heading {
    padding-bottom: 40px;
}
.cs_latestPost_field ul li {
    display: flex;
    margin-bottom: 12px;
    flex-wrap: wrap;
    align-items: center;
}
.cs_latestPost_field ul li .cs_blog_thumb {
    margin-right: 10px;
    width: 70px;
    display: inline-block;
}
.cs_blog_thumb img {
    border: none;
    border-radius: 3px;
}
.cs_blog_title_wrap {
    width: calc(100% - 80px);
}
.cs_blog_title {
    font-weight: 400;
    text-transform: capitalize;
    color: #858585;
}.cs_latestPost_field {
    margin-top: 20px;
}
.cs_blog_sidebar_tags {
    margin-top: 106%;
}
.cs_blog_sidebar_post {
    margin-top: 154%;
}
.cs_blog_date {
    color: #ff5a60;
    font-weight: 400;
}
.cs_blog_date {
    color: #ff5a60;
    font-weight: 400;
}
/*=========Sidebar Style==========*/
.cs_blog_sidebar_search_section i {
    color: #8585a5;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 18px;
}
.cs_blog_sidebar_search_section {
    position: relative;
    margin-bottom: 30px;
}
.cs_blog_sidebar_search_section input[type="text"] {
    border: 1px solid #ff5a60;
    padding: 10px 40px 10px 20px;
    width: 100%;
}
h4.widget-title {
    font-size: 20px;
    color: #272727;
    font-weight: 600;
    line-height: 32px;
    transition: all 0.3s;
}
.cs_blog_sidebar_categories ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding-left: 20px;
    color: #ff5a60;
    list-style-type: disc;
    margin-top: 10px;
}
.cs_blog_sidebar_categories li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f0f0;
    padding-bottom: 5px;
}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
}
.cs_blog_sidebar_start {
    margin-top: 0px;
}
.cs_blog_sidebar_categories ul li a {
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #858585;
}
.cs_blog_sidebar_categories ul li a:hover {
    color: #ff5a60;
    -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.ed_btn.ed_orange {
    color: #fff;
    background: #ff5a60;
    padding: 7px 10px;
    border:1px solid #ff5a60;
    transition: all 0.4s;
}
a.ed_btn.ed_orange:hover {
    color: #ff5a60;
    background: #fff;
    padding: 7px 10px;
    border:1px solid #ff5a60;
}
.cs_sidebar_tags_box {
    margin-top: 30px;
}
.cs_blog_sidebar_tags ul{
    list-style-type: none;
}
.cs_blog_sidebar_tags ul li{
   border:none;
}
.cs_blog_sidebar_tags ul li {
    border: none;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 7px;
}
.cs_S_blog_text h3 {
    font-size: 28px;
    line-height: 1.5;
}
.cs_S_blog_text {
    margin-top: 15px;
}
.cs_single_blog_img1:before {
    content: "\f10e";
    right: 20px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #ff5a60;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 32px;
    background: #fff;
    border: 5px solid #ff5a60;
    padding-left: 8px;
    border-radius: 100%;
}
.cs_single_blog_img1 {
    position: relative;
    width: 160px;
    margin-right: 10px;
}
/********************************************************
 Contact start
 *******************************************************/
.cs_contact_info {
    padding: 60px 35px 0 50px;
    color: var(--main-bg-color);
}

.cs_info_bg {
    background: #ff5a60;
    margin-bottom: 55px;
    margin-left: -30px;
    margin-top: 45px;
    margin-right: 25px;
}
.cs_contact_info .cs_sub_heading {
    color: var(--main-bg-color);
    margin-bottom: 28px;
    font-size: 26px;
}
.cs_conatact_section {
    margin-bottom: 29px;
    padding-bottom: 22px;
    position: relative;
}
.cs_conatact_section:before {
    content: "";
    border-bottom: 1px solid var(--main-bg-color);
    position: absolute;
    bottom: 0px;
    left: -50px;
    right: -50px;
    opacity: 0.2;
}
.cs_contact_info_inner {
    padding: 0 0 0 30px;
    font-size: 16px;
    position: relative;
    line-height: 25px;
}
.cs_contact_info_inner span {
    position: absolute;
    left: 0;
    top: 0;
}
.cs_contact_info_inner svg {
    width: 16px;
    fill: var(--main-bg-color);
}
.cs_contact_form {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(157, 134, 183, 0.1);
    padding: 50px;
    margin-right: -45px;
    margin-top: 17px;
}
.cs_contact_form .cs_sub_heading {
    margin-bottom: 30px;
    font-size: 26px;
    color: #2c3e4a;
}
.cs_sub_heading {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 22px;
    text-transform: capitalize;
}
.cs_field_holder textarea#message {
    height: 150px;
}
.relative {
    position: relative;
}
.cs_contact_wrapper .cs_sub_heading:before {
    width: 100px;
}

.cs_sub_heading:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px;
    background: #fff;
}
.cs_contact_wrapper .cs_sub_heading:after {
    width: 115px;
}
.cs_sub_heading:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100px;
    height: 1px;
    background: #fff;
}
.cs_contact_form .cs_field_holder {
    margin-bottom: 33px;
}
button.cs_main_btn.submitForm {
    background-color: #ff5a60;
    color: #fff;
    border: solid 2px #ff5a60;
    padding: 10px 40px;
    height: 50px;
    width: auto;
    text-align: center;
    transition: all 0.5s;
    font-weight: 500;
    display: inline-block;
}
button.cs_main_btn.submitForm:hover {
    background-color: #fff;
    color: #ff5a60;
    border: solid 2px #ff5a60;
    padding: 10px 40px;
}
.cs_form_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    display: flex;
}
.cs_contact_form .cs_btn {
    width: 160px;
    font-size: 15px;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.cs_btn {
    background: var(--main-color);
    color: var(--main-bg-color);
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 15px;
    width: 170px;
    margin-top: 10px;
    z-index: 0;
    font-weight: 400;
    overflow: hidden;
    position: relative;
}
.cs_btn::after, .cs_btn.white::after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 30px;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.cs_map_wrapper {
    margin-top: 0;
    margin-bottom: 0;
}
button.cs_btn {
    background-color: #ff5a60;
    color: #fff;
    border: solid 2px #ff5a60;
    padding: 10px 40px;
    height: 50px;
    width: auto;
    text-align: center;
    transition: all 0.5s;
    font-weight: 500;
    display: inline-block;
}
button.cs_btn:hover {
background-color: #fff;
    color: #ff5a60;
    border: solid 2px #ff5a60;
}
.response {
    color: var(--red);
    position: absolute;
    right: 12px;
    bottom: 12px;
}
.wpcargo-print-btn {
    margin: 20px 0 0;
    float: right;
}
.shipment-number {
    margin: 0 0 40px;
}
.shipment-number span.wpcargo-title {
    font-weight: 600;
    text-align: left;
}
#shipment-status #result-status-header {
    background-color: var(--iny-primary);
    margin: 20px 0 20px;
    font-weight: 600;
    text-align: left;
    padding: 10px 20px;
    border-radius: 5px;
}
.cs_tab_form_btn.cs_main_btn {
    margin: 15px 0 0;
}

/*=================Responsive Style==================*/

@media (max-width: 1400px){
.cs_header_form {
    right: 5%;
}
}
@media (max-width: 1200px){
.cs_header_form {
    right: 1%;
    width: 385px;
}
.cs_banner_text {
    width: 500px;
}
.cs_main_header_section .cs_main_btn a {
    padding: 10px 10px;
}
.cs_main_header_menu>ul>li>a {
    margin-left: 30px;
}
.cs_top_header_info {
    display: block;
}
.cs_top_header_info_mail {
    padding-left: 0px;
}
.cs_about_wrapper .row {
    align-items: flex-end;
}
.cs_header_form {
    padding: 0 15px;
    width: 450px;
    right: 0;
    padding: 0 15px;
    height: unset;
        top: 7%;
    bottom: 110px;
}
.cs_banner_text {
    width: 500px;
}
.cs_about_content {
    padding-bottom: 50px;
}
.cs_main_btn a {
    padding: 10px 10px;
}
.cs_people_choose_wrapper .cs_main_btn a {
    padding: 10px 30px;
}
.cs_header_form a.cs_banner_tab{
    padding: 18px 20px;
}
/*.fixed_header {
    top: 80px;
}
.fixed_header.fixed{
    margin-top: -80px;
}*/
}

@media (max-width: 1000px){
.cs_toggle {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
}
.ss_menu_open .cs_main_header_overlay{
    position: fixed;
    
}
.cs_main_header_section{
    position: fixed;
    top: 0;
    left: -300px;
    bottom: 0;
    width: 270px;
    background: #fff;
    padding: 0;
    transition: all 0.3s;
    z-index: 5;
}
.ss_menu_open .cs_main_header_section{
    left: 0;
}
nav.cs_main_header_section {
    display: block;
    margin-top: 0;
}
.cs_main_header_menu li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 8px;
    padding-top: 10px;
}
header .cs_main_header_btn {

    margin-right: 50px;
}
.cs_main_header_section {
    justify-content: flex-end;
    margin-top: -25px;
}
.cs_main_header_section ul {
    display: block;
    margin-top: 50px;
}
.cs_header_banner .cs_main_btn a {
    padding: 10px 40px;
}
}

@media (max-width: 991px){
.cs_main_header_wrapper .cs_main_btn {
    margin-left: 20px;
}
.cs_main_header_menu>ul>li>a {
    margin-left: 25px;
}
.cs_top_services_box {
    margin-bottom: 20px;
}
.cs_about_icon_box {
    margin-top: 25px;
}
.cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 25px;
}
.cs_pricing_calculate_table_body input[type="text"] {
    width: 90%;
}
.cs_pricing_calculate_table_body {
    padding: 10px 0px 10px 15px;
}
.cs_header_form {
    top: 35px;
}
.cs_header_banner h1 {
    font-size: 50px;
}
.cs_banner_text {
    width: 430px;
}
.cs_banner_text p{
    font-size: 14px;
}
.cs_about_content {
    padding-bottom: 30px;
}
.cs_header_form {
    padding: 0 15px;
    width: 360px;
    right: 0;
    padding: 0 15px;
    height: unset;
    top: 15%;
    bottom: 110px;
}
div#header_tab a {
    padding: 10px 80px;
}
div#header_tab1 a {
    padding: 10px 80px;
}
.cs_header_banner2 {
    padding: 200px 0 350px;
}
.cs_header_banner {
    padding: 200px 0 350px;
}
.cs_contact_form {
    margin-right: 0;
}
.cs_blog_sidebar_post {
    margin-top: 0;
}
.cs_blog_sidebar_tags {
    margin-top: 0;
}
}

@media (max-width: 991.98px) {
    .main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
        background: #ff5a60;
    }
    .main_menu_wrapper ul > li > a {
    padding: 15px 20px 0px;
    width: 100%;
}
.main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
    background: #ff5a60;
}
.main_menu_wrapper li.has_submenu:before {
    right: 26px;
    width: 2px;
    height: 12px;
    top: 20px;
}
.main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
    position: absolute;
    bottom: 0;
    content: '';
}
.main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
    background: #ff5a60;
}
.main_menu_wrapper li.has_submenu:after {
    right: 21px;
    width: 12px;
    height: 2px;
    top: 25px;
}
.main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
    position: absolute;
    bottom: 0;
    content: '';
}
}
@media (max-width: 767px){
.cs_pricing_calculate_table_body input[type="text"] {
    width: 125px;
}
.cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 60px;
}
.tab {
    margin-top: 30px;
}
div#header_tab a {
    padding: 10px 65px;
}
div#header_tab1 a {
    padding: 10px 65px;
}
.tab button {
    padding: 14px 5px;
}
.cs_header_form {
    padding: 0 15px;
    width: 360px;
    right: 0;
    padding: 0 15px;
    height: unset;
    top: 19%;
    bottom: 110px;
}
.cs_blog_img img {
    width: 100%;
}
.cs_blog_section {
    margin-bottom: 25px;
}
.cs_banner_text {
    width: 250px;
}
.cs_contact_box {
    margin-top: 20px;
}
.cs_about_img img {
    margin-top: 30px;
}
.cs_banner_text p {
    font-size: 16px;
}
.cs_pricing_charge_table {
    margin-top: 30px;
}
.cs_header_form {
    width: 300px;
    right: 1%;
}
.cs_top_header_info {
    display: block;
}
.cs_top_header_info_mail {
    padding-left: 0;
}
.cs_top_header_info_btn {
    text-align: center;
}
.cs_top_header_info {
    text-align: center;
}
.cs_pricing_calculate_table_body input[type="text"] {
    background: #f3f5f6;
    border: none;
    padding: 10px 15px;
    width: 100%;
}
.cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 40px;
}
header.couries_header {
    display: flex;
    justify-content: flex-end;
    margin-top: -45px;
    margin-right: 80px;
}
.cs_toggle {
    top: -40px;
    right: 15px;
}
.cs_our_service_box {
    margin-bottom: 30px;
}
.cs_our_service_box2 {
    margin-top: 0;
}
.cs_banner_text {
    width: 100%;
}
.cs_header_form {
    padding: 0 15px;
    width: 100%;
    right: 0;
    padding: 0 15px;
    height: unset;
    top: 32%;
    bottom: 110px;
}
.cs_header_banner {
    padding: 100px 0 750px;
}
.cs_header_banner .cs_main_btn a {
    padding: 10px 30px;
}
.cs_header_form {
    margin-top: 65px;
}
.cs_contact_form {
    margin-right: 0;
}
.cs_map_wrapper {
    margin-top: 50px;
}
.cs_single_blog_user_comment {
    display: block;
}
.cs_blog_comment {
    padding-left: 40px;
    margin-top: 0;
}
.cs_S_blog_comment {
    padding: 0;
}
.cs_single_blog_user_comment .cs_blog_time {
    margin-left: 0;
}
.cs_img_text_container {
    display: block;
}
.cs_single_blog_img1_box1 {
    display: block;
}
.cs_single_blog_text1 {
    width: 100%;
}
.cs_blog_sidebar_post {
    margin-top: 0;
}
.cs_img_text_container p {
    width: 100%;
}
.fixed_header.fixed {
    padding: 20px 0;
}
}

@media (max-width: 567px){
	.cs_top_header_info {
    display: block;
    text-align: center;
}
.cs_header_form {
    padding: 0 15px;
    width: 100%;
    right: 0;
    padding: 0 15px;
    height: unset;
    top: 32%;
    bottom: 110px;
}
.tab button {
    padding: 14px 15px;
}
.cs_about_img img {
    margin-top: 30px;
}
.cs_counter_wrapper {
    padding: 70px 0 70px;
}
.cs_counter_icon_box {
    margin: 15px 0;
}
.cs_pricing_charge_table td {
    padding: 18px 10px;
    white-space: nowrap;
}
.cs_testimonial_heading h1 {
    font-size: 26px;
}
.cs_our_services_heading h1 {
    font-size: 25px;
    line-height: 1.4;
    margin-top: 10px;
}
.cs_about_content p {
    text-align: left;
}
.cs_people_choose_content h1 {
    font-size: 25px;
}
.cs_pricing_calculate_table_body {
    padding: 10px 0px 10px 15px;
}
.cs_contact_wrapper .row {
    padding: 25px;
}
.cs_about_content h1 {
    font-size: 25px;
}
.cs_banner_text {
    width: 100%;
}
.cs_banner_text_button {
    display: flex;
    margin-top: 30px;
}
.cs_pricing_calculate_table_body label {
    padding-top: 10px;
}
.cs_banner_tracking_button {
    margin-left: 30px;
    margin-top: 0;
}.cs_pricing_calculate_table_body {
    display: block;
    padding: 10px 20px 10px !important;
}
header.couries_header {
    margin-top: -45px;
    margin-right: 0;
}
.cs_table_heading h1 {
    font-size: 26px;
}
.cs_top_header_info_mail {
    padding-left: 0;
}
.cs_pricing_charge_table {
    margin-top: 30px;
}
.cs_top_header_info_btn {
    text-align: center;
}
.cs_banner_text {
    margin-bottom: 40px;
}
    .cs_banner_tracking_button a {
    padding: 10px 15px;
}
    .cs_banner_read_button a {
    padding: 10px 15px;
}
.cs_main_header_btn.cs_main_btn a {
    padding: 6px 7px;
    font-size: 14px;
    height: 40px;
}
.cs_header_banner {
    padding: 60px 0 750px;
}
div#header_tab a {
    padding: 10px 90px;
}
div#header_tab1 a {
    padding: 10px 90px;
}
.cs_top_services_box {
    margin-bottom: 20px;
    width: 100%;
}
.cs_people_choose_slider_img {
    margin-top: 30px;
}
.cs_about_img {
    padding-left: 0;
}
.cs_our_service_box {
    margin-bottom: 20px;
}
.cs_our_service_box2 {
    margin-top: 0px;
}
.cs_testimonial_img_name {
    display: block;
    text-align: center;
}
.cs_testimonial_name:after {
display: none;
}
.cs_testimonial_slides {
    padding: 50px 15px;
    width: 100%;
}
.cs_testimonial_text p {
    color: #c1c2ce;
    font-style: italic;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}
.cs_our_service_box {
    margin-bottom: 30px;
}
.cs_our_service_box2 {
    margin-top: 0;
}
.cs_testimonial_name {
    display: block;
    text-align: center;
    padding: 20px 0;
}
.cs_testimonial_name p {
    padding-left: 0;
}
.cs_testimonial_wrapper .swiper-button-next {
    left: auto;
    right: 0;
}
.cs_testimonial_wrapper .swiper-button-prev {
    right: 65px;
}
.cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 20px;
    width: 90%;
}
.cs_pricing_calculate_table_body input[type="text"] {
    width: 100%;
}
.cs_blog_section {
    margin-bottom: 20px;
}
.cs_contact_box {
    margin-bottom: 30px;
}
.cs_footer_wrapper {
    padding: 190px 0 100px;
}
.cs_blog_img img {
    width: 100%;
}
.cs_blog_section {
    margin-bottom: 25px;
}
.cs_toggle {
    display: inline-block;
    position: absolute;
    top: -40px;
    right: 15px;
}
.cs_main_header_logo a {
    font-size: 22px;
}
.cs_testimonial_section {
    width: 95%;
}
div#Mission {
    text-align: left;
}
div#Mission .cs_main_btn a {
    padding: 10px 30px;
}
div#Vision {
    text-align: left;
}
div#Vision .cs_main_btn a {
    padding: 10px 30px;
}
.cs_comment_holder {
    display: block;
}
.cs_comment_detail {
    width: 100%;
    padding: 17px 0 0;
}
.cs_single_blog_user_comment .cs_blog_time {
    margin-left: 0;
}
.cs_img_text_container p {
    width: 100%;
}
.response {
    left: 12px;
    bottom: -35px;
}
}

@media (max-width: 420px){
header.couries_header {
    margin-top: -40px;
    margin-right: -20px;
    justify-content: flex-end;
}
.cs_header_form {
    top: 37%;
}
.cs_pricing_calculate_table_body input[type="text"] {
    width: 100%;
}
.cs_header_btn.cs_main_btn a {
    padding: 6px 3px;
    height: 45px;
}
.display_flex {
    display: flex;
    flex-wrap: unset;
    width: auto;
}
.cs_search_wrap {
    margin-left: 0px;
}
.cs_about_content p {
    text-align: left;
}
.cs_people_choose_content p {
    text-align: left;
}
.who_we_tab li a {
    font-size: 15px;
    margin: 0 20px;
}
.cs_people_choose_wrapper .who_we_tab li a {
    font-size: 16px;
    margin: 0 10px;
}
}
@media (max-width: 350px){
header.couries_header {
    margin-top: -40px;
    justify-content: flex-end;
    margin-right: -20px;
}
.cs_header_form {
    top: 43%;
}
.cs_main_header_logo img {
    max-width: 30px;
}
.display_flex {
    display: flex;
    flex-wrap: unset;
    width: 175px;
}
.cs_header_form a.cs_banner_tab {
    padding: 15px 10px;
}
.cs_header_banner .cs_main_btn a {
    padding: 10px 15px;
}
}
@media (max-width: 320px){
.cs_main_header_btn.cs_main_btn a {
    padding: 5px 3px;
    font-size: 13px;
    height: 38px;
}
.cs_banner_read_button a {
    padding: 5px 5px;
    height: 40px;
}
.cs_banner_tracking_button a {
    padding: 5px 5px;
    height: 40px;
}
.tab button {
    padding: 10px 10px;
}
.cs_header_form a.cs_banner_tab {
    padding: 15px 10px;
}
.cs_header_form a.active.show {
    padding: 15px 10px;
}
div#header_tab a {
    padding: 10px 60px;
}
div#header_tab1 a {
    padding: 10px 60px;
}
.cs_banner_tracking_button {
    margin-left: 5px;
}
.cs_about_content p{
    text-align: left;
}
.cs_people_choose_content p {
    text-align: left;
}
div#Mission {
    text-align: left;
}
div#Vision {
    text-align: left;
}
.who_we_tab li a {
    font-size: 14px;
    margin: 0 15px;
}
.cs_blog_comment {
    padding-left: 15px;
}
}

/* Courier Demo Added */
/* Dance Demo Added */
.d_btn {
    background: var(--iny-primary);
    color: var(--iny-white);
    border: 2px solid transparent;
    border-radius: 30px;
    height: 50px;
    text-align: center;
    padding: 0 15px;
    width: 170px;
    z-index: 0;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d_btn::after,
.d_btn.white::after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 30px;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.d_btn:hover::after,
.d_btn:focus::after {
    background: var(--main-bg-color);
    width: 100%;
    opacity: 1;
}

.d_btn:hover,
.d_btn:focus {
    color: var(--iny-primary);
    background: transparent;
    border-color: var(--iny-primary);
    box-shadow: 0 0 20px 0 rgba(83, 80, 255, 0.08);
}

.d_btn.white {
    background: transparent;
    color: var(--main-bg-color);
    border-color: var(--main-bg-color);
}

.d_btn.white:hover::after {
    background: var(--main-bg-color);
    width: 100%;
    opacity: 1;
}

.d_btn.white:hover {
    color: var(--d-red-color);
    border-color: var(--main-bg-color);
}

.d_btn.blue {
    background: var(--iny-secondary);
    color: var(--iny-white);
    border-color: var(--iny-secondary);
}

.d_btn.blue:hover::after {
    background: var(--main-bg-color);
    width: 100%;
    opacity: 1;
}

.d_btn.blue:hover {
    color: var(--iny-secondary);
    background: transparent;
}


/* btn end */


/* heading 1 start */

.d_heading {
    margin-bottom: 50px;
}

.heading_title {
    color: var(--main-bg-color);
    font-size: 32px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 13px;
    letter-spacing: 1.1px;
}

.heading_title:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: var(--main-bg-color);
    height: 2px;
    width: 100px;
}

.d_heading.left_align .heading_title:after {
    left: 0;
    right: auto;
}

.heading_des {
    color: var(--main-bg-color);
}

.d_heading.color .heading_title {
    color: var(--d-gray-color);
}

.d_heading.color .heading_des {
    color: var(--d-text-color);
}

.d_heading.color .heading_title:after {
    background: var(--d-red-color);
}


/* heading 2 end */

#scroll {
    background-color: var(--d-gray-color);
}

#scroll span {
    color: var(--main-bg-color);
}


/*bg shap*/

.d_about_wrapper:after,
.d_news_wrapper:after,
.d_touch_wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 416px;
    bottom: 0;
    z-index: -1;
    background-size: 100%;
    background-position: bottom;
}

.d_rclass_wrapper:after,
.d_plan_wrapper:after {
    content: "";
    background: url(../images/index14/bgshapbottom.svg) no-repeat;
    position: absolute;
    width: 100%;
    height: 416px;
    top: 0;
    z-index: -1;
    background-size: contain;
    background-size: 100%;
}


/********************************************************
    3. Preloader CSS
*******************************************************/

.preloader_active .preloader_holder {
    background-color: var(--main-bg-color);
}

.preloader_active .preloader_holder .preloader span {
    box-shadow: 0px 0px 0px 0px var(--d-red-color);
}

@-webkit-keyframes loadingCircles {
    0% {
        -webkit-transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--d-red-color);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--d-red-color);
    }
}

@-moz-keyframes loadingCircles {
    0% {
        -moz-transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--d-red-color);
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--d-red-color);
    }
}

@keyframes loadingCircles {
    0% {
        transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--d-red-color);
    }
    100% {
        transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--d-red-color);
    }
}

.preloader_open:before,
.preloader_open:after {
    background-color: var(--main-bg-color);
}


/********************************************************
    4. Header Start
*******************************************************/

.d_header_wrapper {
    padding: 15px 45px 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
}
.d_header_wrapper.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 42px 45px 40px;
    background-color: rgb(255 255 255 / 1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 14px 28px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 2%);
    margin-top: 0;
    padding: 20px 45px;
}
header.d_header_wrapper .container-fluid {
    max-width: 100%;
}
header.d_header_wrapper .d_main_menu {
    padding-right: 0;
    margin-right: 0;
}
header.d_header_wrapper .d_main_menu {
    padding-right: 0;
    margin-right: 0;
    background: transparent;
}
header.d_header_wrapper .d_main_menu:before {
    background: transparent;
}
header.d_header_wrapper .menu_btn span {
    background: var(--iny-primary);
}
.main_menu_wrapper ul>li>a {
    font-weight: 600;
}

.main_menu_wrapper ul>li.active>a {
    color: var(--iny-primary);
}

.searchBtn,
.searchBtn:focus,
.searchBtn:hover {
    color: var(--iny-secondary);
}
.d_search_wrapper .display_flex {
    align-items: center;
    list-style: none;
    display: inline-flex;
}

.d_search_wrapper .display_flex li:first-child {
    margin-right: 25px;
}

.menu_btn {
    width: 45px;
    height: 45px;
    border: 2px solid rgb(239, 239, 239);
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0);
    line-height: 45px;
    display: block;
    padding: 14px 13px;
}

.menu_btn span {
    display: block;
    width: 15px;
    height: 2px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin: 0 auto 4px 0;
    background: var(--d-red-color);
}

.menu_btn span:nth-child(2) {
    width: 10px;
}

.menu_btn span:nth-child(3) {
    margin-bottom: 0;
}

.menu_btn:hover span:nth-child(2) {
    width: 15px;
}

.open_menu .menu_btn span:nth-child(1) {
    transform: translate(0px, 4px) rotate(-45deg);
}

.open_menu .menu_btn span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}

.open_menu .menu_btn span:nth-child(3) {
    transform: translate(0px, -8px) rotate(45deg);
}

.fixed_header.fixed {
    background-color: rgb(255 255 255 / 1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 14px 28px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 2%);
    margin-top: 0;
    padding: 20px 45px;
}

.fixed_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 42px 45px 40px;
}


/********************************************************
    5.Banner Start
*******************************************************/

.d_banner_section .d_banner_text {
    margin-left: 119px;
    position: relative;
}

.d_bannner_title {
    font-size: 28px;
    color: #3b3d60;
    font-weight: 600;
    letter-spacing: 5px;
}
.d_choregph_btn .swiper-pagination-fraction {
    color: #fff;
    cursor: pointer;
}
.d_bannner_shadwtitle {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}
.d_menumain_wrap .menu {
    padding: 0;
    list-style: none;
}
.nws_date {
    margin: 0;
}
.d_banner_wrapper .swiper-slide-active .d_bannner_shadwtitle {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.d_bannner_mtitle {
    font-size: 90px;
    font-family: 'Dancing Script', cursive;
    color: var(--d-red-color);
    margin-top: 3px;
}

.d_bannner_stitle {
    font-size: 130px;
    text-transform: uppercase;
    color: var(--d-gray-color);
    padding-left: 127px;
    letter-spacing: 5px;
}

.d_bannner_shadwtitle {
    font-size: 150px;
    text-transform: uppercase;
    color: rgb(255 48 82 / 0.10);
    position: absolute;
    top: -100px;
    left: -57px;
    letter-spacing: 5px;
}

.d_banner_section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--main-border-color);
    padding: 17% 0 10%;
    position: relative;
}

.d_banner_section.slide1 {
    background-image: url(../images/index14/banner_bg.jpg);
}

.d_banner_section.slide2 {
    background-image: url(../images/index14/banner_bg2.jpg);
}

.d_banner_section.slide3 {
    background-image: url(../images/index14/banner_bg3.jpg);
}

.d_banner_wrapper .pagination {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 60px;
    margin: auto;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.d_banner_wrapper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--d-red-color);
    transform: translateX(-30px);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.d_banner_wrapper .pagination .swiper-pagination-bullet {
    width: 60px;
    height: 2px;
    border-radius: 0;
    margin: 12px 0;
    position: relative;
    opacity: 1;
    background: #383a57;
}

.d_banner_wrapper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    content: "01";
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    font-size: 16px;
    color: var( --d-red-color);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.d_banner_wrapper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2):after {
    content: "02";
}

.d_banner_wrapper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3):after {
    content: "03";
}

.d_social>ul {
    display: flex;
}

.d_banner_social>ul {
    position: absolute;
    right: 60px;
    bottom: 30px;
}

.d_banner_social>ul>li {
    margin-left: 20px;
}

.d_banner_social>ul>li>a {
    color: #383a57;
    font-size: 17px;
}

.d_banner_social>ul>li>a:hover {
    color: var(--d-red-color);
}


/*animation css*/

.d_bannner_title {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

.d_banner_wrapper .swiper-slide-active .d_bannner_title {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.d_bannner_mtitle {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}

.d_banner_wrapper .swiper-slide-active .d_bannner_mtitle {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.d_bannner_stitle {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.d_banner_wrapper .swiper-slide-active .d_bannner_stitle {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.d_banner_social>ul>li {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.d_banner_wrapper .swiper-slide-active .d_banner_social>ul>li {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.d_banner_wrapper .swiper-slide-active .d_banner_social>ul>li:nth-child(02) {
    -webkit-transition-delay: 1600ms;
    -o-transition-delay: 1600ms;
    transition-delay: 1600ms;
}

.d_banner_wrapper .swiper-slide-active .d_banner_social>ul>li:nth-child(03) {
    -webkit-transition-delay: 1700ms;
    -o-transition-delay: 1700ms;
    transition-delay: 1700ms;
}

.d_banner_wrapper .swiper-slide-active .d_banner_social>ul>li:nth-child(04) {
    -webkit-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
}


/********************************************************
    6.About section Start
*******************************************************/

.d_about_wrapper {
    padding: 100px 0 230px;
    position: relative;
    z-index: 0;
}

.d_about_img>img {
    animation: mover 2s infinite alternate;
    -webkit-animation: mover 2s infinite alternate;
}

.about_sub_title {
    font-size: 32px;
    color: var(--d-red-color);
    font-family: 'Dancing Script', cursive;
}

.about_title {
    font-size: 42px;
    color: var(--d-gray-color);
    margin: 10px 0 5px 0;
}

.about_subtitle {
    font-size: 32px;
    color: var(--d-gray-color);
    margin-bottom: 18px;
}

.abtmore_title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.d_about_more:hover .about_more_img img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.d_about_more {
    margin-bottom: 15px;
}

.about_more_img {
    overflow: hidden;
    margin-bottom: 15px;
}

.d_about_more img {
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.d_about_more:hover .abtmore_title {
    color: var(--d-red-color);
}

.title_shadow {
    font-size: 80px;
    text-transform: uppercase;
    color: rgb(255 48 82 / 0.10);
    position: absolute;
    left: 60px;
    top: 21%;
    -o-transform: rotate(180deg) translateY(0%);
    -ms-transform: rotate(180deg) translateY(0%);
    -webkit-transform: rotate(180deg) translateY(0%);
    -moz-transform: rotate(180deg) translateY(0%);
    transform: rotate(180deg) translateY(0%);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

.title_shadow.white {
    color: rgb(255 255 255 / 10%);
}

.title_shadow.right {
    left: auto;
    right: 40px;
}


/********************************************************
    7.Gallery section Start
*******************************************************/

.d_gallery_wrapper .title_shadow {}

.d_gallery_wrapper {
    padding: 22px 0 63px;
    position: relative;
}

.grid-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.grid_more {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0%;
    background: rgb(40 46 87 / 0.90);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .5s ease;
}

.grid-item:hover .grid_more {
    opacity: 1;
    visibility: visible;
    bottom: 0;
    height: 100%;
}

.more_wrap {
    width: 60px;
    height: 60px;
    background: var(--iny-primary);
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius: 20px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s;
    transition: all .5s ease;
}

.grid_img>img {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s;
    transition: all .5s ease;
}

.grid-item:hover .grid_img>img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.grid_more .more_wrap:hover {
    border-radius: 0 0 20px 0;
}


/********************************************************
    8. Choose us CSS Start
********************************************************/
.d_choose_inner {
    display: flex;
    position: relative;
    justify-content: center;
}

.d_choose_inner .d_choose_column {
    position: relative;
    z-index: 1;
}

.d_choose_inner .d_choose_column:first-child {
    margin-right: 10px;
    max-width: 544px;
}

.d_choose_inner .d_choose_column:last-child {
    max-width: 544px;
}

.d_choose_inner .d_services_left:after {
    content: "";
    background: url(../images/chooseleft.png) no-repeat;
    position: absolute;
    width: 111px;
    height: 100%;
    right: 12px;
    top: 16px;
    z-index: 0;
}

.d_choose_inner .d_services_right:after {
    content: "";
    background: url('../images/chooseright.png') no-repeat;
    position: absolute;
    width: 111px;
    height: 100%;
    left: 12px;
    top: 16px;
    z-index: 0;
}

.d_choose_inner .d_choose_column:nth-child(2) {
    max-width: 450px;
    width: 100%;
    margin: 0 20px 0 -40px;
}

.d_choose_img img {
    animation: mover 2s infinite alternate;
    -webkit-animation: mover 2s infinite alternate;
}

.choose_title {
    font-size: 22px;
    color: var(--main-bg-color);
    margin-bottom: 8px;
}

.choose_title>a {
    color: var(--main-bg-color);
}

.choose_des {
    color: var(--main-bg-color);
}

.d_choosebox {
    display: flex;
    align-items: center;
    margin-bottom: 130px;
    z-index: 1;
    position: relative;
    flex-direction: row-reverse;
}

.d_choose_column .d_choosebox:last-child {
    margin-bottom: 0;
}

.d_choosebox.choose_rightsec {
    flex-direction: row;
}

.d_choosebox.choose_rightsec .d_choosetext {
    margin-left: 48px;
    margin-right: 0;
}

.d_choose_wrapper .d_choosebox:nth-child(2) {
    margin-right: 80px;
}

.d_choose_wrapper .d_choosebox.choose_rightsec:nth-child(2) {
    margin-right: 0px;
    margin-left: 80px;
}

.d_choosetext {
    width: calc(100% - 125px);
    margin-right: 48px;
}

.d_chooseicon span {
    border-style: solid;
    border-width: 10px;
    border-color: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 0px 10px rgb(255 255 255 / 0.2);
}

.d_chooseicon {
    border-radius: 100%;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s;
    transition: all .5s ease;
}

.d_choosebox:hover .d_chooseicon {
    transform: scale(1.11);
}

.d_chooseicon {
    animation: shadow-pulse 3s infinite;
    -webkit-: shadow-pulse 3s infinite;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0px 0px 0px 0px rgb(255 255 255 / 0.2);
    }
    100% {
        box-shadow: 0px 0px 0px 50px rgb(255 255 255 / 0);
    }
}

@-webkit-keyframes shadow-pulse {
    0% {
        box-shadow: 0px 0px 0px 0px rgb(255 255 255 / 0.2);
    }
    100% {
        box-shadow: 0px 0px 0px 50px rgb(255 255 255 / 0);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

.d_choose_wrapper .container-fluid {
    max-width: 1610px;
}


/********************************************************
    9. Right class CSS Start
********************************************************/

.d_rclass_wrapper:after,
.d_plan_wrapper:after {
    content: "";
    background: url(../images/index14/bgshapbottom.svg) no-repeat;
    position: absolute;
    width: 100%;
    height: 416px;
    top: 0;
    z-index: -1;
    background-size: contain;
}

.d_rclass_wrapper {
    padding: 270px 0 0;
    position: relative;
    z-index: 0;
}

.rclass_sliderinner {
    display: flex;
    flex-wrap: wrap;
}

.rclass_sliderbox {
    width: 50%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: var(--main-bg-color);
}

.rclass_sliderbox>img {
    width: 100%;
}

.rclass_sldroverlay {
    position: absolute;
    top: 0;
    height: 0;
    left: 0;
    right: 0;
    background: rgb(40 46 87 / 0.90);
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s;
    transition: all .5s ease;
}

.rclass_sliderbox:hover .rclass_sldroverlay {
    bottom: 0;
    height: 100%;
}

.sldroverlay_inner {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.rclass_subtile,
.dea_subtitle {
    font-size: 22px;
    color: var(--d-red-color);
    font-family: 'Dancing Script', cursive;
}

.rclass_tile,
.dea_stitle {
    font-size: 22px;
    color: var(--main-bg-color);
    margin-top: 5px;
}

.rclass_sliderbox.deatils .dea_stitle {
    margin: 10px 0 3px;
}

.rclass_sliderbox.deatils {
    background: var(--d-red-color);
    padding: 35px 30px 30px 35px;
}

.dea_subtitle {
    color: var(--main-bg-color);
}

.dea_btn {
    font-weight: 600;
    color: var(--main-bg-color);
}

.dea_btn:hover {
    letter-spacing: 2px;
    color: var(--main-bg-color);
}

.d_rclass_button {
    display: flex;
    position: absolute;
    bottom: 20px;
    right: -30px;
    z-index: 1;
}

.d_rclass_button .d_rclassarrow {
    width: 45px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px 0 0 30px;
    background: var(--d-gray-color);
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s;
    transition: all .5s ease;
}

.d_rclass_button .d_rclassarrow:hover {
    background: #292a41;
}

.d_rclassarrow.right {
    border-radius: 0 30px 30px 0;
}

.d_rclass_button:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    background: var(--main-bg-color);
    opacity: 0.1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


/********************************************************
    10. News CSS Start
********************************************************/

.d_news_wrapper {
    position: relative;
}
.nws_digit {
    font-size: 60px;
    color: rgb(255 48 82 / 0.3);
    font-weight: bold;
}
.nws_title {
    line-height: 1.5;
    font-size: 22px;
    color: var(--iny-secondary);
    font-weight: 700;
}
.nws_shareinfo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}
.nws_shareinfo li {
    margin: 13px 10px 6px;
}
.nws_shareinfo li a>i {
    color: var(--iny-primary);
    margin-right: 10px;
}
.d_news_img {
    position: relative;
    overflow: hidden;
}
.nws_date {
    font-size: 34px;
    color: var(--main-bg-color);
    line-height: 0.8;
}
.d_news_data .d_btn {
    margin-top: 25px;
}

.d_news_datewrap {
    position: absolute;
    top: 0;
    right: 20px;
    background: #ff3052;
    border-radius: 0 0 35px 35px;
    color: var(--main-bg-color);
    max-width: 107px;
    max-height: 92px;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 16px;
}

.d_news_img.nws_reveres .d_news_datewrap {
    left: 20px;
    right: auto;
    background: var(--iny-secondary);
}

.d_news_datewrap:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 100%;
    bottom: 15px;
}

.d_news_img>img,
.d_news_datewrap {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s;
    transition: all .5s ease;
}

.d_news_img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.01);
}

.d_news_img:hover .d_news_datewrap {
    top: -100%;
}

.d_news_data {
    margin-bottom: 50px;
}

.testi_user {
    color: var(--main-bg-color);
    font-size: 22px;
    margin-top: 14px;
}

.testi_user .testi_desi {
    font-size: 16px;
    font-weight: 400;
}


/********************************************************
    11. Testimonial  CSS Start
********************************************************/

.d_testi_wrapper .title_shadow {
    top: 0;
}

.d_testi_wrapper {
    position: relative;
}

.d_testi_sliderinner {
    padding: 0 40px 0 15px;
}

.d_testi_sliderwrap {
    background: var(--iny-secondary);
    position: relative;
}

.d_client_quote p {
    color: var(--main-bg-color);
}

.d_testi_button {
    bottom: -15px;
    right: 60px;
    position: absolute;
    display: flex;
    z-index: 1;
}

.d_testi_button>div {
    margin: 0 10px;
}

.d_testiarrow {
    width: 55px;
    height: 35px;
    background: var(--main-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    cursor: pointer;
}

.d_testiarrow:hover svg path {
    fill: var(--d-red-color);
}

.d_testi_icon {
    position: absolute;
    top: 60px;
    left: 184px;
    margin: auto;
    z-index: -1;
}


/********************************************************
    12. Choreghapher CSS Start
********************************************************/

.d_choregph_wrapper.bg_red {
    padding: 0 0 54px;
    position: relative;
}

.d_choregph_sliderwrap {
    position: relative;
}

.d_choregph_name {
    color: var(--main-bg-color);
    font-size: 22px;
    margin-bottom: 3px;
}

.d_choregph_desi {
    font-family: 'Dancing Script', cursive;
    font-size: 22px;
    color: var(--main-bg-color);
}

.d_choregph_box {
    /*background: #3b3d60;*/
    padding-bottom: 20px;
    position: relative;
    cursor: pointer;
    width: 100%;
}
body section {
    overflow: hidden;
}
.d_choregph_sliderwrap .swiper-container {
    padding: 80px 0;
}

.d_choregph_img {
    position: relative;
    vertical-align: bottom;
    height: 275px;
}

.d_choregph_img>img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.d_choregph_box.d_choregph_box:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--d-gray-color);
    width: 270px;
    margin: auto;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.d_choregph_box:hover:after {
    opacity: 1;
    visibility: visible;
}

.d_choregph_btn {
    position: absolute;
    right: -20px;
    bottom: 13px;
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

.d_choregph_icon:after {
    content: "";
    position: absolute;
    background: var(--main-bg-color);
    width: 18px;
    height: 2px;
    top: 8px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.blogPrevButton .d_choregph_icon:after {
    left: 3px;
}

.blogNextButton .d_choregph_icon:after {
    right: 3px;
}

.d_choregph_btn>.blogPrevButton:hover .d_choregph_icon:after,
.d_choregph_btn>.blogNextButton:hover .d_choregph_icon:after {
    width: 28px;
}

.d_choregph_btn>.blogPrevButton:hover {
    transform: translateX(-10px);
}

.d_choregph_btn>.blogNextButton:hover {
    transform: translateX(10px);
}

.d_choregph_btn>.blogPrevButton,
.d_choregph_btn>.blogNextButton {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.d_choregph_btn .d_choregph_icon {
    cursor: pointer;
    position: relative;
}

.d_choregph_icon>i {
    color: var(--main-bg-color);
    font-size: 24px;
}

.d_choregph_btn>.blogPrevButton,
.d_choregph_btn>.blogNextButton {
    width: 50px;
    cursor: pointer;
    text-align: center;
    display: block;
    margin: 0px -13px
}

.blogNextButton {
    text-align: right;
}


/*pagination*/

.d_choregph_pagination {
    text-align: center;
    color: var(--main-bg-color);
    font-size: 18px;
}


/********************************************************
    13. Plan CSS Start
********************************************************/

.d_plan_wrapper .title_shadow {
    top: 46%;
}

.d_plan_wrapper {
    padding: 264px 0 100px;
    position: relative;
    z-index: 0;
}

.d_plan_box {
    position: relative;
    background: var(--iny-secondary);
    text-align: center;
    color: var(--main-bg-color);
    padding: 46px 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.d_plan_box:hover {
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.plan_title {
    font-size: 22px;
    color: var(--main-bg-color);
    position: relative;
    padding-bottom: 6px;
}

.plan_title:after {
    content: "";
    position: absolute;
    background-color: var(--main-bg-color);
    height: 2px;
    width: 27px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.plan_price {
    color: var(--main-bg-color);
    font-size: 38px;
}

.pan_pricewrap {
    border-radius: 50%;
    background-color: rgb( 41, 42, 65);
    height: 140px;
    width: 140px;
    margin: 30px 0 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.d_plan_box:hover .pan_pricewrap {
    animation: shadow-pulse 2s infinite;
}

.plan_list>li {
    margin-bottom: 9px;
}

.d_plan_boxwrap {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}
.price_popular .d_plan_box {
    background: var(--iny-primary);
    margin: -30px 0px;
    position: relative;
    z-index: 1;
    padding: 74px 30px;
}
.d_plan_boxwrap .d_btn {
    position: absolute;
    bottom: -25px;
}

.d_plan_boxwrap .d_btn {
    box-shadow: 0px 0px 0px 6px var(--main-bg-color);
    background: var(--iny-secondary);
}

.d_plan_boxwrap .d_btn:hover {
    background: var(--iny-secondary);
}

.price_popular .d_plan_box .d_btn {
    background: var(--iny-primary);
}


/********************************************************
    14. Get in touch CSS Start
********************************************************/

.d_touch_wrapper .title_shadow {
    top: 90px;
}
.d_touch_wrapper {
    padding: 48px 0 275px;
    position: relative;
    z-index: 0;
}

.d_contact_form .d_heading {
    margin-bottom: 17px;
}

.d_contact_form .heading_title {
    font-size: 22px;
    text-transform: inherit;
}

.d_contact_form .heading_title::after {
    left: 0;
    right: auto;
}

.d_field_wrap .d_form_field {
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 212, 212, 212);
    background-color: transparent;
    height: 50px;
    padding: 0 20px;
    border-radius: 50px;
    width: 100%;
    margin-bottom: 30px;
    color: var(--d-text-color);
}

.d_field_wrap textarea.d_form_field {
    height: 140px;
    border-radius: 25px;
    padding-top: 10px;
    resize: none;
    margin-bottom: 22px;
}

.d_contactinfo {
    background: var(--iny-primary);
    padding: 56px 80px 86px;
    position: relative;
}
ul.d_contactinfo_ul {
    padding: 0;
    list-style: none;
}
.d_map iframe {
    height: 800px;
}

.d_contactinfo:after,
.d_contactinfo:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 296px;
    background: rgb( 216, 43, 72);
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.d_contactinfo:after {
    left: 0;
    border-radius: 0 35px 35px 0;
}

.d_contactinfo:before {
    right: 0;
    border-radius: 35px 0px 0px 35px;
}

.d_contactinfo:hover:before,
.d_contactinfo:hover:after {
    width: 0;
}

.d_contactinfo .heading_title {
    font-size: 22px;
    text-transform: inherit;
}

.d_contactinfo .d_heading {
    margin-bottom: 33px;
}

.d_contactinfo_ul>li>a {
    color: var(--main-bg-color);
}

.d_contactinfo_ul .d_contactinfo_icon {
    width: 20px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
}

.d_contactinfo_ul>li {
    margin-bottom: 34px;
}

.d_contactinfo_ul>li:last-child {
    margin-bottom: 0;
}

.d_contactinfo_ul .contact_details {
    width: calc(100% - 65px);
    margin-left: 40px;
    position: relative;
    padding-bottom: 35px;
    display: inline-block;
}

.d_contactinfo_ul>li>a>.contact_details:after {
    bottom: 0;
    content: "";
    position: absolute;
    left: -5px;
    width: 70%;
    height: 1px;
    background: var(--main-bg-color);
    opacity: 0.2;
}

.d_contactinfo_ul>li:last-child>a>.contact_details:after {
    display: none;
}

.d_contactinfo_ul>li:last-child>a>.contact_details {
    padding-bottom: 0;
}

.contact_details span {
    display: block;
    word-break: break-all;
}


/********************************************************
    15. Footer CSS Start
********************************************************/

.d_footer_wrapper {
    padding: 60px 0 20px;
    background: var(--d-gray-color);
}

.footer_about {
    color: var(--main-bg-color);
    margin-top: 23px;
}

.d_footerbox .heading_title {
    font-size: 22px;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.d_footerbox .heading_title::after {
    left: 0;
    right: auto;
}

.d_footerbox .d_heading {
    margin-bottom: 6px;
    padding-bottom: 10px;
}

.footer_blog>li {
    margin-bottom: 10px;
}

.footer_blog>li:last-child {
    margin-bottom: 0;
}

.footer_blog>li {
    display: flex;
}

.d_footerbox li a {
    color: var(--main-bg-color);
}

.d_footerbox li a:hover {
    color: var(--d-red-color);
}

.footer_blog_deatils span {
    color: var(--main-bg-color);
}

.footer_blog img {
    width: 70px;
    height: 80px;
    object-fit: cover;
    margin-right: 15px;
}

.footer_openwrap {
    display: flex;
    justify-content: space-between;
}

.footer_openlink a {
    margin-bottom: 10px;
    display: inline-block;
    color : var(--iny-accent);
}
ul.footer_openlink {
    padding: 0;
    list-style: none;
}

.footer_insta {
    display: flex;
    flex-wrap: wrap;
}

.footer_insta li img {
    width: 60px;
    height: 60px;
}

.footer_insta>li {
    margin: 5px 3.5px;
}

.footer_social>ul {
    display: flex;
    justify-content: center;
}

.footer_social ul li a {
    color: var(--main-bg-color);
    margin: 3px 9px;
    display: inline-block;
}

.footer_social ul li a:hover {
    color: var(--d-red-color);
}

.copy_text {
    color: var(--main-bg-color);
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 12px;
}

.copy_text:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 1px;
    width: 101px;
    background: var(--main-bg-color);
    opacity: 0.3;
}


/********************************************************
    16. Menus CSS Start
********************************************************/

body.open_menu {
    overflow: hidden;
}

.dropdown_main_wrap {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    left: 0%;
    background: rgb(255 255 255);
    z-index: 9999;
    overflow: auto;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
}

.open_menu .dropdown_main_wrap {
    opacity: 1;
    visibility: visible;
}

.dropdown_inner {
    display: flex;
    padding: 50px 50px 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.open_menu .dropdown_main_wrap .dropdown_inner {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.d_menumain_wrap {
    width: 200px;
    margin-top: 90px;
}

.d_menu_details {
    width: calc(100% - 200px);
}

.d_main_menu_wrapper ul>li>a {
    font-size: 28px;
    color: #222;
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}

.d_main_menu_wrapper ul>li>a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 0%;
    height: 2px;
    background: red;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.d_main_menu_wrapper ul>li>a:hover {
    color: var(--d-red-color);
}

.d_main_menu_wrapper ul>li>a:hover:after {
    width: 100%;
}

.d_main_menu_wrapper li.d_has_submenu>ul {
    display: none;
}

.d_main_menu_wrapper>ul>li {
    position: relative;
    margin-bottom: 32px;
}

.d_main_menu_wrapper>ul>li ul>li {
    margin-bottom: 15px;
}

.d_main_menu_wrapper>ul>li ul>li:first-child {
    margin-top: 15px;
}

.d_main_menu_wrapper>ul>li ul>li:last-child {
    margin-bottom: 0;
}

.d_main_menu_wrapper li.d_has_submenu:before,
.d_main_menu_wrapper li.d_has_submenu:after {
    position: absolute;
    content: '';
    background: red;
}

.d_main_menu_wrapper li.d_has_submenu:before {
    left: 115px;
    width: 2px;
    height: 12px;
    top: 7px;
}

.d_main_menu_wrapper li.d_has_submenu:after {
    left: 110px;
    width: 12px;
    height: 2px;
    top: 12px;
}

.d_main_menu_wrapper li.d_has_submenu.open:before {
    display: none;
}

.menu_banr_details {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.mbanr_details_box .details_box_title {
    font-size: 20px;
    color: var(--d-red-color);
    margin-bottom: 12px;
}

.mbanr_details_box .details_box_dets {
    font-size: 22px;
    word-break: break-all;
}

.mbanr_details_box .details_box_dets>span {
    display: block;
    margin-top: 12px;
}

.menu_close {
    position: absolute;
    top: 20px;
    right: 10px;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    text-transform: uppercase;
    color: var(--d-gray-color);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.menu_close>span {
    transform: rotate(90deg);
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
}

.menu_close svg path,
.menu_close svg {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.menu_close:hover {
    color: var(--d-red-color);
}

.menu_close:hover svg path {
    fill: var(--d-red-color);
}

.menu_close:hover svg {
    transform: rotate(180deg);
}


/********************************************************
17. About Page Style
********************************************************/

.d_inner_header_wrapper {
    background: #ffffff;
    padding: 30px 45px 30px;
}

.d_pagetitle {
    width: 100%;
    background-color: #ff3251;
    color: #fff;
    padding: 180px 0px 80px;
}

.page_title h2 {
    float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    float: left;
    margin: 0px;
    font-size: 36px;
    text-transform: capitalize;
}

.d_pagetitle ul.breadcrumb {
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    display: flex;
    justify-content: center;
}

.d_pagetitle ul.breadcrumb li {
    display: inline-block;
    list-style: none;
    padding-top: 5px;
}

.d_pagetitle ul.breadcrumb li a {
    color: #ffffff;
    font-size: 18px;
    padding: 0px 10px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.d_pagetitle ul.breadcrumb li:last-child a {
    color: #ffffff;
    cursor: text;
}

.d_about_page_wrapper {
    padding: 30px 0 0;
}

.d_about_footer_wrapper {
    margin-top: 70px;
}

.d_about_testi_wrapper {
    margin-top: 70px;
}

.d_about_rclass_wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 416px;
    bottom: -75px;
    z-index: -1;
}

.d_about_rclass_wrapper {
    padding: 300px 0 240px;
    position: relative;
    z-index: 0;
}


/********************************************************
    18. Services CSS Start
********************************************************/

.d_service_banner_wrapper {
    margin-bottom: 70px;
}

.d_service_choose_wrapper {
    background: #fff;
}

.d_service_choose_wrapper p.choose_des {
    color: #707070;
}

.d_service_choose_wrapper .choose_title {
    color: #3b3d60;
}

.d_service_choose_wrapper .choose_title>a {
    color: #3b3d60;
}

.d_service_choose_wrapper .d_choose_inner .d_choose_column:first-child:after {
    content: "";
    background: url(../images/choose_left_pink.svg) no-repeat;
    position: absolute;
    width: 111px;
    height: 100%;
    right: 12px;
    top: 16px;
    z-index: 0;
}

.d_service_choose_wrapper .d_choose_inner .d_choose_column:last-child:after {
    content: "";
    background: url(../images/index14/choose_right_pink.svg) no-repeat;
    position: absolute;
    width: 111px;
    height: 100%;
    left: 12px;
    top: 16px;
    z-index: 0;
}

.d_service_choose_wrapper .d_chooseicon span {
    border-color: rgb(255 50 81);
    background-color: rgb(255 50 81);
    box-shadow: 0px 0px 0px 10px rgb(255 234 237);
}

.d_service_main_page .d_rclass_wrapper:after,
.d_plan_wrapper:after {
    display: none;
}

.d_service_testi_wrapper {
    margin: 0 0 0;
    padding: 80px 0;
    position: relative;
}

.d_service_testi_wrapper .d_testi_wrapper .title_shadow {
    top: 47px;
}

.d_service_plan_wrapper {
    padding: 10px 0 150px;
    position: relative;
}

.d_service_plan_wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 416px;
    bottom: 0;
    z-index: -1;
}

.d_service_plan_wrapper {
    padding: 90px 0 330px;
    position: relative;
}

.d_service_main_page .d_plan_wrapper .title_shadow {
    top: 15%;
}

.d_service_testi_wrapper:before {
    content: "";
    background: url(../images/index14/bgshapbottom.svg) no-repeat no-repeat;
    position: absolute;
    width: 100%;
    height: 416px;
    bottom: -415px;
    z-index: 1;
    background-size: 100%;
    /* background-position: bottom; */
}

.d_service_choose_wrapper:before {
    content: "";
    background: url(../images/index14/bgshapbottom.svg) no-repeat no-repeat;
    position: absolute;
    width: 100%;
    height: 400px;
    bottom: 0;
    z-index: 1;
    transform: rotateZ(180deg);
    background-size: 100%;
}

.d_service_choose_wrapper {
    background: #fff;
    padding: 0 0 180px;
}

.d_service_choose_wrapper .d_chooseicon {
    animation: pinkshadow-pulse 3s infinite;
    -webkit-: pinkshadow-pulse 3s infinite;
}

@keyframes pinkshadow-pulse {
    0% {
        box-shadow: 0px 0px 0px 0px rgb(255 226 226 / 1);
    }
    100% {
        box-shadow: 0px 0px 0px 50px rgb(255 226 226 / 0);
    }
}

@-webkit-keyframes pinkshadow-pulse {
    0% {
        box-shadow: 0px 0px 0px 0px rgb(255 226 226 / 1);
    }
    100% {
        box-shadow: 0px 0px 0px 50px rgb(255 226 226 / 0);
    }
}


/********************************************************
    19. Gallery CSS Start
********************************************************/

.d_gallery_page_wrapper {
    position: relative;
}

.d_gallery_page_wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 416px;
    bottom: 0px;
    z-index: 0;
    background-size: 100%;
    background-position: bottom;
}


/*.d_gallery_page_wrapper:after {
    content: "";
    background: url(../images/index14/bgshapbottom.svg) no-repeat;
    position: absolute;
    width: 100%;
    height: 416px;
    top: -415px;
    z-index: 0;
    transform: rotateZ(180deg);
}*/

.d_gallery_page_wrapper {
    padding: 100px 0 260px;
    margin-top: 0px;
}

.d_gallery_page_wrapper {
    background: #fff;
}

.d_gallery_page_wrapper .title_shadow.white {
    color: rgb(255 48 82 / 0.10);
    top: 130px;
}


/********************************************************
    20. Blog CSS Start
********************************************************/

.d_blog_news_wrapper {
    position: relative;
}

.d_blog_news_wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 416px;
    bottom: 0px;
    z-index: 0;
    background-size: 100%;
    background-position: bottom;
}


/********************************************************
    21. Single Blog CSS Start
********************************************************/

.d_single_blog_img1_box1 {
    display: flex;
    justify-content: space-around;
    background: #f5f5f5;
    padding: 20px;
    align-items: center;
    margin-top: 30px;
}

.d_single_blog_img1 {
    position: relative;
    width: 160px;
    margin-right: 10px;
}

.d_single_blog_img1:before {
    content: "\f10e";
    right: -17px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #ff3251;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 32px;
    background: #fff;
    border: 5px solid #ff3251;
    padding-left: 8px;
    border-radius: 100%;
}

.d_single_blog_img1 img {
    border-radius: 80px;
    border: 3px solid #ff3251;
}

.d_single_blog_text1 {
    width: 900px;
    position: relative;
}

.d_single_blog_text1:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #ff3251;
    position: absolute;
    right: 50%;
    font-size: 84px;
    margin: auto;
    top: 50%;
    opacity: .1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.d_blog_text p {
    color: #898d94;
    padding: 8px 0px;
}

.d_single_blog_text1 h5 {
    font-size: 18px;
    font-weight: 600;
    color: #ff3251;
    padding-left: 0px;
}

.d_single_blog_text1 span {
    font-size: 16px;
    color: #808080c2;
    font-weight: 500;
}

.d_img_text_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.d_img_text_container img {
    width: 370px;
    display: inline-block;
    margin: 6px 15px 6px 0;
}

.d_img_text_container p {
    display: inline-block;
    width: calc(100% - 385px);
}

.d_divider {
    margin: 15px 0;
    display: block;
}

.d_single_blog_text {
    margin: 25px 0px;
}

.d_Sblog_testi_sliderinner {
    background: #ff3052;
}

.d_section_heading {
    color: var(--main-link-color);
    font-size: 32px;
    margin-bottom: 35px;
    font-weight: 700;
}

.d_blog_comment>ul>li {
    margin-bottom: 26px;
    display: inline-block;
}

.d_comment_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.d_comment_user {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 30px;
}

.d_comment_user img {
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}

.d_comment_detail {
    width: calc(100% - 130px);
}

.d_reply_btn {
    color: var(--main-color);
    margin-left: 15px;
}

.d_reply_btn svg {
    width: 16px;
    fill: #ff3052;
}

.d_reply_btn {
    color: #ff3052;
    margin-left: 15px;
}

.d_blog_comment ul li ul {
    padding-left: 80px;
}

.d_blog_comment>ul>li>ul>li {
    margin-top: 26px;
}

.d_blog_comment {
    margin: 80px 0;
}

.d_comment_form {
    margin-top: 70px;
}

.d_comment_form_heading {
    padding-bottom: 40px;
}

.d_S_blog_text h3 {
    font-size: 28px;
    line-height: 1.5;
}

.d_blog_text h3 {
    font-size: 20px;
    color: #2c3e4a;
    font-weight: 600;
    line-height: 32px;
    transition: all 0.3s;
}

.d_field_holder {
    margin-bottom: 30px;
}

.d_form_field {
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 212, 212, 212);
    background-color: transparent;
    height: 50px;
    padding: 0 20px;
    border-radius: 50px;
    width: 100%;
    color: var(--d-text-color);
}

textarea.d_form_field {
    height: 150px;
    resize: none;
    padding: 40px 35px 20px;
    height: 210px;
    border-radius: 25px;
    padding-top: 10px;
    resize: none;
}

.d_S_blog_news_wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 416px;
    bottom: 0px;
    z-index: 0;
}

.d_main_blog_wrapper .d_news_wrapper:after {
    display: none;
}


/********************************************************
    22. Team CSS Start
********************************************************/

.d_team_choregph_wrapper {
    background: #fff;
    margin: 100px 0;
}

.d_team_choregph_wrapper .d_choregph_box {
    position: relative;
    z-index: 3;
}

.d_team_choregph_wrapper .d_choregph_box:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ff3251;
    width: 270px;
    margin: auto;
    z-index: -1;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.d_choregph_box:hover:after {
    opacity: 1;
    visibility: visible;
    background: #3b3d60;
}
.d_team_choregph_wrapper .d_choregph_box {
    margin-top: 170px;
}

.d_team_2 {
    margin-top: 200px;
}

.d_team_3 {
    margin-top: 200px;
}

.d_team_choregph_img img {
    width: 300px;
    transition: all 0.4s linear;
}

.d_team_choregph_img img:hover {
    width: 300px;
    transition: all 0.4s;
    animation: moves 2s infinite alternate;
    -webkit-animation: moves 1.5s infinite alternate;
}

.d_team_choregph_wrapper .title_shadow.white {
    color: rgb(255 48 82 / 0.10);
    top: 2%;
}

.d_team_choregph_wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 416px;
    bottom: -255px;
    z-index: 0;
}

@keyframes moves {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

@-webkit-keyframes moves {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}


/********************************************************
    23. Contact CSS Start
********************************************************/

.d_contact_wrapper {
    padding: 130px 0 130px;
}
.d_map_main_wrapper {
    position: relative;
}
.d_map_main_wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 416px;
    bottom: 0;
    z-index: 0;
}
.d_contact_main_page .d_touch_wrapper:after {
    display: none;
}
.d_map {
    width: 100%;
}
.d_map_main_wrapper .title_shadow {
    top: 105px;
}
.d_choosetext .choose_title a {
    font-weight: 700;
}
.d_field_wrap ~ p .iny-btn:hover {
    background: var(--iny-primary);
    color: #ffffff;
}
.nws_shareinfo li:last-of-type {
    margin-bottom: 6px;
}
/********************************************************
    24. Responsive CSS Start
********************************************************/

@media (min-width: 1599.98px) {
    .d_bannner_shadwtitle {
        font-size: 200px;
        top: -133px;
    }
    .d_bannner_stitle {
        font-size: 170px;
        letter-spacing: 5px;
    }
    .d_bannner_mtitle {
        font-size: 102px;
    }
    .menu_banr_details {
        margin-top: 95px;
    }
    .dropdown_inner {
        padding: 100px 100px 0;
    }
    .d_menu_details {
        width: calc(100% - 276px);
    }
    .d_menumain_wrap {
        width: 276px;
    }
    .mbanr_details_box .details_box_title {
        font-size: 26px;
    }
    .mbanr_details_box .details_box_dets {
        font-size: 24px;
    }
    .menu_close {
        top: 60px;
        right: 60px;
        font-size: 22px;
    }
    .d_main_menu_wrapper>ul>li {
        margin-bottom: 45px;
    }
}

@media (max-width: 1799px) {
    .title_shadow {
        display: none;
    }
    .d_about_wrapper:after,
    .d_news_wrapper:after,
    .d_touch_wrapper:after {
        bottom: -1px;
    }
    .d_rclass_wrapper:after,
    .d_plan_wrapper:after {
        top: -1px;
    }
    .d_blog_news_wrapper:before {
        bottom: -1px;
    }
}

@media (max-width: 1600px) {
    .d_choose_inner .d_choose_column:nth-child(2) {
        max-width: 310px;
    }
    .d_choosebox {
        margin-bottom: 125px;
    }
    .d_choosebox.choose_rightsec .d_choosetext {
        margin-left: 28px;
    }
    .d_choosetext {
        width: calc(100% - 105px);
        margin-right: 48px;
    }
    .d_service_choose_wrapper {
        padding: 0 0 320px;
    }
}

@media (max-width: 1399px) {
    .d_choose_inner .d_choose_column:first-child:after,
    .d_choose_inner .d_choose_column:last-child:after {
        display: none;
    }
    .d_choosebox {
        margin-bottom: 70px;
    }
    .d_choose_wrapper .d_choosebox:nth-child(2) {
        margin-right: 0;
    }
    .d_choose_wrapper .d_choosebox:nth-child(2),
    .d_choose_wrapper .d_choosebox.choose_rightsec:nth-child(2) {
        margin-left: 0;
    }
    .d_rclass_button {
        bottom: -25px;
        right: 30px;
    }
    .d_choregph_btn {
        right: 10px;
    }
    .d_rclass_wrapper:after,
    .d_plan_wrapper:after {
        top: -1px;
    }
    .d_about_wrapper:after,
    .d_news_wrapper:after,
    .d_touch_wrapper:after {
        bottom: -1px;
    }
    .d_service_choose_wrapper:before {
        bottom: -1px;
    }
}

@media (max-width: 1199.98px) {
    header.d_header_wrapper .d_main_menu .d_search_btn{}
    header.d_header_wrapper .d_main_menu .d_search_btn:before {
        display:none;
    }
    header.d_header_wrapper .d_main_menu .menu_btn.menu_togglebtn {
        padding: 13px 13px 0;
        margin-top: 0;
    }
    header.d_header_wrapper .d_main_menu {
        margin-top: 0;
    }
    header.d_header_wrapper .d_main_menu .d_search_wrapper .display_flex li:first-child {
        margin-right: 15px;
        margin-bottom: 0;
    }
    .d_header_wrapper {
        padding: 20px 0px 0;
    }
    .d_inner_header_wrapper {
        padding: 30px 45px 30px;
    }
    .d_banner_section {
        padding: 20% 0 10%;
    }
    .d_heading2 .title2 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }
    .d_bannner_shadwtitle {
        font-size: 100px;
        top: -60px;
        left: -27px;
    }
    .d_bannner_title {
        font-size: 20px;
    }
    .d_bannner_mtitle {
        font-size: 70px;
    }
    .d_bannner_stitle {
        font-size: 90px;
    }
    .d_banner_section .d_banner_text {
        margin-left: 80px;
    }
    .d_bannner_stitle {
        padding-left: 60px;
    }
    .d_choosetext {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
    .d_choosebox {
        display: inherit;
    }
    .d_chooseicon {
        width: 80px;
        margin: auto auto 30px;
    }
    .d_choosebox.choose_rightsec .d_choosetext {
        margin-left: 0;
    }
    .d_contactinfo {
        padding: 26px 50px 36px;
    }
    .d_banner_wrapper .pagination {
        right: 15px;
    }
    .d_banner_social>ul {
        right: 15px;
    }
    .mbanr_details_box .details_box_title {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .mbanr_details_box .details_box_dets {
        font-size: 16px;
    }
    .d_menumain_wrap {
        width: 150px;
    }
    .d_menu_details {
        width: calc(100% - 150px);
    }
    .d_main_menu_wrapper ul>li>a {
        font-size: 20px;
    }
    .d_main_menu_wrapper>ul>li {
        margin-bottom: 18px;
    }
    .mbanr_details_box .details_box_dets>span {
        margin-top: 0px;
    }
    
    /**/
    div#track_order_tab div#header_tab input[type="text"], div#track_order_tab div#header_tab input[type="email"], div#track_order_tab div#header_tab input[type="tel"] {
        margin: 10px 0 0;
        height: 40px;
    }
    div#track_order_tab div#header_tab textarea {
        min-height: 20px;
        margin-top: 10px;
    }
    div#track_order_tab div#header_tab .cs_tab_form_btn.cs_main_btn {
        margin-top: 3px;
    }
    body .cs_header_form .tabs_content {
        padding: 10px 0px;
    }
    div#track_order_tab {
        top: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .rclass_sliderbox.deatils {
        padding: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {
    .d_contactinfo:after,
    .d_contactinfo:before {
        display: none;
    }
    .d_contactinfo {
        padding: 26px 20px 26px;
    }
}

@media (max-width: 991.98px) {
    div#track_order_tab {
        top: 15%;
    }
    body ul.iny-header-social li {
        width: auto;
    }
    .d_banner_section .d_banner_text {
        margin-left: 80px;
    }
    .about_sub_title {
        font-size: 25px;
    }
    .about_title {
        font-size: 32px;
    }
    .d_footerbox {
        margin-bottom: 50px;
    }
    .d_bannner_shadwtitle {
        font-size: 80px;
        top: -55px;
    }
    .d_bannner_title {
        font-size: 18px;
    }
    .d_bannner_mtitle {
        font-size: 50px;
    }
    .d_bannner_stitle {
        font-size: 70px;
        line-height: 70px;
    }
    .d_banner_wrapper .pagination .swiper-pagination-bullet {
        width: 40px;
        margin: 8px 0;
    }
    .d_banner_social>ul {
        bottom: 0;
    }
    .mbanr_details_box {
        margin-bottom: 10px;
        padding: 0 10px;
    }
    .menu_banr_details {
        flex-wrap: wrap;
    }
    .d_Sblog_testi_sliderinner {
        padding: 35px 40px 0 0px;
    }
    .d_choregph_img {
        position: relative;
        vertical-align: bottom;
        height: 100%;
    }
    .d_choregph_img>img {
        position: relative;
    }
    .d_team_choregph_box {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .d_news_img,
    .d_news_data {
        margin-bottom: 60px;
    }
}

@media (max-width: 767.98px) {
    
    .d_choose_inner {
        flex-direction: column;
        align-items: center;
    }
    .d_choose_inner .d_choose_column:nth-child(2) {
        margin: 50px 0;
    }
    .rclass_sliderbox {
        width: 100%;
    }
    .d_testi_sliderinner {
        padding: 30px;
    }
    .d_Sblog_testi_sliderinner {
        padding: 30px 30px 0 30px;
    }
    .d_client_img {
        margin-bottom: 20px;
    }
    .d_Sblog_testi_sliderinner .d_client_img {
        margin-bottom: 0px;
    }
    .d_testi_icon {
        left: 0;
        right: 0;
    }
    .d_client_quote p,
    .testi_user {
        text-align: center;
    }
    .d_choregph_btn {
        right: 0;
        left: 0;
        margin: auto;
    }
    .d_plan_boxwrap {
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }
    .d_plan_boxwrap .d_plan_box:nth-child(2) {
        margin: 50px 0 50px;
    }
    .d_contactinfo {
        margin-top: 50px;
    }
    .d_contactinfo {
        padding: 46px 50px 46px;
    }
    .d_bannner_shadwtitle {
        font-size: 50px;
        top: -25px;
        left: -17px;
    }
    .d_bannner_title {
        font-size: 18px;
        letter-spacing: 1px;
    }
    .d_bannner_mtitle {
        font-size: 30px;
    }
    .d_bannner_stitle {
        font-size: 50px;
        line-height: 50px;
        padding-left: 30px;
    }
    .dropdown_inner {
        padding: 30px 30px 0;
    }
    .d_rclass_wrapper {
        padding: 415px 0 0;
    }
    .d_about_rclass_wrapper {
        padding: 300px 0 240px;
    }
    .d_plan_wrapper {
        padding: 150px 0 100px;
    }
    .d_service_plan_wrapper {
        padding: 90px 0 330px;
    }
    .d_single_blog_img1_box1 {
        display: block;
    }
    .d_single_blog_text1 {
        width: 100%;
        padding-top: 15px;
    }
    .d_img_text_container {
        display: block;
    }
    .d_img_text_container p {
        width: 100%;
    }
    .d_service_choose_wrapper {
        padding: 0 0 200px;
    }
    .d_news_data {
        margin-top: 40px;
    }
    .d_team_choregph_box {
        margin-bottom: 30px;
    }
}

@media (max-width: 575.98px) {
    .grid_img>img {
        width: 100%;
    }
    .d_news_datewrap {
        max-width: 60px;
        max-height: 60px;
        padding-top: 10px;
    }
    .nws_date {
        font-size: 18px;
    }
    .d_news_datewrap:after {
        bottom: 6px;
    }
    .d_contactinfo:after,
    .d_contactinfo:before {
        display: none;
    }
    .d_banner_wrapper .pagination {
        display: none;
    }
    .dropdown_inner {
        flex-direction: column;
        align-items: center;
    }
    .d_menumain_wrap {
        margin-top: 0;
    }
    .d_menu_details {
        width: 100%;
    }
    .menu_banr_details {
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }
    .d_rclass_wrapper:after,
    .d_plan_wrapper:after {
        top: -1px;
    }
}

@media (max-width: 420px) {
    .d_contactinfo {
        padding: 36px 20px 36px;
    }
    .d_contactinfo_ul .contact_details {
        width: calc(100% - 45px);
        margin-left: 20px;
    }
    .d_banner_section {
        padding: 30% 0 10%;
        background: #fff;
    }
    .d_banner_section .d_banner_text {
        margin-left: 30px;
    }
}

@media (max-width: 399px) {
    header.d_header_wrapper .d_main_menu .menu_btn.menu_togglebtn {
        margin-top: -8px;
    }
    header.d_header_wrapper .d_main_menu .display_flex {
        width: 120px;
    }
}
/* Dance Demo Added */
/* SOlar Demo Added */
/* btn css */
.er_btn {
    display: inline-flex;
    align-items: center;
    padding: 0 24px;
    background-color: var(--main-color);
    color: #ffffff !important;
    height: 50px;
    position: relative;
    border-radius: 6px;
    text-transform: capitalize;
    overflow: hidden;
    z-index: 1;
    outline: none;
    border: none;
}
.er_btn:hover:after {
    transform: translate(-50%,-50%) scale(1);
    opacity: 0;
}
.er_btn:after {
    position: absolute;
    content: '';
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    border-radius: 100%;
    z-index: -1;
}
.er_btn svg{
    margin-left:10px;
    fill:#ffffff;
}
/* link css */
.er_link {
    font-weight: 500;
    text-transform: capitalize;
    color: var(--main-color);
    display: inline-flex;
    align-items: center;
    font-size: 14px;
}

.er_link>span {
    width: 18px;
    height: 18px;
    background-color: var(--main-color);
    color:var(--white-color);
    display:inline-flex;
    justify-content:center;
    border-radius:100%;
    line-height: 19px;
    margin-left: 10px;
}
/* header css start */
.er_header_wrapper {
    background-color: #fff;
    border-radius: 6px;
}
.er_header_wrapper .er_info_list {
    padding: 0;
    list-style: none;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.er_top_header_wrapper {
    padding: 15px 65px;
    border-bottom: 1px solid rgba(83, 68, 98, 0.10);
}

.er_header_wrapper .er_info_list li {
    display: inline-flex;
    align-items: center;
    margin-right: 48px;
    font-size:14px
}

.er_header_wrapper .er_info_list li .er_detail {
    display: flex;
    flex-direction: column;
    word-break: break-all;
}
.er_header_wrapper .er_info_list li .er_detail>span{
    font-size:12px;
    color:var(--main-color);
}

.er_header_wrapper .er_info_list li .er_icon {
    margin-right: 15px;
}
.er_menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.er_toggle{
    display: none;
}
.er_menu li {
    display: inline-flex;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    margin-right: 50px;
    color: var(--heading-color);
    cursor: pointer;
}
.er_menu li a img{
    display: none;
}
.er_menu li:hover{
    color: var(--main-color);
}
.er_menu li .sub-menu {
    position: absolute;
    top: 100%;
    padding-top: 0px;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.er_menu li:hover .sub-menu{
    padding-top: 25px;
    opacity: 1;
    visibility: visible;
}
.er_menu li .sub-menu>ul{
    width: 200px;
    background-color: #ffffff;
    padding: 5px 0;
    border-radius: 10px; 
}
.er_menu li .sub-menu>ul>li>a {
    display: flex;
    padding: 10px 20px;
} 
.er_menu li .sub-menu>ul>li {
    margin: 0;
    display: flex;
}
.er_card_wrapper .er_cart_box {
    position: absolute;
    top: 100%;
    background-color: #ffffff;
    width: 300px;
    right: -20px;
    border-radius: 10px;
    padding: 20px;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
}
.er_card_wrapper.er_cart_open .er_cart_box{
    opacity: 1;
    visibility: visible;
    transform: translateY(22px);
}
.er_card_wrapper .er_cart_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.er_card_wrapper .er_cart_box ul li {
    display: flex;
    padding-bottom: 20px;
}

.er_card_wrapper .er_cart_box ul li .er_cart_img {
    width: 70px;
    height: 70px;
    background-color: var(--body-color);
    overflow: hidden;
    margin-right: 15px;
    border-radius: 10px;
    border: 1px solid #e7e7e7;
}
.er_card_wrapper .er_cart_box ul li .er_cart_img img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.er_card_wrapper .er_cart_box ul li .er_cart_info {
    width: calc(100% - 100px);
}

.er_card_wrapper .er_cart_box ul li .er_cart_info p {
    font-size: 14px;
    color: var(--main-color);
}

.er_card_wrapper .er_cart_box ul li .er_cart_info a {
    color: var(--heading-color);
    font-weight: 600;
}

.er_cart_total {
    border-bottom: 1px solid #f6f6f7;
    border-top: 1px solid #f6f6f7;
    padding: 10px 0;
}

.er_cart_total p {
    margin: 0;
    display: flex;
    justify-content: space-between;
    text-transform: capitalize;
    color: var(--heading-color);
    font-weight: 600;
}

.er_cart_btn {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.er_cart_btn .er_btn {
    height: 40px;
    padding: 0 20px;
    border: none;
}

.er_menu_wrapper {
    padding: 17px 65px;
    display: flex;
    justify-content: space-between;
}
.er_search_wrapper {
    border-right: 1px solid #edecef;
    padding-right: 20px;
    margin-right: 20px;

}
.er_search_wrapper>span{
    cursor: pointer;
}

.er_search_popup {
    position: fixed;
    left: 0;
    top: 100%;
    bottom: 0;
    right: 0;
    background-color: rgb(0 187 230 / 65%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}
.er_popup_open .er_search_popup{
    top: 0;
    opacity: 1;
    visibility: visible;
}

.er_menu_wrapper .er_right {
    display: flex;
}

.er_card_wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.er_card_wrapper span {
    padding: 0 20px 0 10px;
}
.er_search {
    position: relative;
    max-width: 500px;
    width: 100%;
}
.er_search .er_btn {
    position: absolute;
    right: 5px;
    top: 5px;
}
.er_close_popup {
    position: absolute;
    right: 20px;
    cursor: pointer;
    top: 20px;
}
/* header css end */
/* banner css start */
.er_banner_wrapper{
    background-image: url('../images/banner_bg.jpg');
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0 100px;
    position: relative;
}
.er_banner_detail {
    color: #ffffff;
}
.er_banner_detail>span {
    font-size: 20px;
    background-color: rgb(255 255 255 / 20%);
    line-height: 50px;
    display: inline-flex;
    position: relative;
    padding: 0 85px 0 25px;
}
.er_banner_detail>span:after {
    position: absolute;
    content: '';
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 15px solid #07aeda;
    right: 0;
}
.er_banner_detail h1 {
    font-size: 42px;
    font-weight: 700;
    color: var(--white-color);
    line-height: 50px;
    margin: 15px 0 19px;
}
.er_banner_detail .er_btn{
    background-color: var(--white-color);
    color: var(--main-color) !important;
}
.er_scroll_btn {
    width: 100px;
    align-items: center;
    height: 100px;
    display: inline-flex;
    background-color: var(--white-color);
    border-radius: 100%;
    justify-content:center;
    flex-direction:column;
    border:5px solid var(--main-color);
    color:var(--main-color);
    position:absolute;
    left:50%;
    bottom: 30px; 
    cursor: pointer;
    transform: translateX(-50%); 
}
.er_scroll_btn svg{
    fill:var(--main-color);
    margin-bottom:5px;
}
/* banner css end */
/* spnsor slider start*/
.er_sponser_slider .er_logoo_img img{
    margin: 0 auto;
    filter: grayscale(1);
}
.er_sponser_slider .er_logoo_img img:hover{
    filter: grayscale(0);
}
/* spnsor slider end*/
/* about start*/
.er_about_detail>span{
    color: var(--main-color);
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing:2.60px;
    padding-left:35px;
    position:relative;
}
.er_about_detail>span:before{
    position:absolute;
    content:'';
    width:25px;
    height:2px;
    background-color:var(--main-color);
    left:0;
    top:11px
}
.er_about_detail h1 {
    margin-top: 5px;
}
.er_about_service{
    border-radius: 10px;
    background-color:var(--white-color);
    box-shadow: 0px 0px 40px 0px rgba(105, 59, 132, 0.1);
    padding:40px 30px;
    margin-bottom: 30px;
    transform: var(--transition);
    -webkit-transform: var(--transition);
    -moz-transform: var(--transition);
    -ms-transform: var(--transition);
    -o-transform: var(--transition);
}
.er_about_service:hover{
    background-color: #f4fdff;
    transform: translateY(-20px);
}
.er_subheading {
    font-size: 20px;
    font-weight: 600;
}
.er_about_service  .er_icon {
    background-color: #cfcfcf;
    width: 80px;
    height: 80px;
    display: inline-flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}
.er_about_service p{
    margin:0;
} 
.er_ecosystem .er_icon {
    background-color: #f0eefd;
}

.er_ecosystem .er_icon svg {
    fill: #6c5aed;
}
.er_recycling .er_icon {
    background-color: #e6f3ff;
}

.er_recycling .er_icon svg {
    fill: #068efe;
}
.er_save_forests .er_icon {
    background-color: #edfbf1;
}

.er_save_forests .er_icon svg {
    fill: #53d575;
}  
/* about end*/
/* service start */
.er_service_wrapper,.er_testimonial_wrapper {
    background-color: #f4fdff;
}
.er_service .er_subheading{
    margin-bottom: 15px;
}
.er_service {
    min-height: 290px;
}
.er_service span svg {
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.er_service:hover span svg {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
/* service end */
/* mission css start */
.er_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.er_list li span {padding-right: 10px;}

.er_list li {
    margin-bottom: 15px;
}
.er_mission_box {
    border-radius: 10px;
    background-color:var(--white-color);
    box-shadow: 0px 0px 40px 0px rgba(105, 59, 132, 0.1);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.er_mission_box:hover {
    background-color: #f4fdff;
}
.er_mission_box .er_icon{
    width:60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 100%;
    background-color: #ddfbec;
}
.er_mission_box .er_detail {
    width: calc(100% - 70px);
    font-size: 14px;
}
.er_mission_box.er_support .er_icon{
    background-color: #f8ecfe;
}
.er_mission_box .er_detail span {
    font-weight: 600;
}
/* mission css end */
/* testimonial css start */
.er_testimonial_slide {
    border-radius: 10px;
    background-color: var(--white-color);
    box-shadow:0 50px 30px -50px rgb(70 176 195 / 20%);
    padding:40px 20px;
    margin: 0 15px;
    position: relative;
    z-index: 1;
    outline: none;
}
.er_testimonial_slide:after,.er_testimonial_slide:before{
    position: absolute;
    content: '';
    left: 40px;
    background: url('../images/svg/quote.svg') no-repeat center;
    top: 40px;
    width: 65px;
    height: 56px;
    z-index: -1;
}
.er_testimonial_slide:after{
    transform: scale(-1);
    left: auto;
    right: 40px;
    top: auto;
    bottom: 40px;
}
.er_testimonial_slide_wrapper{
    position: relative;
    z-index: 1;
}

.er_testimonial_slide_wrapper:after {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 50px 30px -50px rgb(70 176 195 / 20%);
    position: absolute;
    left:30px;
    right: 30px;
    bottom: -20px;
    content: '';
    height: 100%;
    z-index: -1;
  }
  
.er_testimonial_slide >span>img{
    border-radius:100%;
    margin:0 auto;
    border:4px solid var(--main-color)
}
.er_testimonial_slide >span.er_test_img{
    margin-bottom:15px;
    display:inline-flex;
}
.slick-list.draggable {
    padding: 40px 15px 60px;
}
.er_testimonial_slide .er_name {
    font-size: 16px;
    position: relative;
    padding: 22px 0 0 0;
    margin: 17px 0 5px;
}

.er_testimonial_slide .er_name:before {
    position: absolute;
    content: '';
    width:66px;
    height:2px;
    background-color:var(--main-color);
    left:50%;
    transform:translateX(-50%);
    top: 0;
}

.er_testimonial_slide .er_designation {
    color: var(--main-color);
}
.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    display: inline-flex;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background-color: #c6d8d8;
    border-radius: 100%;
}

.slick-dots li button {
    display: none;
}

.slick-dots li.slick-active {
    background-color:var(--main-color)
}
/* testimonial css end */
/* team css start */
.er_team_box {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 40px -20px rgba(105, 59, 132, 0.1);
   padding: 40px;
   transition: var(--transition);
   -webkit-transition: var(--transition);
   -moz-transition: var(--transition);
   -ms-transition: var(--transition);
   -o-transition: var(--transition);
  }
  .er_team_box:hover {
    background-color: #f4fdff;
}
  .er_team_box 
 .er_team_img {
    display: inline-flex;
    border-radius: 100%;
    overflow: hidden;
}

.er_team_box p {
    font-size: 14px;
    color: var(--main-color);
}

.er_team_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.er_team_box ul li {
    display: inline-flex;
    margin: 0 4px;
}

.er_team_box ul li a {
    width: 50px;
    height: 50px;
    background-color: #ddd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.er_team_box ul li a svg {
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.er_team_box ul li.er_profile a {
    background-color: #f0eefd;
}
.er_team_box ul li.er_profile:hover a {
    background-color: #6c5aed;
}

.er_team_box ul li.er_profile a svg {
    fill: #6c5aed;
}
.er_team_box ul li.er_message a {
    background-color: #e6f3ff;
}
.er_team_box ul li.er_message:hover a {
    background-color: #068efe;
}

.er_team_box ul li.er_message a svg {
    fill: #068efe;
}
.er_team_box ul li.er_call a {
    background-color: #edfbf1;
}
.er_team_box ul li.er_call:hover a {
    background-color: #5dd87d;
}

.er_team_box ul li.er_call a svg {
    fill: #5dd87d;
}
.er_team_box ul li:hover a svg{
    fill:#ffffff
}
/* team css end */
/* blog css start */
.er_blog_wrapper{
    background: #f4fdff;
}
.er_blog_box{
    margin-bottom: 30px;
}
.er_blog_img {
    position: relative;
    margin-bottom: 45px;
}

.er_blog_img .er_btn {
    position: absolute;
    left: 20px;
    bottom: -25px;
    padding: 0 15px;
}

.er_blog_img .er_btn img {
    margin-right: 10px;
}

.er_blog_box .er_subheading {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 5px;
}

.er_blog_img>div {
    border-radius: 6px;
    overflow: hidden;
}
.er_blog_img>div img{
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.er_blog_box:hover .er_blog_img>div img{
    transform: scale(1.1);
}
/* blog css end */
/* newsletter css start */
.er_newsletter_wrapper {
    position: relative;
}
.er_newsletter_wrapper .form-control {
    padding: 0 20px;
}
/* newsletter css end */
/* footer css start */
.er_footer_wrapper{
    background-image: url('../images/footer_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center top;
    padding-top: 180px;
    margin-top: -80px;
}
.widget-title:after,.widget-title:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 1px;
    background-color: var(--iny-primary);
    bottom: 4px;
    left: 0;
}
.widget-title:after{
    bottom:0;
    width:64px
}
.widget{
    margin: 0 0 30px;
}
.widget ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget ul li{
    color: #acaebf;
    line-height: 32px;
    padding-left: 20px;
    position: relative;
} 
.widget ul li:hover{
    color: var(--main-color);
}
.widget ul li:hover a{
    text-decoration: underline;
}
.widget ul li:before{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #acaebf;
    border-radius: 100%;
    left: 0;
    top: 12px;
}
.widget ul li:hover:before{
    background-color: var(--main-color);
}
.er_about_widget h5 {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 17px;
}

.er_about_widget .er_btn {height: 60px;border-radius: 0 60px 60px;}

.er_about_widget .er_btn svg {
    margin: 0 10px 0 0;
}
/* footer css end */
/* copyright css start */
.er_copyright_wrapper{
    background-color: #282a3d;
    padding: 12px 0;
}
.er_copyright_wrapper p {
    color: #ffffff;
    font-size: 14px;
}
/* copyright css end */
/* breadcrum start */
.er_breadcrum_wrapper{
    background-image: url('../images/banner_bg.jpg');
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 210px 0 110px;
}
.er_breadcrum_wrapper  h1 {
    margin: 0px 0 15px;
    font-size: 28px;
    color: var(--white-color);
}
.er_breadcrum_wrapper .breadcrumb {
    display: inline-flex;
    background-color: rgb(255 255 255 / 10%);
    border-radius: 40px;
    font-size: 14px;
    line-height: 18px;
    padding: 11px 30px;
    margin: 0px;
    color: var(--white-color);
}
.breadcrumb>li+li:before {
    content: '/\00a0/\00a0';
    color: #fff;
}

/* breadcrum end */
/* service page start */
.er_service_page .er_service_wrapper,.er_blog_page .er_blog_wrapper{
    background-color: #ffffff;
}
/* service page end */
/* portfolio page start */
.er_gallery_box {
    position: relative;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.er_gallery_box:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: var(--main-color);
    transform: scale(0.5);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.er_gallery_box:hover:after {
    opacity: 0.6;
    transform: scale(1);
}
/* portfolio page end */
/* Contact page start */
.er_info_box {
    border-radius: 10px;
    background-color: var(--white-color);
    box-shadow: 0px 0px 40px 0px rgb(105 59 132 / 10%);
    padding: 40px 30px;
    margin-bottom: 30px;
    text-align:center;
}
.er_info_box .er_icon{
    background-color:var(--main-color);
    width:70px;
    height:70px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:100%
}
.er_contact_form label{
    color: var(--heading-color);
}
/* Contact page end */
/* Blog page start */
.er_search_widget {
    position: relative;
    margin-top: 10px;
}
.er_search_widget .form-control{
    padding: 0 80px 0 30px;
}

.er_search_widget a {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: var(--main-color);
    bottom: 5px;
    width:50px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center
}

.er_search_widget a svg path {
    fill: #ffffff;
}
.er_blog_sidebar .widget-title{
    color: var(--heading-color);
}
.er_recentposts li a {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.widget .er_recentposts li {
    padding: 0;
}

.widget .er_recentposts li:before {
    display: none;
}

.er_recentposts li a .er_detail {
    width: calc(100% - 90px);
}

.er_recentposts li a .er_img {
    margin-right: 15px;
}

.er_recentposts li a .er_detail h5 {
    margin: 0;
}

.er_recentposts li a .er_detail span {
    color: var(--main-color);
    font-size: 14px;
}
.er_tag_wrapper .er_btn {
    margin: 0 1px 5px 0;
}
.er_customer_box.er_bloquote {
    background-color: var(--main-color);
    padding: 0 45px 42px;
    position: relative;
    margin-top: 45px;
    padding: 50px;
    margin-bottom: 20px;
    border-radius: 20px;
    color: var(--white-color);
}
.er_customer_box.er_bloquote h3 span {
    font-size: 14px;
}
.er_blog_single .er_blog_img>div img {
    width: 100%;
}
.er_bloquote h3 {
    color: #fff;
}
.er_comment_form .widget-title,.er_comment_section .widget-title{
    color: var(--heading-color);
    font-size: 24px;
}
.er_comment_form textarea.form-control {
    height: 210px;
    padding: 15px 30px;
}
.er_about_admin {
    display: flex;
    align-items: center;
    background-color: var(--main-color);
    padding: 20px;
    border-radius: 20px;
    color: #fff;
    flex-wrap: wrap;
}
.er_about_admin .er_aboutImage {
    width: 120px;
    border-radius: 100%;
    overflow: hidden;
}
.er_about_admin .er_aboutDetail h3 {
    color: #fff;
}
.er_comment_section ul{
    margin: 0px;
    padding:0px;
    list-style: none;
}
.er_comment_section ul li{
    display: flex;
    flex-wrap: wrap;
}
.er_comment_section > ul > li{
    border-bottom: 1px solid #e7e7e7;
    padding: 40px 0;
}
.er_comment_section > ul > li:last-child{
    border-bottom: none;
}
.er_comment_section > ul > li > ul > li {border-top: 1px solid #e7e7e7;padding: 40px 0 0;}

.er_comment_section > ul > li > ul > li:first-child {
    border: none;
    padding: 0 0 40px;
}
.er_comment_section > ul > li > ul > li{
    margin-left: 30px;
}
.er_comment_section >ul>li .er_comnt_img{
    width: 110px;
}
.er_comment_section >ul>li .er_comnt_img img{
    border-radius: 100%;
}
.er_comment_section >ul>li .er_comnt_detail{
    position: relative;
}
.er_comment_section >ul>li .er_comnt_detail .er_btn{
    padding: 0 15px;
}
.er_comment_section >ul>li .er_comnt_detail .er_btn img{
    margin-right: 10px;
}
.er_comment_section >ul>li .er_comnt_detail>span {
    display: flex;
    padding: 5px 0 10px;
}

.er_comment_section >ul>li .er_comnt_detail>span img {
    margin-right: 10px;
}
/* Blog page end */
/* shop page start */
.er_product_box{
    margin-bottom: 30px;
}
.er_product_img {
    border-radius: 10px;
    overflow: hidden;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    border: 1px solid #e7e7e7;
}
.er_product_box:hover .er_product_img img{
    transform: scale(1.1);
}
.er_product_box .er_price {
    font-weight: 600;
    color: var(--main-color);
}

.er_product_box .er_price del {
    margin-right: 15px;
    color: var(--body-color);
    font-weight: 400;
}
/* shop page end */
/* shop single page start */
.er_shopsingle_wrapper,.er_cartsingle_wrapper,.er_checkout_wrapper{
    background-image: url('../images/bg4.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.er_shopsingle_nav .er_prod_img {
    margin: 0 0 30px;
    width:169px !important;
    cursor: pointer;
}
.er_shopsingle_nav .er_prod_img img {
    height: 140px;
    width: 100%;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
}
.er_shopsingle_for .er_prod_img img {
    width:100%;
    border-radius: 10px;
    border: 1px solid #e7e7e7;
}
.er_shopsingle_for .slick-list.draggable {
    padding: 0;
}
.er_shopsingle_slider .er_shopsingle_nav {
    width: 200px ;
    padding-right: 30px;
}
.er_product_description .er_subheading {
    font-weight: 600;
    font-size: 24px;
}

.er_shopsingle_slider .er_shopsingle_for {
    width: calc(100% - 200px);
}
.er_product_description>p {
    font-size: 15px;
    padding-bottom: 13px;
}

.er_shopsingle_slider {
    display: flex;
}

.er_shopsingle_slider .er_shopsingle_nav .slick-track {
    display: flex;
    flex-direction: column;
}
.ad_wishlist,.ad_compare {
    width: 45px;
    height: 45px;
    border: 1px solid #e7e7e7;
    border-radius: 100%;
    margin: 0 0 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.er_share_box ul {
    margin: 0;
    padding: 0;
}
.er_price {
    font-size: 21px;
    margin: 5px 0 15px;
    color: var(--dark-color1);
    font-weight: 500;
}
.er_price del {
    color: #797979;
    margin-left: 10px;
}
.prod_quantity {
    display: flex;
    align-items: center;
    color: var(--dark-color1);
}
.prod_quantity input {
    margin: 0;
    padding: 0 60px;
    text-align: center;
    width: 56px;
    border: none;
    padding: 0;
    height: 43px;
}
.quantity {
    position: relative;
    margin: 0 30px;
    border: 1px solid #e7e7e7;
    width: 99px;
    border-radius: 15px;
    overflow: hidden;
}
.quantity .qty_button {
    position: absolute;
    background-color: transparent;
    border:none;
    right: 0;
    height: 22px;
    width: 40px;
    top:0;
    border-left: 1px solid #e7e7e7;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.quantity .quantity_minus{
    bottom: 0;
    top: auto;
    border-top: 1px solid #e7e7e7;
}
.prod_detail .buy_btn.er_btn span {
    margin-right: 6px;
}
.er_shopsingle_nav .slick-list.draggable {
    padding: 0 !important;
}
textarea.form-control {
    height: 120px;
    resize: none;
    padding-top: 15px;
    border-radius: 20px;
}
.er_cartsingle_wrapper .prod_thumb {
    position: absolute;
}
.er_price .er_btn {
    background: #f7b709;
    height: 30px;
    min-width: 108px;
    font-size: 19px;
    border-radius: 6px;
    margin-left: 22px;
}

.rating_star span {
    color: var(--dark-color1);
    margin:0 30px;
}

.product_rating {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(118 118 118 / 30%);
    padding-bottom: 26px;
    margin-bottom: 23px;
}

.prod_detail {
    display: flex;
    border-top: 1px solid rgb(118 118 118 / 30%);
    padding: 30px 0 0;
    border-bottom: 1px solid rgb(118 118 118 / 30%);
    flex-wrap: wrap;
}
.er_cartsingle_wrapper .prod_thumb img {
    width: 50px;
}

.er_cartsingle_wrapper .product_details {
    padding: 0 0 0 70px;
}
.er_cartsingle_wrapper td,.er_cartsingle_wrapper th {
    padding: 20px !important;
    border-top:1px solid rgb(255 255 255 / 10%) !important;
}

.er_cartsingle_wrapper table {
    border: 1px solid rgb(255 255 255 / 10%);
}
.cupon_code_wrap {
    display: flex;
}
.cupon_code_wrap .form-control {
    width: 35%;
    margin-right: 25px;
}

.step .receipt_btn{
    margin: 0 25px;
}
.stock_details span{
    color: #1cb71c;
}
.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
    background-color: var(--main-color) !important;
}
.er_widget_title {
    color: var(--dark-color1);
    font-weight:600;
    font-size:20px;
    margin-bottom:20px;
}
.er_widget ul{
    margin:0;
    padding:0;
    list-style:none;
}
.er_widget ul li{
    line-height: 20px;
    padding: 15px 0;
    border-top: 1px solid #e7e7e7;
    text-transform: capitalize;
}
.er_widget ul li a{
    transition: none;
}
.er_widget ul li.er_product:hover span+span{
    color: var(--main-color);
}
.er_widget ul li:hover{
    color: var(--main-color);
}
.er_widget ul li:first-child {
    padding-top: 0px;
    border-top: none;
}
.er_widget ul li:last-child {
    padding-bottom: 0px;
}
.er_share_widget.er_share_box ul li a {
    width: 39px;
    height: 39px;
}
.er_share_widget.er_share_box ul li{
    border: none;
    padding: 0px;
}
.er_share_widget.er_share_box ul li a svg{
    fill:#797979;
    transition: none;
}
.er_product>a {
    display: flex;
    align-items: center;
}
.er_share_widget.er_share_box ul li:hover a svg{
    fill: var(--main-color);
}
.er_product .er_productimg {
    padding: 10px;
    background-color: #f6f8fc;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
}

.er_product .er_product_detail {
    padding: 0 0 0 19px;
    display: flex;
    flex-direction: column;
}

.er_product .er_product_detail>img {
    width: 80px;
    margin-bottom: 10px;
}

.er_product .er_product_detail>.er_title {
    color: var(--heading-color);
    font-weight: 600;
    margin-bottom: 6px;
}
.er_product .er_product_detail>span {
    color: var(--heading-color);
}
.er_product .er_product_detail>span>del{
    color:#797979;
    margin-left:7px;
}
.er_share_box ul {
    margin: 0;
    padding: 0;
}
.er_share_box ul li a:hover{
    border-color: var(--main-color);
}
.er_share_box ul li a {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7e7e7;
    border-radius: 100%;
}
.er_share_box ul li {
    display: inline-flex;
    margin-right: 18px;
}
.er_share_box ul li svg{
    transition: none;
    fill: var(--body-color);
}
.er_share_box ul li:hover svg{
    fill: var(--main-color);
}
.er_tab_wrapper .nav-tabs>li>a {
    background-color: transparent !important;
    border: none !important;
    font-size: 20px;
    padding: 16px 35px;
    font-family: 'Philosopher', sans-serif;
    position: relative;
}
.er_tab_wrapper .nav-tabs>li>a::before{
    position: absolute;
    content: '';
    height: 1px;
    width:0;
    background-color: var(--main-color);
    bottom: 0;
    left: 0;
}
.er_tab_wrapper .nav-tabs>li>a:hover,.er_tab_wrapper .nav-tabs>li.active > a{
    color: var(--main-color);
}
.er_tab_wrapper .nav-tabs>li>a:hover:before,.er_tab_wrapper .nav-tabs>li.active>a:before{
    width: 100%;
}
.er_tab_wrapper .nav-tabs {
    border-color: rgb(121 121 121 / 20%);
}
.er_shopsingle_wrapper  .er_tab_wrapper {
    background-color: #f5fcfe;
    padding: 10px 40px;
    border-radius: 20px;
}
/* shop single page end */
.iny-main-header.iny-header-style-four {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
}

/* responsive */
@media (min-width: 1200px){
    .container{
        width:1200px
    }
}
@media (min-width: 992px){
    .er_banner_wrapper{
        padding: 250px 0 100px;
    }
    .er_comment_section >ul>li .er_comnt_detail{
        width: calc(100% - 110px);
        position: relative;
    }
    .er_comment_section > ul > li > ul > li{
        margin-left: 100px;
    }
    .er_comment_section >ul>li .er_comnt_detail .er_btn{
        position: absolute;
        right: 35px;
        top: 0;
    }
}
@media (min-width: 576px){
    .er_about_admin .er_aboutDetail {
        width: calc(100% - 140px);
    }
    .er_about_admin .er_aboutImage {
        margin-right: 20px;
    }
}
@media (min-width: 421px){
    .er_newsletter_wrapper .er_btn {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .er_newsletter_wrapper .form-control {
        padding: 0 230px 0 30px;
    }
}
@media (max-width:1199px){
    .er_banner_detail h1{
        font-size: 32px;
    }
    br{
        display: none;
    }
    .er_banner_detail>span {
        font-size: 14px;
    }
    .er_top_header_wrapper{
        padding: 15px;
    }
    .er_menu_wrapper{
        padding: 17px 15px;
    }
    .er_menu li{
        margin-right: 30px;
    }
    .er_header_wrapper .er_info_list li{
        margin-right: 10px;
    }
    .er_service {
        min-height: 317px;
    }
    .er_footer_wrapper{
        background: #2c2e44;
        margin: 0;
        padding-top: 80px;
    }
}
@media (max-width:991px){
    .er_scroll_btn{
        bottom: 60px;
    }
    .er_menu li {
        margin-right: 18px;
    }
    .er_verticle_center {
        display: block;
    }
    .er_logo {
        text-align: center;
        margin-bottom: 20px;
    }
    .er_breadcrum_wrapper {
        padding: 60px 0 110px;
    }
    .er_comment_form {
        margin-bottom: 50px;
    }
    .er_blog_wrapper{
        padding-bottom: 0px;
    }
    .er_shopsingle_wrapper .er_tab_wrapper{
        display: grid;
    }
    .er_product_description {
        padding: 50px 0;
    }
    .er_about_detail{
        padding-top: 20px;
    }
}
@media (max-width:768px){
    .er_top_header_wrapper .col-lg-9.col-md-9.text-right {
        text-align: center;
    }
    
    .er_header_wrapper .er_info_list {
        margin-bottom: 30px;
    } 
    .er_menu_wrapper{
        justify-content: center;
    }
    .er_toggle{
        display: block;
        cursor: pointer;
        margin-right: 10px; 
    }
    .er_menu {
        position: fixed;
        left: -200px;
        top: 0;
        bottom: 0;
        width: 200px;
        z-index: 1;
        background-color: var(--main-color);
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
    }
    .menu_open .er_menu{
        left: 0;
    }
    
    .er_menu li { 
        color: #ffffff;
        display: block;
        padding: 12px 15px;
    }
    .er_menu >li>a >img{
        display: block;
        position: absolute;
        right: 0;
        top: 22px;
    }
    .er_menu li:hover {
        color: var(--heading-color);
    }
    
    .er_menu li .sub-menu {
        position: relative;
        padding-top: 0px !important;
        display: none;
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
    }
    
    .er_menu li .sub-menu ul {
        background-color: transparent;
    }
    
    .er_menu li .sub-menu ul li {
        padding: 0;
    }
    .er_menu .submenu_open .sub-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        padding: 0;
    }
    .er_about_wrapper,.er_service{
        text-align: center;
    }
    .er_about_img img{
        margin: 0 auto;
    }
    .er_blog_img >div>img,.er_product_img img,.er_gallery_box img{
        width: 100%;
    }
    
}
@media (max-width:575px){

}
@media (max-width:420px){
    .er_newsletter_wrapper .er_btn {
        margin-top: 10px;
    }
}
@media (max-width:380px){
    .er_banner_detail>span {
        padding: 0 35px 0 25px;
    }
}
/* SOlar Demo Added */
/* Pet Care Demo Added */


/* button css */

.pc_green_btn a {
    background-color: var(--green-color);
    color: var(--white-color);
    border: solid 2px var(--green-color);
    padding: 10px 40px;
    height: 50px;
    width: auto;
    text-align: center;
    transition: all 0.5s;
    font-weight: 500;
    display: inline-block;
}

.pc_green_btn a:hover {
    background-color: var(--white-color);
    ;
    color: var(--green-color);
    border: solid 2px var(--green-color);
}

.pc_main_pink_btn a {
    background-color: var(--pink-color);
    color: var(--white-color);
    border: solid 2px var(--pink-color);
    padding: 11px 25px;
    height: 50px;
    width: auto;
    text-align: center;
    transition: all 0.5s;
    font-weight: 500;
    display: inline-block;
}

.pc_main_pink_btn a:hover {
    background-color: var(--white-color);
    ;
    color: var(--pink-color);
    border: solid 2px var(--pink-color);
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #c4c7cd;
}


/********************************************************
    3. Preloader CSS Start
********************************************************/

.preloader_active .preloader_holder {
    background-color: var(--main-bg-color);
}

.preloader_active .preloader_holder .preloader span {
    box-shadow: 0px 0px 0px 0px var(--green-color);
}

@-webkit-keyframes loadingCircles {
    0% {
        -webkit-transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--green-color);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--green-color);
    }
}

@-moz-keyframes loadingCircles {
    0% {
        -moz-transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--green-color);
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--green-color);
    }
}

@keyframes loadingCircles {
    0% {
        transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--green-color);
    }
    100% {
        transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--green-color);
    }
}

.preloader_open:before,
.preloader_open:after {
    background-color: var(--main-bg-color);
}


/********************************************************
    4. Header CSS Start
********************************************************/

.pc_header_wrapper {
    background-image: url(../images/banner-bg.jpg);
    background-size: cover;
    position: relative;
    z-index: 1;
    width: 100%;
    animation: animate 25s linear infinite;
}

@keyframes animate {
    0% {
        background-position: left 0px top 0px;
    }
    25% {
        background-position: left 150px top -150px;
    }
    50% {
        background-position: left 300px top -300px;
    }
    75% {
        background-position: left 150px top -150px;
    }
    100% {
        background-position: left 0px top 0px;
    }
}

.pc_banner_right_img {
    animation: mover 2s infinite alternate;
    margin-right: 90px;
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

.pc_header_wrapper {
    padding: 27px 0 170px;
}

.main_menu_wrapper,
.pc_call_btn,
.main_menu_wrapper>ul>li,
.pc_call_btn>ul>li {
    display: inline-block;
}

.main_menu_wrapper>ul>li>a {
    color: var(--main-link-color);
    text-transform: capitalize;
    position: relative;
    margin: 0 0px;
    font-size: 16px;
    font-weight: 500;
}

ul.sub_menu li a:hover {
    color: var(--green-color);
}

.main_menu_wrapper>ul>li>a:before {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 50px;
    width: 0%;
    height: 2px;
    background-color: transparent;
    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;
}

.main_menu_wrapper>ul>li>a:hover:before {
    opacity: 1;
    visibility: visible;
    width: 100%;
    background-color: var(--green-color);
}

.main_menu_wrapper>ul>li>a,
.main_menu_wrapper>ul>li>a:before,
.main_menu_wrapper>ul>li:hover>a:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.main_menu_parent {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-right: 90px;
}

.pc_logo {
    text-align: center;
    margin-right: 80px;
}

.pc_call_btn {
    margin-left: 25px;
}

.call_icon {
    background-color: #a4dd4b;
    padding: 18px 18px;
    border: 1px solid #a4dd4b;
    font-size: 18px;
    font-weight: 500;
    fill: #fff;
    transition: all 0.4s linear;
}

.call_number {
    color: #fff;
    background: var(--green-color);
    padding: 18px 18px;
    border: 1px solid var(--green-color);
    font-size: 18px;
    font-weight: 700;
}

.fixed_header.fixed {
    background-color: #ffffff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 14px 28px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 2%);
    padding: 20px 0px;
}

.fixed_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 20px 0;
}


/********************************************************
    4. Banner CSS Start
********************************************************/

.pc_banner_wrapper {
    margin-top: 35px;
}

.pc_banner_left_text1 p {
    font-size: 18px;
    font-weight: 500;
    color: var(--pink-color);
    line-height: 1.5;
    padding-bottom: 5px;
}

.pc_banner_left_text1 h1 {
    font-size: 52px;
    font-weight: 400;
    color: var(--heading-color);
    line-height: 1.5;
}

.pc_banner_left_content {
    margin-left: 140px;
    margin-top: 230px;
}

.pc_banner_btn {
    margin-top: 25px;
}

.pc_banner_form span {
    display: grid;
}

.pc_banner_form form {
    display: flex;
}

.pc_banner_form_section input {
    border: none;
    border-bottom: 1px solid transparent;
    height: 34px;
}

.pc_banner_form_section label {
    font-size: 16px;
    font-weight: bold;
    color: var(--heading-color);
}

.pc_banner_form span {
    display: grid;
    width: 100%;
    padding-right: 10px;
}

.pc_banner_form_section input:focus {
    border-bottom: 1px solid #ff577b;
}

.pc_banner_form {
    background: #fff;
    padding: 45px;
    box-shadow: 0px 0px 50px 0px rgba(59, 63, 94, 0.1);
    width: 62%;
    margin-top: -240px;
    margin-left: 125px;
}

input[type="text"] {
    color: var(--text-center);
}

.pc_banner_right_img img {
    margin: 60px auto 20px;
    /* display: block;
    width: 100%;
    -webkit-mask-image: url(../images/banner-shape1.png);
    mask-image: url(../images/banner-shape1.png);
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover; */
    -webkit-mask-size: 100% 100%;
}


/********************************************************
    5. About CSS Start
********************************************************/

.ps_about_text1 p {
    color: var(--pink-color);
    font-size: 18px;
    font-weight: 400;
}

p.ps_about_text2 span {
    text-decoration: underline;
}

.ps_about_list li {
    font-size: 16px;
    color: #a0a5ae;
    font-weight: 400;
    line-height: 1.2;
}

.ps_about_body {
    margin-top: 80px;
}

h1.ps_about_heading {
    padding: 5px 0 10px;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.5;
}

.ps_about_list {
    padding: 5px 0;
}

.ps_about_list ul li::before {
    content: "\2022";
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    font-size: 22px;
}

.ps_about_btn {
    margin-top: 35px;
}

.pc_about_wrapper {
    margin: 80px 0 80px;
}


/********************************************************
    6. Service CSS Start
********************************************************/

.pc_service_box {
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(59, 63, 94, 0.1);
    padding: 30px 25px 45px;
    position: relative;
}

.pc_service_box:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 0%;
    height: 4px;
    background-color: transparent;
    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;
}

.pc_service_box:hover:after {
    opacity: 1;
    visibility: visible;
    width: 100%;
    background-color: var(--pink-color);
}

.pc_service_seperater {
    padding: 8px 0 5px;
}

.pc_service_box_body h3 {
    font-size: 20px;
    font-weight: bold;
    padding: 26px 0 0px;
}

.pc_service_heading h2 {
    font-size: 34px;
    font-weight: 400;
    margin: 0px auto 30px auto;
    text-align: center;
    width: 70%;
    line-height: 1.3;
}

.pc_service_slider_wrapper {
    margin-top: 60px;
}

.pc_service_box_btn a {
    font-size: 16px;
    font-weight: bold;
    color: #ff577b;
    border-bottom: 1px solid #ff577b;
}

.pc_service_wrapper {
    margin-bottom: 80px;
    background: #f9f9f9;
    padding: 80px 0 80px;
}

.pc_service_box_body p {
    padding: 10px 0;
}

.pc_service_heading.center h2 {
    padding: 5px 0 10px;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.4;
    width: 80%;
    margin-bottom: 20px;
}

.pc_service_button {
    cursor: pointer;
}
.pc_diff_slider_wrapper {
    position: relative;
}
.pc_service_wrapper .swiper-container {
    z-index: 0;
}
.pc_service_wrapper .swiper-button-next1 svg {
    text-align: right;
    margin-right: 0;
    background: var(--green-color);
    padding: 14px 10px;
    width: 45px;
    height: 45px;
    float: right;
    fill: #fff;
    border: 1px solid var(--green-color);
    transition: all 0.4s;
    position: absolute;
    top: calc(50% - 22.5px);
    right: -50px;
}

.pc_service_wrapper .swiper-button-next1:hover svg {
    background: var(--white-color);
    fill: var(--text-color);
    border: 1px solid #dcdcdb;
}

.pc_service_wrapper .swiper-button-prev1 svg {
    margin-right: 0px;
    background: #a3d159;
    padding: 14px 10px;
    width: 45px;
    height: 45px;
    fill: #fff;
    border: 1px solid #a3d159;
    transition: all 0.4s;
    position: absolute;
    top: calc(50% - 22.5px);
    left: -50px;
}

.pc_service_wrapper .swiper-button-prev1:hover svg {
    background: var(--white-color);
    fill: var(--text-color);
    border: 1px solid #dcdcdb;
}

.pc_service_icon {
    padding: 20px 0 5px;
}


/********************************************************
    7. Our Service CSS Start
********************************************************/


/*=========video play button style start=========*/

.video-play-button {
    position: absolute;
    z-index: 0;
    bottom: 10%;
    left: 50px;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

a#play-video {
    background: #ff577b;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    border: 1px solid var(--pink-color);
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    transition: all 200ms;
    border: 1px solid var(--pink-color);
}

.video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    top: 10px;
    left: 5px;
    height: 0;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.video-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.80);
    opacity: 0;
    transition: all ease 500ms;
}

.video-overlay.open {
    position: fixed;
    z-index: 1000;
    opacity: 1;
}

.video-overlay-close {
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 20px;
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
}

.video-overlay-close:hover {
    color: #fa183d;
}

.video-overlay iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}


/*=========video play button style end=========*/

.pc_our_services_text1 p {
    color: var(--pink-color);
    font-size: 18px;
    font-weight: 400;
}

.pc_our_services_heading h2 {
    padding: 5px 0 10px;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.4;
    width: 425px;
    text-transform: none;
}

.pc_service_type_box {
    margin-top: 30px;
}

.pc_service_type_box h5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    padding: 12px 0 4px;
}

.pc_service_type_box:hover h5 {
    color: #ff577b;
}

.pc_our_services_img {
    position: relative;
}


/********************************************************
    8. Team CSS Start
********************************************************/

.pc_team_wrapper {
    padding: 70px 0 80px;
    background: #f9f9f9;
    margin-top: 80px;
}
.pc_team_slider_wrapper{
    position: relative;
}
.pc_team_wrapper .swiper-container {
    z-index: 0;
}

.pc_team_section {
    position: relative;
    background: var(--main-bg-color);
    transition: all 0.4s;
    overflow: hidden;
    margin: 20px 0;
}

.pc_team_img_wrapper {
    display: flex;
}

.pc_team_img {
    width: 100%;
    position: relative;
}

.pc_team_img img {
    width: 100%;
}

.pc_team_hover {
    background: #2d333be0;
    opacity: 0;
    position: absolute;
    top: -56px;
    bottom: 90px;
    left: 0;
    right: 0px;
    border: none;
    display: flex;
    align-items: center;
    font-weight: 500;
    border-radius: 0;
    -webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -o-transform: translateY(-500px);
    transform: translateY(-500px);
    transition: all 0.4s;
}

.pc_team_section:hover .pc_team_hover {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.pc_team_info {
    background: transparent;
    opacity: 0;
    position: absolute;
    top: -56px;
    bottom: 90px;
    left: 0;
    right: 0px;
    transition: all 0.4s;
}

.social_icon:hover .pc_team_info {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.pc_team_section .pc_share_icon {
    position: absolute;
    right: 15px;
    bottom: 65px;
    z-index: 1;
}

.pc_team_info_icon {
    position: absolute;
    right: -75px;
    bottom: 25px;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: all 0.5s;
}

.pc_partner_button {
    cursor: pointer;
}

.social_icon:hover .pc_team_info_icon {
    transform: scaleY(1);
}

.pc_team_inner {
    margin: 195px 0 15px 175px;
    text-align: center;
    color: var(--main-bg-color);
}

.pc_team_info:first-child {
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

.pc_team_button {
    cursor: pointer;
}

.pc_team_info {
    width: 100%;
    display: inline-block;
}

.pc_team_info h6 {
    font-size: 20px;
    color: var(--iny-primary);
}

.pc_team_info a {
    color: var(--main-bg-color);
    display: inline-block;
    width: 100%;
}

.pc_team_img_wrapper,
.pc_team_img_wrapper:hover,
.pc_team_img_wrapper .pc_team_hover,
.pc_team_img_wrapper:hover .pc_team_hover,
.pc_team_button>div,
.pc_team_button>div:hover,
.pc_team_button>div svg,
.pc_team_button>div:hover svg {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.pc_team_identity a {
    color: var(--heading-color);
    font-weight: bold;
    font-size: 20px;
    margin-top: 17px;
    display: inline-block;
}

.pc_team_info_icon i.fa.fa-facebook {
    background: #0b8ff3;
    padding: 12px 16px;
    border-radius: 50px;
    margin-bottom: 0px;
    font-size: 20px;
    color: #fff;
}

.pc_team_info_icon i.fa.fa-linkedin {
    background: #0794b3;
    padding: 11px 13px;
    border-radius: 50px;
    margin-bottom: 0px;
    font-size: 20px;
    color: #fff;
}

.pc_team_info_icon i.fa.fa-twitter {
    background: #54ccfc;
    padding: 11px 12px;
    border-radius: 50px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #fff;
}

.pc_share_icon {
    background: #98cc46;
    padding: 0px 17px 0px;
    border-radius: 100px;
}

.pc_share_icon img {
    padding: 0px 0px 15px;
}

.pc_heading h2 {
    padding: 5px 30px 10px;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 20px;
}
.pc_team_identity p {
    color: var(--green-color);
}

.pc_team_identity {
    padding: 0 25px 15px;
    margin-top: 5px;
}

.pc_team_wrapper .swiper-button-next1 svg {
    text-align: right;
    margin-right: 0;
    background: var(--green-color);
    padding: 14px 10px;
    width: 45px;
    height: 45px;
    float: right;
    fill: #fff;
    border: 1px solid var(--green-color);
    transition: all 0.4s;
    position: absolute;
    top: calc(50% - 22.5px);
    right: -50px;
}

.pc_team_wrapper .swiper-button-next1:hover svg {
    background: var(--white-color);
    fill: var(--text-color);
    border: 1px solid #dcdcdb;
}

.pc_team_wrapper .swiper-button-prev1 svg {
    margin-right: 0px;
    background: #a3d159;
    padding: 14px 10px;
    width: 45px;
    height: 45px;
    fill: #fff;
    border: 1px solid #a3d159;
    transition: all 0.4s;
    position: absolute;
    top: calc(50% - 22.5px);
    left: -50px;
}

.pc_team_wrapper .swiper-button-prev1:hover svg {
    background: var(--white-color);
    fill: var(--text-color);
    border: 1px solid #dcdcdb;
}


/********************************************************
    9. Testimonial CSS Start
********************************************************/

.pc_testimonial_slider {
    background-color: #98cc46;
    padding: 0px 0px 0px 0px;
    position: relative;
}

.pc_testimonial_section {
    padding: 50px 0;
}

span.pc_left_shape {
    position: absolute;
    bottom: 10px;
    left: 25px;
    z-index: 0;
}

.pc_client_quote p {
    color: #fff;
    padding: 0 10px;
}

.pc_client_quote h4 {
    color: #fff;
}

.pc_client_quote h4 {
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
}

.pc_client_quote span {
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
}

img.pc_testimonial_icon {
    position: absolute;
    left: 50%;
    top: 35px;
}

.pc_testimonial_button {
    cursor: pointer;
}

.pc_client_img_quote img {
    background: #fff;
    border-radius: 50px;
    position: absolute;
    right: 35px;
    bottom: -3px;
}

img.pc_client_main_img {
    border-radius: 50px;
    border: 6px solid #baeb6d;
}

.pc_testimonial_wrapper {
    margin-top: 70px;
}

.pc_testimonial_button .swiper-button-next1 svg {
    margin-right: -7px;
    background: #a3d159;
    padding: 12px 22px;
    width: 55px;
    height: 50px;
    fill: #fff;
    border: 1px solid #a3d159;
    transition: all 0.4s;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.pc_testimonial_button .swiper-button-next1:hover svg {
    background: #90c143;
    fill: var(--white-color);
    border: 1px solid #90c143;
}

.pc_testimonial_button .swiper-button-prev1 svg {
    margin-right: 0px;
    background: #a3d159;
    padding: 12px 22px;
    width: 55px;
    height: 50px;
    fill: #fff;
    border: 1px solid #a3d159;
    transition: all 0.4s;
    position: absolute;
    right: 45px;
    bottom: 0px;
    z-index: 1;
}

.pc_testimonial_button .swiper-button-prev1:hover svg {
    background: #90c143;
    fill: var(--white-color);
    border: 1px solid #90c143;
}

span.pc_left_shape:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -25px;
    width: 65px;
    height: 65px;
    background: #a7d958;
    z-index: 1;
    border-top-right-radius: 50px;
}

span.pc_left_shape:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -25px;
    width: 85px;
    height: 65px;
    background: #a1d352;
    z-index: 1;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 0px;
}

span.pc_right_shape {
    position: absolute;
    right: 0;
    z-index: 0;
    top: 0;
}

span.pc_right_shape:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    background: #a7d958;
    z-index: 1;
    border-bottom-left-radius: 50px;
}

span.pc_right_shape:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 85px;
    height: 85px;
    background: #a1d352;
    z-index: 1;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 70px;
}

.pc_testimonial_icon_img {
    position: relative;
    z-index: 2;
}

.pc_client_quote {
    padding-right: 30px;
}

.pc_testimonial_wrapper .swiper-container {
    z-index: 0;
}


/********************************************************
    9. Counter CSS Start
********************************************************/

.pc_counter_wrapper {
    background-color: #f9f9f9;
    padding: 80px 0 80px;
    position: relative;
    z-index: 0;
    margin-top: 80px;
}

.pc_counter_wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.96;
    background: transparent;
    z-index: -1;
}

.pc_counter_icon svg {
    fill: #fff;
}

.pc_counter_icon_box {
    text-align: center;
}

.pc_counter_icon p {
    fill: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding: 24px;
    margin: 0 auto;
    position: relative;
}

p.pc_counter_icon1 {
    background: #6dd1ff;
    border: 10px solid #f9f9f9;
    position: relative;
}

p.pc_counter_icon1:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border: 1px dashed #6dd1ff;
    border-radius: 50px;
    top: -10px;
    left: -10px;
    animation-name: spin;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

p.pc_counter_icon2 {
    background: #ffb064;
    border: 10px solid #f9f9f9;
    position: relative;
}

p.pc_counter_icon2:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border: 1px dashed #ffb064;
    border-radius: 50px;
    top: -10px;
    left: -10px;
    animation-name: spin;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

p.pc_counter_icon3 {
    background: #e086ff;
    border: 10px solid #f9f9f9;
    position: relative;
    padding: 20px;
}

p.pc_counter_icon3:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border: 1px dashed #e086ff;
    border-radius: 50px;
    top: -10px;
    left: -10px;
    animation-name: spin;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

p.pc_counter_icon4 {
    background: #ff7283;
    border: 10px solid #f9f9f9;
    position: relative;
    padding: 20px;
}

p.pc_counter_icon4:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border: 1px dashed #ff7283;
    border-radius: 50px;
    top: -10px;
    left: -10px;
    animation-name: spin;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pc_counter_text h2 {
    padding: 20px 0px 8px;
    font-size: 36px;
    font-weight: bold;
}

.pc_counter_text p {
    font-size: 16px;
    font-weight: 400;
    color: var(--heading-color);
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/********************************************************
    11. Pet Shop CSS Start
********************************************************/

.pc_shop_wrapper {
    margin-top: 70px;
}

.pc_shop_item_discount span {
    color: #fff;
    padding: 5px 15px;
    text-align: center;
    font-size: 14px;
}

.pc_shop_item_discount {
    position: absolute;
    left: 34px;
    top: 20px;
    z-index: 1;
}

.pc_shop_item_dis1 span {
    background: #ff5d65;
}

.pc_shop_item_dis2 span {
    background: #ffba58;
}

.pc_shop_item_dis3 span {
    background: #ff895a;
}

.pc_shop_item_dis4 span {
    background: #81df42;
}

.pc_shop_item_dis5 span {
    background: #81df42;
}

.pc_shop_item_dis6 span {
    background: #ff895a;
}

.pc_shop_item_dis7 span {
    background: #ffba58;
}

.pc_shop_item_dis8 span {
    background: #ff5d65;
}

h5.pc_shop_item_heading {
    font-size: 18px;
    font-weight: bold;
}

.pc_shop_item_content p {
    font-size: 14px;
    padding: 0px 0 5px;
    line-height: 1.5;
}

p.pc_shop_item_price {
    color: #98cc46;
    font-size: 18px;
    font-weight: bold;
}

.pc_shop_item_content {
    padding-top: 20px;
}

h5.pc_shop_item_heading:hover {
    color: var(--green-color);
}

.pc_shop_btn {
    margin: 40px 0 0;
}

.pc_shop_img_box {
    position: relative;
}

.pc_shop_img_box .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2d333be0;
    overflow: hidden;
    z-index: 0;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.pc_shop_box:hover .overlay {
    height: 100%;
}

.pc_shop_img {
    width: 100%;
}

.pc_shop_box_text {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}


/********************************************************
    12. Blog CSS Start
********************************************************/

.pc_blog_img_box {
    position: relative;
}

.pc_blog_text h3 {
    font-size: 20px;
    color: #2c3e4a;
    font-weight: 600;
    line-height: 32px;
    transition: all 0.3s;
}

.pc_blog_text h3:hover {
    color: var(--green-color);
}

.pc_blog_text p {
    color: #898d94;
    padding: 8px 0px;
}

.pc_single_blog_text p {
    text-align: justify;
}

.pc_blog_user a {
    color: #898d94;
    transition: all 0.3s;
}

.pc_blog_user a:hover {
    color: var(--green-color);
}

.pc_blog_user_comment img {
    padding-right: 5px;
}

.pc_blog_text_body {
    background: #fff;
    padding: 25px 30px 25px 25px;
}

.pc_blog_comment a {
    color: #898d94;
    transition: all 0.3s;
}

.pc_blog_comment a:hover {
    color: var(--green-color);
}

.pc_blog_user_comment {
    display: flex;
    align-items: center;
}

.pc_blog_comment {
    padding-left: 40px;
}

.pc_blog_img img {
    transition: all 0.4s;
    position: relative;
    width: 100%;
}

.pc_blog_img:hover img {
    transition: all 0.4s;
    transform: scale(1.1);
}

.pc_blog_img {
    overflow: hidden;
    transition: all 0.4s;
}

.pc_blog_wrapper {
    margin-top: 80px;
    background: #f9f9f9;
    padding: 80px 0;
}

.pc_shop_img {
    transition: 0.4s;
}

.pc_shop_img:hover {
    filter: brightness(0.7);
}


/********************************************************
    13. Partners CSS Start
********************************************************/

.pc_partner_wrapper .swiper-container {
    z-index: 0;
}

.pc_partner_wrapper {
    padding: 80px 0;
}

.pc_partners_container img {
    filter: grayscale(100%);
}

.pc_partners_container:hover img {
    filter: grayscale(0%);
}

.pc_partners_container:hover img,
.pc_partners_container:hover,
.pc_partners_container img,
.pc_partners_container {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.pc_partner_button .swiper-button-next1 {
    margin-right: -100px;
    background: #a3d159;
    padding: 13px 15px 0 20px;
    width: 50px;
    height: 50px;
    color: #fff;
    border: 1px solid #a3d159;
    transition: all 0.4s;
    position: absolute;
    right: 0;
    bottom: 25px;
    z-index: 1;
}

.pc_partner_button .swiper-button-next1:hover {
    background: transparent;
    color: var(--text-color);
    border: 1px solid #a5a9b133;
}

.pc_partner_button .swiper-button-prev1 {
    margin-left: -100px;
    background: #a3d159;
    padding: 14px 20px 0 20px;
    width: 50px;
    height: 50px;
    color: #fff;
    border: 1px solid #a3d159;
    transition: all 0.4s;
    position: absolute;
    left: 0;
    bottom: 25px;
    z-index: 1;
}

.pc_partner_button .swiper-button-prev1:hover {
    background: transparent;
    color: var(--text-color);
    border: 1px solid #a5a9b133;
}


/********************************************************
    14. Contact CSS Start
********************************************************/

.pc_contact_wrapper {
    position: relative;
    background: #2d3346;
    padding: 60px 410px;
}

.pc_contact_box h1 {
    color: var(--white-color);
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0px;
}

.pc_contact_box p {
    color: var(--white-color);
}

.pc_contact_box {
    text-align: center;
}

.pc_contact_wrapper .row {
    border-bottom: 1px solid #80808042;
    padding-bottom: 50px;
}

button.sal_btn.submitForm {
    background-color: var(--green-color);
    color: var(--white-color);
    border: solid 2px var(--green-color);
    padding: 10px 40px;
    height: 50px;
    width: auto;
    text-align: center;
    transition: all 0.5s;
    font-weight: 500;
}

button.sal_btn.submitForm:hover {
    background-color: var(--white-color);
    color: var(--green-color);
    border: solid 2px var(--green-color);
}


/********************************************************
    15. Footer CSS Start
********************************************************/

.cs_footer_wrapper {
    padding: 0px 0 100px;
    position: relative;
    background: #2d3346;
}

.cs_footer_wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.96;
    background: #2a2a32;
    z-index: -1;
}

.cs_footer_wrapper a {
    color: #fff;
}

.cs_footer_logo a {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    font-family: 'Cormorant Garamond', serif;
    display: flex;
    align-items: center;
}

.cs_footer_logo span {
    margin-left: 5px;
}

.cs_footer_logo a:hover {
    color: #fff;
}

.cs_footer_logo img {
    max-width: 35px;
}

.cs_footer_icon i.fa.fa-facebook {
    background: #424859;
    padding: 10px 13px;
    border-radius: 50px;
    color: #fff;
    transition: all 0.3s;
}

.cs_footer_icon i.fa.fa-facebook:hover {
    background: var(--green-color);
    padding: 10px 13px;
    color: #fff;
}

.cs_footer_icon i.fa.fa-twitter {
    background: #424859;
    padding: 10px 10px;
    border-radius: 50px;
    transition: all 0.3s;
    color: #fff;
}

.cs_footer_icon i.fa.fa-twitter:hover {
    background: var(--green-color);
    padding: 10px 10px;
    color: #fff;
}

.cs_footer_icon i.fa.fa-google-plus {
    background: #424859;
    padding: 10px 8px;
    border-radius: 50px;
    transition: all 0.3s;
    color: #fff;
}

.cs_footer_icon i.fa.fa-google-plus:hover {
    background: var(--green-color);
    padding: 10px 8px;
    color: #fff;
}

.cs_footer_icon i.fa.fa-youtube-play {
    background: #424859;
    padding: 10px 9px;
    border-radius: 50px;
    transition: all 0.3s;
    color: #fff;
}

.cs_footer_icon i.fa.fa-youtube-play:hover {
    background: var(--green-color);
    padding: 10px 9px;
    color: #fff;
}

.cs_footer_icon ul {
    display: flex;
    align-items: center;
}

.cs_footer_icon li {
    margin-right: 12px;
}

.cs_footer_icon h5 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 25px 0px 15px;
}

.cs_footer_section1 p {
    padding: 25px 0px 0px;
    color: #fff;
}

.cs_footer_wrapper h5 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 10px 0px 15px;
}

.cs_footer_wrapper li {
    padding-bottom: 5px;
}

.cs_copyright {
    text-align: center;
    margin-top: 80px;
    border-top: 1px solid #484848;
    padding: 15px 0 0;
    margin-bottom: -90px;
}

.cs_footer_wrapper a:hover {
    color: var(--green-color);
}

.cs_footer_section2 a:hover,
.cs_footer_section3 a:hover,
.cs_footer_section4 a:hover,
.cs_footer_section5 a:hover {
    margin-left: 10px;
}

.cs_footer_logo a:hover {
    color: #fff;
}

.cs_copyright p {
    color: #fff;
}


/********************************************************
    About Page
********************************************************/

.page_title_wrapper {
    position: relative;
    background: url(../images/page_title_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 145px 0 41px;
    color: var(--main-bg-color);
}

.page_title_wrapper:before {
    content: "";
    background: var(--main-black);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0.9;
}

.page_title_text h2 {
    color: #fff;
    font-size: 38px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 6px;
}

.page_title_text ul {
    display: flex;
    justify-content: center;
}

.page_title_text ul>li {
    position: relative;
    padding-left: 20px;
}

.page_title_text ul>li:first-child {
    padding-left: 0;
}

.page_title_text ul>li:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 3px;
    left: 8px;
}

.page_title_text ul>li:first-child:before {
    content: unset;
}

.page_title_text ul>li a {
    color: #fff;
}

.ps_about_text1 {
    margin-bottom: 5px;
}

.ps_about_heading {
    margin-bottom: 10px;
}

.ps_about_text2 {
    line-height: 26px;
}


/********************************************************
    Blog Page
********************************************************/

.pc_sidebar_search input[type="text"] {
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 47px;
    padding: 0 50px 0 30px;
    position: relative;
    line-height: 50px;
    margin-bottom: 4px;
}

.pc_sidebar_search a {
    position: absolute;
    top: 0;
    right: 0;
    background: #a3d159;
    color: #fff;
    padding: 11px 15px;
}

h4.pc_sub_heading.relative {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.pc_category_field ul li {
    padding: 0 0 12px 0px;
    position: relative;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.pc_sidebar_tags_box {
    margin-top: 22px;
}

.pc_latestPost_field {
    margin-top: 20px;
}

.pc_category_field a:hover {
    color: #98cc46;
}

.pc_sidebar_post {
    margin-top: 10px;
    margin-bottom: 30px;
}

.pc_sidebar_tags_box ul li {
    border: none;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 7px;
}

.pc_sidebar_search {
    position: relative;
    margin-bottom: 30px;
}

.pc_category_field a {
    color: #898d94;
    font-size: 16px;
    font-weight: 400;
}

.pc_latestPost_field li {
    display: flex;
    margin-bottom: 20px;
}

a.pc_blog_title:hover {
    color: #98cc46;
}

p.pc_blog_date {
    color: #98cc46;
    font-size: 16px;
}

.pc_blog_sidebar_tags {
    margin-top: 5px;
}

a.pc_blog_title {
    font-size: 16px;
    color: #898d94;
}

.pc_blog_title_wrap {
    width: 80%;
    margin-left: 15px;
}

a.ed_btn.ed_orange {
    color: #fff;
    background: #98cc46;
    padding: 7px 10px;
    border: 1px solid #98cc46;
    transition: all 0.4s;
}

a.ed_btn.ed_orange:hover {
    color: #98cc46;
    background: #fff;
    padding: 7px 10px;
    border: 1px solid #98cc46;
}

.pc_blog_section2 {
    margin-top: 30px;
}

.blog_pagination_wrapper ul li {
    display: inline-block;
    font-size: 18px;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    justify-content: center;
    margin-top: 50px;
}

li.page-item a {
    color: #fff;
    background: #a3d159;
    padding: 10px 15px;
    margin-right: 15px;
}

li.page-item a:hover {
    z-index: 2;
    color: #a3d159;
    text-decoration: none;
    background-color: #ffffff;
    border-color: #a3d159;
}

.page-link:focus {
    outline: none;
    box-shadow: none;
}


/********************************************************
    Single Blog Page
********************************************************/

.pc_blockquote {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.pc_blockquote_img {
    width: 160px;
    margin-right: 10px;
    position: relative;
}

.pc_blockquote_img:before {
    content: "\f10e";
    right: 12px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #98cc46;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 32px;
    background: #fff;
    border: 5px solid #98cc46;
    padding-left: 8px;
    border-radius: 100%;
}

.pc_blockquote_img img.pc_quote_user {
    border: 3px solid #98cc46;
    border-radius: 50%;
    width: 130px;
    height: 130px;
}

.pc_quote_user {
    color: var(--main-link-color);
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    display: inline-block;
}

.pc_blockquote_quote p,
.pc_quote_user {
    text-align: left;
}

.pc_blockquote_quote {
    width: calc(100% - 170px);
    color: #898d94;
    position: relative;
    text-align: center;
}

.pc_blockquote_quote:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #98cc46;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 84px;
    margin: auto;
    top: 50%;
    opacity: .1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.pc_blockquote_quote p,
.pc_quote_user {
    text-align: left;
}

.pc_quote_user {
    color: #2c3e4a;
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    display: inline-block;
}

.pc_quote_user>span {
    color: var(--main-txt-color);
    font-size: 16px;
    font-weight: 400;
}

.pc_img_text_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.pc_img_text_container img {
    width: 370px;
    display: inline-block;
    margin: 6px 15px 6px 0;
}

.pc_img_text_container p {
    display: inline-block;
    width: calc(100% - 385px);
}

.pc_divider {
    margin: 22px 0;
    display: block;
}

.pc_author_message_box {
    background: #98cc46;
    border: none;
    border-radius: 0;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 74px 0 73px;
    color: var(--main-bg-color);
}

.pc_S_blog_wrapper {
    margin-top: 0;
}

.pc_author_image {
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-right: 30px;
}

.pc_author_image img {
    width: 110px;
    height: 110px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}

.pc_author_content {
    width: calc(100% - 140px);
}

.pc_author_content h5 {
    color: var(--main-bg-color);
    font-weight: 700;
    font-size: 20px;
}

.pc_author_content h5 span {
    font-weight: 400;
    font-size: 16px;
}

.pc_section_heading {
    font-size: 28px;
    margin-bottom: 35px;
    font-weight: 700;
}

.pc_blog_comment>ul>li {
    margin-bottom: 26px;
    display: inline-block;
}

.pc_comment_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}

.pc_comment_user {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 30px;
}

.pc_comment_user img {
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}

h5.pc_user_name {
    font-weight: 700;
    font-size: 18px;
}

.pc_comment_detail {
    width: calc(100% - 130px);
}

.pc_reply_btn {
    color: #98cc46;
    margin-left: 15px;
}

.pc_blog_comment ul li ul {
    padding-left: 80px;
}

.pc_reply_btn svg {
    width: 16px;
    fill: #98cc46;
}

.pc_comment_form .pc_section_heading {
    margin-bottom: 40px;
}

.pc_field_holder {
    margin-bottom: 30px;
}

.pc_form_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    border-radius: 6px;
    display: flex;
}

textarea.pc_form_field {
    height: 150px;
    resize: none;
    padding: 12px 20px;
}


/********************************************************
    17. Contact CSS Start
********************************************************/

.pc_contact_form {
    padding: 50px 40px 50px 30px;
    box-shadow: 0 19px 38px rgb(255 255 255 / 7%), 0 15px 12px rgb(255 255 255 / 5%);
    margin-right: -50px;
    margin-top: 40px;
    background: #f9f9f9;
}

.pc_contact_form .pc_sub_heading {
    margin-bottom: 30px;
    font-size: 26px;
}

.pc_sub_heading {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 22px;
    text-transform: capitalize;
}

.pc_contact_form .pc_field_holder {
    margin-bottom: 30px;
}

.pc_form_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    border-radius: 6px;
    display: flex;
}

.pc_contact_form textarea.pc_form_field {
    height: 140px;
}

textarea.pc_form_field {
    height: 150px;
    resize: none;
    padding: 12px 20px;
}

.cs_map_wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

iframe {
    width: 100%;
    border: none;
}

.pc_main_contact_wrapper {
    background: #f9f9f9;
    padding: 80px 0;
}

.pc_banner_form {
    position: relative;
}

.pc_shop_box {
    position: relative;
    z-index: 0;
}
/********************************************************
    17. Responsive CSS Start
********************************************************/

@media only screen and (min-width: 1400px) and (max-width: 1700px) {
    .pc_banner_form {
        background: #fff;
        padding: 45px 40px 45px 45px;
        box-shadow: 0px 0px 50px 0px rgba(59, 63, 94, 0.1);
        width: 80%;
        margin-top: 0;
        margin-left: 125px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1480px) {
    .pc_banner_form span {
        margin-left: -25px;
    }
}

@media (max-width: 1400px) {
    .pc_banner_form {
        padding: 40px 20px 40px 20px;
        width: 100%;
        margin-top: 80px;
        margin-left: 0;
    }
    .main_menu_parent {
        margin-right: 10px;
    }
    .pc_banner_left_content {
        margin-left: 20px;
        margin-top: 60px;
    }
    .pc_partner_button .swiper-button-next1 {
        margin-right: -60px;
    }
    .pc_partner_button .swiper-button-prev1 {
        margin-left: -60px;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .pc_team_button {
        position: absolute;
        right: 70px;
        top: -40px;
    }
    .pc_service_button {
        position: absolute;
        right: 70px;
        top: -40px;
    }
    .main_menu_wrapper ul>li>a {
        padding: 12px 10px;
    }
    .call_icon {
        padding: 18px 10px;
    }
    .call_number {
        padding: 18px 10px;
    }
    .pc_partner_button {
        display: none;
    }
    .pc_sidebar_search a {
        padding: 11px 15px;
    }
    .pc_sidebar_search input[type="text"] {
        height: 47px;
    }
}

@media (max-width: 1200px) {
    .main_menu_wrapper ul>li>a {
        padding: 12px 10px;
    }
    .call_number {
        padding: 18px 10px;
    }
    .call_icon {
        padding: 18px 10px;
    }
    .pc_call_btn {
        margin-left: 5px;
    }
    .main_menu_parent {
        margin-right: 20px;
    }
    .pc_main_pink_btn a {
        padding: 11px 10px;
    }
    .pc_banner_form_section input[type="text"] {
        width: 100%;
    }
    .pc_banner_form {
        width: 100%;
        margin-top: 60px;
        margin-left: 0px;
    }
    .pc_banner_form form {
        display: flex;
    }
    .pc_banner_left_content {
        margin-left: 22px;
    }
    .pc_partner_button {
        display: none;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .pc_team_button {
        position: absolute;
        right: 70px;
        top: -40px;
    }
    .pc_service_button {
        right: 70px;
        top: -40px;
    }
    .video-play-button {
        bottom: 20%;
        left: 20px;
    }
}

@media (max-width: 1024px) {
    .main_menu_parent {
        margin-right: 20px;
    }
    .main_menu_wrapper ul>li>a {
        padding: 12px 15px;
    }
    img.pc_testimonial_icon {
        left: 40%;
        top: 150px;
    }
    .cs_footer_section4 {
        margin-top: 30px;
    }
    .cs_footer_section5 {
        margin-top: 30px;
    }
    .main_menu_wrapper ul>li>a {
        padding: 12px 7px;
    }
}

@media (max-width: 991.98px) {
    .main_menu_wrapper li.has_submenu:before,
    .main_menu_wrapper li.has_submenu:after {
        background: var(--green-color);
    }
    .main_menu_wrapper li.has_submenu:before {
        right: 26px;
        width: 2px;
        height: 12px;
        top: 20px;
    }
    .main_menu_wrapper li.has_submenu:before,
    .main_menu_wrapper li.has_submenu:after {
        position: absolute;
        bottom: 0;
        content: '';
    }
    .fixed_header {
        position: relative;
        padding: 0;
    }
    .pc_header_wrapper {
        padding: 0;
    }
    .page_title_wrapper {
        padding: 41px 0 41px;
    }
}

@media (max-width: 991px) {
    .pc_banner_form {
        width: 100%;
        margin-top: 60px;
        margin-left: 0;
    }
    .main_menu_wrapper ul>li>a {
        padding: 15px 20px 0px;
    }
    .pc_client_img_quote img {
        left: 50%;
        bottom: -12px;
    }
    .call_icon {
        padding: 14px 10px;
        font-size: 14px;
    }
    .call_number {
        padding: 14px 10px;
        font-size: 14px;
    }
    .call_number:hover {
        padding: 14px 10px;
        font-size: 14px;
    }
    .main_menu_parent {
        margin-right: 0;
        margin-top: 30px;
    }
    .pc_banner_form form {
        display: inline-block;
    }
    .pc_banner_form span {
        display: inline-block;
        margin-bottom: 10px;
    }
    .pc_banner_form {
        width: 80%;
    }
    .pc_banner_left_content {
        margin-left: 20px;
        margin-top: 60px;
    }
    .video-play-button {
        top: 50%;
        left: 10px;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .pc_partner_button {
        display: none;
    }
    .pc_logo {
        text-align: left;
        margin-right: 0;
    }
    .menu_btn {
        padding: 5px 0 0px 0;
    }
    .pc_team_button {
        position: absolute;
        right: 70px;
        top: -40px;
    }
    .pc_service_button {
        position: absolute;
        right: 70px;
        top: -40px;
    }
    .pc_client_quote {
        padding-right: 0px;
        padding-top: 20px;
    }
    img.pc_testimonial_icon {
        left: 40%;
        top: 150px;
    }
    .main_menu_wrapper>ul>li>a:before {
        display: none;
    }
    .pc_about_img {
        text-align: center;
    }
    .pc_banner_right_img {
        margin-right: 0;
        margin-top: 60px;
    }
    .pc_blog_section {
        margin-bottom: 30px;
    }
    .pc_contact_form {
        margin-right: 0;
        margin-bottom: 40px;
    }
    .pc_img_text_container {
        display: block;
    }
    .pc_img_text_container p {
        width: 100%;
        padding: 15px 0 0;
    }
    .pc_blog_comment ul li ul {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .menu_btn {
        padding: 6px 0 16px 0;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .pc_banner_form {
        width: 100%;
        margin-top: 60px;
        margin-left: 0;
    }
    .pc_service_button {
        display: none;
    }
    .pc_banner_form form {
        display: block;
    }
    .pc_banner_form span {
        padding-bottom: 10px;
    }
    .pc_banner_left_content {
        margin-left: 20px;
        margin-top: 60px;
    }
    .cs_footer_section4 {
        margin-top: 30px;
    }
    .cs_footer_section5 {
        margin-top: 30px;
    }
    .pc_blog_user_comment {
        display: block;
    }
    .pc_blog_comment {
        padding-left: 0;
    }
    .video-play-button {
        top: 20%;
        left: 15%;
        transform: translateX(0%) translateY(0%);
    }
    .pc_about_img {
        text-align: center;
    }
    .pc_logo {
        text-align: left;
        margin-right: 0;
    }
    .main_menu_parent {
        margin-right: 0;
    }
    .pc_header_wrapper {
        padding: 27px 0 100px;
    }
    .pc_team_button {
        right: 80px;
        top: -35px;
    }
    .pc_client_quote {
        padding-right: 0px;
    }
    img.pc_testimonial_icon {
        left: 25%;
        top: 150px;
    }
    .pc_contact_box {
        padding-bottom: 30px;
    }
    .pc_banner_right_img {
        margin-right: 0;
        margin-top: 60px;
    }
    .pc_our_services_img {
        margin-top: 50px;
        text-align: center;
    }
    .pc_blog_section {
        margin-bottom: 30px;
    }
    .cs_footer_section3 {
        margin-top: 30px;
    }
    .pc_sidebar_wrapper {
        margin-top: 50px;
    }
    .pc_blockquote {
        display: block;
    }
    .pc_blockquote_quote {
        width: 100%;
        margin: 15px 0 0;
    }
    .pc_img_text_container {
        display: block;
    }
    .pc_img_text_container p {
        width: 100%;
    }
    .pc_author_message_box {
        display: block;
        margin: 40px 0 43px;
    }
    .pc_author_content {
        width: 100%;
        padding: 13px 0 0;
    }
    .pc_comment_holder {
        display: block;
    }
    .pc_comment_detail {
        width: 100%;
        padding: 12px 0;
    }
    .pc_blog_comment ul li ul {
        padding-left: 0;
    }
}

@media (max-width: 567px) {
    .pc_banner_form {
        width: 100%;
        margin-top: 60px;
        margin-left: 0;
    }
    .main_menu_parent {
        margin-right: 0;
    }
    .pc_banner_form form {
        display: inline-block;
    }
    .pc_about_img {
        text-align: center;
    }
    .pc_banner_form span {
        padding-bottom: 10px;
    }
    .pc_partner_button {
        display: none;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .pc_contact_box {
        margin-bottom: 30px;
    }
    .cs_footer_section3 {
        margin-bottom: 30px;
    }
    .cs_footer_section4 {
        margin-bottom: 30px;
    }
    .cs_footer_section5 {
        margin-bottom: 30px;
    }
    .pc_call_btn {
        margin-left: 0;
    }
    a.menu_btn {
        margin-top: -7px;
    }
    .pc_banner_left_content {
        margin-left: 30px;
        margin-top: 60px;
    }
    .pc_our_services_img {
        margin-top: 40px;
    }
    .main_menu_parent {
        margin-right: 0px;
    }
    .pc_banner_left_text1 h1 {
        font-size: 26px;
    }
    .pc_banner_left_text1 p {
        font-size: 14px;
    }
    .pc_team_wrapper .swiper-button-next1 {
        display: none;
    }
    .pc_logo {
        text-align: left;
        margin-right: 0;
    }
    .pc_service_heading.center h2 {
        padding: 5px 0 10px;
        font-size: 24px;
        width: 100%;
    }
    .pc_service_button {
        display: none;
    }
    .menu_btn {
        padding: 15px 0 11px 0;
    }
    .cs_footer_section2 {
        margin-top: 30px;
    }
    .cs_footer_section3 {
        margin-top: 30px;
    }
    .cs_footer_section4 {
        margin: 0;
    }
    h2.ps_about_heading {
        font-size: 24px;
    }
    .pc_our_services_heading h2 {
        font-size: 24px;
        width: 100%;
    }
    .pc_heading h2 {
        padding: 5px 0px 10px;
        font-size: 24px;
    }
    .pc_shop_box {
        margin-top: 30px;
    }
    .pc_header_wrapper {
        padding: 27px 0 100px;
    }
    .pc_team_button {
        display: none;
    }
    .pc_service_button {
        display: none;
    }
    .pc_client_quote {
        padding-right: 0px;
    }
    img.pc_testimonial_icon {
        left: 25%;
        top: 150px;
    }
    .pc_banner_right_img {
        margin-right: 0;
        margin-top: 60px;
    }
    .video-play-button {
        left: 0;
    }
}

@media (max-width: 400px) {
    .pc_banner_form {
        width: 100%;
        margin-top: 50px;
        margin-left: 0;
    }
    .pc_banner_form form {
        display: inline-block;
    }
    .pc_partner_button {
        display: none;
    }
    .pc_contact_box {
        margin-bottom: 30px;
    }
    .cs_footer_section3 {
        margin-bottom: 20px;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .main_menu_parent {
        margin-right: 35px;
        margin-top: 30px;
    }
    .pc_call_btn {
        margin-left: 0;
    }
    .call_number {
        padding: 15px 3px;
        font-size: 14px;
    }
    .pc_service_button {
        display: none;
    }
    .call_icon {
        padding: 15px 3px;
        font-size: 14px;
    }
    .pc_shop_box {
        margin-top: 20px;
    }
    .pc_shop_item_discount {
        left: 150px;
        top: 50px;
    }
    .cs_footer_section2 {
        margin-top: 30px;
    }
    .cs_footer_section3 {
        margin-top: 30px;
    }
    .cs_footer_section5 {
        margin: 0;
    }
    .cs_footer_section4 {
        margin: 0 0 30px;
    }
    .pc_service_button {
        display: none;
    }
    .pc_counter_icon_box {
        margin-top: 30px;
    }
    .pc_banner_left_content {
        margin-left: 20px;
        margin-top: 40px;
    }
    .pc_team_button {
        display: none;
    }
    .pc_logo {
        text-align: left;
        margin-right: 0;
    }
    a.menu_btn {
        margin-top: 0;
    }
    .pc_our_services_heading h2 {
        font-size: 24px;
        width: 100%;
    }
    .pc_banner_left_text1 p {
        font-size: 14px;
    }
    .main_menu_parent {
        margin-right: 35px;
        margin-top: 30px;
    }
    .pc_heading h2 {
        padding: 5px 0px 10px;
        font-size: 24px;
    }
    .pc_header_wrapper {
        padding: 27px 0 100px;
    }
    a.menu_btn {
        position: absolute;
        top: 0px;
    }
    a.menu_btn {
        margin-top: -7px;
    }
    li.pc_call_info_box {
        margin-top: -30px;
    }
    img.pc_testimonial_icon {
        left: 25%;
        top: 150px;
    }
    .pc_client_quote {
        padding-right: 0px;
    }
    .pc_banner_right_img {
        margin-right: 0;
        margin-top: 60px;
    }
    .video-play-button {
        top: 20%;
        left: 0;
        transform: translateX(0%) translateY(0%);
    }
}

@media (max-width: 300px) {
    .pc_service_button {
        display: none;
    }
    .pc_client_quote {
        padding-right: 0px;
    }
    .pc_main_menu.main_menu_parent {
        text-align: center;
        margin-top: 20px;
    }
    .pc_banner_left_text1 p {
        font-size: 14px;
    }
    .pc_banner_right_img {
        margin-top: 40px;
    }
    .ps_about_text1 p {
        font-size: 14px;
    }
    h1.ps_about_heading {
        font-size: 24px;
    }
    .pc_heading h2 {
        padding: 5px 0px 10px;
        font-size: 24px;
    }
    li.pc_call_info_box {
        margin-top: -30px;
    }
    .pc_counter_icon_box {
        margin-top: 20px;
    }
    .pc_shop_item_discount {
        left: 40px;
        top: 40px;
    }
    .pc_shop_box {
        margin-top: 20px;
    }
    .cs_footer_section2 {
        margin-top: 30px;
    }
    .cs_footer_section3 {
        margin-top: 30px;
    }
    .cs_footer_section4 {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .pc_header_wrapper {
        padding: 27px 0 100px;
    }
    .call_icon {
        padding: 15px 3px;
        font-size: 14px;
    }
    .call_number {
        padding: 15px 3px;
        font-size: 14px;
    }
    a.menu_btn {
        position: absolute;
        top: 0px;
    }
    img.pc_testimonial_icon {
        left: 25%;
        top: 150px;
    }
    .pc_banner_right_img {
        margin-right: 0;
        margin-top: 60px;
    }
}
/* Pet Care Demo Added */
/*************************** Demos ENDED ***************************/
/********************************** Responsive CSS Start **********************************/
 @media screen and (min-width: 1200px) {
     .close-search {
         display: none;
    }
     .container {
         max-width: 1170px;
    }
     .iny-section-title {
         max-width: 460px;
         margin-left: auto;
         margin-right: auto;
    }
     .iny-header-container .iny-menus ul.menu>li:before {
         background: var(--iny-white);
         content: "";
         position: absolute;
         height: 1px;
         left: 15px;
         right: 15px;
         bottom: 10px;
         border: none;
         border-radius: var(--iny-comman-radius);
         width: 0;
    }
     .iny-header-container .iny-menus ul.menu>li:hover:before, .iny-header-container .iny-menus ul.menu>li.current-menu-item:before {
         width: calc(100% - 30px);
    }
     .iny-header-container .iny-menus ul.menu>li:before, .iny-header-container .iny-menus ul.menu>li:hover:before {
         -webkit-transition: var(--iny-transition);
         -moz-transition: var(--iny-transition);
         -ms-transition: var(--iny-transition);
         -o-transition: var(--iny-transition);
         transition: var(--iny-transition);
    }
     .iny-header-container .iny-menus ul.sub-menu li:before {
         content: unset;
    }
     .iny-header-container .iny-menus ul.menu>li ul.sub-menu li {
         display: block;
         text-align: left;
         color: var(--iny-primary);
         padding: 0px;
    }
     body .iny-nav-style-one .menu>li>a:hover {
         color: var(--iny-primary);
    }
    /* Menu Subchild */
     .iny-header-container .menu-item-has-children .sub-menu, .iny-header-container .iny-menus ul.sub-menu {
         position: absolute;
         top: 50px;
         left: 0;
         background: var(--iny-white);
         width: max-content;
         min-width: 200px;
         max-width: 200px;
         margin: 0;
         word-break: break-word;
         padding: 10px 0;
         z-index: 10;
         transition: all 0.3s ease-in-out;
         opacity: 0;
         visibility: hidden;
         box-shadow: 0px 6px 20px 0 rgb(0 0 0 / 6%);
         border-radius: var(--iny-less-radius);
    }
     .iny-header-container .iny-menus .menu-item-has-children>a {
         position: relative;
    }
     .menu-item-has-children .sub-menu>.menu-item-has-childre .sub-menu {
         position: absolute;
         top: 0;
    }
     .iny-header-container ul.menu>.menu-item-has-children:hover>.sub-menu, .iny-header-container ul.menu>li>.menu-item-has-children:hover>ul>.sub-menu>li>ul>.sub-menu>.menu-item-has-children:hover {
         opacity: 1;
         visibility: visible;
    }
     .iny-header-container .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
         top: 10px;
         background: var(--iny-white);
         visibility: hidden;
         opacity: 0;
         left: -210px;
    }
     .iny-header-container .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
         visibility: visible;
         opacity: 1;
    }
     .iny-menus li .sub-menu li a {
         color: var(--iny-title-color);
         text-align: left;
         padding: 10px 15px;
         display: inline-block;
         width: 100%;
    }
     .iny-header-container .iny-menus li a:hover {
         color: var(--iny-primary);
    }
     .iny-header-container .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
    }
     .iny-header-container .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu:before {
         content: "";
         position: absolute;
         border-bottom: 10px solid transparent;
         border-top: 0px solid transparent;
         border-left: 10px solid var(--iny-white);
         top: 6px;
         right: -10px;
    }
     .iny-menus li .sub-menu li a {
         padding: 5px 15px;
    }
     .iny-menus li .sub-menu li:hover>a {
         transform: translateX(10px);
    }
     .iny-menus li .sub-menu li, .iny-menus li .sub-menu li:hover, .iny-menus li .sub-menu li a, .iny-menus li .sub-menu li:hover a {
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
    }
    /* Subchild End */
     .iny-header-cart-box {
         max-width: 380px;
         right: -400px;
    }
    /* Header Style One Nav */
     .iny-nav-style-one .menu .sub-menu {
         position: absolute;
         background: var(--iny-white);
         min-width: 200px;
         left: 0;
         top: 30px;
         padding: 10px 0;
         border: none;
         border-radius: var(--iny-less-radius);
         box-shadow: 0px 6px 20px 0 rgb(0 0 0 / 18%);
         -webkit-transform: translateY(20px);
         -moz-transform: translateY(20px);
         -ms-transform: translateY(20px);
         -o-transform: translateY(20px);
         transform: translateY(20px);
         visibility: hidden;
         opacity: 0;
         text-align: left;
         width: auto;
         z-index: 99;
    }
     .iny-nav-style-one .menu>li:hover>.sub-menu, .iny-nav-style-one .menu>li>.sub-menu li:hover>.sub-menu, .iny-nav-style-one .menu>li>.sub-menu li:hover>.sub-menu li:hover>.sub-menu {
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0);
         visibility: visible;
         opacity: 1;
    }
     .iny-nav-style-one .menu>li .sub-menu, .iny-nav-style-one .menu>li:hover .sub-menu {
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
    }
     .iny-nav-style-one .menu .sub-menu .sub-menu {
         left: -220px;
         top: 0;
    }
     .iny-nav-style-one .menu .sub-menu li {
         padding: 6px 20px;
    }
     .iny-nav-style-one .menu .sub-menu li:after {
         content: "";
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         background: var(--iny-primary);
         width: 3px;
         opacity: 0;
         visibility: hidden;
         margin: auto;
         height: 0%;
    }
     .iny-nav-style-one .menu .sub-menu li:hover:after {
         height: 85%;
         visibility: visible;
         opacity: 1;
    }
     .iny-nav-style-one .menu .sub-menu li:hover:after, .iny-nav-style-one .menu .sub-menu li:hover, .iny-nav-style-one .menu .sub-menu li:after {
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
    }
     .iny-nav-style-one .menu .sub-menu .sub-menu:before {
         content: "";
         position: absolute;
         right: -20px;
         width: 0;
         height: 0;
         border-top: 12px solid transparent;
         border-left: 20px solid var(--iny-white);
         border-bottom: 12px solid transparent;
         top: 6px;
    }
     .iny-nav-style-one .menu .sub-menu li, .iny-nav-style-one .menu .sub-menu li:hover {
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
    }
     .iny-nav-style-one .menu .sub-menu li:hover>a {
         color: var(--iny-primary);
    }
     body .iny-nav-style-one .menu>li>a {
         padding: 15px 0px;
    }
     .home.absolute-header .iny-header-style-one .iny-nav-style-one:not(.fixed-header) .menu .sub-menu li>a {
         color: var(--iny-title-color);
    }
     .home.absolute-header .iny-header-style-one .iny-nav-style-one:not(.fixed-header) .menu .sub-menu li:hover>a {
         color: var(--iny-primary);
    }
     .iny-about-info p {
         word-break: break-word;
    }
     body .iny-nav-style-one .menu>li>a:before {
         content: "";
         position: absolute;
         height: 2px;
         width: 0%;
         left: 0;
         right: 0;
         bottom: 10px;
         background: var(--iny-primary);
         border-radius: var(--iny-radius10);
         opacity: 0;
         visibility: hidden;
         margin: auto;
    }
     body .iny-nav-style-one .menu>li:hover>a:before, body .iny-nav-style-one .menu>li.current-menu-item>a:before {
         visibility: visible;
         opacity: 1;
         width: 100%;
    }
     body .iny-nav-style-one .menu li:hover a:before, body .iny-nav-style-one .menu li.current-menu-item a:before, body .iny-nav-style-one .menu li:hover a:before {
         -webkit-transition: var(--iny-transition);
         -moz-transition: var(--iny-transition);
         -ms-transition: var(--iny-transition);
         -o-transition: var(--iny-transition);
         transition: var(--iny-transition);
    }
     .iny-nav-style-one .menu li:hover>a {
         color: var(--iny-primary);
    }
     .comments-area .comment-respond {
         padding: 40px 50px 50px;
    }
    /* Header 2 Menu Border */
     body .iny-header-two .menu > li > a:before {
         height: 4px;
         border-radius: 0;
         bottom: 0;
    }
     body .iny-header-two .menu > li > a:after {
         content: "";
         position: absolute;
         border-top: solid 5px transparent;
         border-left: solid 5px transparent;
         border-right: solid 5px transparent;
         border-bottom: solid 5px var(--iny-primary);
         left: 0;
         right: 0;
         bottom: 3px;
         margin: 0 auto;
         width: 10px;
         opacity: 0;
         visibility: hidden;
    }
     body .iny-header-two .menu>li:hover>a:after, body .iny-header-two .menu>li.current-menu-item>a:after {
         visibility: visible;
         opacity: 1;
    }
     body .iny-header-two .menu>li:hover>a:before, body .iny-header-two .menu>li.current-menu-item>a:before, body .iny-header-two .menu>li >a:before, body .iny-header-two .menu>li:hover>a:after, body .iny-header-two .menu>li.current-menu-item>a:after, body .iny-header-two .menu>li >a:after {
         -webkit-transition: var(--iny-transition);
         -moz-transition: var(--iny-transition);
         -ms-transition: var(--iny-transition);
         -o-transition: var(--iny-transition);
         transition: var(--iny-transition);
    }
     .iny-header-default .iny-nav-header-style-one {
         padding: 25px 0;
    }
     .woocommerce-mini-cart__buttons.buttons .button {
         min-width: 150px;
    }
    /* Header 4 */
     .iny-navigation .menu {
         padding: 0;
         list-style: none;
         display: flex;
         flex-wrap: wrap;
    }
     .iny-header-style-seven .iny-nav-style-one {
         width: 100%;
         justify-content: center;
         padding: 10px 0;
         background: var(--iny-title-color);
    }
     .iny-header-style-seven .iny-nav-style-one .menu li a {
         color: var(--iny-white);
         display: inline-block;
         padding: 10px 0;
    }
    .iny-header-style-eight .iny-navigation .iny-nav-style-one .sub-menu {
        background: var(--iny-primary);
        top: 50px;
    }
}
 @media screen and (min-width: 1300px) {
     body.home .iny-header-two {
         background: transparent;
         box-shadow: none;
         position: absolute;
         right: 0;
         left: 0;
    }
    /* Cursor body {
         cursor: none;
    }
     */
     .iny-mouse-cursor {
         position: fixed;
         left: 0;
         top: 0;
         pointer-events: none;
         border-radius: 50%;
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         visibility: hidden;
    }
     .iny-cursor-inner {
         margin-left: 2px;
         margin-top: 2px;
         width: 6px;
         height: 6px;
         z-index: 10000001;
         background-color: #e8e0e0;
         -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
         -o-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
         transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
    }
     .iny-cursor-inner.iny-cursor-hover {
         margin-left: -40px;
         margin-top: -40px;
         width: 80px;
         height: 80px;
         background-color: #202020;
         opacity: .2;
    }
     .iny-cursor-outer {
         margin-left: -15px;
         margin-top: -15px;
         width: 40px;
         height: 40px;
         border: 1px solid #202020;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         z-index: 10000000;
         opacity: .5;
         -webkit-transition: all .08s ease-out;
         -o-transition: all .08s ease-out;
         transition: all .08s ease-out;
    }
     .iny-cursor-outer.iny-cursor-hover {
         opacity: 0;
    }
}
 @media screen and (min-width: 1400px) {
     .iny-header-container .iny-menus ul.menu>li:before {
         left: 20px;
         right: 20px;
    }
     .iny-header-container .iny-menus ul.menu>li:hover:before, .iny-header-container .iny-menus ul.menu>li.current-menu-item:before {
         width: calc(100% - 40px);
    }
    /* Product slider Arrow*/
     .NextProduct {
         right: -100px;
    }
     .PrevProduct {
         left: -100px;
    }
     .iny-sidebar-wrapper {
         padding-left: 20px;
    }
}
 @media screen and (min-width: 1580px) {
     .iny-nav-style-one .menu>li {
         padding: 0 20px;
    }
}
 @media screen and (min-width: 1650px) {
     .iny-main-header .container-fluid {
         max-width: 1650px;
    }
}
 @media screen and (min-width: 1680px) {
}
 @media (min-width: 1800px) {
     .iny-header-style-one .container-fluid {
         max-width: 1790px;
    }
}
 @media screen and (max-width: 1900px) {
     .iny-right-lg-arrow {
         display: none;
    }
}
 @media screen and (max-width: 1650px) {
     .iny-right-sm-arrow {
         display: none;
    }
     .swiper-button-prev1 {
         left: 0;
    }
     .swiper-button-next1 {
         right: 0;
    }
     .iny-revoluition-wrapper .video-play img {
         height: 50px;
    }
}
 @media screen and (max-width: 1399.98px) {
     .iny-header-container .iny-menus li {
         padding: 15px 10px;
    }
     .iny-cart-total {
         display: none;
    }
     .iny-cart-btn {
         min-width: 50px;
    }
     .iny-cart-btn, .iny-search-btn, .header-btn {
         margin-left: 20px;
    }
     .iny-top-header1-info ul li {
         margin-right: 30px;
    }
}
 @media screen and (max-width: 1199.98px) {
     .iny-header-style-nine .iny-header-btn-search li >a 
 span.iny-search-btn {
        position: relative;
        top: -10px;
    }
     .iny-responsove-hidden {
         display: none;
    }
     .iny-product-button {
         display: none;
    }
     .has_sub_menu ul {
         display: none;
    }
     .iny-header-container .iny-menus li a, .iny-menus.open-menu .iny-menu-toggle:after {
         color: var(--iny-txt-color);
    }
     .iny-header-container .iny-menus li>ul.sub-menu>li:before, .iny-header-container .iny-menus ul.menu>li:last-child:after {
         display: none;
    }
     .iny-header-container .iny-menus li {
         padding: 0px 10px;
    }
     .iny-header-container .iny-menus li a {
         display: inline-block;
    }
     .iny-menu-toggle {
         display: inline-block;
         vertical-align: middle;
         height: 40px;
         width: 40px;
         padding: 11px 0;
         position: relative;
         margin-left: 20px;
    }
     .iny-menu-toggle:before {
         position: absolute;
         content: "";
         background: var(--iny-white);
         opacity: .1;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         border: none;
         border-radius: var(--iny-circular-radius);
         width: auto;
    }
     .iny-menu-toggle span {
         width: 18px;
         height: 2px;
         background: var(--iny-primary);
         display: block;
         margin: auto;
         margin-top: 3px;
         border-radius: var(--less-border-radius);
    }
     .iny-menu-toggle span, .iny-menus.open-menu .iny-menu-toggle span {
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
    }
     .iny-menus.open-menu .iny-menu-toggle span {
         background: var(--iny-white);
    }
     .iny-header-container .iny-menus.open-menu .iny-menu-toggle span {
         background: var(--iny-primary);
    }
     .iny-menu-toggle span:hover {
         cursor: pointer;
    }
     .iny-menus.open-menu .iny-menu-toggle span:nth-child(2) {
         display: none;
    }
     .iny-menus.open-menu .iny-menu-toggle span:nth-child(1) {
         transform: rotate(45deg) translate(4px, 3px);
    }
     .iny-menus.open-menu .iny-menu-toggle span:nth-child(3) {
         transform: rotate(135deg) translate(-6px, -10px);
         margin: 0;
    }
     .iny-header-container .iny-menus li {
         display: block;
         padding: 15px 20px;
         position: relative;
    }
     .iny-header-container .iny-menus ul.menu>li:after {
         position: absolute;
         content: '';
         width: 100%;
         left: 0;
         bottom: 0;
         height: 1px;
         background: var(--iny-border-color);
    }
     .iny-menus ul.menu {
         background: var(--iny-white);
         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(--iny-border-color);
    }
     .iny-menus.open-menu ul {
         left: 0;
    }
     .admin-bar .iny-menus.open-menu ul {
         top: 30px;
    }
     .iny-nav-style-one .menu li.open:before {
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
    }
     .iny-nav-style-one .menu li.open:before, .iny-nav-style-one .menu li:before {
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
    }
     .iny-menus.open-menu ul, .iny-menus ul {
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
    }
     .iny-header-container .iny-menus li .sub-menu li {
         padding: 0px 10px 8px 30px;
         margin: 0;
         display: inline-block;
         width: 100%;
    }
     .iny-header-container .iny-menus li .sub-menu li:last-child {
         padding-bottom: 0;
    }
     .iny-menus ul.sub-menu {
         display: none;
         margin-top: 10px;
    }
     .iny-menus ul.sub-menu.show-submenu {
         display: block;
    }
     .dropdown-expander {
         position: absolute;
         right: 30px;
         top: 0;
         text-align: center;
         display: block;
         transition: all 0.3s;
         bottom: 0;
         margin: auto;
         line-height: 55px;
    }
     .iny-header-container .iny-menus li .sub-menu li .dropdown-expander {
         right: 10px;
         line-height: 30px;
    }
     .dropdown-expander i {
         color: var(--iny-txt-color);
         font-size: var(--iny-font-size);
    }
     .iny-user-btn {
         min-width: auto;
         width: 40px;
         padding: 0;
         height: 40px;
         line-height: 40px;
         background: transparent;
         border: none;
         display: inline-block;
         font-style: normal;
         font-variant: normal;
         text-rendering: auto;
         -webkit-font-smoothing: antialiased;
         font-size: var(--iny-font-size);
         color: var(--iny-white);
    }
     .iny-user-btn span {
         display: none;
    }
     .iny-user-btn:before {
         position: absolute;
         content: "";
         background: var(--iny-white);
         opacity: .1;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         border: none;
         border-radius: var(--iny-circular-radius);
         width: auto;
    }
     .iny-user-btn:hover, .iny-user-btn:focus, .iny-user-btn:visited, .iny-user-btn:active {
         background: transparent;
         color: var(--iny-white);
         border: none;
    }
     .iny-user-btn:focus:before, .iny-user-btn:visited:before, .iny-user-btn:hover:before {
         background: var(--iny-white);
         opacity: .1;
         border: none;
    }
     .iny-user-btn:after {
         content: "";
         color: var(--iny-primary);
         font-family: "Font Awesome 5 Free";
         font-weight: 900;
    }
     .iny-user-logedin:after {
         content: "\f011";
    }
     .iny-user-logout:after {
         content: "\f007";
    }
     .iny-cart-btn {
         min-width: 40px;
         margin: 0 0 0 20px;
    }
     .iny-search-btn {
         width: 40px;
         height: 40px;
         line-height: 40px;
         position: relative;
         text-align: center;
    }
     .iny-search-btn:before {
         position: absolute;
         content: "";
         background: var(--iny-white);
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         border: none;
         border-radius: var(--iny-circular-radius);
         width: auto;
    }
     .iny-search-btn svg {
         position: relative;
    }
     .home.absolute-header .iny-header-style-one:not(.fixed-header) .iny-search-btn svg, .iny-nav-header-style-one .iny-search-btn svg {
         fill: var(--iny-primary);
    }
     .row.align-content-center {
         align-items: center;
    }
     .iny-menu .menu>ul::-webkit-scrollbar {
         width: 3px;
    }
     .iny-menu .menu>ul::-webkit-scrollbar-track {
         background-color: var(--iny-primary);
    }
     .iny-menu .menu>ul::-webkit-scrollbar-thumb {
         background-color: var(--iny-bg);
    }
    /* Header Style One */
     .iny-nav-style-one .sub-menu li:after {
         content: unset;
    }
     .iny-nav-style-one .menu {
         background: var(--iny-white);
         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(--iny-border-color);
         padding: 20px 0 50px;
         display: inline-block;
    }
     .iny-nav-style-one.open-nav ul {
         left: 0;
    }
     .admin-bar .iny-nav-style-one.open-nav>div>ul {
         top: 30px;
    }
     .nav-toggle-btn {
         display: inline-block;
         height: 40px;
         width: 40px;
         margin-left: 20px;
         background: var(--iny-primary);
         border-radius: var(--iny-circular-radius);
         padding: 9px 0;
    }
     .nav-toggle-btn span {
         background: var(--iny-white);
         height: 2px;
         width: 18px;
         margin: 4px auto;
         display: flex;
    }
     .iny-nav-style-one.open-nav ul li {
         width: 100%;
    }
     .iny-nav-style-one .menu>li {
         border-bottom: 1px solid var(--iny-border-color);
    }
     .iny-nav-style-one .menu li {
         padding: 15px 20px;
    }
     .iny-nav-style-one .menu li:last-child {
         border-bottom: none;
    }
     .iny-nav-style-one .menu li .sub-menu li {
         padding: 10px 20px;
    }
     .iny-nav-style-one .menu li.current-menu-item>a {
         color: var(--iny-primary);
    }
     .iny-nav-style-one .sub-menu {
         display: none;
    }
     .iny-nav-style-one.open-nav ul li.menu-item-has-children:before {
         content: "\f107";
         position: absolute;
         top: 18px;
         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(--iny-primary);
    }
     .iny-nav-style-one .menu li a {
         width: 100%;
         display: inline-block;
    }
     .iny-nav-style-one .menu li .sub-menu li:before {
         top: 14px;
    }
     .iny-top-header-style-one p {
         font-size: 0;
    }
     .iny-top-header-style-one p a {
         font-size: var(--iny-font-size);
    }
     .iny-nav-style-one.open-nav .nav-toggle-btn span {
         position: relative;
    }
     .iny-nav-style-one.open-nav .nav-toggle-btn span:nth-child(2) {
         opacity: 0;
    }
     .iny-nav-style-one.open-nav .nav-toggle-btn span:nth-child(1) {
         transform: rotate(45deg);
         top: 6px;
    }
     .iny-nav-style-one.open-nav .nav-toggle-btn span:nth-child(3) {
         transform: rotate(-45deg);
         top: -6px;
    }
     .iny-nav-style-one.open-nav .nav-toggle-btn span:nth-child(3), .iny-nav-style-one.open-nav .nav-toggle-btn span:nth-child(1), .iny-nav-style-one .nav-toggle-btn span:nth-child(3), .iny-nav-style-one .nav-toggle-btn span:nth-child(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;
    }
     .home.absolute-header .iny-header-style-one:not(.fixed-header) .menu a, .home.absolute-header .iny-header-style-one:not(.fixed-header) .menu li {
         color: var(--iny-title-color);
    }
    /* Header Style One End */
     .iny-contact-details {
         padding: 45px 10px 0px 15px;
    }
     .iny-contact-details-col {
         margin: 0 0 40px;
         padding-bottom: 32px;
    }
     .iny-nav-style-one .sub-menu {
         background: var(--iny-bg);
         position: relative;
    }
     .iny-nav-style-one .sub-menu {
         background: var(--iny-bg);
    }
     .iny-nav-style-one .sub-menu .sub-menu {
         background: var(--iny-submenu-bg);
    }
     .iny-nav-style-one.open-nav ul.sub-menu {
         margin-top: 10px;
    }
     .iny-nav-style-one .menu>li>.sub-menu li a {
         padding-left: 15px;
    }
     .iny-nav-style-one .menu>li>.sub-menu li a:before {
         content: "";
         position: absolute;
         height: 6px;
         width: 6px;
         background: var(--iny-primary);
         top: 10px;
         margin: auto;
         left: 0px;
         border-radius: var(--iny-circular-radius);
    }
     .iny-nav-style-one .menu>li>.sub-menu {
         margin-left: -20px;
         margin-right: -20px;
         padding: 0 10px;
    }
     .iny-nav-style-one .sub-menu .sub-menu {
         margin-left: -30px;
         margin-right: -30px;
         padding: 0 25px;
    }
     .iny-footer-widgets ul.menu li {
         padding: 0 0 0 12px;
    }
     .iny-footer-widgets ul.menu li:before {
         width: 5px;
         height: 5px;
         top: 8px;
    }
     .iny-header-info ul li {
         margin-right: 10px;
         font-size: 14px;
    }
     .iny-header-info .iny-btn {
         min-width: auto;
         padding: 10px 15px;
         font-size: 14px;
    }
     .swiper-button-prev1, .swiper-button-next1 {
         display: none;
    }
    /* Dr Demo */
     html {
         font-size: 15px;
    }
     .iny-about-desc p {
         margin-bottom: 7px;
    }
     .iny-plans-number a, .iny-about-style-three .iny-about-text h2, .iny-plans-wrapper .iny-plans-detail h4, .iny-about-text h2 {
         font-size: 2rem;
    }
     .iny-time-table-two .iny-time-table table td.table-padder:before {
         background-size: 90% 88%;
    }
     .iny-gallery-grid {
         width: 33.33%;
    }
     .iny-price-section h1 {
         font-size: 32px;
    }
     .iny-about-text>p:not(:last-of-type) {
         margin: 0 0 12px;
    }
     .iny-about-wrapper.iny-about-style-one .row {
         align-items: center;
    }
     .iny-quote-text h2 {
         font-size: 32px;
         line-height: 1.2;
    }
     .iny-quote-text h1 .iny-quate-no {
         font-size: 22px;
    }
     .iny-testimonial-wrapper .iny-testimonial-button {
         bottom: 34%;
         width: 400px;
         right: 7.5%;
         left: unset;
    }
     .iny-service-wrapper {
         background: var(--iny-white);
    }
     .iny-service-text h4 {
         font-size: 22px;
    }
     .iny-open-hours {
         padding: 50px 30px 0;
    }
     .iny-open-hours h2 {
         font-size: 28px;
    }
    /* Header 4 /5/6*/
     .iny-header-style-four .iny-nav-wrap .iny-header-icon, .iny-header-style-four .iny-nav-wrap .nav-toggle-btn {
         background: transparent;
         height: auto;
         width: auto;
    }
     .iny-header-style-four .iny-nav-wrap .iny-header-icon:before {
         content: unset;
    }
     .iny-header-style-four .iny-nav-wrap .nav-toggle-btn span {
         background: var(--iny-primary);
    }
     .iny-header-style-six .iny-search-btn {
         display: inline-block;
    }
     .iny-header-style-six .nav-toggle-btn span {
         background: var(--iny-primary);
    }
     .iny-header-style-six .nav-toggle-btn, .iny-header-style-six .iny-header-icon {
         background: transparent;
         height: auto;
         width: auto;
    }
     .iny-header-style-six .iny-header-icon:before {
         content: unset;
    }
     .iny-header-style-six .iny-header-icon,.iny-header-style-six .nav-toggle-btn {
         margin: 0 8px;
         line-height: unset;
    }
    .iny-header-style-eight .iny-nav-style-one .menu {
        background: var(--iny-primary);
    }
    .iny-header-style-eight .iny-top-header-list li:first-child {
        margin-right: 10px;
        padding-right: 10px;
    }
}
 @media screen and (min-width: 991.98px) and (max-width: 1199.98px) {
     .iny-testimonial-default .iny-testimonial-button {
         bottom: 50px;
         width: 80px;
         right: 0;
    }
}
 @media screen and (max-width: 991.98px) {
     .iny-header-style-eight .iny-top-header-list {
        padding-right: 20px;
    }
     .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.iny-btn {
         min-width: 100px;
    }
     .iny-slider-nav {
         display: none;
    }
    /* Fix Responsive Spacing */
     .iny-main-post-wrapper {
         padding: 55px 0 30px;
    }
     .iny-login-register {
         font-size: 0;
         display: inline-block;
    }
     .iny-login-wrap span {
         margin-right: 0;
    }
     .iny-contact-inner .bg-primary {
         background: transparent !important;
    }
     .iny-contact-inner .bg-primary>div {
         background: var(--iny-primary) !important;
    }
     .iny-header-info ul {
         margin: 0 10px 0 0;
         width: calc(100% - 200px);
    }
     .iny-header-info ul li {
         width: 100%;
    }
     .iny-contact-wrapper .col-lg-4.d-flex {
         padding-right: 0;
    }
     .iny-contact-form {
         padding: 24px 8px 35px 8px;
    }
     .iny-newsletter-wrapper {
         padding: 68px 0 50px;
    }
     .iny-widgets-contact {
         padding: 0 15px 0;
    }
    /* Demo */
     .iny-about-style-three .row {
         flex-direction: column-reverse;
    }
     .iny-counter-style-two .iny-counter-icon h1 {
         font-size: 3rem;
    }
     .iny-testimonial-style-three .iny-testimonial-button {
         display: none;
    }
     .iny-contact-main-wrapper .iny-contact-form {
         padding: 33px 20px 39px;
    }
     .iny-open-hours > img {
         height: 30px;
    }
     .iny-about-wrapper.iny-about-style-two.iny-about-style-tab .row, .iny-about-style-two .row {
         align-items: center;
    }
     .iny-tabs-nav li a {
         font-size: var(--iny-font-size);
    }
     .iny-quote-wrapper .row, .iny-appointment-wrapper > div > .row {
         flex-direction: column-reverse;
    }
     .iny-list-item li {
         width: 100%;
    }
     .iny-partner-section {
         flex-wrap: wrap;
    }
     .iny-testimonial-wrapper .iny-testimonial-button {
         bottom: 13%;
         width: auto;
         right: 0;
         left: 4px;
    }
     .iny-client-quote {
         margin-top: 130px;
    }
     .iny-testimonial-bullets {
         left: 0;
         right: 0;
         margin: auto;
    }
     .iny-testimonial-wrapper {
         padding: 69px 0 80px;
    }
     .iny-service-section {
         flex-direction: row;
    }
     .iny-service-section .iny-service-text.text-right {
         text-align: left;
    }
     .iny-service-section .iny-service-text p {
         width: 100%;
         float: left;
    }
     .iny-service-section .iny-service-icon {
         margin-right: 15px;
         margin-left: 0px;
    }
     .iny-testimonial-default .iny-testimonial-button {
         bottom: 20px;
         left: 0;
         right: 0;
    }
    .header-nine-info-text {
        display: none;
    }
}
 @media (min-width: 768px) and (max-width: 991.98px) {
     .iny-open-hours h2 {
         font-size: 18px;
    }
     .iny-open-hours {
         padding: 58px 20px 0;
    }
}
 @media screen and (min-width: 767.98px) and (max-width: 991px) {
     .iny-login-register svg {
         margin: 0 0 6px;
    }
}
 @media screen and (max-width: 768px) {
     .iny-header-style-nine .iny-header-container {
        padding: 0;
    }
     .woocommerce table.shop_table {
         border-top: 1px solid var(--iny-border-color);
    }
     .iny-project-read p {
         width: auto;
    }
     .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(--iny-less-radius);
         border: 1px solid var(--iny-border-color);
    }
     .woocommerce table.cart td.actions .coupon button.button, .woocommerce table.cart td.actions .coupon button.button {
         max-width: 100%;
         border-radius: var(--iny-comman-radius);
         width: 100%;
         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(--iny-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) {
     .iny-single-data .wp-block-calendar td, .iny-single-data .wp-block-calendar th {
         padding: .25em;
    }
     .iny-contact-wrapper {
         overflow: hidden;
    }
     .iny-header-container {
         padding: 20px 0px 20px;
    }
     .iny-single-data>table td {
         padding: 4px;
         font-size: var(--iny-font-size);
         word-break: normal;
    }
     .pagination .nav-links>*:not(.dots) {
         height: 30px;
         width: 30px;
         line-height: 30px;
         margin: 0 8px 0 0;
    }
     .iny-breadcrumb-container h1 {
         font-size: var(--iny-heading-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(--iny-widget-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 .additional-info-wrapper .additional-info td {
         font-size: var(--iny-font-size);
         padding: 10px 0 10px;
    }
     .wishlist_table.mobile .additional-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(--iny-border-color);
         padding-bottom: 30px;
         position: relative;
    }
     .wishlist_table.mobile li .item-details table.item-details-table td {
         font-size: var(--iny-font-size);
    }
     body .wishlist_table.mobile .additional-info-wrapper .product-add-to-cart {
         margin: 0;
    }
     body .wishlist_table.mobile .additional-info-wrapper .product-add-to-cart .add_to_cart {
         margin: 0 !important;
    }
     .wishlist_table.mobile li .additional-info-wrapper .product-remove {
         position: absolute;
         top: 0;
         right: 0;
    }
     .woocommerce #reviews #comments ol.commentlist li .star-rating {
         width: 100%;
         margin: 00 0 10px;
    }
     .iny-nav-style-one .menu {
         width: 280px;
    }
     .iny-login-wrap {
         display: flex;
    }
     .iny-nav-style-one .header-btn {
         min-width: 110px;
         padding: 13px 10px;
    }
     .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%;
    }
     .iny-blog-single-data .entry-content table tr th, .iny-blog-single-data .entry-content table td {
         padding: 5px;
    }
     .comment-info {
         width: 100%;
         padding: 20px 0 0 0px;
    }
     ol, ul {
         padding: 0 0 0 20px;
    }
     .iny-plans-contact-info {
         padding: 14px 20px 11px;
    }
     .iny-plans-number {
         width: 100%;
         padding: 10px 0 0;
    }
     .iny-plans-inner ul li {
         width: 100%;
    }
     .iny-testimonial-style-three .iny-testimonial-section {
         font-size: 18px;
    }
     .iny-open-hours, .iny-open-hours-img, .iny-open-hours-img img {
         min-height: auto;
         max-height: initial;
    }
     .iny-open-hours {
         padding: 50px 20px;
    }
     .iny-open-hours h2 {
         font-size: 18px;
    }
     .iny-watch-free a {
         padding: 10px 20px 10px 20px;
    }
     .iny-watch-free a span {
         display: none;
    }
     .iny-frreclass {
         padding: 0 20px;
    }
     .iny-frreclass h4 {
         padding: 15px 20px;
    }
     .iny-fullwidth-video {
         min-height: 460px;
    }
     .iny-tab-section.iny-about-tab .iny-tabs-nav li span {
         display: none;
    }
     .iny-tab-section.iny-about-tab .iny-tabs-nav {
         bottom: -25px;
    }
     .video-tab-bottom-padder {
         padding-bottom: 10px;
    }
     .iny-tabs-nav li {
         height: 50px;
         padding: 14px 0;
    }
    .iny-header-style-eight .iny-top-header-list li {
        padding: 5px 0;
        font-size: 13px;
    }
}
 @media (max-width: 575.98px) {
     .iny-search-btn {
         width: 30px;
         height: 30px;
         line-height: 30px;
    }
     .gmy_counter .iny-counter-style-two .iny-counter-icon {
         position: relative;
         width: 100%;
         text-align: left;
         margin: 0 auto 20px!important;
         margin-bottom: 23px;
    }
     .gmy_counter .iny-counter-style-two .iny-counter-icon img {
         right: auto!important;
    }
     .gmy_counter .counter-item.text-center {
         text-align: left!important;
    }
     .iny-header-container .iny-head-icon svg {
         width: 12px;
    }
     .iny-cart-quntity {
         height: 30px;
         width: 30px;
         line-height: 30px;
    }
     .iny-cart-count {
         height: 18px;
         min-width: 18px;
         line-height: 18px;
         font-size: 10px;
         right: -12px;
    }
     .iny-user-btn {
         width: 30px;
         height: 30px;
         line-height: 30px;
         font-size: 12px;
    }
     .iny-menu-toggle {
         height: 30px;
         width: 30px;
         margin-left: 15px;
         padding: 9px 0;
    }
     .iny-menus ul.menu {
         left: -300px;
         width: 250px;
    }
     .iny-menus.open-menu ul {
         left: 0;
    }
     .iny-menu-toggle span {
         width: 12px;
         height: 1px;
         margin-top: 2px;
    }
     .iny-cart-btn {
         min-width: 30px;
    }
     .iny-menus.open-menu .iny-menu-toggle span:nth-child(1) {
         transform: rotate(45deg) translate(2px, 2px);
    }
     .iny-menus.open-menu .iny-menu-toggle span:nth-child(3) {
         transform: rotate(135deg) translate(-5px, -8px);
    }
    /* Header Style One */
     .iny-top-header1-info ul li {
         margin-right: 10px;
    }
     .header-btn {
         display: none;
    }
     .iny-nav-header-style-one {
         padding: 10px 0;
    }
     .iny-search-btn {
         margin: 0;
    }
     .iny-nav-style-one .iny-head-icon .iny-cart-quntity svg {
         vertical-align: bottom;
    }
     .home.absolute-header .iny-header-style-one:not(.fixed-header) .iny-cart-icon {
         background: transparent;
    }
     .nav-toggle-btn {
         margin-left: 10px;
         padding: 6px 0;
         height: 30px;
         width: 30px;
    }
     .nav-toggle-btn span {
         width: 16px;
         margin: 3px auto;
    }
     .iny-nav-style-one.open-nav .nav-toggle-btn span:nth-child(3) {
         transform: rotate(-45deg);
         top: -4px;
    }
     .quote-icon-right {
         display: none;
    }
     .iny-header-container .iny-user-btn {
         margin-left: 20px;
    }
     .iny-nav-style-one .iny-cart-icon {
         width: 30px;
         height: 30px;
         line-height: 20px;
    }
     .iny-img-text {
         border-radius: 10px 10px 0px 10px;
         padding: 12px 20px;
         max-width: 240px;
         font-size: 12px;
    }
     .iny-horizontal-blog-info {
         width: 100%;
         padding: 20px 0 0 0;
    }
     .iny-horizontal-blog-img {
         width: 100%;
         height: auto;
    }
     .iny-horizontal-blog-img img {
         max-height: 100%;
         height: 240px;
         width: 100%;
    }
     .iny-post-meta .iny-blog-authore {
         width: 100%;
         display: inline-block;
    }
     .iny-post-meta>* {
         margin-right: 0;
         width: 100%;
    }
     .iny-header-info ul {
         margin: 10px 0 10px;
         width: 100%;
    }
     .iny-header-info .iny-btn {
         margin: 0 auto 0;
    }
     .iny-cart-btn span {
         display: none;
    }
     .iny-subscribe-holder {
         flex-wrap: wrap;
    }
     .iny-subscribe-holder input {
         border-radius: 3px;
    }
     .iny-subscribe-holder .iny-btn {
         border-radius: 3px;
         margin-top: 15px;
         width: 100%;
    }
     .iny-header-info .iny-btn {
         display: none;
    }
     .iny-product-button {
         display: none;
    }
     .iny-gallery-grid {
         width: 100%;
    }
     .iny-about-img:before {
         width: auto;
         right: 20px;
    }
     .iny-about-style-two .iny-about-img:before {
         left: 20px;
         right: 0;
         width: auto;
    }
     .iny-testimonial-bullets {
         width: 260px;
         height: 260px;
         top: -62px;
    }
     .iny-client-img img {
         width: 140px;
         height: 140px;
    }
     .iny-testimonial-button {
         display: none;
    }
    /* Header 4/5/6 */
     .iny-header-helpline {
    }
     .iny-logo-wrap {
         width: 100%;
         text-align: center;
         padding: 10px;
    }
     .iny-nav-wrap {
         width: 100%;
    }
     .iny-nav-wrap .iny-head-icon .iny-header-icon {
         display: inline-block;
         margin: 0 10px 0;
    }
     .iny-nav-wrap {
         flex-direction: row-reverse;
         justify-content: space-around;
         padding: 0 10px 10px;
    }
     .iny-nav-wrap .iny-header-helpline:before {
         display: none;
    }
     .iny-nav-wrap .iny-header-helpline {
         width: auto;
         margin: 0;
         padding: 3px 10px;
    }
     .iny-nav-wrap .iny-header-helpline p {
         display: none;
    }
     .iny-nav-wrap .iny-header-helpline a {
         font-size: 16px;
    }
     .iny-header-style-six .iny-head-icon .iny-header-icon {
         display: inline-block;
    }
     .iny-header-style-six .iny-nav-wrap {
         padding: 0;
    }
     .iny-header-style-six .iny-logo-wrap, .iny-header-style-six .iny-nav-wrap {
         width: auto;
    }
     .iny-header-style-six .iny-btn {
         margin-left: 5px;
         min-width: 100px;
    }
     .iny-header-style-six .iny-logo img {
         max-height: 24px;
    }
     .iny-header-style-six .iny-logo-wrap {
         padding: 0;
    }
     .iny-header-style-six .iny-header-container {
         padding: 6px 10px;
    }
     .iny-calculator-wrap .iny-tabs-container .iny-tabs-nav li a {
         padding: 0 20px;
    }
}
 @media (max-width: 359.98px) {
     .iny-header-icon {
         display: none;
    }
     .iny-header-info li {
         margin: 0;
         justify-content: center;
    }
}
 iframe {
     display: block;
}
/******************************************************** Video Demo 2 CSS Start ********************************************************/
 .iny-our_services_img {
     position: relative;
}
 .video-play-button {
     position: absolute;
     z-index: 0;
     bottom: 10%;
     left: 50px;
     transform: translateX(-50%) translateY(-50%);
     box-sizing: content-box;
     display: block;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     padding: 18px 20px 18px 28px;
}
 a#play-video {
     background: #ff577b;
}
 .video-play-button:before {
     content: "";
     position: absolute;
     z-index: 0;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     display: block;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     animation: pulse-border 1500ms ease-out infinite;
     border: 1px solid var(--pink-color);
}
 .video-play-button:after {
     content: "";
     position: absolute;
     z-index: 1;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     display: block;
     width: 90px;
     height: 90px;
     border-radius: 50%;
     animation: pulse-border 1500ms ease-out infinite;
     transition: all 200ms;
     border: 1px solid var(--pink-color);
}
 @keyframes pulse-border {
     0% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
    }
     100% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
    }
}
 .video-play-button img {
     position: relative;
     z-index: 3;
     max-width: 100%;
     width: auto;
     height: auto;
}
 .video-play-button span {
     display: block;
     position: relative;
     z-index: 3;
     width: 0;
     top: 10px;
     left: 5px;
     height: 0;
}
 .video-overlay {
     position: fixed;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.80);
     opacity: 0;
     transition: all ease 500ms;
}
/******************************************************** Service Demo 5 CSS Start ********************************************************/
 .iny-service_box {
     text-align: center;
     background: #fff;
     box-shadow: 0px 0px 30px 0px rgb(59 63 94 / 4%);
     padding: 30px 25px 45px;
     position: relative;
}
 .iny-service_box:after {
     position: absolute;
     content: "";
     bottom: 0;
     right: 0;
     left: 0;
     margin: auto;
     width: 0%;
     height: 4px;
     background-color: transparent;
     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;
}
 .iny-service_box:hover:after {
     opacity: 1;
     visibility: visible;
     width: 100%;
     background-color: var(--iny-primary);
}
 .iny-service_seperater {
     padding: 8px 0 5px;
}
 .iny-service_box_body h3 {
     font-size: 20px;
     font-weight: bold;
     padding: 26px 0 0px;
}
 .iny-service_heading h2 {
     font-size: 34px;
     font-weight: 400;
     margin: 0px auto 30px auto;
     text-align: center;
     width: 70%;
     line-height: 1.3;
}
 .iny-service_slider_wrapper {
     margin-top: 60px;
}
 .iny-service_box_btn a {
     font-size: 16px;
     font-weight: bold;
     color: #ff577b;
     border-bottom: 1px solid #ff577b;
}
 .iny-service_box_body p {
     padding: 10px 0;
}
 .iny-service_heading.center h2 {
     padding: 5px 0 10px;
     font-size: 34px;
     font-weight: 400;
     line-height: 1.4;
     width: 80%;
     margin-bottom: 20px;
}
 .iny-service_button {
     cursor: pointer;
     position: absolute;
     top: 43%;
     width: 100%;
}
 .iny-service_wrapper .swiper-container {
     z-index: 0;
     padding: 20px;
}
 .iny-service_wrapper .swiper-button-next1 svg {
     text-align: right;
     margin-right: 0;
     background: var(--iny-primary);
     padding: 14px 10px;
     width: 45px;
     height: 45px;
     float: right;
     fill: #fff;
     border: 1px solid var(--iny-primary);
     transition: all 0.4s;
}
 .iny-service_wrapper .swiper-button-next1:hover svg {
     background: var(--white-color);
     fill: var(--text-color);
     border: 1px solid #dcdcdb;
}
 .iny-service_wrapper .swiper-button-prev1 svg {
     margin-right: 0px;
     background: var(--iny-primary);
     padding: 14px 10px;
     width: 45px;
     height: 45px;
     fill: #fff;
     border: 1px solid var(--iny-primary);
     transition: all 0.4s;
}
 .iny-service_wrapper .swiper-button-prev1:hover svg {
     background: var(--white-color);
     fill: var(--text-color);
     border: 1px solid #dcdcdb;
}
 .iny-service_icon {
     padding: 20px 0 5px;
}
 .iny-services-bullet {
     text-align: center;
     margin: auto;
     width: 0;
}
 .iny-services-bullet span {
     width: 8px;
     height: 8px;
     margin: 0 2px;
}
 .iny-services-bullet .swiper-pagination-bullet-active {
     background: var(--iny-primary);
}
/******************************************************** Team Demo 4 CSS Start ********************************************************/
 .iny-team_wrapper .swiper-container {
     z-index: 0;
}
 .iny-team_section {
     position: relative;
     background: #f9f9f9;
     transition: all 0.4s;
     overflow: hidden;
}
 .iny-team_img_wrapper {
     display: flex;
}
 .iny-team_img {
     width: 100%;
     position: relative;
}
 .iny-team_img img {
     width: 100%;
}
 .iny-team_hover {
     background: #2d333be0;
     opacity: 0;
     position: absolute;
     top: -56px;
     bottom: 90px;
     left: 0;
     right: 0px;
     border: none;
     display: flex;
     align-items: center;
     font-weight: 500;
     border-radius: 0;
     -webkit-transform: translateY(-500px);
     -moz-transform: translateY(-500px);
     -ms-transform: translateY(-500px);
     -o-transform: translateY(-500px);
     transform: translateY(-500px);
     transition: all 0.4s;
}
 .iny-team_section:hover .iny-team_hover {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
}
 .iny-team_info {
     background: transparent;
     opacity: 0;
     position: absolute;
     top: -56px;
     bottom: 90px;
     left: 0;
     right: 0px;
     transition: all 0.4s;
}
 .social_icon:hover .iny-team_info {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
}
 .iny-team_section .iny-share_icon {
     position: absolute;
     right: 15px;
     bottom: 65px;
     z-index: 1;
}
 .iny-team_info_icon {
     position: absolute;
     right: -110px;
     bottom: 38px;
     transform: scaleY(0);
     transform-origin: bottom;
     transition: all 0.5s;
}
 .iny-partner_button {
     cursor: pointer;
}
 .social_icon:hover .iny-team_info_icon {
     transform: scaleY(1);
}
 .iny-team_inner {
     margin: 195px 0 15px 175px;
     text-align: center;
     color: var(--main-bg-color);
}
 .iny-team_info:first-child {
     margin-bottom: 10px;
     padding-bottom: 10px;
     position: relative;
}
 .iny-team_button {
     cursor: pointer;
}
 .iny-team_info {
     width: 100%;
     display: inline-block;
}
 .iny-team_info h6 {
     font-size: 20px;
     color: var(--iny-primary);
}
 .iny-team_info a {
     color: var(--main-bg-color);
     display: inline-block;
     width: 100%;
}
 .iny-team_img_wrapper, .iny-team_img_wrapper:hover, .iny-team_img_wrapper .iny-team_hover, .iny-team_img_wrapper:hover .iny-team_hover, .iny-team_button>div, .iny-team_button>div:hover, .iny-team_button>div svg, .iny-team_button>div:hover svg {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .iny-team_identity a {
     color: var(--heading-color);
     font-weight: bold;
     font-size: 20px;
     margin-top: 17px;
     display: inline-block;
}
 .iny-team_info_icon i.fa-facebook-f {
     background: #0b8ff3;
     padding: 12px 16px;
     border-radius: 50px;
     margin-bottom: 0px;
     font-size: 20px;
     color: #fff;
}
 .iny-team_info_icon i.fa-linkedin {
     background: #0794b3;
     padding: 11px 13px;
     border-radius: 50px;
     margin-bottom: 0px;
     font-size: 20px;
     color: #fff;
}
 .iny-team_info_icon i.fa-twitter {
     background: #54ccfc;
     padding: 11px 12px;
     border-radius: 50px;
     margin-bottom: 10px;
     font-size: 20px;
     color: #fff;
}
 .iny-share_icon {
     background: var(--iny-primary);
     padding: 0px 17px 0px;
     border-radius: 100px;
}
 .iny-share_icon img {
     padding: 0px 0px 15px;
}
 .iny-heading h2 {
     padding: 5px 30px 10px;
     font-size: 34px;
     font-weight: 400;
     line-height: 1.4;
     margin-bottom: 20px;
}
 .iny-team_identity p {
     color: var(--iny-primary);
}
 .iny-team_identity {
     padding: 0 25px 15px;
     margin-top: 5px;
}
 .iny-team_wrapper .swiper-button-next1 svg {
     text-align: right;
     margin-right: 0;
     background: var(--iny-primary);
     padding: 14px 10px;
     width: 45px;
     height: 45px;
     float: right;
     fill: #fff;
     border: 1px solid var(--iny-primary);
     transition: all 0.4s;
     position: absolute;
     top: calc(50% - 22.5px);
     right: -50px;
}
 .iny-team_wrapper .swiper-button-next1:hover svg {
     background: var(--white-color);
     fill: var(--text-color);
     border: 1px solid #dcdcdb;
}
 .iny-team_wrapper .swiper-button-prev1 svg {
     margin-right: 0px;
     background: #a3d159;
     padding: 14px 10px;
     width: 45px;
     height: 45px;
     fill: #fff;
     border: 1px solid #a3d159;
     transition: all 0.4s;
     position: absolute;
     top: calc(50% - 22.5px);
     left: -50px;
}
 .iny-team_wrapper .swiper-button-prev1:hover svg {
     background: var(--white-color);
     fill: var(--text-color);
     border: 1px solid #dcdcdb;
}
 .iny-team_info_icon i.fa-instagram {
     padding: 11px 13px;
     border-radius: 50px;
     margin-bottom: 0px;
     font-size: 20px;
     background: rgb(231,0,42);
     background: linear-gradient(90deg, rgba(231,0,42,1) 0%, rgba(191,0,159,1) 100%);
     color: #fff;
}
 .iny-team_button {
     cursor: pointer;
     position: absolute;
     top: 35%;
     width: 100%;
}
 .iny-team_button .swiper-button-next1 svg {
     text-align: right;
     margin-right: 0;
     background: var(--iny-primary);
     padding: 14px 10px;
     width: 45px;
     height: 45px;
     float: right;
     fill: #fff;
     border: 1px solid var(--iny-primary);
     transition: all 0.4s;
}
 .iny-team_button .swiper-button-next1:hover svg {
     background: var(--white-color);
     fill: var(--text-color);
     border: 1px solid #dcdcdb;
}
 .iny-team_button .swiper-button-prev1 svg {
     margin-right: 0px;
     background: var(--iny-primary);
     padding: 14px 10px;
     width: 45px;
     height: 45px;
     fill: #fff;
     border: 1px solid var(--iny-primary);
     transition: all 0.4s;
}
 .iny-team_button .swiper-button-prev1:hover svg {
     background: var(--white-color);
     fill: var(--text-color);
     border: 1px solid #dcdcdb;
}
 .iny-team_icon {
     padding: 20px 0 5px;
}
 .iny-team-bullet {
     text-align: center;
     margin: auto;
     width: 0;
}
 .iny-team-bullet span {
     width: 8px;
     height: 8px;
     margin: 0 2px;
}
 .iny-team-bullet .swiper-pagination-bullet-active {
     background: var(--iny-primary);
}
 .iny-team_button .swiper-button-next1 {
     right: -61px;
}
/******************************************************** Testimonial Demo 4 Css ********************************************************/
 .iny-testimonial_slider {
     background-color: #98cc46;
     padding: 0px 0px 0px 0px;
     position: relative;
}
 .iny-testimonial-style_four .iny-testimonial_section {
     padding: 50px 0 20px;
}
 span.iny-left_shape {
     position: absolute;
     bottom: 10px;
     left: 25px;
     z-index: 0;
}
 .iny-client_quote p {
     color: #fff;
     padding: 0 10px;
}
 .iny-client_quote h4 {
     color: #fff;
}
 .iny-client_quote h4 {
     color: #fff;
     font-size: 18px;
     padding: 10px 0;
}
 .iny-client_quote span {
     color: #fff;
     font-size: 14px;
     padding-left: 10px;
}
 img.iny-testimonial_icon {
     position: absolute;
     left: 50%;
     top: 35px;
}
 .iny-testimonial_button {
     cursor: pointer;
}
 .iny-client_img_quote img {
     background: #fff;
     border-radius: 50px;
     position: absolute;
     right: 35px;
     bottom: -3px;
}
 img.iny-client_main_img {
     border-radius: 50px!important;
     border: 6px solid #baeb6d!important;
}
 .iny-testimonial_wrapper {
     margin-top: 70px;
}
 .iny-testimonial_button .swiper-testi-button-next1 svg {
     margin-right: -7px;
     background: #a3d159;
     padding: 12px 22px;
     width: 55px;
     height: 50px;
     fill: #fff;
     border: 1px solid #a3d159;
     transition: all 0.4s;
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: 1;
}
 .iny-testimonial_button .swiper-testi-button-next1:hover svg {
     background: #90c143;
     fill: var(--iny-white);
     border: 1px solid #90c143;
}
 .iny-testimonial_button .swiper-testi-button-prev1 svg {
     margin-right: 0px;
     background: #a3d159;
     padding: 12px 22px;
     width: 55px;
     height: 50px;
     fill: #fff;
     border: 1px solid #a3d159;
     transition: all 0.4s;
     position: absolute;
     right: 45px;
     bottom: 0px;
     z-index: 1;
}
 .iny-testimonial_button .swiper-testi-button-prev1:hover svg {
     background: #90c143;
     fill: var(--iny-white);
     border: 1px solid #90c143;
}
 span.iny-left_shape:after {
     content: "";
     position: absolute;
     bottom: -10px;
     left: -25px;
     width: 65px;
     height: 65px;
     background: #a7d958;
     z-index: 1;
     border-top-right-radius: 50px;
}
 span.iny-left_shape:before {
     content: "";
     position: absolute;
     bottom: -10px;
     left: -25px;
     width: 85px;
     height: 65px;
     background: #a1d352;
     z-index: 1;
     border-top-right-radius: 60px;
     border-bottom-right-radius: 0px;
}
 span.iny-right_shape {
     position: absolute;
     right: 0;
     z-index: 0;
     top: 0;
}
 span.iny-right_shape:after {
     content: "";
     position: absolute;
     top: 0px;
     right: 0px;
     width: 60px;
     height: 60px;
     background: #a7d958;
     z-index: 1;
     border-bottom-left-radius: 50px;
}
 span.iny-right_shape:before {
     content: "";
     position: absolute;
     top: 0px;
     right: 0px;
     width: 85px;
     height: 85px;
     background: #a1d352;
     z-index: 1;
     border-top-left-radius: 0px;
     border-bottom-left-radius: 70px;
}
 .iny-testimonial_icon_img {
     position: relative;
     z-index: 2;
}
 .iny-client_quote {
     padding-right: 30px;
}
 .iny-testimonial_wrapper .swiper-container {
     z-index: 0;
}
/******************************************************** Counter Demo 3 CSS ********************************************************/
 .iny-counter_wrapper {
     background-color: #f9f9f9;
     padding: 80px 0 80px;
     position: relative;
     z-index: 0;
     margin-top: 80px;
}
 .iny-counter_wrapper:after {
     content: "";
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0.96;
     background: transparent;
     z-index: -1;
}
 .iny-counter_icon svg {
     fill: #fff;
}
 .iny-counter_icon_box {
     text-align: center;
}
 .iny-counter_icon p {
     fill: #fff;
     width: 100px;
     height: 100px;
     border-radius: 50px;
     padding: 24px;
     margin: 0 auto;
     position: relative;
}
 p.iny-counter_icon1 {
     background: #6dd1ff;
     border: 10px solid #f9f9f9;
     position: relative;
}
 p.iny-counter_icon1:after {
     content: "";
     position: absolute;
     width: 100px;
     height: 100px;
     border: 1px dashed #6dd1ff;
     border-radius: 50px;
     top: -10px;
     left: -10px;
     animation-name: spin;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
}
 p.iny-counter_icon2 {
     background: #ffb064;
     border: 10px solid #f9f9f9;
     position: relative;
}
 p.iny-counter_icon2:after {
     content: "";
     position: absolute;
     width: 100px;
     height: 100px;
     border: 1px dashed #ffb064;
     border-radius: 50px;
     top: -10px;
     left: -10px;
     animation-name: spin;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
}
 p.iny-counter_icon3 {
     background: #e086ff;
     border: 10px solid #f9f9f9;
     position: relative;
     padding: 20px;
}
 p.iny-counter_icon3:after {
     content: "";
     position: absolute;
     width: 100px;
     height: 100px;
     border: 1px dashed #e086ff;
     border-radius: 50px;
     top: -10px;
     left: -10px;
     animation-name: spin;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
}
 p.iny-counter_icon4 {
     background: #ff7283;
     border: 10px solid #f9f9f9;
     position: relative;
     padding: 20px;
}
 p.iny-counter_icon4:after {
     content: "";
     position: absolute;
     width: 100px;
     height: 100px;
     border: 1px dashed #ff7283;
     border-radius: 50px;
     top: -10px;
     left: -10px;
     animation-name: spin;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
}
 .iny-counter_text h2 {
     padding: 20px 0px 8px;
     font-size: 36px;
     font-weight: bold;
     margin: 0;
}
 .iny-counter_text p {
     font-size: 16px;
     font-weight: 400;
     color: var(--iny-title-color);
}
 .iny-counter_icon_box img {
     filter: brightness(0) invert(1);
}
 @keyframes spin {
     from {
         transform: rotate(0deg);
    }
     to {
         transform: rotate(360deg);
    }
}
/******************************************************** Product Demo 2 Css ********************************************************/
 .iny-shop_item_discount span {
     color: #fff;
     padding: 5px 15px;
     text-align: center;
     font-size: 14px;
}
 .iny-shop_item_discount {
     position: absolute;
     left: 34px;
     top: 20px;
     z-index: 1;
}
 .iny-shop_item_dis1 span {
     background: var(--iny-primary);
}
 h5.iny-shop_item_heading {
     font-size: 18px;
     font-weight: bold;
}
 .iny-shop_item_content p {
     font-size: 14px;
     padding: 0px 0 5px;
     line-height: 1.5;
}
 p.iny-shop_item_price {
     color: #98cc46;
     font-size: 18px;
     font-weight: bold;
}
 .iny-shop_item_content {
     padding-top: 20px;
}
 h5.iny-shop_item_heading:hover {
     color: var(--iny-primary);
}
 .iny-shop_btn {
     margin: 40px 0 0;
}
 .iny-shop_img_box {
     position: relative;
}
 .iny-shop_img_box .overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: #2d333be0;
     overflow: hidden;
     z-index: 0;
     width: 100%;
     height: 0;
     transition: .5s ease;
}
 .iny-shop_box:hover .overlay {
     height: 100%;
}
 .iny-shop_img {
     width: 100%;
}
 .iny-shop_box_text {
     position: absolute;
     width: 100%;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
}
 .iny-shop_buy_btn a {
     background-color: var(--iny-primary);
     color: var(--iny-white);
     border: solid 2px var(--iny-primary);
     padding: 10px 40px;
     height: 50px;
     width: auto;
     text-align: center;
     transition: all 0.5s;
     font-weight: 500;
     display: inline-block;
}
/******************************************************** Blog Demo 2 Css ********************************************************/
 .iny-blog_img_box {
     position: relative;
}
 .iny-blog_text h3 {
     font-size: 20px;
     color: #2c3e4a;
     font-weight: 600;
     line-height: 32px;
     transition: all 0.3s;
}
 .iny-blog_text h3:hover {
     color: var(--green-color);
}
 .iny-blog_text p {
     color: #898d94;
     padding: 8px 0px;
}
 .iny-single_blog_text p {
     text-align: justify;
}
 .iny-blog_user a {
     color: #898d94;
     transition: all 0.3s;
}
 .iny-blog_user a:hover {
     color: var(--green-color);
}
 .iny-blog_user_comment img {
     padding-right: 5px;
}
 .iny-blog_text_body {
     background: #fff;
     padding: 25px 30px 25px 25px;
}
 .iny-blog_comment a {
     color: #898d94;
     transition: all 0.3s;
}
 .iny-blog_comment a:hover {
     color: var(--green-color);
}
 .iny-blog_user_comment {
     display: flex;
     align-items: center;
}
 .iny-blog_comment {
     padding-left: 40px;
}
 .iny-blog_img img {
     transition: all 0.4s;
     position: relative;
     width: 100%;
}
 .iny-blog_img:hover img {
     transition: all 0.4s;
     transform: scale(1.1);
}
 .iny-blog_img {
     overflow: hidden;
     transition: all 0.4s;
}
 .iny-blog_wrapper {
     margin-top: 80px;
     background: #f9f9f9;
     padding: 80px 0;
}
 .iny-shop_img {
     transition: 0.4s;
}
 .iny-shop_img:hover {
     filter: brightness(0.7);
}
 iframe {
     display: block;
}
/******************************************************** Client Arrow Css ********************************************************/
 .iny-client_button {
     cursor: pointer;
}
 .iny-client_button .swiper-client-button-next1 svg {
     text-align: right;
     margin-right: 0;
     background: var(--iny-primary);
     padding: 14px 10px;
     width: 45px;
     height: 45px;
     float: right;
     fill: #fff;
     border: 1px solid var(--iny-primary);
     transition: all 0.4s;
     position: absolute;
     top: 13%;
     right: -60px;
}
 .iny-client_button .swiper-client-button-next1:hover svg {
     background: var(--white-color);
     fill: var(--text-color);
     border: 1px solid #dcdcdb;
}
 .iny-client_button .swiper-client-button-prev1 svg {
     margin-right: 0px;
     background: var(--iny-primary);
     padding: 14px 10px;
     width: 45px;
     height: 45px;
     fill: #fff;
     border: 1px solid var(--iny-primary);
     transition: all 0.4s;
     position: absolute;
     top: 13%;
     left: -60px;
}
 .iny-client_button .swiper-client-button-prev1:hover svg {
     background: var(--white-color);
     fill: var(--text-color);
     border: 1px solid #dcdcdb;
}
 .invory_client-bullet {
     text-align: center;
     margin: auto;
     width: 0;
}
 .invory_client-bullet span {
     width: 8px;
     height: 8px;
     margin: 0 2px;
}
 .invory_client-bullet .swiper-pagination-bullet-active {
     background: var(--iny-primary);
}
 .invory_client_button .swiper-button-next1 {
     right: -61px;
}
/**/
 .iny-appointment-form {
     opacity: 1;
}
 .iny-appointment-form input {
     opacity: 1;
}
 mark, ins {
     background: transparent;
}
 .iny-shop_box {
     margin: 0 0 30px;
}
 .iny-blog_user_comment svg {
     height: 16px;
     margin-right: 5px;
     fill: var(--iny-primary);
     color: var(--iny-primary);
}
 .iny-header-style4 .iny-call_btn ul.display_flex {
     padding: 0;
     margin: 0;
}
 .iny-header-style4 .iny-header-sticky {
     max-width: 1730px;
     margin: auto;
}
 .iny-header-style4 .iny-header-sticky.fixed-header {
     max-width: 100%;
}
/* Header9 */
body.home .is-header-absolute.iny-header-style-nine, .iny-header-two.is-header-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
 /*.is-header-absolute.iny-header-style-nine, .iny-header-two.is-header-absolute {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     background-color: transparent;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}*/
.fixed-header #invory-menu li a {
    color: black!important;
}
 .iny-header-nav-wrap {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
}
 .iny-call-btn {
     display: inline-flex;
}
 .iny-phone-num {
     color: var(--iny-white);
     background: var(--iny-primary);
     padding: 15px 18px;
     border: 1px solid var(--iny-primary);
     font-size: 18px;
     font-weight: 700;
}
 .iny-phone-icon {
     padding: 15px 18px;
     border: 1px solid var(--iny-primary-light);
     font-size: 18px;
     font-weight: 500;
     fill: var(--iny-white);
     transition: all 0.4s linear;
     position: relative;
     background: var(--iny-primary-light);
}
 .iny-header-style-nine .iny-header-btn-search ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .iny-header-style-nine .iny-header-btn-search ul li {
     margin: 0 0 0 10px;
}
 .iny-header-style-nine .iny-navigation .iny-nav-style-one li a {
     display: inline-block;
}
 .iny-header-style-nine .header-btn {
     background: var(--iny-primary);
     color: var(--iny-white);
     display: inline-block;
     min-width: 200px;
     text-align: center;
     font-weight: 500;
}
 .iny-contact_form .wpcf7-form-control-wrap {
     margin: 0 0 20px;
     display: block;
}
 .iny-product-thumb {
     padding-top: 0;
}
body.home .iny-header-two .header-btn:hover {
    color: var(--iny-primary) !important;
}
.vot_field_holder label {
    color: #ffffff;
}
.vot_field_holder .vot_btn.vot_white {
    border-radius: 0;
}
.vot_field_holder input {
    border: 1px solid rgba(255, 255, 255, 0.26);
    width: 100%;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 15px;
    color: #ffffff;
    background: transparent;
	border-radius: 0;
}
.vot_field_holder input:focus {
    border-color: #fff;
    color: #fff;
}
.vot_field_holder .vot_btn.vot_white {
    margin: 25px 0 0;
    border: 0 !important;
    cursor: pointer;
}
.vot_assistant_form .wpcf7-response-output {
    color: #ffffff;
    width: 100%;
}
.vot_assistant_form form {
    flex-wrap: wrap; 
}
.vot_assistant_form form .vot_field_holder {
    max-width: 20%;
}
.pbt_blog_info {
    padding: 0;
    list-style: none;
}
.pbt_blog_info li:last-child {
    margin-bottom: 8px;
}
a, a:hover {
    text-decoration: none !important;
}
body .widget ul li:before {
    background-color: transparent !important;
    border-radius: 0;
}
.iny-footer-widgets ul.menu li:before {
    top: 11px;
}
.iny-widget-post-title {
    line-height: 1.4;
}
 @media (max-width: 1199.98px) {
.vot_assistant_form form .vot_field_holder {
    max-width: 100%;
}
}
 @media screen and (max-width: 1199px) {
     .iny-header-style4 li.iny-call_info_box .call_icon {
         display: none;
    }
     .iny-header-style4 .iny-call_btn {
         margin-left: 0px;
    }
     .iny-header-style4 .iny-header-sticky {
         max-width: fit-content;
    }
     .iny-client_button .swiper-client-button-prev1 svg {
         left: 0;
    }
     .iny-client_button .swiper-client-button-next1 svg {
         right: 0;
    }
     .iny-header-style-nine .nav-toggle-btn {
         border-radius: 0;
    }
     .iny-header-style-nine .iny-phone-icon {
         display: none;
    }
     .iny-header-style-nine .iny-phone-num {
         padding: 5px 15px;
    }
     .iny-header-style-nine .iny-search-btn:before {
         background: transparent;
    }
     .iny-team_identity a {
         margin-top: 7px;
    }
     .iny-appointment-form {
         flex-wrap: wrap;
         margin: 0 0 20px;
    }
     .iny-appointment-form .iny-form-control input[type="submit"] {
         padding: 6px 13px!important;
         height: 40px;
    }
}
 @media screen and (max-width: 767px) {
     .iny-header-style-nine .iny-phone-num {
         padding: 3px 10px;
         font-size: 14px;
    }
     .iny-header-style-nine .iny-cart-btn {
         margin: 0;
    }
}
 @media screen and (max-width: 575.99px) {
     .iny-header-style-nine .iny-phone-num {
         padding: 2px 6px;
         font-size: 12px;
    }
     .iny-header-style-nine .iny-header-btn-search ul li {
         margin: 0 0 0 0;
    }
     .iny-header-style-nine .iny-cart-btn {
         margin: 0 0 0 6px;
    }
     .iny-header-style-nine .nav-toggle-btn {
         height: 26px;
         width: 26px;
         padding: 4px 0 0;
    }
    .iny-header-style-eight .iny-header-container .iny-logo {
        text-align: center;
        padding: 10px 0;
    }
    .iny-header-style-eight .iny-top-header-list ul {
        justify-content: space-around;
        background: #f5f5f5;
    }
    .iny-header-style-eight .iny-top-header-list li {
        font-size: 11px;
    }
    .iny-header-style-eight .iny-top-header-list li:first-child {
        margin-right: 0px;
        padding-right: 0px;
    }
    .iny-header-style-eight .iny-navigation {
        padding: 0 20px;
        justify-content: center;
    }
    
}
.iny-header-style-five.fixed-header {
    width: auto;
}
.iny-header-style-five.fixed-header .iny-header-inner-row {
    max-width: 90%;
}
.single-job_listing .iny-blog-meta {
    margin: 0;
}
.single-job_listing .iny-blog-authore-box {
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
	.iny-header-style-five {
		padding: 20px 0;
	}
	body .iny-header-style-five .menu>li>a {
		padding: 0 !important;
	}
}
@media (max-width: 767.98px) {
	.iny-header-style-five .iny-logo a {
		width: 170px;
		height: 126px;
	}
	.iny-header-style-five .iny-logo a img {
		max-height: 70px;
		padding-top: 15px;
	}
	.iny-header-style-five .iny-nav-wrap {
		width: calc(100% - 190px);
	}
	.iny-header-style-five .iny-logo-wrap {
		width: fit-content;
	}
}

.form_contain input[type="text"], .form_contain input[type="email"] {
    padding: 16px 70px 16PX 20px;
    background-color: #192335;
    margin-bottom: 32px;
    border: 1px solid #ffffff30;
    position: relative;
    transition: all 0.2s ease-in-out;
    width: 100%;
    color: white;
}
.form_contain textarea {
    width: 100%;
    height: 120px;
    background: transparent;
    color: white;
    padding: 20px;
    border: 1px solid #ffffff38;
    transition: all 0.2s ease-in-out;
    max-width: 100%;
}
.form_contain input[type="submit"] {
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 50px;
    background-color: #ff5e15;
    color: #ffff !important;
    transition: all 0.3s ease-in-out;
    border: 2px solid #ff5e15;
    cursor: pointer;
    border-radius: 0!important;
    margin-top: 15px;
}
.form_contain input[type="submit"]:hover {
    background: transparent;
    color: #ff5e15;
}
.form_contain input[type="text"]:focus, .form_contain input[type="email"]:focus, .form_contain textarea:focus {
    border-color: #ff5e15;
}

/**------------Food Menu Widget Css-------------**/
.invry-price-wrapper {
    background: var(--iny-white);
    padding: 69px 0 39px;
    position: relative;
    width: 100%;
    display: inline-block;
}
.invry-pricing-title h4 span {
    padding: 3px 10px;
    display: inline-block;
    background: var(--iny-primary);
    margin-left: 10px;
    color: white;
    font-size: 12px;
    border-radius: 25px;
    font-weight: 300;
    text-transform: capitalize;
}
.invry-pricing-section {
    border: 10px solid var(--iny-border-color);
    padding: 40px 40px 3px;
    background: var(--iny-white);
    margin: 2px 0 30px 0;
}
.invry-pricing-title h4 {
    color: var(--iny-link-color);
    font-size: 20px;
    padding-right: 100px;
    margin-bottom: 5px;
    font-weight: 600;
    border-bottom: 1px solid #bdbdbd1f;
    padding-bottom: 10px;
}
.invry-pricing-title .invry-price {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    color: var(--iny-primary);
    font-size: 18px;
}
.invry-pricing-list {
    display: inline-block;
    width: 100%;
    border-bottom: 2px dotted var(--iny-border-color);
    margin-bottom: 24px;
    padding-bottom: 23px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.invry-pricing-list:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.invry-price-wrapper .container-fluid .row {
    align-items: center;
}
.invry-price-wrapper.invry-about-page-price {
    padding: 71px 0 50px;
}
.invry-pri-img {
    width: 60px;
    display: flex;
    height: 60px;
    text-align: center;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
}
.invry-pri-img img {
    width: 60px;
    height: 60px;
    border-radius: 50%!important;
    object-fit: cover;
}
.invry-pri-img:before {
    border: 2px dotted var(--iny-primary);
    border-radius: 50%;
    content: "";
    position: absolute;
    top: -8px;
    bottom: -8px;
    left: -8px;
    right: -8px;
    margin: auto;
    width: auto;
    height: auto;
    transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}
.invry-pricing-list:hover,
.invry-pricing-list,
.invry-pri-img:before,
.invry-pricing-list:hover .invry-pri-img:before,
.invry-pricing-list:hover .invry-pricing-title h4,
.invry-pricing-title h4 {
    transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}
.invry-pricing-list:hover .invry-pri-img:before {
    opacity: 1;
    animation: rotate-animation 10s infinite linear;
    border-color: var(--iny-primary);
}
.invry-pricing-list:hover .invry-pri-img svg {
    fill: var(--iny-primary);
}
.invry-pricing-list:hover .invry-pricing-title h4 {
    color: var(--iny-primary);
}
.invry-product-info {
    width: calc(100% - 60px);
    padding-left: 30px;
}
.iny-right-info {
    display: flex;
    align-items: center;
}
@media (max-width: 575.98px) {
    .invry-product-info {
        width: 100%;
        padding: 20px 0 0;
    }
}



/* Author Widget Css */
.mt-sidebar-author-img img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
}
.mt-sidebar-author-img {
    text-align: center;
}
.mt-nm-author-name {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin: 15px 0 0px;
}
.mt-sidebar-author {
    text-align: center;
}
.mt-side-post-type {
    display: block;
    font-size: 15px;
    color: var(--iny-primary);
}
.mt-author-social li {
    display: inline-block;
    margin: 0 4px 4px 0;
    z-index: 1;
    position: relative;
}
.mt-sidebar-author p{
    margin-bottom: 0;
}
.mt-sidebar-author p ~ img {
    margin-top: 25px;
}
.mt-author-social li a svg {
    width: 14px;
    height: 14px;
    transition: 0.3s;
}
.mt-author-social li a i{
    font-size: 15px;
} 
.mt-author-social li a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eaebec;
    border-radius: 100%;
    background: #fff;
}
.mt-widget ul.mt-author-social {
    margin: 20px 0;
    display: block;
    position: relative;
}
.mt-author-social li a:hover {
    border-color: #f50056;
    color: #f50056;
}
.mt-author-social li a:hover svg {
   fill: #f50056;
}
.mt-author-social:after {
    position: absolute;
    left: -40px;
    right: -40px;
    height: 1px;
    content: '';
    background: #eaebec;
    top: 0;
    bottom: 6px;
    margin: auto;
}
ul.mt-author-social {
    position: relative;
    margin-top: 20px;
}
ul.mt-author-social li:before {
    display: none;
}
.iny-main-header.iny-header-style-seven ul.sub-menu {
    background: var(--iny-title-color);
    top: 100%;
}

@media screen and (max-width: 1199.98px) {
	.iny-main-header.iny-header-style-seven .iny-logo {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: 0 20px;
	}
	.iny-main-header.iny-header-style-seven  .menu {
		background: var(--iny-title-color);
	}
	.iny-main-header.iny-header-style-seven .menu li {
        border-color: #3a3a3a;
    }
}

.iny-product-fillter {
    display: flex;
    padding: 0;
    background: var(--iny-white);
    margin: 0 auto 30px;
    border-radius: 3px;
    border-bottom: 1px solid var(--iny-border-color);
    overflow: auto hidden;
}
.iny-product-fillter::-webkit-scrollbar {
	height: 6px;
}
.iny-product-fillter::-webkit-scrollbar-track {
	background-color: var(--iny-border-color);
}
.iny-product-fillter::-webkit-scrollbar-thumb {
	background-color: var(--iny-primary);
}
.iny-product-fillter li {
    list-style: none;
    margin: 0 0;
}
.iny-product-fillter li a {
    min-width: 150px;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    font-weight: 500;
    position: relative;
    border-radius: 3px;
}
.iny-product-fillter li a.iny-cat-active {
    color: var(--iny-white);
    background: var(--iny-primary);
}
.iny-product-box {
    background: #f8f8f8;
    padding: 0;
    margin: 0 0 30px;
    position: relative;
    border: 1px solid var(--iny-border-color);
    border-radius: 6px;
    overflow: hidden;
}
.iny-product-item-discount span {
    background: #ffca2b;
    position: absolute;
    left: 0px;
    min-width: 60px;
    top: 20px;
    color: #fff;
    border-radius: 0;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    font-size: 14px;
    text-transform: capitalize;
    z-index: 1;
    font-weight: 500;
    display: inline-block;
    padding: 1px 10px;
    z-index: 9;
}
.iny-product-item-discount span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 99%;
    display: inline-block;
    border-top: 15px solid #ffca2b;
    border-bottom: 15px solid #ffca2b;
    border-right: 10px solid transparent;
}
.iny-product-box .overlay {
    position: absolute;
    top: 0;
    left: -100%;
    bottom: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: rgb(4 4 4 / 60%);
    opacity: 0;
    visibility: hidden;
}
.iny-product-img-box {
    position: relative;
    overflow: hidden;
}
.iny-product-box .overlay a {
    background: var(--iny-primary);
    color: var(--iny-white);
    display: inline-block;
    min-width: 100px;
    text-align: center;
    border-radius: 3px;
    padding: 4px 10px 3px;
    font-weight: 500;
}
.iny-product-box:hover .overlay {
    left: 0;
    opacity: 1;
    visibility: visible;
}
.iny-product-box:hover .overlay,
.iny-product-box .overlay,
.iny-product-box,
.iny-product-box:hover {
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
.iny-product-box .iny-product-item-content {
    padding: 17px 20px 11px;
}
.iny-product-box .iny-product-item-content .iny-product-item-heading {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    min-height: 35px;
}
.iny-product-box .iny-product-item-content .iny-product-item-price {
    margin: 6px 0 0;
}
.iny-shop-middle-header .row {
    align-items: center;
}

/* iny-header-shop */

.iny-shop-middle-header .iny-woo-icons ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: flex-end;
    padding: 0;
}
.iny-shop-middle-header .iny-woo-icons ul a {
    width: 40px;
    display: inline-block;
    position: relative;
    margin: 0 10px;
    min-width: auto!important;
}
.iny-shop-middle-header .iny-woo-icons ul a img {
    height: 26px;
}
.iny-shop-middle-header .iny-woo-icons ul a span {
    position: absolute;
    top: -5px;
    right: 3px;
    background: #3ce8b5;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    padding-top: 3px;
}
.iny-shop-middle-header .iny-woo-icons ul a.shop-fav-icon span {
    background: #fbd244;
}
.iny-shop-middle-header .iny-woo-icons ul a.shop-cart-icon span {
    background: #ff6695;
}
.iny-shop-middle-header .iny-woo-icons ul a.shop-notification-icon span {
    background: ;
}
.shop-category-menu a {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    background: #659125;
    color: var(--iny-white);
    padding: 9px 10px;
    border-radius: 0;
    line-height: 40px;
}
.shop-category-menu a svg {
    height: 15px;
    fill: var(--iny-white);
}
.iny-shop-top-header .iny-top-left-data ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.iny-shop-top-header .iny-top-left-data ul li {
    list-style: none;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    margin: 0 15px 0 0;
}
.iny-shop-top-header-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.iny-shop-top-header {
    border: 1px solid var(--iny-border-color);
    margin: 0 0 10px;
    padding: 10px 0px;
}
.iny-shop-top-header .iny-top-left-data ul li .iny-header-icon svg {
    height: 18px;
    fill: var(--iny-primary);
    vertical-align: middle;
}
.iny-shop-top-header .iny-top-left-data ul li .iny-header-icon {
    margin-right: 10px;
}
.iny-shop-middle-header .iny-logo a img {
    max-height: 50px;
}			
			
/* Menu CSS Start */
.iny-shop-bottom-header {
    background: var(--iny-primary);
}
.invory-menus {
    position: relative;
}
.iny-menu-list>ul {
    display: flex;
    flex-wrap: wrap;
}
.iny-menu-list>ul>li.current_page_item > a {
    background: #659125;
    color: var(--iny-white);
}
.iny-menu-list>ul {
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    justify-content: flex-end;
}
.iny-shop-top-header-row .iny-social-icons a {
    background: var(--iny-title-color);
    line-height: 32px;
    margin: 0 0px 0px 10px;
    width: 30px;
    height: 30px;
    font-size: 13px;
}
.iny-top-left-data p, .iny-social-icons-two ul.iny-social-icons li {
    margin-bottom: 0;
}
.iny-social-icons-two ul.iny-social-icons {
    align-items: center!important;
}
.iny-menu-list>ul li {
    list-style: none;
    margin: 0;
}
.iny-shop-middle-header .iny-woo-icons li {
    margin: 0;
}
.iny-menu-list>ul>li:not(.is-mega-menu) {
    position: relative;
}
.iny-shop-middle-header {
    padding: 15px 0 25px;
}
.shop-main-menu ul li a {
    line-height: 40px;
}
.is-mega-menu {
    position: unset;
}

.drop-menu {
    border: 1px solid var(--iny-primary);
}

.iny-menu-list>ul>li>a {
    display: inline-block;
    padding: 10px 0;
    color: var(--iny-white);
    position: relative;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
}
.iny-menu-list>ul>li:hover>a {
    color: var(--iny-white);
    background: var(--iny-primary);
}

.iny-menu-list>ul>li:hover>a:after {
    border-color: var(--iny-white);
}

.iny-menu-list>ul>.has-sub-menu>a {
    padding-right: 30px;
    padding-left: 20px;
}

.iny-menu-list>ul>li>a {
    padding-right: 20px;
    padding-left: 20px;
}

.iny-menu-list>ul>.has-sub-menu>a:after {
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    right: 10px;
    margin-top: -3px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    border-bottom: 2px solid var(--iny-title-color);
    border-right: 2px solid var(--iny-title-color);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.sub-menu {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-around;
}
.ul-child.sub-child li {
    margin: 0 0 6px;
}
.ul-child.sub-child {
    padding: 0;
    margin: 0;
}
.sub-menu.ul-child .has-sub-menu {
    padding: 20px 30px;
    width: fit-content;
}
.sub-menu.ul-child .has-sub-menu>a {
    font-size: 16px;
    font-weight: 800;
    display: block;
    margin: 0 0 10px;
    color: var(--iny-primary);
}
.drop-menu.normal-menu {
    width: fit-content;
    min-width: 200px;
    padding: 20px 20px;
}
.iny-menu-list>ul>li:not(.is-mega-menu) .sub-menu {
    justify-content: flex-start;
}
.iny-product-search {
    position: relative;
}
.result_div {
    position: absolute;
    background: white;
    width: 100%;
    z-index: 9999;
    padding: 15px;
    border: 1px solid #00000017;
    height: 337px;
    overflow-y: scroll;
    display: none;
}
.result_div ul {
    padding: 0;
}
.result_div ul li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.result_div ul li a {
    display: flex;
    align-items: center;
}
.result_div ul li a img {
    width: 70px;
    border: 2px solid #0000002e;
    padding: 10px;
    margin-right: 15px;
}
.result_div ul li a strong {
    display: block;
}
.result_div ul li a strong span {
    font-size: 14px!important;
}
.result_div ul li:last-child {
    margin-bottom: 0!important;
}
.result_div::-webkit-scrollbar {
    width: 6px;
    box-shadow: none;
}
.result_div::-webkit-scrollbar-thumb {
    background-color: var(--iny-primary);
    box-shadow: none;
}
.result_div::-webkit-scrollbar-track {
    background-color: var(--iny-white);
    box-shadow: none;
}
/* CATE MENU CSS*/
.shop-aside-menu {
    position: relative;
}
.invory-category-menu {
    position: absolute;
    top: 100%;
    background: #659125;
    color: var(--iny-white);
    right: 0;
    left: 0;
    min-width: 150px;
    display: none;
}
.menu-category-menu-container ul {
    padding: 0;
}
.menu-category-menu-container ul li {
    list-style: none;
    margin: 0;
    width: 100%;
	position: relative;
}
.menu-category-menu-container ul li a:hover {
    color: var(--iny-white);
}
.menu-category-menu-container ul li .sub-menu {
    width: 100%;
    background: #659125;
    color: var(--iny-white);
    display: none;
}
.menu-category-menu-container ul li.open .sub-menu {
   
}
.menu-category-menu-container ul li.open.menu-item-has-children:before,
.menu-category-menu-container ul li.menu-item-has-children:before{
     -webkit-transition: var(--iny-transition);
     -moz-transition: var(--iny-transition);
     -ms-transition: var(--iny-transition);
     -o-transition: var(--iny-transition);
     transition: var(--iny-transition);
}
.menu-category-menu-container ul li a {
    color: var(--iny-white);
    padding: 5px 20px;
    display: inline-block;
    width: 100%;
}
.menu-category-menu-container ul li.menu-item-has-children:before {
    content: "\f106";
    position: absolute;
    top: 8px;
    right: 16px;
    font: normal normal normal 14px/1 FontAwesome;
    -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: white;
     -webkit-transform: rotate( 90deg );
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate( 90deg );
}
.menu-category-menu-container ul li.open.menu-item-has-children:before {
    -webkit-transform: rotate( 180deg );
    -moz-transform: rotate( 180deg );
    -ms-transform: rotate( 180deg );
    -o-transform: rotate( 180deg );
    transform: rotate( 180deg );
}
.menu-category-menu-container ul li.current-menu-item, .menu-category-menu-container ul li.current-menu-item .sub-menu {
    background: #47661a;
}
.menu-category-menu-container ul li .sub-menu {
    padding-left: 10px;
}
.menu-category-menu-container> ul {
    padding: 15px 0;
}

@media (min-width: 1200px) {
    .iny-menu-list>ul>li:hover .drop-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .drop-menu {
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 100%;
        background-color: #ffffff;
        width: 100%;
        margin: auto;
        border-top: 1px solid var(--iny-primary);
        box-shadow: 0px 10px 20px 0px rgb(34 34 34 / 0.03);
        z-index: 2;
        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;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    .iny-menu-list>ul>li.has-sub-menu>a:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid var(--iny-primary);
        position: absolute;
        bottom: 0;
        left: 0;
        margin: auto;
        right: 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;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    .iny-menu-list>ul>li.has-sub-menu:hover a:before {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .iny-menu-list>ul>li {
        margin: 0 10px 0 0;
    }
    .iny-menu-list>ul>li:hover>a:before,
    .iny-menu-list>ul>li.has-sub-menu>a:before {
        border-bottom-color: #ffffff;
    }
    /* Multi cate sstyle two*/
    .qur-multicat-wrapper.style-two .qur-title-wrap h2 {
        width: auto;
        margin: 0;
    }
    .qur-multicat-wrapper.style-two .qur-title-wrap {
        justify-content: space-between;
    }
    /* Sub Menu Hover */
    .sub-menu.ul-child .has-sub-menu .ul-child.sub-child>li>a {
        position: relative;
    }
    .sub-menu.ul-child .has-sub-menu .ul-child.sub-child>li>a:before {
        content: "";
        position: absolute;
        height: 1px;
        width: 0;
        background: var(--iny-primary);
        bottom: 0;
        right: 0;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .sub-menu.ul-child .has-sub-menu .ul-child.sub-child>li>a:hover::before {
        width: calc(100% - 0px);
        left: 0;
    }
}

@media (max-width: 1199px) {
    .shop-main-menu .invory-menus {
        background: var(--iny-primary);
    }
    .shop-responsive-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .shop-aside-menu {
        position: relative;
        max-width: 180px;
        width: 100%;
    }
    .invory-menus {
        position: fixed;
        left: -320px;
        top: 0;
        width: 300px;
        background: #ffffff;
        height: 100%;
        overflow: auto;
        z-index: 10;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    }
    body.menu-open .invory-menus {
        left: 0px;
    }
    .iny-menu-list>ul li {
        width: 100%;
    }
    .shop-menu-btn {
        background-color: var(--iny-primary);
        height: 40px;
        width: 40px;
        border-radius: 3px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
        margin-left: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .shop-menu-btn span {
        background: var(--iny-white);
        height: 2px;
        margin: 2px 0;
        display: inline-block;
        width: 20px;
    }
    .drop-menu {
        border: 0;
        background: #f7f7f7;
    }
}
@media (max-width: 767px) {
    .iny-shop-top-header .iny-top-left-data ul {
        font-size: 13px;
    }
    .iny-shop-middle-header .iny-logo a {
        margin: 0 0 10px;
        text-align: center;
        width: 100%;
        display: block;
    }
    .iny-shop-middle-header {
        padding: 10px 0 10px;
    }
     .iny-shop-middle-header .iny-woo-icons ul a {
        margin: 0 3px;
        width: 30px;
    }
    .iny-shop-middle-header .iny-woo-icons ul a span {
        min-width: 15px;
        height: 15px;
        padding: 0;
    }
}

@media (max-width: 575px) {
    .iny-shop-top-header-row .iny-top-left-data {
        width: 100%;
    }
    .iny-social-icons-two {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 10px 0 0;
    }
    .iny-shop-top-header .iny-top-left-data ul {
        font-size: 12px;
        width: 100%;
        justify-content: center;
    }
}



.iny-product-box{
	cursor:pointer;
}
.iny-product-hover-shop {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    transform:scale(1.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iny-product-box:hover .iny-product-hover-shop{
	transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.iny-product-img-box:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    opacity:0;
    visibility:hidden;
    transition:all 0.3s;
}
.iny-product-box:hover .iny-product-img-box:before{
	opacity:1;
    visibility:visible;
}
.iny-shop-middle-header .iny-woo-icons ul a.iny-login span {
    max-width: 93px;
    height: 20px;
    border-radius: 30px;
    padding: 0 8px;
    line-height: 20px;
    top: -5px;
    right: -70px;
    text-transform: capitalize;
}
.iny-shop-middle-header .iny-woo-icons ul a.iny-login svg {
    width: 26px;
    height: auto;
}
.iny-product-hover-shop ul {
    text-align: center;
    padding-left: 0;
}
.iny-product-hover-shop ul li {
    list-style: none;
    display: inline-block;
    margin:0 10px 0 0;
}
.iny-product-hover-shop ul li a {
    width: 45px;
    height: 45px;
    background: #80b236;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:all 0.3s;
}
.iny-product-hover-shop ul li a:hover{
	background-color:#659125;
}
.iny-product-hover-shop ul li a svg {
    width: 22px;
    height: auto;
    fill:#fff;
    transition:all 0.3s;
}