:root {
     --brcolor: #f45b1e;
     /* Brand color */
     --brhovercolor: #1e2023;
     /* Brand Hover color */
     --brrgb: 0, 109, 245;
     /* Brand rgb color */
     --bropacity: rgba(30, 32, 35, 0.635);
     /* Brand opacity color */
     --black: #000000;
     /* black color */
     --white: #ffffff;
     /* white color */
     --bdcolor: #dddddd;
     /* border color */
     --bdhcolor: #f45b1e;
     /* border hover color */
     --linkcolor: #000000;
     /* link  color */
     --titlecolor: #000;
     /* title color */
     --pracolor: #222;
     /* pragrap/body color */
     --bshadow: rgba(0, 0, 0, 0.05);
     /* opacity color box shadow */
     scroll-behavior: unset;
 }

 /* Services Page Styles */

 .section-title {
     text-align: center;
     font-size: 2.5rem;
     margin: 3rem 0;
     color: #2c3e50;
 }

 /* Services Grid */
 .services-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 2rem;
     padding: 2rem 0;
 }

 .service-card {
     background: #fff;
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease;
 }

 .service-card:hover {
     transform: translateY(-5px);
 }

 .service-card img {
     width: 100%;
     height: 200px;
     object-fit: cover;
 }

 .service-card h3 {
     padding: 1.5rem 1rem;
     font-size: 1.5rem;
     color: #2c3e50;
 }

 .service-card p {
     padding: 0 1rem;
     color: #666;
     line-height: 1.6;
 }

 .service-card .price {
     padding: 1rem;
     font-size: 1.25rem;
     color: #2c3e50;
     font-weight: bold;
 }

 .btn-book {
     display: block;
     margin: 1rem;
     padding: 0.8rem 1.5rem;
     background: #3498db;
     color: white;
     text-align: center;
     text-decoration: none;
     border-radius: 5px;
     transition: background 0.3s ease;
 }

 .btn-book:hover {
     background: #2980b9;
 }

 /* Pricing Section */
 .pricing-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 2rem;
     padding: 2rem 0;
 }

 .pricing-card {
     background: #fff;
     border-radius: 15px;
     padding: 2rem;
     text-align: center;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

 .pricing-card.featured {
     transform: scale(1.05);
     border: 2px solid #3498db;
 }

 .pricing-card h3 {
     color: #2c3e50;
     font-size: 1.5rem;
     margin-bottom: 1rem;
 }

 .pricing-card .price {
     font-size: 2.5rem;
     color: #3498db;
     margin-bottom: 2rem;
 }

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

 .features-list li {
     padding: 0.5rem 0;
     color: #666;
 }

 .btn-select {
     display: inline-block;
     margin-top: 1.5rem;
     padding: 0.8rem 2rem;
     background: #3498db;
     color: white;
     text-decoration: none;
     border-radius: 5px;
     transition: background 0.3s ease;
 }

 .btn-select:hover {
     background: #2980b9;
 }

 /* Reviews Section */
 .reviews-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 2rem;
     padding: 2rem 0;
 }

 .review-card {
     background: #fff;
     border-radius: 15px;
     padding: 2rem;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

 .rating {
     color: #f1c40f;
     font-size: 1.25rem;
     margin-bottom: 1rem;
 }

 .Di7ufT0dMu {
     color: #666;
     line-height: 1.6;
     margin-bottom: 1.5rem;
 }

 .reviewer {
     display: flex;
     align-items: center;
     gap: 1rem;
 }

 .reviewer img {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     object-fit: cover;
 }

 .reviewer-info h4 {
     color: #2c3e50;
     margin: 0;
 }

 .reviewer-info p {
     color: #666;
     margin: 0;
 }

 /* Responsive Adjustments */
 @media (max-width: 768px) {
     .pricing-card.featured {
         transform: none;
     }

     .section-title {
         font-size: 2rem;
     }
 }

 :root {
     --primary-color: #2c3e50;
     --secondary-color: #3498db;
     --accent-color: #e74c3c;
     --text-color: #444;
     --light-bg: #ecf0f1;
     --white-color: #ffffff;
     --shadow-light: 0 10px 30px rgba(0, 0, 0, 0.05);
     --shadow-medium: 0 15px 40px rgba(0, 0, 0, 0.1);
     --shadow-dark: 0 20px 50px rgba(0, 0, 0, 0.2);
 }

 body {
     font-family: 'Montserrat', sans-serif;
     color: var(--text-color);
     background-color: var(--white-color);
     overflow-x: hidden;
 }

 /* Utility Classes */
 .z56GMIyFtd:hover {
     transform: translateY(-5px);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     box-shadow: var(--shadow-medium);
 }

 .rt34k006I0 {
     padding: 80px 0;
 }

 .u-heading-glow {
     text-shadow: 0 0 15px rgba(52, 152, 219, 0.3);
     transition: text-shadow 0.3s ease;
 }

 .u-heading-glow:hover {
     text-shadow: 0 0 25px rgba(52, 152, 219, 0.6);
 }

 .u-gradient-text {
     background: linear-gradient(90deg, var(--secondary-color), var(--accent-color));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 /* Hero Section */
 .c-hero {
     position: relative;
     background: var(--light-bg);
     padding: 150px 0;
     overflow: hidden;
     border-bottom-left-radius: 80px;
     border-bottom-right-radius: 80px;
     box-shadow: var(--shadow-light);
     animation: fadeIn 1s ease-in-out;
 }

 .ckdqtAW5TA {
     position: relative;
     z-index: 2;
     text-align: center;
 }

 .c-hero__title {
     font-weight: 700;
     font-size: 3.5rem;
     line-height: 1.2;
     color: var(--primary-color);
     margin-bottom: 20px;
     animation: slideInLeft 1s ease-in-out;
 }

 .c-hero__subtitle {
     font-size: 1.5rem;
     font-weight: 400;
     color: var(--text-color);
     margin-bottom: 40px;
     animation: slideInRight 1s ease-in-out;
 }

 .NMqtsA4abL {
     background-color: var(--secondary-color);
     border: none;
     color: var(--white-color);
     font-weight: 600;
     padding: 15px 30px;
     border-radius: 50px;
     box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
     transition: all 0.3s ease;
     animation: fadeIn 1.5s ease-in-out;
 }

 .NMqtsA4abL:hover {
     background-color: #2980b9;
     transform: translateY(-3px);
     box-shadow: 0 8px 20px rgba(52, 152, 219, 0.5);
 }

 /* Why Choose Us Section */
 .c-why-us {
     padding: 100px 0;
 }

 .c-why-us__title {
     font-size: 2.5rem;
     font-weight: 700;
     margin-bottom: 60px;
     color: var(--primary-color);
     position: relative;
 }

 .c-why-us__title::after {
     content: '';
     position: absolute;
     left: 50%;
     bottom: -15px;
     transform: translateX(-50%);
     width: 80px;
     height: 4px;
     background: var(--secondary-color);
     border-radius: 2px;
     animation: expandLine 1s ease-in-out;
 }

 .LKEmd1ZtVB {
     background-color: var(--white-color);
     padding: 40px;
     border-radius: 20px;
     box-shadow: var(--shadow-light);
     text-align: center;
     transition: all 0.3s ease;
     animation: fadeInUp 0.8s ease-in-out backwards;
     will-change: transform, box-shadow;
 }

 .LKEmd1ZtVB:nth-child(1) {
     animation-delay: 0.2s;
 }

 .LKEmd1ZtVB:nth-child(2) {
     animation-delay: 0.4s;
 }

 .LKEmd1ZtVB:nth-child(3) {
     animation-delay: 0.6s;
 }

 .LKEmd1ZtVB:nth-child(4) {
     animation-delay: 0.8s;
 }

 .LKEmd1ZtVB:hover {
     transform: translateY(-10px);
     box-shadow: var(--shadow-medium);
 }

 .c-why-us__icon {
     font-size: 3rem;
     color: var(--secondary-color);
     margin-bottom: 20px;
     animation: pulse 2s infinite;
 }

 .c-why-us__heading {
     font-weight: 600;
     font-size: 1.5rem;
     color: var(--primary-color);
     margin-bottom: 15px;
 }

 .c-why-us__text {
     font-size: 1rem;
     color: var(--text-color);
 }

 /* About Section */
 .c-about {
     background-color: var(--light-bg);
     padding: 120px 0;
     border-top-right-radius: 80px;
     border-bottom-left-radius: 80px;
     box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.02);
 }

 .XBcuBk6TSL {
     animation: fadeIn 1.5s ease-in-out;
 }

 .NS3PulCa6y {
     font-weight: 700;
     font-size: 2.5rem;
     color: var(--primary-color);
     margin-bottom: 30px;
     line-height: 1.4;
 }

 .c-about__text {
     font-size: 1.1rem;
     line-height: 1.8;
     color: var(--text-color);
 }

 .eh1TdLFxzY-container {
     position: relative;
     transform-style: preserve-3d;
     animation: rotate3D 5s infinite linear;
 }

 .eh1TdLFxzY {
     width: 100%;
     height: auto;
     border-radius: 20px;
     box-shadow: var(--shadow-medium);
     transform: translateZ(10px) rotateY(-5deg);
 }

 /* Features Section */
 .c-features {
     padding: 100px 0;
     position: relative;
 }

 .lbMukGKJ7q {
     font-size: 2.5rem;
     font-weight: 700;
     margin-bottom: 60px;
     color: var(--primary-color);
     position: relative;
 }

 .lbMukGKJ7q::after {
     content: '';
     position: absolute;
     left: 50%;
     bottom: -15px;
     transform: translateX(-50%);
     width: 80px;
     height: 4px;
     background: var(--accent-color);
     border-radius: 2px;
     animation: expandLine 1s ease-in-out;
 }

 .UsZxibdvQf {
     background-color: var(--white-color);
     padding: 40px;
     border-radius: 20px;
     box-shadow: var(--shadow-light);
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
     animation: fadeInUp 0.8s ease-in-out backwards;
     will-change: transform, box-shadow;
 }

 .UsZxibdvQf:nth-child(1) {
     animation-delay: 0.2s;
 }

 .UsZxibdvQf:nth-child(2) {
     animation-delay: 0.4s;
 }

 .UsZxibdvQf:nth-child(3) {
     animation-delay: 0.6s;
 }

 .UsZxibdvQf:nth-child(4) {
     animation-delay: 0.8s;
 }

 .UsZxibdvQf:nth-child(5) {
     animation-delay: 1s;
 }

 .UsZxibdvQf:nth-child(6) {
     animation-delay: 1.2s;
 }

 .UsZxibdvQf:hover {
     transform: translateY(-10px);
     box-shadow: var(--shadow-medium);
 }

 .MvH8QdwtW2 {
     font-weight: 600;
     font-size: 1.5rem;
     color: var(--primary-color);
     margin-bottom: 15px;
     position: relative;
     display: inline-block;
 }

 .MvH8QdwtW2::after {
     content: '';
     position: absolute;
     bottom: -5px;
     left: 0;
     width: 0;
     height: 3px;
     background: var(--secondary-color);
     transition: width 0.3s ease;
 }

 .UsZxibdvQf:hover .MvH8QdwtW2::after {
     width: 100%;
 }

 /* Testimonial Section */
 .K55L8rALjY {
     background-color: var(--primary-color);
     color: var(--white-color);
     padding: 120px 0;
     border-top-left-radius: 80px;
     border-bottom-right-radius: 80px;
     box-shadow: inset 0 -10px 20px rgba(0, 0, 0, 0.1);
 }

 .c-testimonials__title {
     font-size: 2.5rem;
     font-weight: 700;
     margin-bottom: 60px;
     color: var(--white-color);
     text-align: center;
 }

 .c-testimonials__content {
     font-size: 1.1rem;
     line-height: 1.8;
     margin-bottom: 40px;
     animation: fadeIn 1.5s ease-in-out;
 }

 .tR6XTAWPuS {
     width: 100%;
     height: auto;
     border-radius: 20px;
     box-shadow: var(--shadow-medium);
     transform: rotateY(5deg);
 }

 /* Blog Section */
 .c-blog {
     padding: 100px 0;
 }

 .eVbRGDOXrY {
     font-size: 2.5rem;
     font-weight: 700;
     color: var(--primary-color);
     margin-bottom: 60px;
     position: relative;
     text-align: center;
 }

 .eVbRGDOXrY::after {
     content: '';
     position: absolute;
     left: 50%;
     bottom: -15px;
     transform: translateX(-50%);
     width: 80px;
     height: 4px;
     background: var(--secondary-color);
     border-radius: 2px;
     animation: expandLine 1s ease-in-out;
 }

 .r1nnSnhGmM {
     background-color: var(--white-color);
     border-radius: 20px;
     box-shadow: var(--shadow-light);
     transition: all 0.3s ease;
     overflow: hidden;
     animation: fadeInUp 0.8s ease-in-out backwards;
     will-change: transform, box-shadow;
 }

 .r1nnSnhGmM:nth-child(1) {
     animation-delay: 0.2s;
 }

 .r1nnSnhGmM:nth-child(2) {
     animation-delay: 0.4s;
 }

 .r1nnSnhGmM:nth-child(3) {
     animation-delay: 0.6s;
 }

 .r1nnSnhGmM:hover {
     transform: translateY(-10px);
     box-shadow: var(--shadow-medium);
 }

 .c-blog__image {
     width: 100%;
     height: 250px;
     object-fit: cover;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
 }

 .c-blog__content {
     padding: 30px;
 }

 .c-blog__heading {
     font-weight: 600;
     font-size: 1.25rem;
     color: var(--primary-color);
     margin-bottom: 15px;
 }

 .pjJY3z3zoE {
     font-size: 0.95rem;
     line-height: 1.6;
     color: var(--text-color);
 }

 /* New Animated Card Effect */
 .c-card-3d-hover {
     position: relative;
     transform-style: preserve-3d;
     transition: transform 0.5s ease;
 }

 .c-card-3d-hover:hover {
     transform: rotateY(5deg) rotateX(5deg);
 }

 /* Animations */
 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @keyframes slideInLeft {
     from {
         opacity: 0;
         transform: translateX(-50px);
     }

     to {
         opacity: 1;
         transform: translateX(0);
     }
 }

 @keyframes slideInRight {
     from {
         opacity: 0;
         transform: translateX(50px);
     }

     to {
         opacity: 1;
         transform: translateX(0);
     }
 }

 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes expandLine {
     from {
         width: 0;
     }

     to {
         width: 80px;
     }
 }

 @keyframes pulse {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.1);
     }

     100% {
         transform: scale(1);
     }
 }

 @keyframes rotate3D {
     0% {
         transform: rotateY(0deg) rotateX(0deg);
     }

     25% {
         transform: rotateY(2deg) rotateX(2deg);
     }

     50% {
         transform: rotateY(0deg) rotateX(0deg);
     }

     75% {
         transform: rotateY(-2deg) rotateX(-2deg);
     }

     100% {
         transform: rotateY(0deg) rotateX(0deg);
     }
 }


 .about-section {
     position: relative;
 }

 .section-title {
     font-size: 2rem;
     font-weight: 700;
     color: #222;
 }

 .UyJJG7Xxps {
     position: relative;
 }

 .UyJJG7Xxps .small-image {
     bottom: -20px;
     left: 20px;
     width: 40%;
     border: 4px solid #fff;
 }

 /*
var(--titlecolor)
var(--bdhcolor)
var(--brrgb)
var(--black)
var(--white)
var(--bdcolor)
var(--bshadow)
var(--brcolor)
var(--linkcolor)
var(--pracolor)
var(--bropacity)
*/

 /*1. global css */

 html,
 body {
     overflow-x: hidden;
 }

 .fix {
     overflow: hidden;
 }


 .clear_both {
     clear: both;
 }

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

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

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

 body {
     font-family: 'Inter', sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 16px;
     line-height: 1.6;
     color: var(--pracolor);
     margin: 0;
 }

 p {
     margin: 0;
     transition: .5s;
 }

 h1,
 h1 a,
 h2,
 h2 a,
 h3,
 h3 a,
 h4,
 h4 a,
 h5,
 h5 a,
 h6,
 h6 a {
     font-family: 'Kanit', sans-serif;
     font-style: normal;
     line-height: 1.2;
     font-weight: 500;
     -webkit-transition: .5s;
     transition: .5s;
     color: var(--titlecolor);
     margin: 0 0 10px;
     font-size: 24px;
 }

 h1 {
     font-size: 25.03px;
 }

 h2 {
     font-size: 24.03px;
 }

 h3 {
     font-size: 20.36px;
 }

 h4 {
     font-size: 18.94px;
 }

 h5 {
     font-size: 17.88px;
 }

 h6 {
     font-size: 16.00px;
 }

 img {
     max-width: 100%;
     height: auto;
 }

 a {
     -webkit-transition: .5s;
     transition: .5s;
     text-decoration: none;
     color: var(--linkcolor);
 }

 .btn-primary:focus,
 select:focus,
 textarea:focus,
 input:focus {
     box-shadow: none !important;
     border: none;
 }

 textarea,
 input {
     outline: none;
 }

 .btn:focus {
     text-decoration: none;
     outline: none;
     box-shadow: none;
 }

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

 a:hover {
     color: var(--brcolor);
 }

 .uppercase {
     text-transform: uppercase;
 }

 .capitalize {
     text-transform: capitalize;
 }

 input:focus,
 button:focus {
     border-color: transparent;
     outline-color: transparent;
 }

 textarea:focus {
     border-color: transparent;
     outline-color: transparent;
 }

 hr {
     margin: 60px 0;
     padding: 0;
     border-top: 0;
 }

 .mp-0 {
     margin: 0;
 }

 .mtb-40 {
     margin: 40px 0;
     border-top: 0;
 }

 label {
     cursor: pointer;
     font-weight: 400;
 }

 figure {
     margin: 0;
 }

 *::-moz-selection {
     text-shadow: none;
 }

 ::-moz-selection {
     text-shadow: none;
 }

 ::selection {
     text-shadow: none;
 }

 ::-moz-placeholder {
     font-size: 16px;
 }

 ::-webkit-input-placeholder {
     font-size: 16px;
 }

 :-ms-input-placeholder {
     font-size: 16px;
 }

 ::placeholder {
     font-size: 16px;
 }

 .tts {
     position: relative;
     margin-bottom: 50px;
 }

 .ttit {
     margin: 0 0 -435px 0;
 }

 .ttin .stone {
     display: inline-block;
 }

 .ttin .txbdstitle.tsmall {
     color: #fff;
     font-size: 15px;
     font-weight: 400;
     text-transform: uppercase;
     background-color: #F45B1E;
     border-radius: 50px;
     padding: 8px 30px 8px 30px;
 }

 .slider_area .sttwo {
     font-size: 70px;
     margin: 0 0 11px 0;
 }

 .ttin .txbdstitle {
     margin: auto;
     line-height: 1.4;
     font-size: 40px;
 }

 .txbdbcolor {
     color: var(--brcolor);
 }

 .ttin.text-left p {
     width: 74%;
     margin-right: auto;
     margin-left: 0px;
 }

 .ttin.text-center p {
     margin-right: auto;
     margin-left: auto;
 }

 .ttin p {
     margin-top: 10px;
 }

 .ttin.text-left p {
     width: 100%;
     padding: 0 0 0 0;
 }

 .tts.text-center p {
     width: 62%;
     margin-right: auto;
     margin-left: auto;
 }

 .sttwo {
     padding: 14px 0 0 0;
 }

 p:last-of-type {
     margin-bottom: 0;
 }

 .witr_button_area {
     text-align: left;
     overflow: hidden;
 }

 .slider_area .witr_btn_sinner {
     text-align: center;
 }

 .witr_btn,
 .witr_bbtn,
 .witr_gbtn,
 .witr_gbbtn {
     border-radius: 0;
     display: inline-block;
     padding: 17px 15px 15px 40px;
     text-align: center;
     position: relative;
     z-index: 2;
     transition: 1s;
     background: var(--brcolor);
     color: var(--white);
     margin-right: 15px;
     font-size: 15px;
     font-weight: 600;
     text-transform: uppercase;
 }

 .witr_btn:hover {
     background: var(--brhovercolor);
     color: #fff;
 }

 .witr_bbtn {
     color: #000000;
     border: 2px solid var(--brcolor);
     border-width: 2px;
     border-style: solid;
     border-image: linear-gradient(to right, #ea5c5c, #57adbf) 1;
 }

 .witr_bbtn:hover {
     background-color: transparent;
     background-image: linear-gradient(90deg, #EA5C5C 0%, #57ADBF 100%);
     color: #fff;
     border-color: #57ADBF;
 }

 .mb30 {
     margin-bottom: 30px;
 }

 /*========================
 #11 vw preloader css
=========================*/
 .twr_pretwr_loader_pre {
     width: 100%;
     z-index: 9000;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     cursor: default;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: fixed;
     left: 0;
     top: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
 }

 .twr_pretwr_loader_pre .twr_animation {
     position: absolute;
     z-index: 9999;
     text-align: center;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_circle_pre {
     height: 8em;
     margin: auto;
     width: 8em;
     animation: twr_circle_pre 1s infinite linear;
     border-radius: 50%;
     border: 5px solid transparent;
     border-top-color: var(--brcolor);
     border-bottom-color: var(--brcolor);
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     text-align: center;
     font-weight: 700;
     font-size: 3em;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre {
     position: relative;
     color: rgba(0, 0, 0, 0.2);
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:before {
     content: attr(data-text-pretwr_loader_pre);
     color: var(--brcolor);
     left: 0;
     opacity: 0;
     position: absolute;
     -webkit-transform: rotateY(-90deg);
     transform: rotateY(-90deg);
     -webkit-animation: twr_textletter_pre 4s infinite;
     animation: twr_textletter_pre 4s infinite;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(2):before {
     -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(3):before {
     -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(4):before {
     -webkit-animation-delay: 0.6s;
     animation-delay: 0.6s;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(5):before {
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(6):before {
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(7):before {
     -webkit-animation-delay: 1.2s;
     animation-delay: 1.2s;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(8):before {
     -webkit-animation-delay: 1.4s;
     animation-delay: 1.4s;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(9):before {
     -webkit-animation-delay: 1.6s;
     animation-delay: 1.6s;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(10):before {
     -webkit-animation-delay: 1.8s;
     animation-delay: 1.8s;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(11):before {
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
 }

 .twr_pretwr_loader_pre .twr_animation .twr_text_pre .twr_textletter_pre:nth-child(12):before {
     -webkit-animation-delay: 2.2s;
     animation-delay: 2.2s;
 }

 .twr_pretwr_loader_pre .twr_loader_pre {
     position: fixed;
     top: 0;
     height: 100%;
     font-size: 0;
     z-index: 1;
     pointer-events: none;
     left: 0;
     width: 100%;
 }

 .twr_loader_pre .row {
     height: 100%;
 }

 .twr_loader_pre .trw_prebg {
     padding: 0;
 }

 .twr_loader_pre .trw_prebg .twr_bgoverlay {
     width: 100%;
     -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
     transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
     background-color: var(--white);
     height: 100%;
     left: 0;
 }

 .twr_loader_pre .twr_animation {
     -webkit-transition: 0.3s ease-out;
     transition: 0.3s ease-out;
     opacity: 0;
 }

 .twr_loader_pre .trw_prebg .twr_bgoverlay {
     transition: 0.7s 0.3s;
     width: 0;
 }

 #pretwr_loader_pre {
     right: 0;
     bottom: 0;
     background: var(--white);
     z-index: 99999999;
     position: fixed;
     top: 0;
     left: 0;
 }

 .loding_logo {
     margin-bottom: 30px;
 }

 .twr_precross {
     text-align: center;
     z-index: 99999;
     margin-top: 7px;
     cursor: pointer;
     display: inline-block;
     font-size: 16px;
     color: var(--pracolor);
     font-weight: 400;
 }

 .twr_pre_remove {
     display: none;
 }

 /*=======================
#1 vw body social icon css
========================*/
 .em_slider_social {
     position: fixed;
     right: 30px;
     text-align: center;
     top: 60%;
     z-index: 999999;
 }

 .em_slider_social li {
     display: block;
     list-style: outside none none;
     text-decoration: none;
 }

 .em_slider_social a {
     border-radius: 50%;
     display: inline-block;
     font-size: 13px;
     height: 35px;
     line-height: 33px;
     margin-bottom: 10px;
     text-align: center;
     width: 35px;
     background: var(--brcolor);
     color: var(--white);
 }

 .em_slider_social a:hover {
     background: var(--brcolor);
 }

 @media (min-width: 1400px) {

     .vw-main-menu .container,
     .witr_shortcode_area .container,
     .vw-header-top .container,
     .vw_header_top_two .container,
     .top_crt_style .container {
         max-width: 1320px;
     }
 }

 @media (min-width: 1400px) {
     .container {
         max-width: 1140px;
     }
 }

 .witr_all_pd0 {
     padding: 0;
 }

 .row.slick-slider .col-md-12,
 .row.slick-slider .col-lg-12 {
     margin-left: 15px;
     margin-right: 15px;
     margin-bottom: 1px;
     margin-top: 1px;
 }

 .header-tcwd-alt {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     padding: 18px 36px;
     z-index: 1000;
     backdrop-filter: blur(14px);
     background: rgba(10, 15, 40, 0.65);
     border-bottom: 1px solid rgba(255, 255, 255, 0.18);
 }

 .tcwd-container {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
 }

 .tcwd-logo {
     font-size: 22px;
     font-weight: 700;
     background: linear-gradient(90deg, #ff6a00, #ee0979);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     letter-spacing: 1px;
 }

 .tcwd-nav {
     display: flex;
     gap: 30px;
 }

 .tcwd-nav a {
     text-decoration: none;
     font-size: 16px;
     font-weight: 500;
     color: #f0f0f0;
     padding: 8px 16px;
     border-radius: 14px;
     transition: all 0.3s ease;
 }

 .tcwd-nav a:hover {
     background: linear-gradient(90deg, #ff6a00, #ee0979);
     color: #fff;
     box-shadow: 0 6px 18px rgba(238, 9, 121, 0.35);
 }

 /* Hamburger */
 .tcwd-hamburger {
     display: none;
     font-size: 28px;
     color: #f0f0f0;
     cursor: pointer;
 }

 #tcwd-toggle {
     display: none;
 }

 /* Mobile */
 @media(max-width: 820px) {
     .tcwd-container {
         justify-content: space-between;
     }

     .tcwd-nav {
         position: absolute;
         top: 100%;
         left: 0;
         right: 0;
         background: rgba(10, 15, 40, 0.95);
         flex-direction: column;
         display: none;
         padding: 20px 0;
         gap: 12px;
     }

     #tcwd-toggle:checked~.tcwd-nav {
         display: flex;
     }

     .tcwd-nav a {
         width: 100%;
         text-align: center;
         padding: 12px 0;
         border-bottom: 1px solid rgba(255, 255, 255, 0.15);
     }

     .tcwd-hamburger {
         display: block;
     }
 }

 /* Загальні стилі для футера */
 .cReBmHBmxt {
     background: #111;
     color: #fff;
     padding: 60px 0;
     font-family: 'Poppins', sans-serif;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     animation: fadeIn 1.5s ease-in-out;
 }

 /* Новий клас для обмеження ширини */
 .container-compact {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 /* Стилі для заголовків та тексту */
 .footer-brand-logo {
     font-size: 2.5em;
     font-weight: 700;
     color: #fff;
     text-decoration: none;
     letter-spacing: 2px;
     transition: color 0.3s ease;
 }

 .footer-brand-logo:hover {
     color: #f0f0f0;
 }

 .footer-brand-title {
     font-size: 1.5em;
     font-weight: 500;
     color: #b0b0b0;
     margin-top: 10px;
 }

 .footer-brand-description {
     font-size: 1em;
     color: #888;
     line-height: 1.6;
 }

 /* Стилі для контактів */
 .contact-list,
 .footer-nav-list,
 .XaNBvOnc0a {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .contact-link {
     display: flex;
     align-items: center;
     color: #aaa;
     text-decoration: none;
     margin-bottom: 15px;
     font-size: 0.9em;
     transition: color 0.3s ease;
 }

 .contact-link:hover {
     color: #fff;
 }

 .WhBJF9Ohus {
     font-size: 1.2em;
     margin-right: 10px;
 }

 /* Стилі для навігації */
 .umjuq5fKga {
     font-size: 1.2em;
     font-weight: 600;
     color: #fff;
     margin-bottom: 20px;
     position: relative;
 }

 .umjuq5fKga::after {
     content: '';
     display: block;
     width: 40px;
     height: 3px;
     background: #fff;
     margin-top: 8px;
 }

 .footer-nav-list li {
     margin-bottom: 12px;
 }

 .QqmqUgMXrz {
     color: #aaa;
     text-decoration: none;
     font-size: 0.9em;
     position: relative;
     transition: color 0.3s ease;
 }

 .QqmqUgMXrz::before {
     content: '→';
     position: absolute;
     left: -15px;
     opacity: 0;
     transition: opacity 0.3s ease, left 0.3s ease;
 }

 .QqmqUgMXrz:hover {
     color: #fff;
     transform: translateX(5px);
 }

 .QqmqUgMXrz:hover::before {
     left: -5px;
     opacity: 1;
 }

 /* Стилі для соціальних мереж */
 .gVTODHhaWJ {
     margin-top: 20px;
 }

 .social-heading {
     font-size: 1.2em;
     font-weight: 600;
     color: #fff;
     margin-bottom: 20px;
 }

 .XaNBvOnc0a {
     display: flex;
     gap: 15px;
 }

 .c1Y0aekXST {
     display: block;
     /* Використовуємо display: block для кращого контролю */
     width: 45px;
     height: 45px;
     transition: transform 0.3s ease;
 }

 .social-icon {
     width: 100%;
     height: 100%;
     object-fit: cover;
     /* Забезпечує, що зображення не буде деформовано */
     border-radius: 50%;
     /* Робимо іконки круглими, якщо потрібно */
 }

 .c1Y0aekXST:hover {
     transform: scale(1.1);
     /* Збільшення іконки при наведенні */
 }

 /* Адаптивність */
 @media (max-width: 768px) {
     .cReBmHBmxt {
         padding: 40px 0;
     }

     .footer-brand-widget,
     .footer-nav-widget,
     .gVTODHhaWJ {
         text-align: center;
     }

     .footer-nav-list,
     .contact-list,
     .XaNBvOnc0a {
         justify-content: center;
     }
 }

 /* ===== 1. Top Menu CSS ===== */
 .vw_theme_harea.hdisplay_none {
     display: none;
 }

 .vw-header-top {
     padding: 10px 0;
     background: #2e3ba6;
 }

 .top-address p a {
     display: inline-block;
     text-decoration: none;
     transition: all 0.2s ease-in-out;
 }

 .top-both-p0 .top-address p a,
 .top-both-p0 .top-address p span {
     margin-right: 0px;
     margin-left: 12px;
 }

 /* TOP RIGHT CSS */
 .topsr .em-quearys-form .em-quearys-menu i {
     color: var(--pracolor);
 }

 .top-welcome p span i,
 .top-address p span i,
 .top-address p a i {
     font-size: 13px;
     margin-right: 5px;
 }

 .top-welcome p {
     padding: 0px;
     margin: 0px;
 }

 .ossos .em-quearys-top.msin-menu-search .em-quearys-menu i {
     height: auto;
     width: auto;
     line-height: initial;
     margin-left: 0;
 }

 /* Градієнт для тексту */
 .m4ATYBZzaL {
     background: linear-gradient(90deg, #007bff, #00c9a7);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 /* Кнопка */
 .btn-gradient {
     background: linear-gradient(90deg, #007bff, #00c9a7);
     color: #fff;
     border: none;
     transition: all 0.3s ease-in-out;
 }

 .btn-gradient:hover {
     background: linear-gradient(90deg, #00c9a7, #007bff);
     transform: translateY(-3px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
 }

 /* Info-box hover */
 .info-box {
     background: #fff;
     transition: all 0.3s ease-in-out;
 }

 .info-box:hover {
     transform: translateY(-4px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
 }

 /* Карта */
 .map-container iframe {
     width: 100%;
     border-radius: 12px;
 }

 /* Форми */
 .form-control:focus {
     border-color: #00c9a7;
     box-shadow: 0 0 0 0.25rem rgba(0, 201, 167, 0.25);
 }

 /* top menu */
 .top-right-menu .menu-item-has-children>a:after {
     margin-left: 4px;
     content: "\e64b";
     font-family: themify;
     font-size: 14px;
 }

 .social-icons a i {
     border-radius: 5px;
     display: inline-block;
     font-size: 15px;
     text-align: center;
 }

 /* sub menu css */
 .top-right-menu ul .sub-menu {
     position: absolute;
     left: 0;
     top: 134%;
     visibility: hidden;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     width: 150px;
     text-align: left;
     z-index: 999999;
     transition: .5s;
     margin: 0;
     padding: 0;
     background: var(--brcolor);
     border-top: 1px solid var(--white);
 }

 .top-right-menu ul.social-icons li:hover .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
 }

 .top-right-menu ul .sub-menu li {
     padding: 5px 0px 5px;
 }

 .top-right-menu ul .sub-menu li a {
     font-size: 14px;
 }

 .top-right-menu ul .sub-menu ul {
     display: none;
 }

 .top-address.em-login a+a {
     margin-right: 0;
 }

 .top-address.em-login p a i,
 .top-address.em-login p a i {
     margin-right: 5px;
 }

 .top-address.em-login a+a:before {
     content: "|";
     margin-right: 12px;
 }

 .MXM0xRr3RH {
     text-align: center;
 }

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

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

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

 /* top opening */
 .top-address.menu_18 span {
     padding: 8px 15px 9px;
     display: inline-block;
 }

 .top-right-menu ul.social-icons.menu_18,
 .top-right-menu ul.social-icons.menu_19 {
     padding: 7px 0;
 }

 .em-login.menu_18,
 .em-quearys-top.menu_19 {
     padding: 7px 0;
 }

 .ossos .em-quearys-top.msin-menu-search {
     float: right;
 }

 /* address left right icon */
 .top-right-menu.litop {
     float: left;
 }

 .tx_top_together {
     display: flex;
     justify-content: flex-start;
 }

 /*===== vw top menu css =====*/
 .vw_theme_harea.hdisplay_none {
     display: none;
 }

 .top-address p a {
     display: inline-block;
     text-decoration: none;
     transition: all 0.2s ease-in-out;
 }

 .top-right-menu .social-icons {
     margin: 0;
     padding: 0;
 }

 /* TOP RIGHT CSS */
 .top-welcomet p span,
 .top-welcomet p a,
 .top-welcome p span,
 .top-welcome p a,
 .top-welcome p,
 .top-address p a,
 .top-right-menu .social-icons li a,
 .top-address p span,
 .ossos .em-quearys-menu i {
     font-size: 15px;
     font-weight: 500;
     color: var(--white);
 }

 .topsr .em-quearys-form .em-quearys-menu i {
     color: var(--pracolor);
 }

 .top-welcome p span i,
 .top-address p span i,
 .top-address p a i {
     font-size: 13px;
     margin-right: 5px;
 }

 .top-welcome p {
     padding: 0px;
     margin: 0px;
 }

 .ossos .em-quearys-top.msin-menu-search .em-quearys-menu i {
     height: auto;
     width: auto;
     line-height: initial;
     margin-left: 0;
 }

 /* top menu */
 .top-right-menu .social-icons {
     margin: 4px 0 0;
     padding: 0;
     display: flex;
     justify-content: flex-end;
 }

 .top-right-menu .social-icons li {
     position: relative;
     list-style: none;
 }

 .top-right-menu .text-right li {
     margin-left: 5px;
 }

 .top-right-menu .social-icons li a i {
     width: auto;
     height: auto;
     line-height: initial;
     background: none;
 }

 .top-right-menu .social-icons li a {
     display: inline-block;
     text-decoration: none;
     transition: all 0.2s ease-in-out;
     font-size: 15px;
 }

 .top-right-menu .menu-item-has-children>a:after {
     margin-left: 4px;
     content: "\e64b";
     font-family: themify;
     font-size: 14px;
 }

 /* sub menu css */
 .top-right-menu ul .sub-menu {
     position: absolute;
     left: 0;
     top: 134%;
     visibility: hidden;
     opacity: 0;
     width: 150px;
     text-align: left;
     z-index: 999999;
     transition: .5s;
     margin: 0;
     padding: 0;
     background: var(--brcolor);
     border-top: 1px solid var(--white);
 }

 .top-right-menu ul.social-icons li:hover .sub-menu {
     opacity: 1;
     visibility: visible;
 }

 .top-right-menu ul .sub-menu li {
     padding: 5px 0px 5px;
 }

 .top-right-menu ul .sub-menu li a {
     font-size: 14px;
 }

 .top-right-menu ul .sub-menu ul {
     display: none;
 }

 .top-address.em-login a+a {
     margin-right: 0;
 }

 .top-address.em-login p a i,
 .top-address.em-login p a i {
     margin-right: 5px;
 }

 .top-address.em-login a+a:before {
     content: "|";
     margin-right: 12px;
 }

 .MXM0xRr3RH {
     text-align: center;
 }

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

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

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

 /* top opening */
 .top-address.menu_18 span {
     padding: 8px 15px 9px;
     display: inline-block;
 }

 .top-address.text-left span {
     display: inline-block;
 }

 .top-right-menu ul.social-icons.menu_18,
 .top-right-menu ul.social-icons.menu_19 {
     padding: 7px 0;
 }

 .em-login.menu_18,
 .em-quearys-top.menu_19 {
     padding: 7px 0;
 }

 .ossos .em-quearys-top.msin-menu-search {
     float: right;
 }

 /* address left right icon */
 .top-right-menu.litop {
     float: left;
 }

 .tx_top_together {
     display: flex;
     justify-content: flex-start;
 }

 .top-address p span,
 .top-address p a {
     margin-right: 20px;
 }

 .top_crmenu_l ul,
 .top_crt_style {
     background: #ffffff;
 }

 .top_crt_style {
     padding: 13px 0 12px;
 }

 .top-right-menu .text-right li {
     margin-left: 15px;
 }

 .top-right-menu .social-icons li a {
     font-size: 15px;
     display: flex;
     align-items: center;
     color: var(--white);
     font-weight: 500;
 }

 .top_crt_style .main_sticky_l {
     display: none;
 }

 .single_header_address {
     text-align: left;
     display: flex;
     align-items: center;
 }

 .creative_header_icon {
     margin-right: 10px;
     overflow: hidden;
 }

 .creative_header_icon i {
     font-size: 20px;
     display: inline-block;
     width: 50px;
     height: 46px;
     line-height: 46px;
     text-align: center;
     border-radius: 50%;
     background: #f3f3f3;
     color: #2e3ba6;
 }

 .creative_header_address_text>p,
 .creative_header_address_text>p>a,
 .top_crmenu_l li a,
 .cr_top_addess p span,
 .cr_top_addess p a {
     font-family: "Spline Sans", Arial, Helvetica, sans-serif;
     font-weight: 700;
     font-style: normal;
     color: #0d0d3f;
     font-size: 17px;
 }

 .creative_header_address_text>h3 {
     font-weight: 400;
     font-style: normal;
     color: #28b79a;
     font-size: 16px;
     margin-bottom: 5px;
     padding: 0;
 }

 .creative_header_address {
     padding-left: 46px;
 }

 /* ===== 2. Menu Area CSS ===== */
 .vw_nav_area,
 .trp_nav_area,
 .transprent-menu .vw_nav_area {
     padding-right: 150px;
     padding-left: 150px;
 }

 .witr_h_h8 .vw_nav_area.prefix,
 .witr_h_h8 .hbg2 {
     background: transparent;
 }

 .vw-main-menu.one_page.hidden-xs.hidden-sm.witr_h_h8 .logo {
     text-align: center;
 }

 .witr_h_h8 .row.logo-left div {
     width: 100%;
     text-align: center;
 }

 .vw_menu div.em-header-quearys {
     text-align: center;
 }

 .logo-left .logo {
     padding: 10px 0;
 }

 .all_header_abs {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     z-index: 999;
 }

 .vw_menu ul {
     text-align: right;
     list-style: none;
     margin-top: 0;
     margin-bottom: 0;
     padding: 0;
 }

 .vw_menu>ul>li {
     display: inline-block;
     position: relative;
 }

 .vw_menu>ul>li>a {
     display: block;
     margin: 35px 15px;
     transition: .2s;
     position: relative;
     font-size: 17px;
     font-weight: 600;
     text-transform: capitalize;
     color: #fff;
 }

 .vw_menu ul li:last-child a {
     margin-right: 0px;
 }

 .vw_menu>ul>li.current-menu-item>a,
 .vw_menu>ul>li>a:hover,
 .vw_menu>ul>li>a:hover:before,
 .vw_menu>ul>li.current-menu-item>a:before {
     color: var(--brcolor);
     opacity: 1;
 }

 .vw_menu>ul>li.current-menu-item>a,
 .vw_menu>ul>li>a:hover,
 .creative_header_menu>ul>li:hover>a {
     background: transparent;
 }

 .tx_menu_together,
 .tx_bs_together {
     display: flex;
     align-items: center;
     justify-content: end;
 }

 .vw-main-menu.one_page.hidden-xs.hidden-sm.witr_h_h7 {
     background: var(--black);
 }



 /* sub menu style */
 .vw_menu ul .sub-menu {
     position: absolute;
     left: 0;
     top: 130%;
     width: max-content;
     min-width: 205px;
     max-width: 320px;
     text-align: left;
     margin: 0;
     padding: 15px 5px 14px;
     z-index: 9999;
     box-shadow: 0 0 30px rgb(0 0 0 / 9%);
     opacity: 0;
     visibility: hidden;
     background: var(--white);
 }

 .vw_menu ul li:hover>.sub-menu {
     -webkit-transition: .5s;
     transition: .5s;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 100%;
     z-index: 9;
 }

 .vw_menu ul .sub-menu li {
     position: relative;
     transition: .5s;
 }

 .vw_menu ul .sub-menu li:hover {
     margin-left: 5px;
 }

 .vw_menu ul .sub-menu li a {
     display: block;
     margin: 0;
     letter-spacing: normal;
     font-size: 16px;
     font-weight: 500;
     transition: .5s;
     padding: 7px 17px;
     visibility: inherit !important;
 }

 .vw_menu ul .sub-menu .current-menu-item>a,
 .vw_menu ul .sub-menu li:hover>a,
 .vw_menu ul .sub-menu .sub-menu li:hover>a,
 .vw_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
 .vw_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
     color: var(--brcolor);
 }

 /* logo sticky */
 .vw-main-menu .logo a.main_sticky_main_l {
     display: block;
 }

 .vw-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
 }

 .vw-main-menu .prefix .logo a.main_sticky_l {
     display: block;
 }

 .vw-main-menu .logo a.main_sticky_l {
     display: none;
 }

 .hmenu_box_style.hbg2 .logo a.main_sticky_l {
     display: block;
 }

 .hmenu_box_style.hbg2 .logo a.main_sticky_main_l {
     display: none;
 }

 .align_item_center,
 .logo-right,
 .logo-left {
     -webkit-box-align: center;
     -ms-flex-align: center;
     -ms-grid-row-align: center;
     align-items: center;
 }

 /* sub menu 2 */
 .vw_menu ul .sub-menu .sub-menu {
     left: 100%;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
 }

 .vw_menu ul .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0;
 }

 /* sub menu 3 */
 .vw_menu ul .sub-menu .sub-menu li {
     position: relative;
 }

 .vw_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     visibility: hidden;
 }

 .vw_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
 }

 /* sub menu 4 */
 .vw_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
 }

 .vw_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {}

 .vw_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
 }

 /* used has submenu icon */
 .vw-main-menu .menu-item-has-children>a:after {
     margin-left: 5px;
     content: "\e64b";
     font-family: 'themify';
     speak: none;
     font-variant: normal;
     text-transform: none;
     opacity: 1;
     font-size: 11px;
     font-weight: normal;
     width: 13px;
     height: 13px;
 }

 .vw_menu ul .sub-menu li:before,
 .vw_menu ul .sub-menu li a {
     color: #444;
 }

 /* stycky nav js */
 .transprent-menu.menu4 {
     position: relative;
 }

 .transprent-menu {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background: transparent;
     transition: .5s;
     position: absolute;
 }

 .vw_nav_area.postfix {
     transition: .5s;
 }

 /* default sticky menu */
 .prefix {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999;
     transition: .5s;
 }

 .vw_nav_area.prefix,
 .hbg2 {
     background: rgba(0, 0, 0, 0.7);
 }

 /* transparent sticky menu  */
 .trp_nav_area {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     transition: .5s;
 }

 /* menu button */
 .qs-btn-header {
     display: inline-block;
 }

 .creative_header_button .dtbtn {
     display: inline-block;
     font-size: 15px;
     margin-left: 0;
     border-radius: 30px;
     padding: 14.5px 41px;
     font-weight: 500;
     text-transform: uppercase;
     background: #0d0d3f;
     color: #fff;
 }

 .creative_header_button {
     padding-left: 30px;
     text-align: right;
 }

 .dtbtn {
     display: block;
     font-size: 15px;
     margin-left: 20px;
     font-weight: 600;
     border-radius: 0;
     padding: 10px 13px 10px 30px;
     color: #fff;
     background: var(--brcolor);
 }

 .qs-btn-header .dtbtn i {
     background: #fff;
     padding: 8px;
     margin-left: 24px;
     color: #000;
     font-weight: 700;
 }

 /* box menu css  */
 .hmenu_box_style {
     border-radius: 5px;
 }

 .hmenu_box_style.hbg2 {
     margin-top: 0px;
     padding: 0px;
 }

 /* scroll sticky color */
 .witr_h_box .vw_menu>ul>li>a,
 .heading_style_2 .vw_menu>ul>li>a,
 .heading_style_3 .vw_menu>ul>li>a,
 .heading_style_4 .vw_menu>ul>li>a,
 .heading_style_5 .vw_menu>ul>li>a,
 .prefix .vw_menu>ul>li>a,
 .transprent-menu .dtbtn,
 .prefix .dtbtn,
 .trp_nav_area .dtbtn,
 .prefix .em-quearys-menu i,
 .prefix .mcallicon i,
 .prefix .mcallphone p,
 .prefix .mcallphone p a,
 .prefix .site-title a,
 .prefix .site-description,
 .prefix .right_sideber_menu i {
     color: #fff;
 }

 .prefix .em-quearys-menu .t-close {
     color: var(--titlecolor);
 }

 .vw_nav_area.prefix .vw_menu>ul>li.current>a {
     color: var(--brcolor);
 }

 .witr_h_box .vw_menu>ul>li>a:hover,
 .heading_style_2 .vw_menu>ul>li>a:hover,
 .heading_style_3 .vw_menu>ul>li>a:hover,
 .heading_style_4 .vw_menu>ul>li>a:hover,
 .heading_style_5 .vw_menu>ul>li>a:hover,
 .hbg2 .vw_menu>ul>li>a:hover,
 .prefix .vw_menu>ul>li>a:hover {
     color: var(--brcolor);
 }

 .em_menu_login {
     margin-left: 10px;
 }

 .em_menu_login .dtbtn {
     display: inline-block;
     margin-left: 10px;
     padding: 9px 26px;
     color: var(--titlecolor);
 }

 .em_menu_login .noactive.dtbtn {
     background: var(--white);
     border-color: var(--brcolor);
 }

 .em_menu_login .noactive.dtbtn:hover {
     background: var(--titlecolor);
     border-color: var(--titlecolor);
 }

 /* headroom menu css */
 .headroom--pinned {
     -webkit-transform: translateY(0);
     transform: translateY(0);
 }

 .headroom--unpinned {
     transform: translateY(-100%);
 }

 .header--fixed {
     position: fixed;
     z-index: 10;
     right: 0;
     left: 0;
     top: 0;
     transition: -webkit-transform .25s ease-in-out;
     transition: transform .25s ease-in-out;
     transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
     will-change: transform;
     background: var(--white);
     border-bottom: 1px solid #f9f9f9;
 }

 /* menu search */
 .top-quearys-style i {
     color: var(--titlecolor);
 }

 .em-top-quearys-area {
     position: relative;
 }

 .em-header-quearys {
     list-style: none;
 }

 .em-quearys-menu i {
     border-radius: 50px;
     display: inline-block;
     text-align: center;
 }

 .topsr .em-quearys-menu {
     text-align: center;
 }

 .em-quearys-inner {}

 .em-quearys-form {
     width: 100%;
     max-width: 895px;
     margin: auto;
     padding: 30px 0;
 }

 .top-form-control {
     position: relative;
 }

 .top-form-control input {
     font-size: 30px;
     font-weight: 500;
     padding: 17px 40px 15px 15px;
     width: 100%;
     border: none;
     box-shadow: 0px 0px 30px 0px var(--bshadow);
     background: var(--white);
     border-radius: 10px;
 }

 .top-form-control input::-webkit-input-placeholder {
     font-size: 30px;
     color: var(--titlecolor);
 }

 .top-form-control input::-moz-placeholder {
     font-size: 30px;
     color: var(--titlecolor);
 }

 .top-form-control input:-ms-input-placeholder {
     font-size: 30px;
     color: var(--titlecolor);
 }

 .top-form-control button.top-quearys-style {
     position: absolute;
     right: 10px;
     top: 54%;
     background: transparent;
     font-size: 38px;
     border: none;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .em-s-hidden {
     display: none !important;
 }

 .em-quearys-inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: fixed;
     top: 0;
     left: -150%;
     width: 100%;
     height: 100%;
     z-index: 10000;
     transition: .5s;
     visibility: hidden;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     left: -150%;
 }

 .em-s-open {
     visibility: visible;
     opacity: 1;
     left: 0;
     background: var(--bropacity);
     transition: 1s;
 }

 .vw_menu.main-search-menu>.em-header-quearys,
 .em-quearys-top.msin-menu-search {
     display: inline-block;
 }

 .em-quearys-top.msin-menu-search .em-quearys-menu i {
     height: 36px;
     width: 36px;
     line-height: 36px;
     margin-left: 25px;
     cursor: pointer;
     box-shadow: none;
     color: #fff;
 }

 .em-quearys-top.msin-menu-search .em-header-quearys-close .em-quearys-menu i {
     color: var(--black);
     background: #fff;
 }

 .vw_menu div.em-header-quearys {
     text-align: center;
 }

 /* menu social  */
 .p_menu_social {
     margin: 0 0 0 15px;
 }

 .p_menu_social a {
     height: 36px;
     width: 36px;
     line-height: 36px;
     margin: 0 5px;
     box-shadow: 0 0 10px 0px #9797974a;
     display: inline-block;
     text-align: center;
     border-radius: 50px;
 }

 /* Popup menu Css */
 .menu_popup_option {
     margin-left: 20px;
     margin-right: 5px;
 }

 .right_sideber_menu_inner {
     position: fixed;
     right: 0;
     width: 400px;
     top: 0;
     height: 100%;
     z-index: 999;
     overflow: auto;
     padding: 80px 20px 0px;
     display: block;
     transition: 0.5s all;
     box-shadow: 0 0 30px rgb(0 0 0 / 7%);
     transform: translateX(100%);
     background: var(--white);
 }

 .right_sideber_menu_inner .vw_theme_widget>div.widget_block {
     padding: 0;
 }

 .right_sideber_menu_inner .vw_theme_widget>div {
     padding: 20px 0px 20px;
     box-shadow: none;
 }

 .tx-s-open {
     -webkit-transform: translateX(0);
     transform: translateX(0);
 }

 .right_sideber_menu i {
     font-size: 22px;
     cursor: pointer;
 }

 .prefix .right_close_class .right_sideber_menu i,
 .right_close_class .right_sideber_menu i {
     font-size: 22px;
     font-weight: 700;
     color: var(--titlecolor) !important;
 }

 .right_side_icon.right_close_class {
     position: absolute;
     right: 30px;
     top: 50px;
 }

 .dtbtn:hover,
 .em-quearys-top.msin-menu-search .em-quearys-menu i:hover,
 .p_menu_social a:hover {
     background: #f45b1e;
     border-color: #f45b1e;
     color: var(--white);
 }

 .em-quearys-menu i:hover,
 .p_menu_social a:hover {
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
 }

 /* manu aligment code */
 .mainmenu_width_tx.container {
     padding: 0;
 }

 .witr_h_h12 .vw_menu,
 .witr_h_h13 .vw_menu {
     display: flex;
     justify-content: space-between;
 }

 .witr_h_h13 .col-md-12 {
     padding-right: 0;
 }

 .witr_h_h2 .vw_menu,
 .witr_h_h3 .vw_menu,
 .witr_h_h4 .vw_menu,
 .witr_h_h5 .vw_menu,
 .witr_h_h6 .vw_menu,
 .witr_h_h7 .vw_menu,
 .witr_h_h8 .vw_menu,
 .witr_h_h9 .vw_menu,
 .witr_h_h10 .vw_menu,
 .witr_h_h11 .vw_menu,
 .witr_h_h14 .vw_menu,
 .witr_h_h17 .vw_menu,
 .witr_h_box .vw_menu {
     display: -ms-flexbox;
     display: flex;
     justify-content: flex-end;
     align-items: center;
 }

 .witr_h_h8 .row.logo-left nav.vw_menu.nologo_menu13.main-search-menu {
     flex-direction: column;
 }

 .tx_relative_m,
 .tx_top2_relative {
     position: relative;
 }

 .search_popup_button,
 .tx_mmenu_together,
 .search_popup_button,
 .tx_mmenu_together,
 .number_align {
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: flex-end;
 }

 .tx_mmenu_together .qs-btn-header {
     padding: 0;
 }

 /* witr_h_h18 shop aligment menu css */
 .main_menu_div {
     position: relative;
 }

 .witr_shop_sc .vw_menu ul {
     text-align: left;
 }

 .tx_mmenu_together .qs-btn-header {
     padding: 0;
 }

 .witr_shop_sc .qs-btn-header,
 .witr_shop_sc .em_top_cart.hshop {
     padding: 0;
 }

 .witr_shop_sc .em-quearys-menu i {
     border-radius: 3px;
     margin-right: 20px;
     margin-top: 7px;
 }

 .witr_shop_sc a.cart-contents {
     border-radius: 3px;
     padding: 8px;
     margin-top: 3px;
     display: block;
 }

 .witr_shop_sc a.dtbtn {
     margin-left: 20px;
 }

 .witr_shop_sc .em-header-quearys {
     text-align: center;
 }

 /* witr_h_h21 menu css */
 .sb_popup .tx_mmenu_together {
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }

 /* witr_h_h22 menu css */
 .menu_search {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .main_menu_address_a {
     display: flex;
     align-items: center;
     margin-left: 30px;
 }

 .mcallphone p {
     margin-left: 20px;
 }

 /* without menu popup icon */
 .right_side_menu_icon {
     position: fixed;
     right: 0;
     top: 0;
     z-index: 9;
 }

 .right_side_menu_icon .right_sideber_menu i {
     color: var(--white);
     background: #fb3b00;
     padding: 25px;
 }

 .wrapper {
     position: relative;
 }

 .all_header_abs {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     z-index: 999;
 }

 .ps_absulate {
     position: absolute !important;
     top: -154px;
     right: 0;
     left: 0;
     z-index: 999;
 }

 .psc_absolute {
     position: absolute !important;
     top: -340px;
     right: 0;
     left: 0;
     z-index: 999;
 }

 /* user login */
 .logged-in .header--fixed,
 .logged-in .right_side_menu_icon,
 .logged-in .prefix,
 .logged-in .trp_nav_area,
 .logged-in .transprent-menu .vw_nav_area.prefix,
 .logged-in .trp_nav_area.hbg2 {
     top: 32px;
 }

 .mini_shop_content {
     position: relative;
     margin-left: 15px;
 }

 .mini_shop_content a i {
     font-size: 20px;
     box-shadow: 0 0 30px 0 #d6c3c303;
     padding: 8px;
     border-radius: 100%;
     color: #222429;
     background: var(--white);
 }

 .mini_shop_content a span.count {
     position: absolute;
     right: -6px;
     top: 1px;
     border-radius: 100%;
     width: 20px;
     height: 20px;
     text-align: center;
     font-size: 13px;
     color: var(--white);
     line-height: 20px;
     background: var(--brcolor);
 }

 .twr_mini_cart {
     position: absolute;
     right: 0;
     top: 130%;
     width: 300px;
     z-index: 999;
     opacity: 0;
     visibility: hidden;
     transition: 0.2s;
 }

 .twr_mini_cart .widget_shopping_cart {
     background: var(--white);
     width: 300px;
     padding: 14px 10px 10px;
     box-shadow: 0 0 18px 0 #0a0a0a0d;
     height: 250px;
     overflow-y: scroll;
 }

 .twr_mini_cart p.woocommerce-mini-cart__empty-message {
     margin: 0;
     padding: 20px 23px 25px;
 }

 .mini_shop_content:hover .twr_mini_cart {
     opacity: 1;
     top: 167%;
     visibility: visible;
 }

 /*=======================
#2 mobile menu css
========================*/
 .mobile-menu {
     display: none !important;
 }

 @media (max-width: 991px) {

     .search_popup_button,
     .tx_mmenu_together {
         display: none;
     }

 }

 .mobile_logo_area {
     display: none !important;
 }

 .mean-container a.meanmenu-reveal {
     display: none !important;
 }

 .mean-container .mean-nav>ul {
     padding: 0;
     margin: 0;
     width: 100%;
     list-style-type: none;
     display: block !important;
 }

 .mean-container .mean-bar {
     background: #fff;
     padding: 0;
 }

 .mean-container .mean-nav ul li {
     border-top: 0px solid #ddd;
 }

 .mean-container .mean-nav ul li li a,
 .mean-container .mean-nav ul li a {
     color: #444;
 }

 .mean-container .mean-nav ul li li a {
     border-top: 1px solid #ddd;
 }

 .mean-container .mean-nav ul li a:hover {
     color: #ff4a17;
 }

 .mobile_p {
     position: fixed;
     right: 0;
     width: 300px;
     padding: 80px 20px 0px;
     overflow-y: scroll;
     top: 0;
     height: 100%;
     z-index: 9999;
     display: block;
     transition: 0.5s all;
     box-shadow: 0 0 30px rgb(0 0 0 / 7%);
     transform: translateX(100%);
     background: #ffffff;
 }

 .tx-s-open {
     transform: translateX(0);
 }

 .mobile_p .tuetion_theme_widget>div.widget_block {
     padding: 0;
 }

 .mobile_p .tuetion_theme_widget>div {
     padding: 20px 0px 20px;
     box-shadow: none;
 }

 .mobile_p {}

 .mean-container .mean-nav ul li a {
     border: 0;
     width: 92%;
     border-top: 1px solid #dddddd;
     font-size: 14px;
     padding: 12px 11px;
 }

 .mean-container .mean-nav ul li a.mean-expand {
     top: 0px;
     width: 26px;
     height: 23px;
     line-height: 23px;
     text-align: center;
     background: #66666617;
 }

 .mean-container .mean-nav ul li a.mean-expand:hover {
     background: #66666617;
 }

 .mobile_opicon {
     text-align: right;
     padding: 4px 0;
 }

 .mean-container .mean-nav>ul>li:first-child>a {
     border-top: 0;
 }

 .mobilemenu_con {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .mobile_menu_o i {
     font-size: 26px;
 }

 .mobile_menu_content .mobile_menu_logo {
     margin-bottom: 20px;
 }

 .mobile_cicon {
     position: absolute;
     right: 30px;
     top: 50px;
 }

 .mobile_overlay {
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     opacity: 0;
     z-index: 999;
     width: 100vw;
     height: 100vh;
     visibility: hidden;
     position: fixed;
     background: rgba(0, 0, 0, 0.8);
     transition: all 0.3s ease-out 0s;
 }

 .mobile_overlay.mactive {
     opacity: 1;
     visibility: visible;
 }

 .footer-social-icon.htop-menu-s {
     padding: 0;
     display: inline-block;
     margin-left: 30px;
 }

 .footer-social-icon {
     text-align: center;
 }

 .footer-social-icon.htop-menu-s a i {
     font-size: 15px;
     height: 40px;
     line-height: 40px;
     margin: 0 1px;
     width: 40px;
     background: #86bb47;
     color: #fff;
     display: inline-block;
 }

 .footer-social-icon a i {
     border-radius: 50px;
     display: inline-block;
     text-align: center;
     transition: .3s;
 }

 .footer-social-icon a i:hover {
     background: #fdc400;
 }

 /*===== 3. Slider Area CSS =====*/
 .txbdsinner {
     align-items: center;
     display: flex;
     height: 917px;
     justify-content: flex-start;
     text-align: left;
     margin: auto;
     width: 68.29%;
 }

 .txbdslider {
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     position: relative;
     z-index: 1;
 }

 .txbdslider::before {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     content: "";
     z-index: -1;
     background-color: transparent;
     background-image: linear-gradient(45deg, #000000E3 0%, #F2295B00 100%);
 }

 .sstone {
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 0.6px;
 }

 .allleft .txbdstitle {
     width: 100%;
     margin-left: 0;
     margin-right: auto;
 }

 .txbdsinner .txbdstitle {
     margin: auto;
     margin-bottom: 0px;
 }

 .ssttwo {
     color: #fff;
     font-size: 65px;
     text-transform: uppercase;
     padding: 20px 0px 10px 0px;
 }

 .hlight span {
     color: var(--brcolor);
 }

 .txbdscontent p {
     color: #fff;
 }

 .allleft p {
     margin-left: 0;
     margin-right: auto;
 }

 .txbdsinner p {
     margin-top: 16px;
     width: 68%;
 }

 .slider_area .allcostyle {
     padding: 0;
     margin-top: 30px;
     margin-bottom: 0;
 }

 .allcostyle .btnallt {
     color: #fff;
     background: #F45B1E;
     border-style: none;
     border-radius: 0;
     margin: 10px 0 0 0;
     padding: 10px 12px 10px 30px;
 }

 .btnall {
     border: 1px solid var(--bdcolor);
     display: inline-block;
 }

 .btnallt {
     font-size: 16px;
     font-weight: 500;
 }

 .txbdbrac,
 .btnallactive,
 .iconallactive i {
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
 }

 .txbdsbtn .btnall {
     margin-right: 10px;
 }

 .txbdsbtn {
     margin-top: 30px;
 }

 .txbdsbtn a i {
     background: #1e2023;
     padding: 10px 12px;
     margin-left: 30px;
     transition: .5s;
 }

 .txbdsbtn a:hover i {
     background: #f45b1e;
     transition: .5s;
 }

 .witr_swiper_area .witr_carousel_main .allcostyle {
     border: none;
 }

 .txbdslider .witr_carousel_main .allcostyle {
     padding: 0;
     background: 0;
     margin-bottom: 0;
     margin-top: 30px;
     box-shadow: none;
 }

 .allcostyle .btnallt:hover {
     color: #1E2023;
     background: #fff;
     border-style: none;
 }

 .txbdsbtn {
     margin-top: 30px;
 }

 .btnallt {
     position: relative;
 }

 .btnallactive {
     position: relative;
 }

 .txbdssocial ul li {
     list-style: none;
     display: inline-block;
 }

 .txbdssocial ul li a {
     color: #DB2121;
     font-size: 15px;
     height: 35px;
     width: 35px;
     line-height: 35px;
     text-align: center;
     border-radius: 5px;
     margin: 30px 5px 0;
     display: inline-block;
     background: #fff;
     transition: .5s;
 }

 .txbdssocial ul li a:hover {
     color: #fff;
     background: #1C1C1C;
 }

 .cg_slider_area .allcostyle {
     margin: 0;
     padding: 0;
     margin-bottom: 0;
     margin-top: 30px;
 }

 /* pagination bullet */
 .witr_swiper_area .swiper-pagination-bullet {
     width: 15px;
     height: 15px;
     background: #fff;
 }

 /* progressbar */
 .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #821F05;
 }

 .witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar {}

 .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
 .witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar {
     height: 10px;
 }

 /* scrollbar */
 .witr_swiper_area .swiper-scrollbar-drag {
     background: #821F05;
 }

 .witr_swiper_area .swiper-container-horizontal>.swiper-scrollbar {
     background: rgba(0, 0, 0, .0);
 }

 .witr_swiper_area .swiper-scrollbar-drag,
 .witr_swiper_area .swiper-container-horizontal>.swiper-scrollbar {
     height: 10px;
 }

 /* pagination prev next */
 .swiper-button-prev,
 .swiper-button-next {
     background-image: inherit !important;
     color: #fff;
     transition: .5s;
     outline: none;
 }

 .video_page_area .swiper-button-prev,
 .video_page_area .swiper-button-next {
     background-image: inherit !important;
     color: #fff;
     transition: .5s;
     outline: none;
     display: none;
 }

 .swiper-button-prev:hover,
 .swiper-button-next:hover {
     color: #e0a067;
     background: #fff;
     padding: 30px;
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     font-size: 30px;
 }

 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
     opacity: 0 !important;
 }

 .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #821F05;
 }

 .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #821F05;
 }

 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     transform: scale(0);
     transform-origin: left top;
 }

 /* pagination prev next */
 .swiper-button-prev,
 .swiper-button-next {
     background-image: inherit !important;
     color: #fff;
     transition: .5s;
     outline: none;
 }

 .video_page_area .swiper-button-prev,
 .video_page_area .swiper-button-next {
     background-image: inherit !important;
     color: #fff;
     transition: .5s;
     outline: none;
     display: none;
 }

 .swiper-button-prev:hover,
 .swiper-button-next:hover {
     color: #05454e;
     background: #fff;
     padding: 30px;
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     font-size: 30px;
 }

 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
     opacity: 0 !important;
 }

 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #e0a067;
 }

 .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
 .witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar {
     height: 5px;
 }

 /*===== Slider Area CSS =====*/
 .htab_page_menu .vw_menu>ul>li>a {
     color: var(--linkcolor);
 }

 .htab_page_menu .prefix .vw_menu>ul>li>a {
     color: var(--white);
 }

 .htab_page_menu .em-quearys-top.msin-menu-search .em-quearys-menu i {
     color: #111111;
 }

 .htab_page_menu .prefix .em-quearys-top.msin-menu-search .em-quearys-menu i {
     color: #fff;
 }

 .tab_page_slider {
     background-image: url("assets/images/cont-bg.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     position: relative;
 }

 .tab_page_slider::before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: transparent;
     background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
     opacity: 0.93;
 }

 .divider_text {
     color: #F45B1E;
     font-size: 18px;
     margin-left: 80px;
 }

 .divider-separator {
     position: relative;
 }

 .divider-separator::before {
     content: "";
     position: absolute;
     width: 70px;
     height: 2px;
     top: 50%;
     left: -1px;
     transform: translateY(-50%);
     background: #f45b1e;
 }

 .tab_page_slider .sttwo {
     font-size: 53px;
     text-transform: uppercase;
     padding: 12px 0 0 0;
 }

 .tab_page_slider .stthree {
     font-size: 53px;
     text-transform: uppercase;
 }

 .tab_page_slider .ttin p {
     margin-top: 25px;
 }

 .tab_page_slider .tts {
     margin-bottom: 40px;
 }

 .sl_left_img {
     text-align: center;
 }

 .sl_left_img img {
     margin-top: 110px;
     z-index: 1;
     position: relative;
 }

 .sl_witr_cont {
     margin-top: 268px;
 }

 /*===== 4. Capabilyties Area CSS =====*/
 .cg_capabily_area {
     background: #F45B1E;
 }

 .capabily_left {
     background: #1E2023;
     border-top: 4px solid #F45B1E;
     padding: 42px 40px 40px;
     margin-top: -100px;
     z-index: 9;
     position: relative;
 }

 .all_list_color {
     text-align: left;
 }

 .all_list_color h2 a,
 .all_list_color h2 {
     color: #fff;
     text-transform: uppercase;
 }

 .witrlistw ul {
     padding: 0;
 }

 .all_list_color ul li a,
 .all_list_color ul li span {
     color: #fff;
     border-style: solid;
     border-width: 0px 0px 1px 0px;
     border-color: #FFFFFF2B;
     margin: 0;
     padding: 10px 0 10px 0;
     display: block;
 }

 .all_list_color ul li a:hover,
 .all_list_color ul li span:hover {
     color: #F45B1E;
     border-style: solid;
     border-width: 0 0 1px 0;
     border-color: #F45B1E;
 }

 .capabily_witr {
     padding: 65px 0 0 15px;
 }

 .capabily_witr .ttin .txbdstitle.tsmall {
     background: #1E2023;
 }

 .capabily_witr .sttwo {
     color: #fff;
     font-size: 29px;
     padding: 14px 0 0 0;
 }

 /*===== 5. Feature Area CSS =====*/
 .cg_fetur_area {
     background-image: url("assets/images/fe-bg.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     position: relative;
     padding: 110px 0 110px;
 }

 .cg_fetur_area::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: transparent;
     background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
     opacity: 0.9;
 }

 .cg_fetur_area .allcostyle {
     background: #02010100;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     padding: 0 25px 0 25px;
     margin-bottom: 30px;
 }

 .txbdsva {
     position: relative;
     transition: .5s;
     z-index: 1;
 }

 .thbdspanposi {
     top: 0;
     left: auto;
     right: 20px;
     z-index: 999;
     transition: .5s;
     position: absolute;
     font-size: 16px;
     font-weight: 700;
     color: var(--bdcolor);
     transition: .5s;
 }

 .txbdsva:hover .thbdspanposi {
     color: var(--brcolor);
 }

 .iconall {
     margin-bottom: 10px;
 }

 .iconalltf i {
     color: #F45B1E;
     background: #02010100;
     border-style: none;
     border-radius: 0;
     font-size: 60px;
     height: 50px;
     width: 50px;
     line-height: 48px;
     border: 1px solid var(--bdcolor);
     text-align: center;
     display: inline-block;
     transition: .5s;
 }

 .txbdsvtitle {
     margin-bottom: 10px;
 }

 .txstcolor {
     padding: 13px 0 3px 0;
 }

 .txbdsvbtn {
     margin-top: 22px;
 }

 .cg_fetur_area .allcostyle .btnallt {
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     color: #F45B1E;
     border-style: none;
     border-radius: 0;
     padding: 7px 14px 7px 14px;
     background: 0;
     margin: 0;
 }

 .pluse_btn_icon {
     display: inline-block;
 }

 .pluse_btn_icon span {
     color: #F45B1E;
     background: #fff;
     text-align: center;
     margin: 0 0 0 30px;
     padding: 10px 11px 10px 11px;
 }

 .cg_fetur_area .witr_btn {
     margin-top: 35px;
 }

 /* ===== 6. Service Area CSS ===== */
 .cg_ser_area .allcostyle {
     border-style: solid;
     border-width: 1px 5px 5px 1px;
     border-color: #F1F1F1;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     padding: 50px 60px 50px 60px;
 }

 .cg_ser_area .txstcolor {
     padding: 60px 0 10px 0;
 }

 .cg_ser_area .allcostyle .btnallt {
     font-size: 14px;
     text-transform: uppercase;
     border-style: solid;
     border-width: 0 0 2px 0;
     border-color: #F45B1E;
     border-radius: 0;
     padding: 0;
     background: 0;
     color: var(--linkcolor);
     margin: 0;
 }

 .cg_ser_area .allcostyle .btnallt:hover {
     color: #F45B1E;
     background: #02010100;
     border-style: solid;
     border-width: 0 0 2px 0;
     border-color: #F45B1E;
 }

 .cg_ser_area .iconalltf i {
     border-style: solid;
     border-width: 0 3px 3px 0;
     border-color: #F45B1E;
     border-radius: 0;
     font-size: 30px;
     width: 80px;
     height: 80px;
     line-height: 80px;
     padding: 0;
     background: var(--brcolor);
     color: #fff;
 }

 .cg_ser_area .iconalltf i:hover,
 .cg_ser_area .txbdsva:hover .iconall i {
     background-color: #1E2023;
     border-style: solid;
     border-width: 0 3px 3px 0;
     border-color: #F45B1E;
 }

 .about_pag_ser {
     padding: 10px 0 110px;
 }

 .cg_ser_area .allcostyle:hover {
     border-style: solid;
     border-width: 1px 5px 5px 1px;
     border-color: #F45B1E;
 }

 .tb_about_witr {
     position: relative;
 }

 /* ===== Service Area CSS ===== */
 .cg_ser_area2 {
     background-image: url("/assets/images/ser-bg.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     position: relative;
     padding: 110px 0 86px;
 }

 .cg_ser_area2::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #1E2023;
     opacity: 0.93;
 }

 .cg_ser_area2 .ttin .txbdstitle.tsmall {
     background: #F45B1E;
 }

 .cg_ser_area2 .sttwo {
     color: #fff;
     padding: 14px 0 0 0;
 }

 .cg_ser_area2 .ttin p {
     color: #B6B6B6;
     width: 62%;
 }

 .cg_ser_area2 .allcostyle {
     background: #02010100;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #DDDDDD33;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     padding: 45px 30px 40px 30px;
     margin-bottom: 23px;
 }

 .txbdbfltrb100::before {
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     transition: .5s;
     opacity: 0;
     background: #1E2023;
 }

 .cg_ser_area2 .iconalltf i {
     color: #F45B1E;
     background: #02010100;
     border-style: none;
     border-radius: 0;
     font-size: 60px;
 }

 .cg_ser_area2 .txstcolor {
     padding: 13px 0 3px 0;
     color: #fff;
 }

 .cg_ser_area2 .allcostyle p {
     color: #B6B6B6;
 }

 .cg_ser_area2 .allcostyle .btnallt {
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     color: #F45B1E;
     background: #77777700;
     border-style: none;
     border-radius: 0;
     padding: 7px 14px 7px 14px;
     margin-top: 0;
 }

 .cg_ser_area2 .allcostyle:hover {
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #F45B1E;
 }

 /* ===== 7. About Area CSS ===== */
 .cg_about_area {
     padding: 110px 0 150px;
 }

 .ab_left_smimg img {
     border-style: solid;
     border-width: 10px;
     border-color: #fff;
 }

 .ab_left_smimg {
     margin: -365px 0 0 -100px;
 }

 .ab_witr {
     margin: 32px 0 0;
 }

 .ab_witr .ttin p {
     margin-top: 28px;
 }

 .ab_witr .tts {
     margin-bottom: 30px;
 }

 .ab_witr .ttin .txbdstitle.tsmall {
     background: #F45B1E;
 }

 .icon-list-item span i {
     color: #F45B1E;
     font-size: 20px;
 }

 .icon-list-text,
 .icon-list-item>a {
     font-weight: 600;
     color: #222222;
     transition: color 0.3s;
     align-self: center;
     padding-left: 5px;
 }

 li.icon-list-item {
     margin-bottom: 10px;
 }

 .ab_witr .witr_btn {
     margin-top: 44px;
 }

 /* ===== About Area CSS ===== */
 .tab_page_about {
     background: #F9F9F9;
     background-position: bottom center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: scroll;
     position: relative;
     padding: 100px 0 90px;
 }

 .tab_page_about::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: #F9F9F9;
     opacity: 0.7;
 }

 .tb_about_left {
     position: relative;
 }

 .tb_about_witr .txbdsvflex {
     display: flex;
     justify-content: space-between;
     gap: 14px;
 }

 .imageicon {
     flex: 0 0 auto;
 }

 .txbdcon.sp-txbdsvfdrl {
     width: 100%;
 }

 .txbdsvflex .sp-txbdsvfdrl {
     padding-left: 0px;
 }

 .tb_about_left img {
     margin-bottom: 10px;
 }

 .tb_about_witr .tts {
     margin-bottom: 30px;
 }

 .tb_about_witr .ttin p {
     margin-top: 20px;
 }

 .tb_about_witr .sp-txbdsvfdrl {
     margin-bottom: 2px;
 }

 .tb_about_witr .txstcolor {
     margin: -5px 0 0 0;
     padding: 0;
 }

 .tb_about_witr .icon-list-text,
 .tb_about_witr .icon-list-item>a {
     font-weight: 500;
 }

 .tb_about_witr ul.icon-list-items {
     margin-top: 30px;
 }

 .tb_about_witr .witr_btn {
     margin-top: 35px;
 }

 /* ===== 8. Tab Area CSS ===== */
 .y0CTBzlhrO {

     background-position: top left;
     background-repeat: no-repeat;
     padding: 110px 0 100px;
 }

 .y0CTBzlhrO .ttin .txbdstitle.tsmall {
     background: #F45B1E;
 }

 .tab_vd_inn {
     position: relative;
 }

 .tab_vd_inn .video-part {
     position: absolute;
     left: -112px;
     top: 255px;
 }

 .tab_inner .tts {
     margin-bottom: 40px;
 }

 .witr_adv_tab_area {
     text-align: left;
 }

 .nav-tabs {
     justify-content: flex-start;
 }

 .witr_taba_style1 .nav-tabs .nav-item {
     text-align: center;
 }

 .nav-tabs .nav-link.active {
     background: 0;
     border-style: solid;
     border-width: 0 0 2px 0;
     border-color: var(--brcolor);
 }

 .nav-tabs .nav-link {
     color: #0D0D3F;
     border-radius: 0;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     margin: 0;
     padding: 0;
     position: relative;
     border: none;
     border-bottom: 2px solid #ECECEC;
     padding: 0 49px 10px 49px;
 }

 .nav-tabs span {
     float: left;
     margin: 0;
     display: block;
 }

 .nav-link strong {
     display: inline-block;
     font-weight: 500;
     text-transform: uppercase;
     font-family: "Kanit", Sans-serif;
     padding: 0;
     margin: 0;
 }

 .nav-tabs {
     justify-content: space-around;
     border: none;
     display: flex;
     margin-bottom: 12px;
 }

 .nav-tabs .nav-link.active,
 .nav-tabs .active i {
     color: #F45B1E;
 }

 /* tab content css */
 .tab_inner .ttin p {
     width: 91%;
 }

 .tab-content .sttwo {
     font-size: 22px;
     line-height: 23px;
     padding: 14px 0 0 0;
 }

 .tab-content .ttin p {
     width: 100%;
 }

 .tab-content .witr_btn {
     margin-top: 30px;
 }

 .tab-content {
     padding: 16px 23px 10px;
 }

 .tab_con2_btmtt .witr_txwidgetin h2 {
     font-family: "Inter", Sans-serif;
     font-size: 17px;
     font-weight: 600;
     margin-top: 30px;
     margin-bottom: 50px;
 }

 .witr_circle_area {
     text-align: center;
 }

 .witr_cp_class {
     position: relative;
 }

 span.witr_cir_text {
     position: absolute;
     content: "";
     left: 50%;
     top: 50%;
     font-size: 20px;
     transform: translateX(-50%) translateY(-50%);
     color: var(--e-global-color-secondary);
     font-weight: 700;
 }

 .witr_circle_title {
     margin-top: 10px;
 }

 .witr_circle_title h2 {
     font-size: 21px;
 }

 .tab3_team {
     margin-bottom: 30px;
 }

 .nav-tabs .nav-link:hover {
     background: #00000000;
     border-style: solid;
     border-width: 0 0 2px 0;
     border-color: #F45B1E;
 }

 /* ===== 9. Choose Area CSS ===== */
 .tb_page_chose {
     padding: 130px 0 90px;
 }

 .tb_page_chose .tts {
     margin-bottom: 70px;
 }

 .chos_cont_inn {
     display: flex;
 }

 .widget-icon-box.position-left .icon-box-icon {
     margin-right: var(--icon-box-icon-margin, 15px);
     margin-left: 0;
     margin-bottom: unset;
 }

 .icon-box-icon {
     float: left;
     margin-right: 15px;
 }

 .icon-box-icon a i {
     fill: #F45B1E;
     color: #F45B1E;
     border-color: #F45B1E;
     font-size: 30px;
     display: inline-block;
     line-height: 1;
     transition: all .3s;
     text-align: center;
 }

 .icon-box-wrapper {
     width: 50%;
 }

 .chos_cont_inn p {
     width: 50%;
 }

 .chos_cont_inn {
     border-style: solid;
     border-width: 2px 2px 2px 6px;
     border-color: transparent;
     padding: 30px 40px 28px;
     display: flex;
     align-items: center;
     margin-bottom: 20px;
 }

 .chos_cont_inn:hover {
     border-style: solid;
     border-width: 2px 2px 2px 6px;
     border-color: #F45B1E;
 }

 /* ===== 10. Video Area CSS ===== */
 .fe_vd_inner {
     margin-top: 80px;
 }

 .boxtextposire {
     position: relative;
     overflow: hidden;
 }

 .boxposiltrb {
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
 }

 .boxtextposi {
     content: "";
     position: absolute;
     transition: .5s;
     text-align: center;
     height: 100%;
     width: 100%;
 }

 .zindex999 {
     z-index: 9999;
 }

 .boxtextposineer {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     display: flex;
     justify-content: center;
     flex-direction: column-reverse;
 }

 .witr_all_color_v a {
     font-size: 16px;
     width: 80px;
     height: 80px;
     line-height: 78px;
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
     font-weight: 500;
 }

 .video-overlay {
     padding: 70px 0 50px;
 }

 .videowh {
     display: inline-block;
     margin-bottom: 20px;
     border-radius: 0;
     padding: 0;
     animation: witr-shadow 1s linear infinite;
 }

 .witr_all_color_v h2 {
     color: #fff;
     font-size: 40px;
     margin: 0 0 20px 0;
 }

 @keyframes witr-shadow {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, .3), 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3)
     }

     100% {
         box-shadow: 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3), 0 0 0 30px rgba(255, 255, 255, 0)
     }
 }

 .cg_vd_area {
     position: relative;
     overflow: hidden;
     padding: 175px 0 175px;
 }

 .cg_vd_area::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000000;
     opacity: 0.6;
     z-index: 9;
 }

 .cg_vd_area .tts {
     margin-bottom: 0;
 }

 .cg_vd_area .html5-video {
     object-fit: cover;
 }

 .cg_vd_area .background-video,
 .cg_vd_area .background-video-embed,
 .cg_vd_area .background-video-hosted {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .cg_vd_area .sttwo {
     color: #FFFFFF;
     font-size: 80px;
     text-transform: uppercase;
     padding: 0;
     z-index: 9;
     position: relative;
 }

 .cg_vd_area .stthree {
     color: #fff;
     font-size: 80px;
     margin: -10px 0 0 0;
     padding: 0 0 36px 0;
     z-index: 9;
     position: relative;
 }

 .cg_vd_area .witr_button_area {
     z-index: 9;
     position: relative;
 }

 .witr_youtube_video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: -99;
 }

 .witr_youtube_video iframe {
     width: 100%;
     height: 100%;
     border: none;
 }

 .video_page_area .witr_swiper_height {
     z-index: -1;
 }

 .bvideo_page_area {
     position: relative;
 }

 .video_page_area .txbdscontent h1,
 .video_page_area .txbdscontent h2,
 .video_page_area .txbdscontent h3,
 .video_page_area .txbdscontent p,
 .video_page_area .witr_flow_text h5 {
     color: #fff;
     z-index: 999;
 }

 .video_page_area .witr_swiper_content_icon a i {
     color: #fff;
     background: #C0131300;
     font-size: 16px;
     width: 40px;
     height: 40px;
     line-height: 40px;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #F5F5F563;
 }

 .video_page_area .witr_swiper_content_icon a i:hover {
     color: #fff;
     background: #7243f2;
 }

 .video_page_area .witr_swiper_content {
     top: 55%;
     background: 0 0;
 }

 .video_page_area .witr_swiper_content p {
     width: 36%;
 }

 .video_page_area .witr_ds_content_inner h2,
 .video_page_area .witr_ds_content_inner h3 {
     color: #fff;
 }

 .video_page_area .witr_ds_content_inner p {
     color: #fff;
 }

 .slider_area.video_page_area {
     position: relative;
     z-index: -1;
 }

 .slider_area.video_page_area {
     position: relative;
     z-index: -1;
     height: 900px;
 }

 .slider_area.video_page_area .tts {
     margin-bottom: 30px;
     margin-top: 230px;
 }

 .video_page_area h2.txbdstitle.sttwo.hlight {
     color: #fff;
 }

 /*===== 11. Portfolio Area CSS =====*/
 .witr_all_mr0 {
     margin: 0;
 }

 .cg_proj_area {
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     position: relative;
     padding: 110px 0 225px;
 }

 .cg_proj_area::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #F9F9F9;
     opacity: 0.94;
 }

 .cg_proj_area .ttin p {
     width: 37%;
 }

 .witr_single_pslide {
     position: relative;
     overflow: hidden;
 }

 .witr_pslide_image {
     overflow: hidden;
     position: relative;
 }

 .witr_pslide_image:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     transform: scale(0);
     transition: .5s;
     z-index: 1;
     opacity: 0.6;
 }

 .witr_pslide_image img {
     margin-right: auto;
     margin-left: auto;
     transition: .5s;
     width: 100%;
 }

 .witr_pslide_custom {
     position: absolute;
     top: 50px;
     left: 77%;
     bottom: auto;
     transform: scaleX(0);
     z-index: 9;
     transition: .5s;
 }

 .witr_pslide_custom a span {
     color: #fff;
     background: #28B79A;
     font-size: 30px;
     width: 60px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     border-radius: 0;
     transition: .5s;
     display: inline-block;
 }

 .ps1 .witr_content_pslide_text {
     position: absolute;
     top: -100px;
     left: 30px;
     right: 30px;
     transition: .5s;
     opacity: 0;
     z-index: 2;
     text-align: left;
     background: #FFFFFFCF;
     padding: 30px;
 }

 .all_pslides_color h2 a,
 .all_pslides_color h2 {
     color: #1E2023;
 }

 .witr_content_pslide_text h2 {
     margin-bottom: 0;
 }

 .witr_content_pslide_text a {
     display: inline-block;
     margin-bottom: 0;
     text-decoration-color: var(--brcolor) !important;
     text-underline-offset: 5px;
 }

 .witr_single_pslide:hover .witr_pslide_image img,
 .witr_single_pslide:hover .witr_pslide_image:before {
     transform: scale(1.2);
 }

 .ps2.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
     top: 25px;
 }

 .all_pslides_color h2 a:hover,
 .all_pslides_color h2:hover {
     color: #F45B1E;
 }

 .ps1 .witr_single_pslide:hover .witr_content_pslide_text {
     opacity: 1;
     bottom: 30px;
 }

 .all_pslides_color p {
     color: #222222;
 }

 .cg_proj_area .slick-prev,
 .cg_proj_area .slick-next {
     opacity: 11;
     border-radius: 0;
     top: 120%;
 }

 .cg_proj_area .slick-prev {
     left: 47%;
 }

 .cg_proj_area .slick-next {
     right: 47%;
 }

 /* ===== Portfolio Area CSS ===== */
 .port_area {
     padding: 110px 0 80px;
 }

 .positi_3.pprotfolio4 {
     padding: 20px 10px 23px;
     border: none;
     position: absolute;
     bottom: -100px;
     left: 0;
     right: 0;
     z-index: 9;
     transition: .5s;
     text-align: center;
 }

 .single_protfolio:hover .positi_3.pprotfolio4 {
     bottom: 0;
 }

 .positi_3.pprotfolio4 {
     background: var(--brcolor);
 }

 .positi_3 .porttitle_inner4 h3 a,
 .positi_3 .porttitle_inner4 p span {
     color: #fff;
 }

 .portfolio_nav {
     padding: 0 0 26px;
 }

 .portfolio_nav ul {}

 .portfolio_nav ul li {
     display: inline;
 }

 .portfolio_nav ul li {
     border-radius: 0;
     cursor: pointer;
     display: inline-block;
     font-weight: 500;
     margin: 0 5px 10px;
     padding: 10px 20px;
     position: relative;
     transition: .5s;
     border: 1px solid #ddd;
 }

 .prot_wrap {
     overflow: hidden;
 }

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

 .prot_thumb {}

 .prot_thumb img {
     display: block;
     transform: scale(1);
     transition: all 0.5s ease 0s;
     width: 100%;
 }

 .single_protfolio:hover .prot_thumb img {
     transform: scale(1.1);
 }

 .prot_content {
     position: absolute;
     text-align: center;
     transition: .5s;
     right: 0;
     top: 0;
     bottom: 0;
     left: 0;
     opacity: 0;
     z-index: 9;
 }

 .multi_gallery.prot_content {
     height: 90%;
     width: 80%;
     right: 10%;
     top: 5%;
     bottom: 5%;
     left: 10%;
 }

 .single_protfolio:hover .prot_content {
     opacity: 1;
 }

 .prot_content h3 {
     margin: 0;
     text-transform: capitalize;
     font-size: 23px;
     margin-bottom: 0;
 }

 .prot_content h3 a {
     font-size: 23px;
     font-weight: 700;
     text-transform: capitalize;
     transition: .5s;
     color: #fff;
     margin-bottom: 0;
     display: inline-block;
 }

 .prot_content h3 a:hover {
     color: #54b663;
 }

 .prot_content p span {
     display: inline-block;
     padding-top: 0;
     color: #fff;
 }

 .prot_content p {
     margin: 0;
 }

 .porttitle_inner h2 {
     margin: 0;
 }

 .prot_content_inner h2 {
     margin: 0;
 }

 .txcwhite {
     color: var(--white);
 }

 .txcwhiteh:hover {
     color: var(--black);
 }

 .prot_content p span {
     display: inline-block;
 }

 .single_protfolio:hover .prot_content {
     opacity: 1;
     transform: scale(1, 1);
 }

 .porttitle_inner span,
 .porttitle_inner4 span,
 .prot_content span {
     position: relative;
     margin: 0 2px;
 }

 .prot_content span:before,
 .porttitle_inner4 span:before,
 .porttitle_inner span:before {
     bottom: 0;
     content: ",";
     position: absolute;
     right: -5px;
 }

 .porttitle_inner span:last-child:before,
 .prot_content span:last-child:before,
 .porttitle_inner4 span:last-child:before {
     content: "";
 }

 .nospace.col-xs-12 {
     padding: 0px;
 }

 .nospace .single_protfolio {
     margin-bottom: 0px;
 }

 /* load button css */
 .gallery_load_button {}

 .gallery_load_button a {
     padding: 7px 15px;
     display: inline-block;
     font-size: 17px;
     margin-top: 0px;
 }

 .prot_wrap.nospace .gallery_load_button a {
     margin-top: 30px;
 }

 .prots-contentg p {}

 /*style 1 */
 .em_port_content {
     height: 100%;
     opacity: 1;
     position: absolute;
     right: 0;
     text-align: center;
     top: 0;
     transition: all .5s ease 0s;
     width: 100%;
     z-index: 9;
     left: 0;
     top: -100%;
     width: 100%;
     transition: .5s;
     text-align: center;
     background: #54b66380;
 }

 .pstyle_1 .porttitle_inner h3 {
     padding-bottom: 0px;
 }

 .pstyle_1 .prot_content p {
     margin: 2px 0 0;
 }

 .pstyle_1 .single_protfolio {
     transition: .5s;
 }

 .portfolio_readmore_btn {
     padding-top: 23px;
 }

 .portfolio_readmore_btn>a {
     border-radius: 5px;
     display: inline-block;
     padding: 6px 21px;
     text-transform: uppercase;
     transition: .3s;
     border: 1px solid transparent;
 }

 .pstyle_1 .picon a {
     background: 0 0;
     border-radius: 5px;
     display: inline-block;
     font-size: 25px;
     height: 50px;
     line-height: 50px;
     margin: 0 8px 11px;
     width: 50px;
     transition: .5s;
     color: #fff;
 }

 .prot_thumb {
     overflow: hidden;
     position: relative;
 }

 .pprotfolio4 {
     box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
     padding: 17px 10px 20px;
 }

 .pprotfolio4 {
     padding: 20px 10px 23px;
 }

 .porttitle_inner4 h3 {
     margin: 0;
 }

 .porttitle_inner4 h3 a {
     color: #454545;
 }

 .porttitle_inner4 p {
     margin-bottom: 0;
 }

 .porttitle_inner4 p span {
     display: inline-block;
     color: #454545;
 }

 .portfolio_nav ul li.current_menu_item {
     color: #fff;
     background: var(--brcolor);
 }

 .prot_content {
     background: var(--bropacity);
 }

 .portfolio_nav {
     text-align: center;
 }

 .page-numbers span.current,
 .paginations a.current,
 .paginations a:hover {
     border-color: #54b663;
     background: var(--brcolor);
     color: #fff;
 }

 ul.page-numbers a.page-numbers {
     box-shadow: 0 10px 40px 0 rgba(50, 65, 141, .12);
 }

 .page-numbers,
 .tutor-pagination-wrap a,
 .tutor-pagination-wrap span.page-numbers.current,
 a.page-numbers {
     border-radius: 5px;
     margin-right: 10px;
     padding: 15px 24px;
     font-size: 19px;
     line-height: 1;
     transition: .5s;
 }

 .page-numbers span.current,
 .paginations a {
     display: inline-block;
     font-weight: 500;
     margin: auto 5px;
 }

 .paginations a {
     color: #888;
 }

 .page-numbers li {
     display: inline-block;
 }

 .paginations {
     text-align: center;
     margin-top: 20px;
 }

 .portfolio_4column_gutter .single_protfolio {
     margin-bottom: 0px;
 }

 .portfolio_nav ul li.current_menu_item,
 .portfolio_nav ul li:hover {
     border-color: var(--brcolor);
     background: var(--brcolor);
     color: #fff;
 }

 /* port style 3 */
 .em_plus_port {
     position: absolute;
     bottom: 20px;
     right: 30px;
     z-index: 99;
 }

 .prot_content_inner {
     position: absolute;
     top: 60%;
     width: 100%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     z-index: 10;
     transition: all 0.3s ease-in-out 0.3s;
     opacity: 0;
 }

 .single_protfolio:hover .prot_content_inner {
     top: 50%;
     opacity: 1;
 }

 .picon a {
     border-radius: 5px;
     display: inline-block;
     font-size: 20px;
     height: 50px;
     line-height: 50px;
     margin: 0 3px 11px;
     width: 50px;
     text-align: center;
     color: #fff;
     background: var(--brcolor);
 }

 .picon a:hover {
     border-color: var(--black);
     background: var(--black);
 }

 /* style 1 */
 .em_port_content {
     height: 100%;
     width: 100%;
 }

 .pstyle_1 .porttitle_inner h3 {
     padding-bottom: 0px;
 }

 .pstyle_1 .prot_content p {
     margin: 2px 0 0;
 }

 .pstyle_1 .single_protfolio {
     transition: .5s;
     margin-bottom: 30px;
 }

 .portfolio_readmore_btn {
     padding-top: 23px;
 }

 .portfolio_readmore_btn>a {
     border-radius: 5px;
     display: inline-block;
     padding: 6px 21px;
     text-transform: uppercase;
     transition: .3s;
     border: 1px solid transparent;
 }

 .portfolio_grid_area .portfolio_nav {
     padding: 0px 0 30px;
 }

 .port4clmn .ttin p {
     width: 40%;
 }

 /* ===== Portfolio Area CSS ===== */
 .pstyle2.pstyle3 .prot_content_inner {
     left: 3000px;
     position: absolute;
     top: 60%;
     transform: translateX(-50%) translateY(-50%);
     width: 100%;
     z-index: 10;
     transition: all .3s ease-in-out .3s;
     opacity: 0;
     padding: 15px 0 20px 20px;
     transition: .5s;
 }

 .pstyle2.pstyle3 .prot_content_inner {
     text-align: left;
 }

 .pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner {
     left: 75%;
 }

 .pstyle2 .single_protfolio:hover .prot_content_inner {
     top: 50%;
     opacity: 1;
 }

 /* portfolio grid area css */
 .port_style02 .pstyle2 .prot_content_inner {
     left: 50%;
     position: absolute;
     top: 60%;
     transform: translateX(-50%) translateY(-50%);
     width: 100%;
     z-index: 10;
     transition: all .3s ease-in-out .3s;
     opacity: 0;
 }

 .port_style02 .prot_content h3 a {
     font-size: 23px;
     font-weight: 700;
     text-transform: capitalize;
     transition: .5s;
     color: #fff;
     margin-bottom: 0px;
     display: inline-block;
 }

 .port_style02 .picon a:hover {
     border-color: #0a0a0a;
     background: #0a0a0a;
 }

 .port_style02 .single_protfolio {
     position: relative;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .port_style02 .prot_content h3 a:hover {
     color: #54b663;
 }

 .portfolio_style2 .port_style02 .pstyle_1 .prot_content_inner {
     position: absolute;
     top: 50%;
     width: 100%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     z-index: 10;
 }

 .portfolio_style2 .prot_content {
     position: absolute;
     text-align: center;
     transition: .5s;
     right: 0;
     top: 0;
     bottom: 0;
     left: 0;
     opacity: 0;
     z-index: 9;
 }

 .portfolio_style2.pstyle2 .single_protfolio:hover .prot_content_inner {
     top: 50%;
     opacity: 1;
     left: 50%;
     right: 50%;
     transform: translateX(-50%) translateY(-50%);
 }

 .portfolio_style2 .prot_content h3 a {
     margin-bottom: 0;
 }

 .portfolio_style2 .single_protfolio:hover .prot_content {
     opacity: 1;
     transform: scale(1, 1);
 }

 .portfolio_style2 .prot_content h3 a:hover {
     color: #54b663;
 }

 .porttitle_inner h2 a {
     color: #fff;
     margin: 0;
 }

 .pprotfolio4 {
     margin: 0;
 }

 .p2clmn .single_protfolio h2 {
     margin: 0;
 }

 .p2clmn .prot_content_inner {
     top: 50%;
     transition: all 0.5s ease-in-out 0.5s;
     opacity: 1;
 }

 .p2clmn .picon a {
     font-size: 22px;
     background: 0 0;
     margin: 0 8px 11px;
 }

 .p2clmn .picon a:hover {
     background: var(--brcolor);
 }

 .port3clmn .picon a {
     background: var(--brcolor);
 }

 .port3clmn .picon a:hover {
     background: var(--black);
     border-color: var(--black);
 }

 .p4clmn .prot_content_inner {
     left: 3000px;
     position: absolute;
     top: 60%;
     transform: translateX(-50%) translateY(-50%);
     width: 100%;
     z-index: 10;
     transition: all 0.3s ease-in-out 0.3s;
     opacity: 0;
     padding: 20px;
     transition: .5s;
     text-align: left;
 }

 .p4clmn .single_protfolio:hover .prot_content_inner {
     left: 75%;
     background: var(--bropacity);
 }

 .p4clmn .single_protfolio h2 a {
     color: #fff;
 }

 .p4clmn .single_protfolio h2 a:hover {
     color: #F45B1E;
 }

 .p4clmn .single_protfolio h2 a {
     color: #fff;
 }

 /* recent project css */
 .vw-blog-area.vw-blog-single.single-blog-details {
     padding: 120px 0 95px;
 }

 .vw-blog-area .portfolio-details-boxs h2 {
     font-size: 25px;
 }

 .prots-contentg ul {
     display: inline-block;
     margin-bottom: 20px;
 }

 .portfolio-details-box ul li,
 .right_popupmenu_area .witr_sub_table {
     border-bottom: 1px solid #ddd;
 }

 .portfolio-details-box ul li {
     padding-top: 15px;
     padding-bottom: 10px;
     list-style: none;
 }

 .portfolio-details-box ul li b {
     font-size: 18px;
     font-weight: 600;
 }

 .portfolio-details-box ul li span.eright {
     font-weight: 400;
     font-size: 16px;
     margin-left: 5px;
 }

 .vw-blog-social {
     margin-bottom: 25px;
     margin-top: 25px;
 }

 .vw-single-icon a {
     border: 1px solid #e6e6e6;
     display: inline-block;
     font-size: 15px;
     height: 40px;
     line-height: 41px;
     margin: 0 9px 0 0;
     text-align: center;
     width: 40px;
     border-radius: 5px;
     color: var(--linkcolor);
 }

 .vw-single-icon a:hover {
     background: var(--brcolor);
     color: #fff;
 }

 .pr-title h2 {
     margin-top: 15px;
     margin-bottom: 15px;
 }

 /*===== 12. Brand Area CSS =====*/
 .cg_brand_area {
     border-top: 1px solid #ECECEC;
     padding: 45px 0 60px;
 }

 .slide_items {
     text-align: center;
 }

 /*===== 13. Team Area CSS =====*/
 .tteam {
     overflow: hidden;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     margin-bottom: 30px;
 }

 .boxtextposire {
     position: relative;
     overflow: hidden;
 }

 .txbdbfltrb::before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 999;
     background: #F45B1E4D;
     content: "";
     position: absolute;
     transition: .5s;
 }

 .opacitybf0::before,
 .opacityaf0::after {
     opacity: 0;
 }

 .tab_inner .ttiocn9p {
     left: auto;
     top: auto;
     right: -20%;
     bottom: 25px;
     opacity: 1;
     transform: none;
 }

 .tteamsocial {
     margin-top: 10px;
 }

 .tab_inner .wblogicon {
     position: absolute;
     text-align: center;
     z-index: 999;
     transition: .5s;
 }

 .tab_inner .alltmcst .tteamsocial a {
     color: #818181;
     background: #1E2023;
     font-size: 13px;
     text-align: center;
     border-radius: 0;
     display: block;
     border: none;
     margin-bottom: 3px;
     width: 35px;
     height: 35px;
     line-height: 35px;
     margin: 0 3px;
 }

 .tab_inner .tteamcon {
     padding: 18px 10px 23px;
 }

 .tab_inner .alltmcst h2,
 .tab_inner .alltmcst h2 a {
     font-size: 20px;
 }

 .teamtit {
     margin-bottom: 0;
 }

 .alltmcst span {
     color: #F45B1E;
 }

 .opacitybfh1:hover ::before,
 .opacityafh1:hover ::after {
     opacity: 1;
 }

 .opacitybfh1:hover ::before,
 .opacityafh1:hover ::after {
     opacity: 1;
 }

 .tteam9:hover .ttiocn9 {
     right: 0;
 }

 .alltmcst .tteamsocial a:hover {
     color: #fff;
     background: #F45B1E;
 }

 /*===== Team Area CSS =====*/
 .cg_team_area2 {
     background: #1E2023;
     padding: 110px 0 62px;
 }

 .cg_team_area2 .sttwo {
     color: #fff;
 }

 .cg_team_area2 .ttin p {
     color: #D1D1D1;
     width: 62%;
 }

 .cg_team_area2 .tts {
     margin-bottom: 60px;
 }

 .tteam {
     overflow: hidden;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
 }

 .txbdbfall {
     z-index: 1;
 }

 .txbdbfltrb::before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     content: "";
     position: absolute;
     transition: .5s;
     z-index: 999;
     background: #02010100;
 }

 .opacitybf0::before,
 .opacityaf0::after {
     opacity: 0;
 }

 .tteamcon {
     padding: 18px 10px 23px;
 }

 .cg_team_area2 .teamtit {
     margin-bottom: 0;
     color: #fff;
 }

 .alltmcst span {
     color: #F45B1E;
 }

 .tteamsocial {
     margin-top: 10px;
 }

 .alltmcst .tteamsocial a {
     color: #fff;
     background: #FFFFFF1C;
     font-size: 14px;
     width: 40px;
     height: 40px;
     line-height: 40px;
     border-radius: 0;
     padding: 0;
     display: inline-block;
     text-align: center;
     margin: 0 3px;
 }

 /*===== 14. Timeline Area CSS =====*/
 .cg_timeline_area {
     padding: 110px 0 110px;
 }

 .cg_timeline_area .tts {
     margin-bottom: 70px;
 }

 .txbd_single_vtimeline {
     display: flex;
     justify-content: space-between;
     position: relative;
 }

 .txbd_single_vtimeline::before {
     content: "";
     position: absolute;
     left: 50%;
     top: 0;
     width: 3px;
     background: #f4f4f4;
     height: 100%;
 }

 .txbd_vtimeline_content_box {
     text-align: left;
     width: 50%;
     display: flex;
     justify-content: space-between;
     position: relative;
     align-items: center;
     flex-direction: row-reverse;
 }

 .txbd_vtimeline_icon {
     position: relative;
     right: -56px;
 }

 .txbd_vtimeline_icon i {
     background: #F45B1E;
     width: 70px;
     height: 70px;
     line-height: 70px;
     text-align: center;
     border-radius: 5px;
     margin: 0 20px 0 21px;
     font-size: 18px;
     color: #fff;
     transition: .5s;
 }

 .txbd_vtimeline_content {
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #D5D5D5;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
     background: var(--white);
     padding: 40px 30px;
     position: relative;
     transition: 0.5s;
 }

 .txbd_vtimeline_content::before {
     left: 100%;
     border-top: 40px solid transparent;
     border-right: 40px solid transparent;
     border-bottom: 40px solid transparent;
     border-left: 40px solid var(--white);
     position: absolute;
     content: "";
     top: 50%;
     width: 40px;
     height: 40px;
     transform: translateY(-50%);
 }

 .txbd_vtimeline_content::before {
     border-left-color: #F45B1E1C;
 }

 .txbd_single_vtimeline:hover .txbd_vtimeline_content::before {
     border-left-color: #1E202345;
 }

 .txbd_single_vtimeline:hover .txbd_vtimeline_icon i {
     background: #1E2023;
 }

 .txbd_single_vtimeline:hover::before {
     background: #1E2023;
 }

 .vertical-reverse.txbd_single_vtimeline {
     flex-direction: row-reverse;
 }

 .vertical-reverse .txbd_vtimeline_content_box {
     flex-direction: initial;
 }

 .txbd_single_vtimeline::before {
     content: "";
     position: absolute;
     left: 50%;
     top: 0;
     width: 3px;
     background: #f4f4f4;
     height: 100%;
 }

 .vertical-reverse .txbd_vtimeline_icon {
     right: 53px;
 }

 .vertical-reverse .txbd_vtimeline_content::before {
     right: 100%;
     left: auto;
     border-top: 40px solid transparent;
     border-right: 40px solid var(--white);
     border-bottom: 40px solid transparent;
     border-left: 40px solid transparent !important;
 }

 .vertical-reverse .txbd_vtimeline_content::before {
     border-right-color: #F45B1E1C;
 }

 .txbd_vtimeline_text h2 {
     display: inline-block;
 }

 .txbd_vtimeline_content p {
     margin-bottom: 15px;
 }

 .txbd_vtimeline_text_one h3,
 .txbd_vtimeline_text_two h3 {
     font-size: 18px;
 }

 .txbd_vtimeline_content p {
     margin-bottom: 15px;
 }

 /*===== 15. Faq Area CSS =====*/
 .cg_faq_area {

     background-position: center left;
     background-repeat: no-repeat;
     background-attachment: fixed;
     position: relative;
     padding: 100px 0 0;
 }

 .cg_faq_area::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #fff;
     opacity: 0.62;
 }

 .faq_left img {
     position: relative;
 }

 .faq_witr .tts {
     margin-bottom: 30px;
 }

 .faq_witr .ttin p {
     margin-top: 30px;
 }

 .card-header.witr_ac_card {
     background: none !important;
     padding: 0;
     border-bottom: 0;
     text-align: left;
 }

 .card-header:first-child {
     border-radius: 5px;
 }

 .witr_ac_style {
     font-size: 20px;
     font-weight: 500;
     display: flex;
     align-items: center;
     transition: .5s;
     background: #F6F4EF00;
     border-radius: 0;
     border: none;
     font-family: "Kanit", Sans-serif;
     padding: 0 0 10px 0;
     border-style: solid;
     border-width: 0 0 1px 0;
     border-color: #1E2023;
 }

 .witr_ac_style:before {
     position: absolute;
     content: '\e64b';
     right: 20px;
     font-family: themify !important;
     font-weight: 400;
 }

 .active .witr_ac_style:before {
     content: '\e648';
 }

 .witr_ac_card i {
     margin-right: 10px;
     font-size: 20px;
 }

 .accordion_area .card-2 p {
     padding: 10px 15px 0px;
     color: var(--pracolor);
 }

 .accordion_area .card-2 {
     margin-bottom: 30px;
     border-radius: 0;
     background: #F6F4EF00;
     border-style: solid;
     border-width: 0 0 1px 0;
     border-color: #FFFFFF1F;
 }

 .active .witr_ac_style {
     color: #000000;
     background-color: #F6F4EF00;
     border-style: solid;
     border-width: 0px 0px 1px 0px;
     border-color: #F45B1E;
 }

 /*===== Faq Area CSS =====*/
 .faq_area1 {
     padding: 20px 0 100px;
 }

 .faq_area1 .content_style p,
 .faq_area1 .conent_style p {
     padding-left: 18px;
     padding: 12px 22px 16px;
     color: var(--pracolor);
 }

 .accordion_area_02 .witr_ac_style {
     padding: 10px 15px;
     border-bottom: none;
 }

 .accordion_area_02 .accordion_02_shadow {
     border: none;
     box-shadow: 0px 0px 20px 0px #dddddd80;
     background: none;
 }

 .accordion_area_02 .card-header.witr_ac_card a:hover {
     color: #232323;
 }

 .border_bottom_0 {
     border-bottom: none;
 }

 .writ_ac_style_02 {
     margin-left: 25px;
     font-size: 20px;
     font-weight: 600;
     display: block;
     background: none !important;
     color: #232323;
 }

 .writ_ac_style_02:before {
     position: absolute;
     content: '\f067';
     left: 20px;
     margin-right: 10px;
     font-family: fontawesome !important;
     font-weight: 200;
 }

 .active .writ_ac_style_02:before {
     content: '\f068';
 }

 .card-header.witr_ac_card.border_bottom_0 {
     background: 0;
     padding: 0px 10px;
 }

 .content_style p,
 .conent_style p {
     padding-left: 18px;
     padding: 15px 20px 0;
     color: #232323;
 }

 .card.card-2.accordion_02_shadow {
     margin-bottom: 20px;
     box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
     border-radius: 0;
 }

 .faq_area2 .witr_ac_style2 {
     padding-left: 30px;
     font-size: 20px;
     font-weight: 600;
     display: flex;
     align-items: center;
     padding: 11px 15px;
     transition: .5s;
     padding: 12px 20px 12px 20px;
     color: #232323;
 }

 .writ_ac_style_02:before {
     font-weight: 200;
     font-size: 17px;
     color: #3a4268;
     margin-top: 3px;
 }

 /*===== 16. Contact Area CSS =====*/
 .cg_cont_area {
     background: #F9F9F9;
     background-image: url("assets/images/cont-bg.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     position: relative;
     padding: 80px 0 72px;
 }

 .cg_cont_area::before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #F9F9F9;
     opacity: 0.93;
 }

 .cont_left {
     position: relative;
 }

 .cont_left .tts {
     margin-bottom: 30px;
 }

 .cont_left .allcostyle p {
     font-family: "Kanit", Sans-serif;
     font-size: 33px;
     font-weight: 500;
 }

 .cont_left_btm .sttwo {
     font-size: 24px;
 }

 .cont_left .txstcolor,
 .cont_left .txstcolor a {
     font-family: "Inter", Sans-serif;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     padding: 0;
     margin: 0;
 }

 .cont_left .icon-list-icon i {
     color: #F45B1E;
     transition: color 0.3s;
 }

 .cont_left .icon-list-icon i {
     font-size: 28px;
     line-height: 1;
     position: relative;
     margin-top: 5px;
     display: inline-block;
 }

 .cont_left .icon-list-text {
     font-size: 18px;
     font-weight: 400;
     padding-left: 10px;
 }

 .cont_left li.icon-list-item {
     margin-bottom: 0;
 }

 .cont_left ul.icon-list-items.inline-items {
     display: flex;
     justify-content: space-between;
     margin-right: 55px;
     flex-wrap: wrap;
 }

 .cont_left_btm .tts {
     margin-bottom: 8px;
 }

 .cont_left_btm {
     margin-top: 18px;
     margin-bottom: 12px;
 }

 .apartment_area {
     border-style: solid;
     border-width: 3px 0 0 0;
     border-color: #F45B1E;
     border-radius: 0;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     padding: 40px 30px 30px 30px;
     background: #fff;
     position: relative;
 }

 .apartment_text h4 {
     color: var(--brcolor);
     margin-bottom: 5px;
 }

 .apartment_text h2 {
     margin-bottom: 40px;
 }

 .witr_apartment_form input,
 .witr_apartment_form form select,
 textarea {
     padding-left: 20px;
 }

 .witr_apartment_form form select,
 .witr_apartment_form input {
     width: 100%;
     height: 45px;
     outline: 0;
     background: #fff;
     color: var(--pracolor);
     margin-bottom: 23px;
     font-weight: 400;
     border-radius: 0;
     font-size: 1rem;
     line-height: 1.5;
     border: 1px solid #EBEBEB;
     transition: .5s;
     font-size: 15px;
     padding: 10px 0 10px 20px;
 }

 .twr_form_box textarea {
     height: 146px;
     width: 100%;
     color: #212529;
     margin-bottom: 18px;
     background: #02010100;
     border-radius: 5px;
     padding-top: 10px;
     font-weight: 400;
     transition: .5s;
     border: 1px solid #EBEBEB;
     font-size: 16px;
 }

 .witr_apartment_form input::placeholder,
 .witr_apartment_form form select::placeholder,
 textarea::placeholder {
     color: var(--pracolor);
 }

 .witr_apartment_form .btn {
     display: inline-block;
     padding: 14px 17px 14px 40px;
     border-radius: 0;
     color: var(--white);
     cursor: pointer;
     border: none;
     background: var(--brcolor);
     font-weight: 600;
     margin-bottom: 23px;
     margin-top: 0;
     text-transform: uppercase;
 }

 .cont_witr button span i {
     background: #fff;
     color: #000;
     font-weight: 700;
     padding: 8px 9px;
     margin-left: 30px;
     display: inline-block;
 }

 .witr_apartment_form .btn:hover {
     background: var(--brhovercolor);
 }

 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active,
 textarea:-webkit-autofill,
 textarea:-webkit-autofill:hover,
 textarea:-webkit-autofill:focus,
 textarea:-webkit-autofill:active,
 select:-webkit-autofill,
 select:-webkit-autofill:hover,
 select:-webkit-autofill:focus,
 select:-webkit-autofill:active {
     transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
 }

 p.form-messege {
     margin-top: 8px;
 }

 .map_inner_area iframe {
     border: none;
     width: 100%;
     height: 460px;
     margin-bottom: -8px;
 }

 /*===== Contact Area CSS =====*/
 .cont_page_cont {
     background-image: none;
     padding: 110px 0 110px;
 }

 .cont_page_cont .cont_left {
     padding: 30px 0 0;
 }

 /*===== 17. Testimonial Area CSS =====*/
 .cg_test_area {
     padding: 110px 0 110px;
 }

 .cg_test_area .tts {
     margin-bottom: 30px;
 }

 .alltesicl {
     border-style: solid;
     border-width: 0 0 0 2px;
     border-color: #F45B1E;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     margin: 0;
     padding: 40px;
     background: #F9F9F9;
     position: relative;
     text-align: left;
 }

 .tsdflex {
     margin: 7px 0;
 }

 .alltesicl p {
     font-size: 20px;
     padding: 0 0 30px 0;
 }

 .tscon p {
     border-bottom: 1px solid #eee;
 }

 .tsmt {
     margin-top: 15px;
 }

 .tsimg-mr25 {
     margin-right: 25px;
 }

 .alltesicl img {
     padding: 12px 0 0 0;
 }

 .tstitle {
     margin-bottom: 5px;
 }

 .tesspanf {
     font-size: 16px;
     font-weight: 400;
     color: var(--brcolor);
 }

 .cg_test_area:hover .slick-next,
 .cg_test_area:hover .slick-prev {
     opacity: 1;
 }

 .cg_test_area .slick-prev {
     left: -5%;
 }

 .cg_test_area .slick-next {
     right: -5%;
 }

 /* ===== slick dots css ===== */
 .slick-dots {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: -47px;
     display: inline-block;
     z-index: 11;
     text-align: center;
 }

 .slick-dots li {
     display: inline-block;
 }

 .slick-dots li button {
     font-size: 0;
     width: 50px;
     height: 5px;
     border: 0px solid #E8E8E8;
     margin: 0 5px;
     cursor: pointer;
     border-radius: 50px;
     padding: 0;
     transition: 0.5s;
     outline: 0;
     background: #28B79A;
 }

 .slick-dots li.slick-active button {
     background: #2E3BA6;
 }

 /* slick prev slick next css */
 /*======== slick ========*/
 .slick-prev,
 .slick-next {
     font-size: 0;
     position: absolute;
     display: block;
     padding: 0;
     cursor: pointer;
     color: #fff;
     outline: none;
     z-index: 9;
     opacity: 0;
     border-radius: 0;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     width: 55px;
     height: 55px;
     line-height: 55px;
     top: 50%;
     transform: translate(0px, -50%);
     transition: .5s;
     border: 0px solid #17161a;
     background: #17161a;
 }

 .slick-next:before,
 .slick-prev:before {
     color: var(--white);
     font-size: 20px;
     transition: all 0.3s ease 0s;
     content: "\e64a";
     font-family: themify !important;
     line-height: inherit;
     opacity: 1;
 }

 .slick-next:before {
     content: "\e649";
     font-family: themify !important;
 }

 .slick-next:focus,
 .slick-next:hover,
 .slick-prev:focus,
 .slick-prev:hover {
     background: var(--brcolor);
 }

 .slick-prev:hover:before,
 .slick-next:hover:before {
     color: #fff;
 }

 .slick-prev {
     left: 30px;
 }

 .slick-next {
     right: 30px;
 }

 .cg_slider_area .slick-slider:hover .slick-next,
 .cg_slider_area .slick-slider:hover .slick-prev {
     opacity: 1;
 }

 .cg_ser_area .slick-slider:hover .slick-next,
 .cg_ser_area .slick-slider:hover .slick-prev {
     opacity: 1;
 }

 /*===== 18. Breadcumb Area CSS =====*/
 .breadcumb-area,
 .breadcumb-blog-area {
     background-position: center center;
     position: relative;
     z-index: 1;
     padding-top: 150px;
     padding-bottom: 92px;
     background-size: cover;

 }



 .breadcumb-area.breadcumb_st2 {
     padding: 20px 20px;
 }

 .w9yQvr4S4Z {
     margin-bottom: 5px;
 }

 .breadcumb-area:before,
 .breadcumb-blog-area:before {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     content: "";
     z-index: -1;
     background: #1e2023;
     opacity: 0.9;
 }

 .breadcumb-inner ul {
     padding: 0;
     margin-bottom: 0;
 }

 .breadcumb-inner li {
     display: inline-block;
     margin: 0 2px;
 }

 .breadcumb-inner ul,
 .breadcumb-inner ul span a,
 .breadcumb-inner li,
 .breadcumb-inner li a,
 .witr_breadcumb_shop ul li span a {
     color: #fff;
 }

 .witr_breadcumb_shop i {
     font-size: 10px;
     margin: 0 5px;
 }

 .breadcumb-inner ul .current {
     color: #fff;
 }

 .r1BEXLHGPh.brptsize .w9yQvr4S4Z {
     font-size: 30px;
     color: #fff;
 }

 .lcase {
     text-transform: lowercase;
 }

 .ucase {
     text-transform: uppercase;
 }

 .ccase {
     text-transform: capitalize;
 }

 .breadcumb_st2 .r1BEXLHGPh {
     float: left;
 }

 .breadcumb_st2 .breadcumb-inner {
     float: right;
 }

 .alignlrt {
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }

 /*===== 19. Footer Area CSS =====*/
 .foter_top_inn {
     margin-bottom: 40px;
 }

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

 .foter_top_inn .allcostyle {
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
 }

 .foter_top_inn .iconalltf i {
     color: #2E3BA6;
     background: #fff;
     border-style: solid;
     border-width: 4px;
     border-color: #28B79A;
     margin: 0 10px 0 0;
     font-size: 30px;
     width: 80px;
     height: 80px;
     line-height: 80px;
     border-radius: 50%;
     text-align: center;
     display: inline-block;
     transition: .5s;
 }

 .foter_top_inn .txstcolor {
     margin: 0 0 6px 0;
     color: #fff;
 }

 .foter_top_inn .allcostyle p {
     color: #fff;
 }

 .foter_top_inn .single_image_area {
     text-align: center;
 }

 .witr_siconw {
     text-align: center;
 }

 .witr_siconw ul li a {
     color: #2E3BA6;
     font-size: 18px;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     background: #fff;
     border-radius: 50%;
     margin: 0 16px 0 0;
     display: inline-block;
 }

 .witrfm_area {
     background-repeat: no-repeat;
     background-position: center center;
     padding: 106px 0 75px 0;
     background: #1E2023;
 }

 .witrfm_area:before {
     content: "";
     position: absolute;
     top: 0;
     height: 100%;
     width: 100%;
     left: 0;
     right: 0;
     margin: auto;
     z-index: -1;
     background-color: rgba(0, 80, 159, 0);
 }

 .witrfm_area .witr_btn {
     border-style: solid;
     border-width: 0 0 1px 0;
     border-color: #1E2023;
     background: #02010100;
     color: var(--white);
     border-radius: 0;
     padding: 0;
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .witrfm_area .witr_btn:hover {
     border-color: #F45B1E;
     color: #F45B1E;
 }

 .witrfm_area .pluse_btn_icon span {
     font-size: 12px;
     text-align: center;
     margin: 0;
     background: 0;
     color: #fff;
     padding: 0;
     margin-left: 5px;
     transition: .5s;
 }

 .witrfm_area .witr_btn:hover .pluse_btn_icon span {
     color: #F45B1E;
 }

 figure.image-box-img {
     width: 32%;
     margin-bottom: 35px;
 }

 .witr_fwtm ul {
     padding: 0;
     margin: 0;
 }

 .witr_fwtm ul li {
     list-style: none;
 }

 .social-icons a {
     color: #fff;
     display: inline-block;
     border-radius: 0;
     margin-bottom: 5px;
     height: 42px;
     width: 42px;
     line-height: 42px;
     text-align: center;
     background: #FFFFFF26;
 }

 .social-icons a:hover {
     background: #F45B1E;
 }

 .witr_fwtm ul li a,
 .witr_fwtm ul li {
     line-height: 38px;
     transition: .5s;
 }

 .witr_fwt ul li {
     display: block;
 }

 .witr_fwt ul li a {
     color: var(--pracolor);
 }

 .witr_fwtt .tagcloud a {
     font-size: 16px !important;
     line-height: 27px;
     margin-right: 15px;
     padding: 0;
 }

 .witr_own_shorcode {
     margin-top: 21px;
 }

 .checkbox_witr input {
     width: 20px;
     float: left;
     margin-right: 15px;
     margin-top: -8px;
 }

 .checkbox_witr span {
     font-size: 15px;
 }

 .witr_fwtm ul li {
     list-style: none;
 }

 .vw_theme_widget .icon-list-item span i {
     font-size: 16px;
     margin-left: 13px;
 }

 /*===== start to shortcode area CSS =====*/
 .witr_shortcode_area {
     position: relative;
 }

 .witr_shortcode_inner {
     background: var(--white);
     padding: 60px 90px 50px 90px;
     box-shadow: 0px 0px 20px 0px var(--bshadow);
     margin-bottom: -100px;
     z-index: 9;
     position: relative;
 }

 .shortcode_content h2 {
     font-size: 17px;
     color: var(--brcolor);
 }

 .shortcode_content p {
     font-size: 35px;
     color: #1c1c1c;
     font-weight: 700;
 }

 .mc4wp-form-fields {
     margin-top: 10px;
     color: #fff;
 }

 .mc4wp-form-fields p {
     position: relative;
     line-height: 27px;
 }

 .mc4wp-form-fields input {
     width: 100%;
     font-size: 16px;
     line-height: 28px;
     border-radius: 30px;
     border: none;
     outline: none;
     padding: 15px 30px;
     height: 50px;
     background: #f3f3f3;
 }

 .mc4wp-form-fields input {
     width: 100%;
     font-size: 16px;
     line-height: 28px;
     border-radius: 30px;
     border: none;
     outline: none;
     padding: 15px 30px;
     height: 50px;
     background: #f3f3f3;
 }

 .mc4wp-form-fields button {
     width: 30%;
     border-radius: 0px 30px 30px 0px;
     border: none;
     outline: none;
     position: absolute;
     right: -3px;
     top: 0;
     bottom: 0;
     font-size: 16px;
     text-align: center;
     z-index: 2;
     padding: 10px 15px;
     transition: .5s;
     background: var(--brcolor);
     color: var(--white);
     cursor: pointer;
 }

 .witr_shor_posi {
     position: absolute;
     z-index: 999;
     left: 0;
     right: 0;
     bottom: -70px;
     display: block;
 }

 .shortcode_content {
     font-size: 40px;
     font-weight: 500;
     color: #fff;
     line-height: 1.2;
 }

 /* fooeter unit test */
 .vw_f_color.vw_theme_widget>div {
     padding: 0;
     border-radius: 0;
     box-shadow: none;
     background: none;
 }

 .vw_f_color.vw_theme_widget .widget ul li {
     border-bottom: 0;
     list-style: none;
     margin-left: 0;
 }

 .recent-post-text h4 {
     margin-bottom: 5px;
 }

 .recent-post-text {
     flex: calc(100% - 80px);
     padding-left: 0;
 }

 .vw_f_color.vw_theme_widget>.widget>ul>ol,
 .vw_f_color.vw_theme_widget>.widget>ul>li,
 .vw_f_color.vw_theme_widget .widget_nav_menu ul li a {
     padding-left: 0;
 }

 .vw_f_color .widget h2 {
     color: var(--white);
 }

 .recent-portfolio-area {
     display: flex;
     gap: 10px;
     flex-wrap: wrap;
 }

 .footer_s_inner {
     display: flex;
     justify-content: flex-start;
     margin-top: 10px;
 }

 .vw_f_color .social-icons a,
 .vw_f_color .footer-sociala-icon {
     margin-right: 5px;
 }

 .right_sideber_content .footer-sociala-icon {
     margin-right: 7px;
 }

 .vw-description-area p,
 .vw-description-area a,
 .social-icons {
     margin-top: 10px;
 }

 .vw-description-area p,
 .vw-description-area a,
 .social-icons {
     margin-top: 10px;
 }

 .vw_f_color .widget a,
 .vw_f_color .widget p,
 .vw_f_color .widget span,
 .vw_f_color .widget li,
 .vw_f_color .widget li a,
 .vw_f_color .footer-sociala-icon {
     color: #fff;
 }

 .vw_f_color .widget a:hover {
     color: var(--brcolor);
 }

 .vw-description-area .social-icons a {
     display: inline-block;
     border-radius: 4px;
     margin-right: 5px;
     margin-bottom: 5px;
     height: 40px;
     width: 40px;
     line-height: 40px;
     text-align: center;
     background: var(--black);
 }

 .vw-description-area .social-icons a:hover {
     background: var(--brcolor);
     color: #ffffff;
 }

 .vw_f_color .widget .tagcloud a:hover {
     color: var(--white);
 }

 .vw_f_color table td {
     color: var(--white);
 }

 .vw_f_color .tagcloud a {
     background: transparent;
 }

 .footer-middle .widget-title {
     margin-bottom: 29px;
 }

 .ft_tpmrb .ttin .txbdstitle.tsmall {
     margin-bottom: 20px;
 }

 .recent-post-item {
     display: flex;
     gap: 12px;
     padding-top: 10px;
 }

 .recent-post-image {
     margin-bottom: 5px;
     flex: 0 0 auto;
 }

 .recent-post-text h4 a,
 .recent-post-text h4 {
     font-size: 16px;
 }

 .recent-post-text .rcomment {
     font-weight: 400;
 }

 .recent-post-text span {
     font-size: 16px;
 }

 .vw_theme_widget .widget h2 {
     position: relative;
     font-weight: 500;
     margin-left: 10px;
     margin-bottom: 22px;
 }

 .cg_fot_mrlt {
     margin-left: 92px;
 }

 .vw_theme_widget .widget .widget-title::after,
 .vw_theme_widget .widget .widget-title::before {
     content: '';
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     border-radius: 50%;
     margin-top: 20px;
 }

 .vw_theme_widget p {
     color: #fff;
 }

 .footer-middle .mc4wp-form-fields {
     margin-top: 20px;
     color: #ffffff;
 }

 .footer-middle .mc4wp-form-fields p {
     position: relative;
     line-height: 27px;
     margin-bottom: 22px;
     color: #fff;
 }

 .footer-middle .mc4wp-form-fields button {
     position: relative;
     right: 0;
     top: 10px;
     width: 50%;
     height: 50px;
     border-radius: 0px;
     cursor: pointer;
     padding: 10px 10px;
     line-height: 0;
     transition: .5s;
     background: var(--brcolor);
     border: none;
     outline: none;
     bottom: 0;
     font-size: 16px;
     text-align: center;
     z-index: 2;
 }

 /* end fooeter unit test */
 .blockquote p {
     font-size: 16px;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
     line-height: 2;
     margin: 0 0 20px;
     width: 100%;
 }

 table {
     border-bottom: 1px solid #efeaea;
     border-right: 1px solid #efeaea;
     margin-bottom: 30px;
 }

 table td,
 table tr {
     border-top: 1px solid #efeaea;
     border-left: 1px solid #efeaea;
     padding: 8px;
 }

 table tr th {
     border-right: 1px solid #efeaea;
     padding: 8px;
 }

 th {
     font-weight: bold;
 }

 td {
     padding: 6px 10px 6px 0;
 }

 caption,
 th,
 td {
     text-align: left;
 }

 .vw_blog_details table tr th a,
 .vw_blog_details table tr td a {
     color: var(--pracolor);
 }

 blockquote {
     border-radius: 10px;
     line-height: 1.8;
     margin-bottom: 30px;
     margin-top: 31px;
     position: relative;
     text-align: center;
     border: 0 none;
     margin: 20px 0;
     padding: 30px !important;
 }

 blockquote p {
     position: relative;
 }

 blockquote blockquote {
     margin-right: 0;
 }

 small {
     font-size: smaller;
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }

 sup {
     top: -0.5em;
 }

 sub {
     bottom: -0.25em;
 }

 dl {
     margin: 0 20px;
 }

 dt {
     font-weight: bold;
 }

 dd {
     margin: 0 0 20px;
 }

 address {
     font-style: italic;
     margin: 0 0 24px;
 }

 i,
 cite,
 em,
 var,
 address,
 dfn {}

 i {
     display: inline-block;
 }

 em {
     font-style: italic;
 }

 pre {
     margin: 20px 0;
     overflow: auto;
     padding: 20px;
     white-space: pre;
     white-space: pre-wrap;
     word-wrap: break-word;
     font-size: 18px;
 }

 tt,
 code,
 samp {}

 kbd {}

 .bypostauthor {
     color: inherit;
 }

 /* image aligment */
 .entry-content img.alignleft,
 .entry-content .wp-caption.alignleft {
     margin-left: -60px;
 }

 figure.wp-caption.alignleft,
 img.alignleft {
     margin: 5px 20px 5px 0;
 }

 img.size-full,
 img.size-large,
 img.wp-post-image {
     max-width: 100%;
 }

 .alignleft {
     float: left;
 }

 .entry-content img,
 .entry-summary img,
 .comment-content img,
 .widget img,
 .wp-caption {
     max-width: 100%;
 }

 /*Alignments*/
 .alignleft {
     display: inline;
     float: left;
     margin-right: 1.5em;
 }

 .alignright {
     display: inline;
     float: right;
     margin-left: 1.5em;
 }

 .aligncenter {
     display: block;
     margin-right: auto;
     margin-left: auto;
 }

 blockquote.alignleft,
 .wp-caption.alignleft,
 img.alignleft {
     margin: 0.4em 1.6em 1.6em 0;
 }

 blockquote.alignright,
 .wp-caption.alignright,
 img.alignright {
     margin: 0.4em 0 1.6em 1.6em;
 }

 blockquote.aligncenter,
 .wp-caption.aligncenter,
 img.aligncenter {
     clear: both;
     margin-top: 0.4em;
     margin-bottom: 1.6em;
 }

 .wp-caption.alignleft,
 .wp-caption.alignright,
 .wp-caption.aligncenter {
     margin-bottom: 1.2em;
 }

 .wp-caption {
     margin-bottom: 1.6em;
     max-width: 100%;
 }

 .wp-caption img[class*="wp-image-"] {
     display: block;
     margin: 0;
 }

 .wp-caption-text {
     font-size: 18px;
     line-height: 1.5;
     padding: 0.5em 0;
 }

 .gallery-size-thumbnail {
     padding-top: 5px;
 }

 .gallery-item {
     display: inline-block;
     padding: 0 10px 15px 0;
     text-align: center;
     vertical-align: top;
     width: 100%;
     margin: 0;
 }

 .gallery-columns-2 .gallery-item {
     max-width: 50%;
 }

 .gallery-columns-3 .gallery-item {
     max-width: 32.24%;
 }

 .gallery-columns-4 .gallery-item {
     max-width: 24%;
 }

 .gallery-columns-5 .gallery-item {
     max-width: 20%;
 }

 .gallery-columns-6 .gallery-item {
     max-width: 16.66%;
 }

 .gallery-columns-7 .gallery-item {
     max-width: 14.28%;
 }

 .gallery-columns-8 .gallery-item {
     max-width: 12.5%;
 }

 .gallery-columns-9 .gallery-item {
     max-width: 11.11%;
 }

 .vw_f_color.vw_theme_widget .widget ul li {
     border-bottom: none;
     padding: 0 0 0px;
     display: inline-block;
 }

 .vw_theme_widget .widget ul li span {
     font-weight: 400;
 }

 .vw_theme_widget .widget ul li span:hover {
     color: var(--brcolor);
 }

 .heading-title {
     color: #FFFFFF;
     font-size: 18px;
     text-transform: uppercase;
 }

 .vw_theme_widget .text-brcolor {
     color: var(--brcolor);
 }

 .gallery-icon img {
     margin: 0 auto;
 }

 .gallery-caption {
     display: block;
     font-size: 12px;
     font-size: 19.2px;
     font-size: 1.2rem;
     line-height: 1.5;
     padding: 0.5em 0;
 }

 .gallery-columns-6 .gallery-caption,
 .gallery-columns-7 .gallery-caption,
 .gallery-columns-8 .gallery-caption,
 .gallery-columns-9 .gallery-caption {
     display: none;
 }

 .wp-block-cover.has-background-dim.alignleft {
     margin-right: 15px;
 }

 ul.wp-block-gallery.alignleft {
     margin-right: 15px;
 }

 .wp-block-group__inner-container {
     padding: 14px 15px 1px;
     margin-bottom: 10px;
 }

 .wp-block-media-text {
     margin-bottom: 15px;
 }

 ul.blocks-gallery-grid {
     padding: 0;
 }

 figcaption.blocks-gallery-caption {
     margin-bottom: 25px;
 }

 .wp-block-gallery.is-cropped.extraclass {
     margin-right: 30px;
 }

 .wp-block-categories-dropdown select,
 .wp-block-archives-dropdown select {
     height: 42px;
     margin-bottom: 30px;
 }

 .post-password-form input[type=submit] {
     border: none;
     padding: 6px 25px;
     text-transform: lowercase;
 }

 .post-password-form input[type=password] {
     height: 38px;
     padding-left: 5px;
 }

 .site-title {
     margin: 0;
 }

 .site-description {
     margin: 0;
 }

 .logo_area.text-center {
     padding: 0px 0 12px;
 }

 .vw_blog_details ol,
 .vw_blog_details ul {
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .vw_blog_details ol li,
 .vw_blog_details ul li {
     margin-bottom: 7px;
 }

 .witrfm_area h5 {
     text-transform: uppercase;
     color: var(--white);
 }

 /* image */
 .wp-block-image figure {
     margin: 1rem 0 1rem;
 }

 .vw_blog_details .alignleft,
 .vw_blog_details .alignright,
 .vw_blog_details .alignleft,
 .vw_blog_details .alignright {
     clear: both;
 }

 /* button */
 .vw_blog_details * [class^=wp-block-] {
     margin-bottom: 25px;
 }

 .vw_blog_details * [class^=wp-block-]:last-child {
     margin-bottom: 0;
 }

 a.wp-block-button__link {
     color: var(--white);
 }

 .vw_blog_details a:focus,
 .vw_blog_details a:hover {
     color: var(--brcolor);
 }

 /* cover */
 .wp-block-cover.has-background-dim {
     color: var(--white);
 }

 .wp-block-cover.has-background-dim,
 .wp-block-cover.has-background-dim+p {
     margin-bottom: 25px;
 }

 /* gallery */
 .vw_blog_details figcaption {
     text-align: center;
 }

 ul.blocks-gallery-grid {
     margin-top: 0;
 }

 /* column */
 .has-large-font-size,
 .has-large-font-size+p {
     line-height: 1.2;
 }

 /* quoat */
 .vw_blog_details blockquote {
     background: #f8f9fa;
     padding: 20px;
     border-radius: 5px;
 }

 /* layout element */
 .wp-block-group.has-background {
     margin-bottom: 20px;
     padding: 15px;
 }

 .vw_blog_details .wp-block-group__inner-container {
     margin-bottom: 20px;
     padding: 20px;
 }

 /* formating */
 .vw_blog_details pre {
     background: #f8f9fa;
     color: var(--brcolor);
     margin-top: 20px;
     padding: 15px;
 }

 .vw_blog_details pre code {
     color: var(--brcolor);
 }

 /* excerpt genarator */
 code {
     background: #f8f9fa;
     display: inline-block;
     margin: 10px 0;
     padding: 10px;
 }

 /* pagination page type */
 .vw_postd_pagi {
     clear: both;
     border-top: 1px solid #f9f9f9;
     margin: 20px 0;
     padding-top: 20px;
 }

 .vw_postd_pagi .post-page-numbers,
 .vw_postd_pagi a {
     box-shadow: 0 0 13px 0 rgb(50 65 141 / 7%);
     border-radius: 5px;
     display: inline-block;
     margin-left: 8px;
     text-align: center;
     padding: 10px 24px;
     transition: .5s;
     -webkit-transition: .5s;
 }

 .vw_postd_pagi a:hover,
 .vw_postd_pagi span.current {
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
 }

 /* password ppost */
 .btn-primary {
     color: var(--white);
     background-color: var(--brcolor);
     border-color: var(--brcolor);
 }

 .passwidth {
     width: 47%;
     margin: 20px 0 18px;
 }

 /* post formate chating */
 .format-chat .vw_sblog_content {
     margin-top: 15px;
 }

 .format-chat .vw_blog_details p {
     background: #f9f9f9;
     border-radius: 0 30px 30px 30px;
     padding: 10px 20px;
     margin-right: 30px;
 }

 .pdlr0 {
     padding-right: 0px;
     padding-left: 0px;
 }

 /* =========END UNIT TEST CSS========= */
 /* footer bottom CSS */
 .footer-middle .container {
     display: flex;
     flex-direction: column;
     align-items: stretch;
     height: 100%;
 }

 .footer-middle .row {
     display: flex;
     flex-grow: 1;
 }

 .footer-middle .vw_theme_widget {
     flex: 1;
     padding: 20px;
     box-sizing: border-box;
 }

 .footer-bottom {
     padding: 25px 0;
     position: relative;
     margin: 0 auto;
     background: #0D0D3F;
 }

 .footer-bottom .ttin p {
     color: #fff;
     margin: 0;
 }

 .footer-bottom .tts {
     position: relative;
     margin-bottom: 0;
 }

 .footer-bottom:before {
     content: "";
     position: absolute;
     top: 0;
     height: 2px;
     width: 68%;
     left: 0;
     right: 0;
     margin: auto;
 }

 .copy-right-text p {
     margin: 0;
     padding: 0;
     color: #fff;
 }

 .copy-right-text a {
     color: var(--brcolor);
 }

 .footer-menu ul li {
     display: inline-block;
 }

 .footer-menu ul li a {
     padding: 0 10px;
     display: block;
     color: var(--white);
 }

 .copy-right-text a:hover,
 .footer-menu ul li a:hover {
     color: var(--brcolor);
 }

 .footer-menu ul li:last-child a {
     padding-right: 0;
 }

 /* sbuiletoll up css */
 #scrollUp {
     bottom: 30px;
     font-size: 30px;
     height: 40px;
     line-height: 40px;
     right: 100px;
     text-align: center;
     border-radius: 5px;
     width: 40px;
     background: var(--brcolor);
 }

 #scrollUp i {
     color: var(--white);
 }

 /* ===== 20. Counter Area CSS ===== */
 .cg_coun_area {
     background: #1E2023;
     padding: 80px 0 60px;
 }

 .all_counter_color {
     text-align: center;
     margin-bottom: 30px;
 }

 .all_counter_color i,
 .witr_counter_img {
     margin: 0;
 }

 .all_counter_color i {
     font-size: 40px;
     transform: rotate(0deg);
 }

 .all_counter_color h3,
 .all_counter_color span {
     color: #fff;
     font-weight: 500;
 }

 .witr_contx .counter,
 .witr_contx h2,
 .witr_contx span {
     margin-bottom: 10px;
     line-height: 1;
 }

 .witr_contx .counter,
 .witr_contx span {
     display: inline-block;
     font-size: 39px;
 }

 .all_counter_color h2,
 .all_counter_color h1 {
     color: #fff;
     font-size: 16px;
 }

 /* ===== 21. Blog Area CSS ===== */
 .cg_blog_area {
     padding: 110px 0 70px;
 }

 .wblogpart {
     position: relative;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     padding: 0;
     margin-bottom: 30px;
 }

 .wblogovermeta {
     position: absolute;
     left: 20px;
     top: 20px;
     z-index: 999;
 }

 .wblogovermeta span,
 .wblogovermeta span a {
     display: inline-block;
     color: var(--black);
     padding: 2px 10px;
     background: var(--white);
     font-size: 14px;
     text-align: center;
 }

 .wblogthumb {
     position: relative;
     overflow: hidden;
 }

 .wblogthumbinner {
     transition: .5s;
 }

 .wblogthumbinner a {
     position: relative;
     display: block;
 }

 .wblogthumbinner a:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     transform: scale(0);
     transition: .5s;
 }

 .wblogthumbinner img {
     width: 100%;
 }

 .wblogcontent {
     padding: 15px 0 0 0;
     overflow: hidden;
     position: relative;
 }

 .vw_meta {
     display: inherit;
     padding: 0 0 10px;
 }

 .vw_meta span {
     margin-right: 10px;
 }

 .vw_meta span a,
 .vw_meta span,
 .vw_meta i {
     font-size: 14px;
 }

 .vw_meta span a,
 .vw_meta span,
 .wblogovermeta span,
 .wblogovermeta span a {
     color: var(--pracolor);
 }

 .vw_meta i {
     color: var(--brcolor);
     font-size: 12px;
     width: 17px;
     height: 13px;
 }

 .wblogcontent .wblogtitle {
     margin-bottom: 10px;
 }

 .wblogcontent p {
     margin: 10px 0 0 0;
 }

 .wbriconoverhidd {
     position: relative;
     overflow: hidden;
 }

 .wblogbtn {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .wblogpart:hover .wblogthumbinner,
 .wblogpart:hover .wblogthumbinner a:before {
     transform: scale(1.2);
 }

 .blog_grid_area {
     padding: 110px 0 80px;
 }

 .blog_grid_area .allcostyle .btnallt {
     color: var(--linkcolor);
     background: 0;
     padding: 7px 25px;
     border: 1px solid var(--bdcolor);
 }

 .blog_grid_area .allcostyle .btnallt:hover {
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: #fff;
 }

 .blog_grid_area .wblogcontent {
     padding: 15px 20px 24px;
     overflow: hidden;
     position: relative;
 }

 .blog_grid_area .wblogpart {
     box-shadow: 0px 2px 6px 0px #f5f2f2;
 }

 .tab_page_blog {
     padding: 0 0 70px;
 }

 /* ===== Blog Side Area CSS ===== */
 .blog_grid_blog {
     padding: 120px 0 90px;
 }

 .witr_blog_imags {
     overflow: hidden;
 }

 .blog-img {
     position: relative;
     transition: .5s;
 }

 .blog-img a {
     position: relative;
     display: block;
 }

 .blog-img a:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     transform: scale(0);
     transition: .5s;
     background: rgba(0, 0, 0, .5);
 }

 .blog-img img {
     width: 100%;
 }

 .wblog-content.blog-content-5 {
     padding: 15px 20px 15px;
     box-shadow: 0 2px 6px 0 #f5f2f2;
 }

 .wblog-content span {
     font-size: 15px;
     line-height: 28px;
     padding-bottom: 15px;
     margin-right: 10px;
     color: var(--brcolor);
 }

 .wblog-content span a {
     font-size: 15px;
 }

 .wblog-content span i {
     padding-right: 5px;
     padding-left: 5px;
     transition: .5s;
 }

 .wblog-content.blog-content-5 h5 {
     padding-bottom: 0;
 }

 .wblog-content h5 {
     margin: 10px 0 15px;
 }

 .wblog-content h5>a {
     font-weight: 700;
 }

 .learn_btn,
 .wblog-content h5>a:hover,
 .wblog-content span i:hover,
 .wblog-content>a,
 .witr_blog_con span i:hover {
     color: var(--brcolor);
 }

 .wblog-content span,
 .wblog-content span a,
 .wblog-content span i,
 .witr_blog_con span i,
 .witr_blog_metan span i {
     color: var(--brcolor);
 }

 .blog_part_inner:hover .blog-img,
 .blog_part_inner:hover .blog-img a:before {
     transform: scale(1.2);
 }

 .blog-part {
     margin-bottom: 30px;
 }

 /* ===== Blog Area CSS ===== */
 .witr-blog-side-area.blog_sidebar {
     padding: 100px 0px 100px;
 }

 .blog-left-side>div {
     background-color: #fff;
     margin-bottom: 30px;
     padding: 15px;
     box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
 }

 .blog-left-side>div:last-child {
     margin-bottom: 0;
 }

 .witr-blog-side-area.blog_sidebar .recent-post-text span {
     color: var(--pracolor);
 }

 .blog-left-side h2 {
     margin-bottom: 10px;
     text-transform: uppercase;
 }

 .blog-left-side .content {
     padding: 0;
 }

 .blog-left-side .push-bottom-large {
     margin-bottom: 0;
 }

 .blog-left-side>div:last-child {
     margin-bottom: 0;
 }

 .blog-left-side>aside:last-child {
     margin-bottom: 0 !important;
 }

 .blog-left-side .nav .children li a:hover,
 .blog-left-side .sub-menu li a:hover {
     background: 0 0;
     color: #18c8ff;
 }

 .defaultsearch {
     background: #f7f7f7;
     position: relative;
 }

 .defaultsearch input {
     background: #f7f7f7 none repeat scroll 0 0;
     border: 0 none;
     height: 54px;
     position: relative;
     width: 100%;
 }

 .defaultsearch button {
     background: transparent none repeat scroll 0 0;
     border: 0 none;
     color: #858585;
     font-size: 18px;
     padding: 1px 15px;
     position: absolute;
     right: 0;
     top: 50%;
     cursor: pointer;
     transform: translateY(-50%);
 }

 .defaultsearch input[type="text"] {
     padding-left: 10px;
 }

 .blog-left-side .widget h2 {
     bottom: -1px;
     display: block;
     line-height: 17px;
     margin-bottom: 20px;
     padding-bottom: 14px;
     position: relative;
     text-transform: capitalize;
 }

 .blog-left-side .widget h2::before {
     background: var(--brcolor);
     bottom: 0;
     content: "";
     height: 2px;
     left: 0px;
     position: absolute;
     width: 26%;
     top: 30px;
 }

 .em-blog-content-area {
     padding: 20px 15px 0;
     overflow: hidden;
 }

 .blog-left-side .widget ul {
     list-style: none;
 }

 .blog-left-side .widget ul li {
     margin: 0 0 5px;
     padding-left: 20px;
     position: relative;
 }

 .blog-left-side .widget>ul>li:not(:last-child) {
     border-bottom: 1px solid rgba(0, 0, 0, .12);
 }

 .blog-left-side .widget ul li span {
     font-weight: 300;
 }

 .blog-left-side .widget ul li:last-child {
     padding-bottom: 0;
     margin-bottom: 0;
 }

 .blog-left-side>.widget>ul>li {
     margin: 0 0 10px;
     padding-bottom: 10px;
 }

 .blog-left-side .widget ul li a:hover,
 .blog-left-side .widget ul li:hover::before {
     color: var(--brcolor);
 }

 .blog-left-side .widget ul li::before {
     content: "\f105";
     font-family: FontAwesome;
     font-size: 18px;
     left: 0;
     position: absolute;
 }

 .blog-left-side .widget select {
     width: 100%;
     height: 40px;
     background: #fff;
     border: 1px solid #ddd;
     padding-left: 5px;
 }

 .vw-blog-meta-left i {
     color: var(--brcolor);
 }

 .vw-blog-meta-left i {
     font-size: 13px;
     margin-right: 5px;
 }

 .vw-blog-meta-left {
     margin-bottom: 10px;
     margin-top: 5px;
 }

 .recent-post-text h4 a:hover {
     color: var(--brcolor);
 }

 .recent-post-item {
     padding-bottom: 0;
 }

 .recent-post-text h4 {
     line-height: 1;
 }

 .vw-blog-meta-left a,
 .vw-blog-meta-left span {
     color: #888;
 }

 .widget .screen-reader-text {
     display: none;
 }

 .textwidget select {
     width: 100%;
 }

 #wp-calendar {
     width: 100%;
 }

 .tagcloud a {
     display: inline-block;
     font-size: 14px !important;
     margin: 0 8px 10px 0;
     padding: 7px 15px;
     text-align: center;
     font-weight: 400;
     border: 1px solid #ddd;
     text-transform: capitalize;
 }

 .r-post-content h3 a:hover,
 .r-post-content h3:hover,
 .tagcloud a:hover,
 .widget_archive ul li a:hover,
 .widget_archive ul li:hover:before,
 .widget_categories ul li a:hover,
 .widget_categories ul li:hover:before {
     color: #DB2D2E;
 }

 .tagcloud a:hover {
     background: #DB2D2E;
     color: #fff;
 }

 #wp-calendar caption {
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 10px;
     text-align: left;
     text-transform: uppercase;
 }

 #wp-calendar {
     font-size: 13px;
 }

 #wp-calendar {
     border: 0 solid #e5e5e5;
     margin-bottom: 20px;
     overflow: auto;
     vertical-align: top;
     width: 100%;
     margin: 0;
 }

 table#wp-calendar td {
     border: 1px solid #e5e5e5;
     padding: 5px 10px;
     text-align: center;
     vertical-align: top;
     font-size: 14px;
 }

 #wp-calendar td,
 #wp-calendar th {
     padding: 8px;
 }

 table#wp-calendar th {
     border: 1px solid #e5e5e5;
     font-size: 13px;
     font-weight: 700;
     padding: 5px 10px;
     text-align: center;
     text-transform: uppercase;
     vertical-align: middle;
 }

 table#wp-calendar td#today {
     color: #fff;
     background-color: var(--brcolor);
 }

 table#wp-calendar td#today a {
     color: #fff;
 }

 .textwidget img {
     margin-bottom: 15px;
 }

 .textwidget p {
     margin-bottom: 0.5rem;
 }

 .vw-blog-thumb img {
     width: 100%;
     transition: .5s;
 }

 .witr-blog-side-area .imagess_area .slick-slide img {
     display: inline-block;
     margin: auto;
     width: 100%;
 }

 .witr-blog-side-area.blog_sidebar .vw-single-blog {
     margin-bottom: 30px;
     box-shadow: none;
     border-bottom: 1px solid #e7e7e7;
     background: transparent;
 }

 .vw-single-blog {
     overflow: hidden;
     text-align: left;
     transition: all .3s ease-in-out 0s;
 }

 .vw-blog-thumb {
     overflow: hidden;
 }

 .single_blog_thumb img {
     width: 100%;
 }

 .vw-blog-thumb a {
     display: block;
     position: relative;
 }

 .vw-blog-thumb a:before {
     content: "";
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     position: absolute;
     opacity: 0;
     z-index: 999;
     transition: .5s;
 }

 .vw-blog-thumb a:before {
     background: rgba(0, 0, 0, .7);
 }

 .vw-blog-thumb img {
     width: 100%;
 }

 .vw_blog_area .em-blog-content-area {
     padding: 20px 15px 0;
     overflow: hidden;
     box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
 }

 .vw-blog-meta.post_blog h2 a {
     font-size: 24px;
     font-weight: 700;
     transition: .5s;
 }

 .vw-blog-meta.post_blog h2 a:hover {
     color: var(--brcolor);
 }

 .vw-blog-meta-left {
     margin-bottom: 10px;
     margin-top: 5px;
 }

 .vw-blog-meta-left a,
 .vw-blog-meta-left span {
     color: #888888;
     font-size: 16px;
     margin-right: 5px;
     margin-bottom: 0;
     display: inline-block;
 }

 .vw-blog-meta-left i {
     color: var(--brcolor);
     margin-right: 5px;
     font-size: 13px;
 }

 .vw-blog-meta-left a,
 .vw-blog-meta-left span {
     color: #888;
 }

 .em-blog-content-area .witr_btn {
     background: var(--brcolor);
     border-radius: 5px;
     color: #fff;
     display: inline-block;
     font-size: 20px;
     padding: 10px 30px;
     text-align: center;
     position: relative;
     margin-right: 20px;
     z-index: 2;
     transition: 1s;
     font-weight: 400;
     margin-bottom: 20px;
     margin-top: 15px;
 }

 .vw-single-blog:hover .vw-blog-thumb a:before {
     opacity: 1;
 }

 .vw-single-blog:hover .vw-blog-thumb img {
     transform: scale(1.1);
 }

 .em-blog-content-area .witr_btn:hover {
     background: #323232;
     color: #fff;
 }

 .video-open-inline iframe {
     width: 100%;
     height: 400px;
     border: none;
 }

 .witr-blog-side-area.blog_sidebar .markit-single-blog {
     margin-bottom: 30px;
     box-shadow: none;
     border-bottom: 1px solid #e7e7e7;
     background: transparent;
 }

 .witr-blog-side-area blockquote {
     background-color: #f7f7f7;
     padding: 1em 1em;
     margin-top: 15px;
 }

 blockquote {
     margin: 0 0 30px;
     font-size: 17px;
     font-weight: 400;
     box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
 }

 .blog-left-side>div {
     margin-bottom: 30px;
     padding: 35px 30px 35px;
     border-radius: 8px;
     box-shadow: 0 0 30px rgb(0 0 0 / 7%);
 }

 .recent-post-text h4 a {
     font-size: 17px;
 }

 .widget_recent_data .recent-post-image img {
     margin-bottom: 0;
     margin-top: 5px;
     width: 75px;
 }

 .widget_recent_data .recent-post-item {
     margin-bottom: 0;
 }

 .blog-left-side .single-widget-item h2 {
     color: #030925;
 }

 .vw-blog-meta.post_blog {
     padding: 20px 0px 0;
     overflow: hidden;
 }

 .blog-content {
     padding: 5px 15px 0;
     overflow: hidden;
 }

 .blog-content {
     padding: 0;
     overflow: hidden;
 }

 .vw-single-blog .em-blog-content-area {
     padding: 5px 15px 0;
     overflow: hidden;
 }

 /* ===== single blog css ===== */
 .witr-blog-side-area.blog_area.single_blog.single_blog_page {
     padding: 100px 0 70px;
 }

 .vw-single-blog-details-inner {
     padding: 38px 45px 45px;
     box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
     border-radius: 0 0 10px 10px;
 }

 .block .wp-block-quote.is-large p,
 .block .wp-block-quote.is-style-large p {
     font-size: 1.5em;
     font-style: italic;
     line-height: 1.6;
     color: #5c727d;
 }

 .wp-block-group__inner-container {
     text-align: center;
 }

 .vw-single-icon-inner {
     text-align: center;
 }

 .vw-single-icon-inner a {
     border: 1px solid #e6e6e6;
     color: #17161a;
     display: inline-block;
     font-size: 15px;
     height: 40px;
     line-height: 41px;
     margin: 0 9px 0 0;
     text-align: center;
     width: 40px;
     border-radius: 5px;
 }

 .vw-single-icon-inner a:hover {
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: #fff;
 }

 .comment-respond {
     border: 1px solid #ddd;
     margin-bottom: 30px;
     padding: 25px 10px 30px;
     background-color: #f1f1f1;
 }

 .comment_field .input-field {
     width: 33.33%;
     float: left;
     margin-bottom: 25px;
 }

 .comment_field .input-field label,
 .comment_field .textarea-field label {
     color: #606060;
     font-size: 14px;
     margin-top: 15px;
     margin-bottom: 0;
     font-weight: 500;
 }

 .comment_field .input-field label,
 .comment_field .textarea-field label {
     color: #606060;
     font-size: 14px;
     margin-top: 15px;
     margin-bottom: 0;
     font-weight: 500;
 }

 .comment_field .input-field input,
 .comment_field .textarea-field textarea {
     color: #555555;
 }

 .comment_field .input-field input {
     width: 100%;
     border: 1px solid #e5e5e5;
     padding: 6px 20px;
     height: 54px;
     font-size: 17px;
 }

 .comment_field .textarea-field textarea {
     width: 100%;
     border: 1px solid #e5e5e5;
     height: 150px;
     padding: 10px;
 }

 .comment_field .input-field input,
 .comment_field .textarea-field textarea {
     color: #555555;
 }

 .vw_btn {
     background: transparent;
     border: 1px solid #ddd;
     display: inline-block;
     text-align: center;
     padding: 12px 20px;
     margin-top: 15px;
     border-radius: 5px;
     transition: .5s;
     color: #444;
 }

 .vw_btn:hover {
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: #fff;
 }

 .tx_golobal_color {
     background: var(--brcolor);
 }

 .tx_btn_global_color:hover {
     background: #000;
 }