:root {
     --brcolor: #bb9457;
     /* brand color */
     --black: #222222;
     /* Brand Hover color */
     --bdcolor: #dddddd;
     /* border color */
     --bdhcolor: #bb9457;
     /* border hover color */
     --linkcolor: #000000;
     /* link  color */
     --titlecolor: #222222;
     /* title color */
     --pracolor: #666666;
     /* pragrap/body color */
     --white: #ffffff;
     /* white color */
     --bshadow: rgba(0, 0, 0, 0.05);
     /* opacity color box shadow */
     --bropacity: rgba(187, 148, 87, 0.3);
     /* brand opacity color */
 }

 /*
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: 'Arimo', sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 16px;
     line-height: 1.6;
     color: var(--pracolor);
     margin: 0;
     direction: ltr;
     unicode-bidi: embed;
 }

 p {
     margin: 0;
 }

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

 h1 {
     font-size: 27.03px;
 }

 h2 {
     font-size: 22px;
 }

 h3 {
     font-size: 21.36px;
 }

 h4 {
     font-size: 18.94px;
 }

 h5 {
     font-size: 16.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;
 }

 .header-srv-v2 {
     background: #f4f4f4;
     border-bottom: 3px solid #1976d2;
     position: fixed;
     width: 100%;
     top: 0;
     z-index: 999;
 }

 .container-srv-v2 {
     max-width: 1140px;
     margin: auto;
     padding: 0 20px;
     height: 72px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .logo-srv-v2 {
     font-size: 1.9rem;
     font-weight: bold;
     color: #1976d2;
     text-decoration: none;
     letter-spacing: 2px;
 }

 .lzZ3APt0du {
     display: flex;
     gap: 25px;
 }

 .lzZ3APt0du a {
     text-decoration: none;
     color: #333;
     font-weight: 600;
     padding: 8px;
     border-bottom: 2px solid transparent;
     transition: all 0.3s ease;
 }

 .lzZ3APt0du a:hover {
     border-bottom: 2px solid #1976d2;
 }

 .toggle-srv-v2 {
     display: none;
 }

 .hamburger-srv-v2 {
     display: none;
     flex-direction: column;
     gap: 5px;
     cursor: pointer;
 }

 .hamburger-srv-v2 div {
     width: 26px;
     height: 3px;
     background: #1976d2;
     border-radius: 1px;
     transition: 0.3s ease;
 }

 .mobile-menu-srv-v2 {
     position: fixed;
     top: 0;
     left: 0;
     background: #ffffff;
     width: 100%;
     height: 100vh;
     transform: translateX(100%);
     transition: transform 0.4s ease;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 28px;
     z-index: 1000;
 }

 .mobile-menu-srv-v2 a {
     color: #1976d2;
     font-size: 1.4rem;
     text-decoration: none;
     font-weight: 600;
 }

 .close-btn-srv-v2 {
     position: absolute;
     top: 18px;
     right: 24px;
     font-size: 2.5rem;
     color: #444;
     cursor: pointer;
 }

 .XOFyU3rcTx {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     background: #141414;
     color: #fff;
     padding-top: 60px;
 }

 .footer-top .container {
     max-width: 1140px;
     margin: 0 auto;
     padding: 0 15px;
 }

 .VC2rLrjqn3 {
     text-align: center;
     margin-bottom: 40px;
 }

 .MlpGV0yzUP,
 .MlpGV0yzUP-secondary {
     display: block;
     font-size: 2rem;
     font-weight: bold;
     color: #ffcc33;
     text-decoration: none;
     margin: 10px 0;
 }

 .footer-description {
     font-size: 1rem;
     color: #ccc;
     margin: 10px 0 20px;
 }

 .k9Mtdre3ae {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
     gap: 30px;
 }

 .footer-column {
     margin-bottom: 20px;
 }

 .footer-heading {
     font-size: 1.2rem;
     margin-bottom: 15px;
     color: #ffcc33;
 }

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

 .EKxSlI64kJ li {
     margin-bottom: 10px;
 }

 .EKxSlI64kJ a {
     color: #bbb;
     text-decoration: none;
     transition: color 0.3s ease;
 }

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

 .footer-bottom-bar {
     background: #0e0e0e;
     text-align: center;
     padding: 20px 0;
     margin-top: 40px;
 }

 .wTrQ70C7fY {
     font-size: 0.9rem;
     color: #888;
     margin: 0;
 }

 @media (max-width: 600px) {
     .footer-description {
         font-size: 0.95rem;
     }

     .footer-heading {
         font-size: 1.1rem;
     }
 }

 .lsdbaauUWN {
     display: flex;
     justify-content: center;
     gap: 20px;
     padding: 20px 0;
     backdrop-filter: blur(6px);
 }

 .social-icon {
     width: 50px;
     height: 50px;
     border-radius: 15px;
     background: rgba(255, 255, 255, 0.15);
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
     padding: 10px;
     transition: all 0.3s ease;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
     border: 1px solid rgba(255, 255, 255, 0.2);
     filter: grayscale(100%);
 }

 .social-icon:hover {
     transform: scale(1.1);
     filter: grayscale(0%);
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
     background: rgba(255, 255, 255, 0.25);
 }

 .dark-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     /* 50% black */
     z-index: 1;
 }

 .vwsdsinner {
     position: relative;
     z-index: 2;
     /* ensure content is above the overlay */
 }

 .toggle-srv-v2:checked~.mobile-menu-srv-v2 {
     transform: translateX(0);
 }

 .toggle-srv-v2:checked+.hamburger-srv-v2 div:nth-child(1) {
     transform: rotate(45deg) translate(4px, 4px);
 }

 .toggle-srv-v2:checked+.hamburger-srv-v2 div:nth-child(2) {
     opacity: 0;
 }

 .toggle-srv-v2:checked+.hamburger-srv-v2 div:nth-child(3) {
     transform: rotate(-45deg) translate(4px, -4px);
 }

 @media (max-width: 768px) {
     .lzZ3APt0du {
         display: none;
     }

     .hamburger-srv-v2 {
         display: flex;
     }
 }

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

 .gNDRmCgarb {
     position: relative;
     margin-bottom: 45px;
 }

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

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

 .ttin .vwsdstitle.tsmall {
     font-size: 16px;
     margin-bottom: 15px;
 }

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

 .ttin .vwsdstitle {
     margin: auto;
     line-height: 1.2;
     font-size: 40px;
 }

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

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

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

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

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

 .gNDRmCgarb.text-center p {
     width: 72%;
     margin-right: auto;
     margin-left: auto;
 }

 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: 16px 50px;
     text-align: center;
     position: relative;
     z-index: 2;
     transition: 1s;
     background: var(--brcolor);
     color: var(--white);
     margin-right: 15px;
 }

 .witr_btn:hover {
     background: var(--black);
     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,
     .witrfm_area .container,
     .vw_header_top_two .container,
     .shop_grid_area .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;
 }

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

 .vw-header-top {
     padding: 10px 0;
     background: var(--brcolor);
 }

 .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;
 }

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

 .lsdbaauUWN 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.lsdbaauUWN 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;
 }

 .ZojEbzef1g {
     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.lsdbaauUWN.menu_18,
 .top-right-menu ul.lsdbaauUWN.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 .lsdbaauUWN {
     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 .lsdbaauUWN 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 .lsdbaauUWN {
     margin: 4px 0 0;
     padding: 0;
     display: flex;
     justify-content: flex-end;
 }

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

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

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

 .top-right-menu .lsdbaauUWN 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;
 }

 .top-right-menu .lsdbaauUWN li a:hover {
     color: var(--white);
     background: var(--brcolor);
 }

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

 .ZojEbzef1g {
     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.lsdbaauUWN.menu_18,
 .top-right-menu ul.lsdbaauUWN.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: var(--brcolor);
 }

 .top_crt_style {
     padding: 20px 0;
 }

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

 .top-right-menu .lsdbaauUWN 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: 18px;
     margin-top: 0px;
     margin-left: 2px;
     display: inline-block;
     color: #fff;
 }

 .top_crt_style .site-title a,
 .top_crt_style p,
 .top_crt_style p a {
     color: #fff;
     font-size: 18px;
 }

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

 .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 18px;
     transition: .2s;
     position: relative;
     font-size: 18px;
     font-weight: 600;
     text-transform: capitalize;
     font-family: 'Work Sans', sans-serif;
 }

 .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;
 }

 /* 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: 17px;
     font-weight: 600;
     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;
 }

 /* 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 */
 .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: flex;
     justify-content: flex-end;
     align-items: center;
 }

 .donate-btn-header {
     display: inline-block;
 }

 .dtbtn {
     display: block;
     font-size: 16px;
     margin-left: 20px;
     border-radius: 50px;
     padding: 14px 35px;
     border: 1px solid var(--bdcolor);
     font-weight: 500;
     background: var(--black);
     color: var(--white);
 }

 /* 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: 0 0 10px 0px #9797974a;
 }

 .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: var(--brcolor);
     border-color: var(--brcolor);
     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: flex;
     justify-content: flex-end;
     align-items: center;
 }

 .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 .donate-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 .donate-btn-header {
     padding: 0;
 }

 .witr_shop_sc .donate-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;
 }

 .mcallicon i {
     color: var(--brcolor);
     font-size: 25px;
 }

 .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: 100%;
     border-top: 1px solid #ddd;
     font-size: 14px;
     padding: 12px 5px;
     font-weight: 500;
     display: block;
 }

 .mean-container .mean-nav ul li a.mean-expand {
     width: auto;
 }

 .mean-container .mean-nav ul li li a {}

 .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 =====*/
 .slider_area {
     background-image: url("assets/images/slider1.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 60px 0 70px 0;
 }

 .slide_items {
     text-align: center;
     padding: 0 15px;
 }

 .slide_items img {
     margin: auto;
 }

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

 .vwsdslider::before {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     content: "";
     z-index: -1;
 }

 .vwsdsinner {
     align-items: center;
     display: flex;
     height: 850px;
     justify-content: flex-start;
     text-align: left;
     margin: auto;
     width: 68.29%;
 }

 .vwsdsinner .vwsdstitle {
     font-size: 50px;
     margin: auto;
     margin-bottom: 0px;
 }

 .vwsdsinner .vwsdscontent h1 {
     color: #fff;
     font-size: 24px;
     font-weight: 700;
     padding: 0 0 20px 0;
 }

 .vwsdscontent h2 {
     color: #fff;
 }

 .vwsdscontent h3 {
     color: #fff;
 }

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

 .vwsdsinner p {
     margin: auto;
     margin-top: 16px;

     font-size: 18px;
     font-weight: 500;
 }

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

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

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

 .slider_area .gNDRmCgarb {
     margin-bottom: 30px;
 }

 .slider_area .ttin .vwsdstitle.tsmall {
     margin-bottom: 8px;
     margin-top: 20px;
 }

 .vwsdsbtn {
     margin-top: 5px;
 }

 .btnall {
     border: 1px solid var(--bdcolor);
     display: inline-block;
     border-radius: 30px;
     padding: 16px 50px;
     color: #fff;
 }

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

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

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

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

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

 .btnall:hover {
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
 }

 .btnallactive:hover {
     background: var(--black);
     border-color: var(--black);
     color: var(--white);
 }

 .vwsdsbtn {
     margin-top: 30px;
 }

 .DkCP3ct84G {
     position: relative;
 }

 .btnallactive {
     position: relative;
 }

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

 .vwsdssocial 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;
 }

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

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

 /*===== 4. Feature Area CSS =====*/
 .cm_fe_area {
     margin-top: -80px;
     margin-bottom: 0;
 }

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

 .cm_fe_area .Rp9QIdIkXj {
     background: #fff;
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.14);
     padding: 15px 20px 0 30px;
 }

 .vwsdmb30 {
     margin-bottom: 30px;
 }

 .vwsdbfl100:hover::before,
 .vwsdbfr100:hover::before {
     width: 100%;
 }

 .vwsdbfl100::before {
     height: 100%;
     top: 0;
     left: 0;
     width: 4px;
 }

 .vwsdbfall::before {
     background: var(--brcolor);
     content: "";
     position: absolute;
     transition: .5s;
     z-index: -1;
 }

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

 .vwsdicondf {
     margin-bottom: 20px;
 }

 .iconalltf i {
     color: #BB9457;
     font-size: 60px;
     text-align: center;
     display: inline-block;
     transition: .5s;
 }

 .sp-vwsdsvfdrl {
     margin-bottom: 2px;
     padding-left: 20px;
 }

 .vwsdsvtitle {
     margin-bottom: 10px;
 }

 .cm_fe_area .Rp9QIdIkXj p {
     padding: 0 50px 0 0;
 }

 .vwsdsvbtn {
     margin-top: 22px;
 }

 .vwsdboxallhover:hover .iconalltf i,
 .vwsdboxallhover:hover h2,
 .vwsdboxallhover:hover p,
 .vwsdboxallhover:hover ul li,
 .vwsdboxallhover:hover ul li a,
 .vwsdboxallhover:hover span,
 .vwsdboxallhover:hover a {
     color: var(--white);
     border-color: var(--white);
 }

 /*===== Feature Area CSS =====*/
 .ab_page_fe {
     margin-top: 120px;
 }

 /*===== 5. About Area CSS =====*/
 .ACwilISkHA {
     padding: 90px 0 120px 0;
 }

 .nhfywTcS78 .gNDRmCgarb {
     margin-bottom: 25px;
 }

 .nhfywTcS78 .ttin p span {
     color: #222222;
     font-family: "Work Sans", Sans-serif;
     font-size: 18px;
     font-weight: 500;
 }

 .ab_witr_list {
     display: flex;
     justify-content: space-between;
     margin-right: 110px;
 }

 .all_list_color ul li a,
 .all_list_color ul li span {
     font-size: 18px;
     font-weight: 500;
     padding: 0 0;
 }

 .witrlistw ul li span,
 .witrlistw ul li a {
     display: block;
     margin-bottom: 1px;
 }

 .all_list_color ul li a i,
 .all_list_color ul li span i {
     font-size: 15px;
     text-align: center;
     padding: 0 5px 0 0;
     display: inline-block;
     margin-top: 4px;
 }

 .ser_ab_area {
     padding: 0 0 120px 0;
 }

 /* ===== 6. Counter Area CSS ===== */
 .cm_coun_area {
     background-image: url("assets/images/Ce_counter_bg.jpg");
     background-position: center center;
     background-size: cover;
     padding: 50px 0 30px 0;
 }

 .witr_counter_single.all_counter_color {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 30px;
 }

 .all_counter_color h3,
 .all_counter_color span {
     color: #fff;
     font-size: 40px;
 }

 .witr_contx .counter,
 .witr_contx h2,
 .witr_contx span {
     line-height: 1;
 }

 .witr_contx .counter,
 .witr_contx span {
     display: inline-block;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .all_counter_color h2,
 .all_counter_color h1 {
     color: #fff;
     margin: 5px 0 10px 0;
 }

 .all_counter_color p {
     color: #fff;
 }

 /*===== Counter Area CSS =====*/
 .cm_coun2_area .gNDRmCgarb {
     margin-bottom: 0;
 }

 .cm_coun2_area .sttwo {
     color: #fff;
 }

 .cm_coun2_area {
     background-image: url("assets/images/Ce_counter_bg.jpg");
     background-position: center center;
     background-size: cover;
     padding: 110px 0 360px 0;
 }

 .cm_coun2_area .ttin p {
     color: #fff;
     width: 100%;
 }

 .cm_coun2_area .ttin.text-left p {
     padding: 0;
 }

 .cm_coun2_area .DkCP3ct84G {
     color: #222222;
     background: #fff;
     border-style: none;
     margin: 30px 0 0 0;
 }

 .cm_coun2_area .DkCP3ct84G:hover {
     color: #fff;
     background: #222222;
 }

 /* ===== 7. Service Area CSS ===== */
 .cm_ser_area {
     padding: 112px 0 88px;
 }

 .cm_ser_area .gNDRmCgarb {
     margin-bottom: 50px;
 }

 .cm_ser_area .Rp9QIdIkXj {
     background: #F3F3F3;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     margin: 0;
     padding: 60px 30px 30px 30px;
     margin-bottom: 30px;
 }

 .cm_ser_area .iconall {
     margin-bottom: 10px;
 }

 .cm_ser_area .iconalltf i {
     font-size: 45px;
     width: 60px;
     height: 60px;
     line-height: 60px;
     color: #fff;
     border-radius: 5px;
 }

 .cm_ser_area .fea_1:hover .iconalltf i {
     background: var(--black);
 }

 .cm_ser_area .vwsdsvtitle {
     margin-bottom: 10px;
 }

 .cm_ser_area .Rp9QIdIkXj h2 {
     padding: 10px 0 8px 0;
 }

 .cm_ser_area .vwsdsvbtn {
     margin-top: 22px;
 }

 .cm_ser_area .vwsdsvtitle:hover {
     color: var(--brcolor);
 }

 /* ===== 8. Choose Area CSS ===== */
 .cm_chos_area {
     padding: 100px 0 80px 0;
 }

 .chos_left {
     padding-top: 10px;
 }

 .cm_chos_area .gNDRmCgarb {
     margin-bottom: 20px;
 }

 .cm_chos_area .all_list_color ul li a,
 .cm_chos_area .all_list_color ul li span {
     padding: 5px 0 0 0;
 }

 .cm_chos_area .witrlistw ul li span i,
 .cm_chos_area .witrlistw ul li a i {
     display: inline-block;
     margin-top: 4px;
     color: #BB9457;
     font-size: 18px;
     text-align: center;
 }

 .cm_chos_area .Rp9QIdIkXj {
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.15);
     margin: 20px 0 42px 0;
     padding: 50px 25px 2px 25px;
 }

 .chos_witr {
     margin-top: 68px;
 }

 .fea_1 .thbdspanposi {
     height: 60px;
     top: -9%;
     left: 38%;
     right: 0;
     z-index: 999;
     transition: .5s;
     position: absolute;
     font-size: 30px;
     font-weight: 700;
     color: var(--white);
     transition: .5s;
     background: var(--brcolor);
     width: 60px;
     line-height: 60px;
     border-radius: 50px;
 }

 .cm_chos_area .Rp9QIdIkXj:hover .thbdspanposi {
     color: #222222;
 }

 /* ===== 9. Video Area CSS ===== */
 .cm_vd_area {
     margin-top: -270px;
     margin-bottom: 0;
 }

 .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: 600;
 }

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

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

 .videowh {
     display: inline-block;
     margin-bottom: 20px;
     border-radius: 100%;
     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)
     }
 }

 .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 .vwsdscontent h1,
 .video_page_area .vwsdscontent h2,
 .video_page_area .vwsdscontent h3,
 .video_page_area .vwsdscontent 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 .gNDRmCgarb {
     margin-bottom: 30px;
     margin-top: 230px;
 }

 .video_page_area h2.vwsdstitle.sttwo.O61SNmORah {
     color: #fff;
 }

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

 .project_area {
     margin-top: -172px;
     margin-bottom: 0;
 }

 .cm_proj_area {
     background-image: url("assets/images/Ce_gallery_bg.jpg");
     background-position: center center;
     background-size: cover;
     padding: 115px 0 225px 0;
 }

 .cm_proj_area .stone {
     color: #fff;
 }

 .cm_proj_area .sttwo {
     color: #fff;
 }

 .cm_proj_area .gNDRmCgarb {
     margin-bottom: 0;
 }

 .cm_proj_area .btnall {
     border-radius: 0;
 }

 .cm_proj_area .DkCP3ct84G {
     margin: 10px 0 0 0;
 }

 .witr_single_pslide {
     position: relative;
     overflow: hidden;
     margin-bottom: 22px;
 }

 .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;
 }

 .witr_pslide_image::before {
     background: #222222;
     opacity: 0.8;
 }

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

 .witr_content_pslide_text p {
     width: 75%;
     color: #fff;
 }

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

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

 .witr_pslide_custom a span:hover {
     color: #fff;
     background: var(--brcolor);
     border-color: var(--brcolor)
 }

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

 .witr_content_pslide_text h2 {
     margin-bottom: 0;
 }

 .all_pslides_color h2 a,
 .all_pslides_color h2 {
     color: #fff;
 }

 .witr_content_pslide_text a {
     display: inline-block;
     margin-bottom: 0;
     color: #fff;
 }

 .witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
     bottom: auto;
     transform: scaleX(1);
 }

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

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

 .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;
 }

 .port_area {
     padding: 115px 0 105px;
 }

 .port_area .gNDRmCgarb {
     margin-bottom: 30px;
 }

 .port_area .ttin p {
     width: 60%;
 }

 .portfolio_nav {
     padding: 0 0 45px;
 }

 .portfolio_nav ul {}

 .portfolio_nav ul li {
     display: inline;
 }

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

 .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;
 }

 .p4clmm .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;
 }

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

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

 /*===== 11. Team Area CSS =====*/
 .cm_team_area {
     background: #F3F3F3;
     padding: 110px 0 98px 0;
 }

 .cm_team_area .gNDRmCgarb {
     margin-bottom: 48px;
 }

 .tteam10 {
     padding-bottom: 23px;
     transition: 0.5s;
 }

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

 .vwsdbfall {
     z-index: 1;
 }

 .tteam10 .vwsdbfltrb::before {
     left: 100%;
     background: #22222259;
 }

 .vwsdbfltrb::before {
     top: 0;
     right: 0;
     bottom: 0;
 }

 .vwsdbfall::before {
     content: "";
     position: absolute;
     transition: .5s;
 }

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

 .tteam9 .ttiocn9 {
     display: flex;
     justify-content: center;
     left: 0;
 }

 .ttiocn10 {
     right: 0px;
 }

 .ttiocn10 {
     bottom: -5%;
 }

 .ttiocn9p {
     top: auto;
     opacity: 1;
     transform: none;
 }

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

 .ttiocn9 a {
     display: block;
     border: none;
     color: var(--white);
     margin-bottom: 3px;
     font-size: 17px;
     border-radius: 5px;
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     margin: 0 3px;
     background: var(--brcolor);
 }

 .tteamcon10 {
     position: relative;
     border-radius: 0;
     padding: 9px 30px 20px;
     margin: 0 20px;
     box-shadow: 0px 0px 30px 0 rgba(42, 67, 113, .15);
     margin-top: -34px;
     text-align: center;
     background: var(--white);
     z-index: 1;
 }

 .teamtit {
     margin-bottom: 0;
 }

 .tteam10:hover .vwsdbfltrb::before {
     left: 0;
     z-index: 999;
 }

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

 .tteam10:hover .ttiocn10 {
     bottom: 58px;
 }

 /*===== 12. Faq Area CSS =====*/
 .cm_faq_area {
     padding: 120px 0 100px 0;
 }

 .faq_witr .gNDRmCgarb {
     margin-bottom: 18px;
 }

 .faq_witr .ttin.text-left p {
     padding: 0 0 0 0;
 }

 .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: 16px;
     font-weight: 700;
     display: flex;
     align-items: center;
     padding: 10px 0 10px 0;
     transition: .5s;
     background: #02010100;
     border-radius: 0;
     border: none;
 }

 .witr_ac_style:before {
     position: absolute;
     content: '\ea99';
     right: 30px;
     font-family: IcoFont !important;
     font-weight: 400;
 }

 .active .witr_ac_style:before {
     content: '\eaa1';
 }

 .witr_ac_card i {
     margin-right: 10px;
     font-size: 20px;
 }

 .accordion_area .card-2 p {
     padding: 15px 20px 15px 10px;
 }

 .accordion_area .card-2 {
     border-style: solid;
     border-width: 0 0 1px 0;
     border-radius: 0;
     margin-bottom: 15px;
 }

 .cm_faq_area .active .witr_ac_style {
     color: #BB9457;
     border-style: solid;
     border-width: 0 0 1px 0;
 }

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

 /*===== 13. Contact Area CSS =====*/
 .cm_cont_area {
     background-image: url("assets/images/Ce_contact_bg.jpg");
     background-position: center center;
     background-size: cover;
     padding: 56px 0 52px 0;
 }

 .apartment_area {
     position: relative;
     background-size: cover;
     padding: 60px 35px 60px;
     border-radius: 10px;
     text-align: center;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
 }

 .apartment_text h4 {
     color: var(--brcolor);
     font-size: 16px;
     margin: 0;
     margin-bottom: 5px;
 }

 .apartment_text h2 {
     font-size: 40px;
     margin-bottom: 40px;
 }

 .witr_apartment_form input,
 .witr_apartment_form form select,
 textarea {
     padding: .375rem .75rem;
 }

 .witr_apartment_form form select,
 .witr_apartment_form input {
     width: 100%;
     height: 60px;
     outline: 0;
     background: #fff;
     color: var(--pracolor);
     margin-bottom: 23px;
     font-weight: 400;
     border-radius: 0;
     font-size: 1rem;
     line-height: 1.5;
     border: 0px solid var(--bdcolor);
     transition: .5s;
 }

 .twr_form_box textarea {
     height: 150px;
     width: 100%;
     color: #212529;
     margin-bottom: 18px;
     background: #fff;
     border-radius: 0;
     padding-top: 10px;
     font-weight: 400;
     transition: .5s;
     border: 0px solid var(--bdcolor);
     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;
     font-weight: 500;
     padding: 15px 30px;
     color: var(--white);
     cursor: pointer;
     border: none;
     background: var(--brcolor);
     border-radius: 30px;
     font-size: 16px;
     font-family: "Arimo", Sans-serif;
     text-transform: uppercase;
 }

 .witr_apartment_form .btn:hover {
     color: var(--white);
     background: var(--black);
 }

 .witr_apartment_form input:focus,
 .twr_form_box textarea:focus,
 .twr_form_box select:focus {
     color: #212529;
     border-color: #86b7fe;
     outline: 0;
 }

 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: 600px;
     margin-bottom: -8px;
 }

 .cont_inner {
     background: #E20935;
     padding: 10px 0 10px 5px;
 }

 .tab_inner {
     margin: 10px;
     padding: 85px 30px 45px 60px;
     background: #fff;
 }

 .ab_page_cont {
     padding: 115px 0 120px;
 }

 /*===== Contact Area CSS =====*/
 .cont_page_area {
     padding: 120px 0 115px;
 }

 .cont_page_area .apartment_area {
     padding: 60px 35px 60px;
     box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 6%);
 }

 .cont_page_area .apartment_text h4 {
     color: var(--brcolor);
     margin-bottom: 0;
 }

 .cont_page_area .apartment_text h2 {
     color: var(--titlecolor);
     font-size: 22px;
 }

 .cont_page_area .witr_apartment_form .btn {
     border-radius: 5px;
     color: var(--white);
     background: var(--brcolor);
 }

 .cont_page_area .witr_apartment_form .btn:hover {
     background: var(--black);
 }

 .cont_page_area .witr_apartment_form form select,
 .cont_page_area .witr_apartment_form input,
 .cont_page_area .twr_form_box textarea {
     border-radius: 5px;
 }

 /*===== 14. Testimonial Area CSS =====*/
 .cm_test_area {
     padding: 118px 0 120px 0;
 }

 .cm_test_area .ttin.text-left p {
     padding: 12px 0 0 0;
 }

 .tsitem {
     box-shadow: 0 5px 10px 0 rgb(240 241 243);
     padding: 25px 50px 30px 55px;
     position: relative;
     text-align: left;
 }

 .tsdflex {
     margin: 7px 0;
 }

 .tsmt {
     margin-top: 15px;
 }

 .tsimg-mr25 {
     margin-right: 25px;
 }

 .tstitle {
     margin-bottom: 5px;
 }

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

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

 .cm_test_area .slick-dots {
     bottom: -45px;
     left: 49px;
 }

 /*===== Testimonial Area CSS =====*/
 .cm_test2_area {
     background: #F3F3F3;
     padding: 105px 0 90px 0;
 }

 .cm_test2_area .gNDRmCgarb {
     margin-bottom: 35px;
 }

 .tsst5 {
     position: relative;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     background: var(--white);
     border-radius: 0;
     padding: 30px 35px 30px;
     margin-bottom: 48px;
     background: #fff;
 }

 .tsst4 {
     margin-bottom: 15px;
 }

 .cm_test2_area .alltesicl h2 {
     color: #BB9457;
 }

 .cm_test2_area .tesspanf {
     font-size: 16px;
     font-weight: 400;
     color: #666666;
     margin-top: 10px;
 }

 .tsst5:after {
     position: absolute;
     content: '';
     left: 50%;
     bottom: -38px;
     border-radius: 5px;
     width: 68px;
     height: 68px;
     background: var(--white);
     transform: rotate(45deg) translateX(-50%);
     z-index: -1;
     box-shadow: 0px 2px 29px 0px var(--bshadow);
     transition: 0.5s;
 }

 .tscon.tsst5.alltesicl:hover.tsst5:after {
     background: var(--brcolor);
 }

 /*===== Testimonial Area CSS =====*/
 .cm_test_area3 {
     padding: 110px 0 120px;
 }

 .cm_test_area3 .tsitem {
     box-shadow: 0 5px 10px 0 rgb(240 241 243);
     padding: 30px 15px 30px;
     position: relative;
     text-align: left;
 }

 .cm_test_area3 .gNDRmCgarb {
     margin-bottom: 35px;
 }

 /* ===== slick dots css ===== */
 .slick-dots {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: -37px;
     display: inline-block;
     z-index: 11;
     text-align: center;
 }

 .slick-dots li {
     display: inline-block;
 }

 .slick-dots li button {
     font-size: 0;
     width: 15px;
     height: 15px;
     border: 0px solid #E8E8E8;
     margin: 0 5px;
     cursor: pointer;
     border-radius: 50px;
     padding: 0;
     transition: 0.5s;
     outline: 0;
     background: #F3F3F3;
 }

 .slick-dots li.slick-active button {
     background: var(--brcolor);
 }

 /* 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: 100px;
     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-prev {
     left: 30px;
 }

 .slick-next {
     right: 30px;
 }

 .slick-next:before,
 .slick-prev:before {
     color: var(--white);
     font-size: 30px;
     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;
 }

 .em_br_area .slick-slider:hover .slick-next,
 .em_br_area .slick-slider:hover .slick-prev {
     opacity: 1;
 }

 .cm_test2_area .slick-slider:hover .slick-next,
 .cm_test2_area .slick-slider:hover .slick-prev {
     opacity: 1;
 }

 .cm_test_area3 .slick-slider:hover .slick-next,
 .cm_test_area3 .slick-slider:hover .slick-prev {
     opacity: 1;
 }

 /*===== 15. Breadcumb Area CSS =====*/
 .breadcumb-area,
 .breadcumb-blog-area {
     background-position: center center;
     position: relative;
     z-index: 1;
     padding-top: 120px;
     padding-bottom: 60px;
     background-size: cover;
     background-image: url("assets/images/banner.jpg");
     background-repeat: no-repeat;
     overflow: hidden;
 }

 /* Темне затемнення */
 .breadcumb-area::before,
 .breadcumb-blog-area::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     /* затемнення 50% */
     z-index: -1;
     /* шар позаду контенту */
 }

 .contact-modern-section {
     padding: 80px 0;
     background-color: #f9f9f9;
     font-family: "Segoe UI", sans-serif;
 }

 .contact-wrapper {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 40px;
     max-width: 1200px;
     margin: 0 auto;
     background: #fff;
     border-radius: 12px;
     padding: 40px;
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
 }

 .rjxBM5JXHn h2 {
     font-size: 28px;
     margin-bottom: 10px;
     color: #333;
 }

 .rjxBM5JXHn p {
     color: #666;
     font-size: 16px;
     line-height: 1.6;
     margin-bottom: 20px;
 }

 .apzNgG8lTJ a {
     display: block;
     font-size: 16px;
     color: #ffcc33;
     margin-bottom: 10px;
     text-decoration: none;
 }

 .apzNgG8lTJ a:hover {
     text-decoration: underline;
 }

 .testimonials-section {
     padding: 80px 0;
     background: #fefefe;
 }

 .section-title {
     text-align: center;
     font-size: 36px;
     font-weight: 700;
     margin-bottom: 60px;
     color: #222;
 }

 .testimonial-item {
     margin-bottom: 30px;
 }

 .testimonial-box {
     background: #ffffff;
     border-radius: 20px;
     padding: 30px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
     transition: transform 0.3s ease;
 }

 .testimonial-box:hover {
     transform: translateY(-10px);
 }

 .testimonial-img {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     margin-bottom: 15px;
     object-fit: cover;
 }

 .testimonial-box h5 {
     font-weight: 600;
     margin-bottom: 10px;
     color: #333;
 }

 .testimonial-box p {
     font-size: 15px;
     line-height: 1.6;
     color: #666;
     margin-bottom: 5px;
 }

 .eUwiDTUPbo {
     color: #f7c948;
     font-size: 18px;
     margin-top: 10px;
 }

 .service-card,
 .pricing-card {
     background: #fff;
     padding: 30px;
     border-radius: 16px;
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
     transition: transform 0.4s ease;
     text-align: center;
 }

 .service-card:hover,
 .pricing-card:hover {
     transform: translateY(-8px);
 }

 .bNSh2GydAP {
     width: 100%;
     height: 220px;
     object-fit: cover;
     border-radius: 12px;
     margin-bottom: 20px;
 }

 .btn-select {
     background: #000;
     color: #fff;
     padding: 12px 28px;
     border-radius: 30px;
     transition: background 0.3s;
 }

 .logo-link {
     color: #000;
     font-weight: bold;
     font-size: 1.5em;
     display: flex;
     align-items: center;
 }

 .KJpsxcWmFu {
     width: 50px;
     height: auto;
     margin-right: 10px;
 }

 .btn-select:hover {
     background: #333;
 }

 .pricing-card.HXv7SiaIeZ {
     border: 2px solid #000;
 }

 .section-title {
     font-size: 2.2rem;
     font-weight: 700;
     text-transform: uppercase;
 }

 .price {
     font-size: 1.2rem;
     font-weight: 600;
     color: #222;
     margin: 12px 0;
 }

 .form-modern input,
 .form-modern textarea {
     width: 100%;
     padding: 14px 16px;
     margin-bottom: 20px;
     border: 1px solid #ddd;
     border-radius: 8px;
     font-size: 15px;
 }

 .form-modern textarea {
     resize: vertical;
     min-height: 140px;
 }

 .form-modern button {
     background-color: #ffcc33;
     color: white;
     border: none;
     padding: 14px 30px;
     font-size: 16px;
     border-radius: 8px;
     cursor: pointer;
     transition: background-color 0.3s ease;
 }

 .form-modern button:hover {
     background-color: #004e99;
 }

 .BQI4ZuBFRA {
     margin-top: 30px;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
 }

 @media (max-width: 991px) {
     .contact-wrapper {
         grid-template-columns: 1fr;
         padding: 30px;
     }

     .BQI4ZuBFRA iframe {
         height: 300px;
     }
 }

 .breadcumb-area.breadcumb_st2 {
     padding: 20px 20px;
 }

 .brcrumb_title {
     margin-bottom: 10px;
 }

 .breadcumb-area:before,
 .breadcumb-blog-area:before {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     content: "";
     z-index: -1;
 }

 .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;
 }

 .brpt.brptsize .brcrumb_title {
     font-size: 30px;
     color: #fff;
 }

 .lcase {
     text-transform: lowercase;
 }

 .ucase {
     text-transform: uppercase;
 }

 .ccase {
     text-transform: capitalize;
 }

 .breadcumb_st2 .brpt {
     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;
 }

 /*===== 16. Footer Area CSS =====*/
 .witrfm_area {
     background-repeat: no-repeat;
     background-position: center center;
     background-image: url('assets/images/footer.jpg');
     background-size: cover;
 }

 .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);
 }

 .footer-middle {
     padding: 100px 0 80px;
 }

 .witr_fwtm ul {
     padding: 0;
     margin: 0;
 }

 .witr_fwtm ul li {
     list-style: none;
 }

 .witr_fwtm ul li a,
 .witr_fwtm ul li {
     line-height: 38px;
     -webkit-transition: .5s;
     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;
 }

 /*===== 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 .lsdbaauUWN a,
 .vw_f_color .footer-sociala-icon {
     margin-right: 7px;
 }

 .right_sideber_content .footer-sociala-icon {
     margin-right: 7px;
 }

 .vw-description-area p,
 .vw-description-area a,
 .lsdbaauUWN {
     margin-top: 10px;
 }

 .vw-description-area p,
 .vw-description-area a,
 .lsdbaauUWN {
     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 .lsdbaauUWN a {
     display: inline-block;
     border-radius: 30px;
     margin-right: 5px;
     margin-bottom: 5px;
     height: 40px;
     width: 40px;
     line-height: 40px;
     text-align: center;
     background: var(--brcolor);
     border: 1px solid var(--brcolor);
 }

 .vw-description-area .lsdbaauUWN a:hover {
     background: #fff;
     color: var(--brcolor);
 }

 .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: 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;
 }

 .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 .widget-title::before {
     border: 1px solid var(--brcolor);
     width: 26%;
 }

 .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 {}

 .gallery-item {
     display: inline-block;
     padding: 1.79104477%;
     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.33%;
 }

 .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 5px;
 }

 .vw_theme_widget .widget ul li span {
     font-weight: 300;
 }

 .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;
 }

 /* 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-bottom {
     padding: 25px 0;
     position: relative;
     margin: 0 auto;
     background: #bb945770;
 }

 .footer-bottom .ttin p {
     color: #fff;
     margin: 0;
 }

 .footer-bottom .gNDRmCgarb {
     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;
     text-align: center;
 }

 .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);
 }

 /* ===== 17. Pricing Area CSS ===== */
 .cm_pric_area {
     padding: 112px 0 90px;
 }

 .cm_pric_area .gNDRmCgarb {
     margin-bottom: 50px;
 }

 .tpri {
     text-align: center;
     box-shadow: 0px 0px 30px 0px var(--bshadow);
     padding: 0 0 20px;
     margin-bottom: 30px;
     border-radius: 5px;
 }

 .tpr_ic {
     padding: 25px 0 10px;
     font-size: 40px;
 }

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

 .tpr_ic i {
     font-size: 80px;
 }

 .tpr_con5 .tprtit {
     width: 65%;
     border-radius: 30px;
     margin: 45px auto;
     text-align: center;
     font-size: 20px;
 }

 .trppdd {
     padding: 7px 0;
 }

 .tpr_curn {
     margin: 0;
     padding: 0;
 }

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

 .vwsdbbg {
     background: var(--brcolor);
 }

 .tpr_con5 .tprt {
     position: relative;
 }

 .tpr_con5 .tprt::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 1px;
     background: var(--bdcolor);
     left: 0;
     right: 0;
     top: 50%;
     z-index: -1;
 }

 .tpr_curn span {
     font-size: 16px;
     margin-right: 5px;
 }

 .witri_texti_list {
     margin: 20px 0 30px;
 }

 .witri_texti_list ul {
     padding: 0;
     margin: 0;
 }

 .witri_texti_list ul {
     text-align: center;
 }

 .witri_texti_list ul li {
     list-style: none;
     margin-bottom: 17px;
 }

 .witri_texti_list ul li i {
     margin-right: 10px;
 }

 .cm_pric_area .DkCP3ct84G {
     margin: 0 0 10px 0;
 }

 /* ===== 18. Blog Area CSS ===== */
 .cm_blog_area {
     padding: 110px 0 60px;
 }

 .wblogpart {
     position: relative;
     box-shadow: 0px 2px 6px 0px #f5f2f2;
     margin-bottom: 30px;
 }

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

 .wblogovermeta {
     position: absolute;
     left: 0px;
     bottom: 0px;
     z-index: 999;
 }

 .wblogovermeta span,
 .wblogovermeta span a {
     display: inline-block;
     color: var(--white);
     background: var(--brcolor);
     padding: 10px 20px;
     border-radius: 0px;
     font-size: 16px;
     text-align: center;
 }

 .wblogthumbinner {
     transition: .5s;
 }

 .wblogpart:hover .wblogthumbinner,
 .wblogpart:hover .wblogthumbinner a:before {
     transform: scale(1.2);
 }

 .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: 0 30px 10px 50px;
     overflow: hidden;
     position: relative;
 }

 .wblogmeta {
     display: inherit;
 }

 .wblogcontent p {
     margin-bottom: 14px;
 }

 .vw_meta {
     padding: 0 0 10px;
 }

 .vw_meta span {
     margin-right: 10px;
 }

 .vw_meta span a,
 .vw_meta span,
 .vw_meta i {
     color: var(--pracolor);
     font-size: 16px;
 }

 .vw_meta i {
     color: var(--brcolor);
     font-size: 12px;
     width: 17px;
     height: 13px;
 }

 .wblogcontent .wblogtitle {
     margin-bottom: 10px;
 }

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

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

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

 .footer-middle .widget h5 {
     text-transform: capitalize;
 }

 .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: 16px;
 }

 .widget_recent_data .recent-post-image img {
     margin-bottom: 0;
     margin-top: 6px;
     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;
 }