/*theme css*/
 a {
     color: #17161a;
     transition: .5s;
 }

 a:hover {
     text-decoration: none;
     color: #0091FF;
 }

 body {
     color: #333;
     font-family: "Nunito", sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 18px;
     line-height: 1.6;
 }

 p {
     font-style: normal;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Lato", Sans-serif;
     font-style: normal;
     margin-bottom: 0;
     line-height: 1.3;
     font-weight: 800;
     transition: .5s;
     font-size: 30px;
     color: #222D39;
     margin: 0 0 10px;
 }

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

 textarea,
 input {
     outline: none;
 }

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

 .uppercase {
     text-transform: uppercase;
 }

 .capitalize {
     text-transform: capitalize;
 }

 .vw_section_title_inner h1,
 .vw_section_title_inner h2,
 .vw_section_title_inner h3 {
     font-size: 40px;
     margin: auto;
 }

 .vw_section_title_inner h1 span,
 .vw_section_title_inner h2 span,
 .vw_section_title_inner h3 span,
 .vw_section_title_inner p span,
 .vw_section_title_inner p span a {
     color: #0091FF;
 }

 .service-header {
     width: 100%;
     background: #f9f9f9;
     border-bottom: 2px solid #1976d2;
     position: fixed;
     top: 0;
     z-index: 1000;
 }

 .container-header {
     max-width: 1200px;
     margin: auto;
     height: 70px;
     padding: 0 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 /* Логотип */
 .brand-service {
     color: #1976d2;
     font-size: 1.8rem;
     font-weight: bold;
     text-decoration: none;
 }

 /* Desktop menu */
 .nav-desktop-service {
     display: flex;
     gap: 30px;
 }

 .nav-desktop-service a {
     text-decoration: none;
     color: #333;
     font-weight: 600;
     position: relative;
 }

 .nav-desktop-service a:hover {
     color: #1976d2;
 }

 /* Mobile burger */
 .menu-toggle-service {
     display: none;
 }

 .burger-service {
     display: none;
     flex-direction: column;
     gap: 5px;
     cursor: pointer;
 }

 .burger-service span {
     width: 25px;
     height: 3px;
     background: #1976d2;
     transition: 0.3s ease;
 }

 /* Mobile menu overlay */
 .nav-mobile-service {
     position: fixed;
     top: 0;
     left: 0;
     background: rgba(25, 118, 210, 0.95);
     width: 100%;
     height: 100vh;
     transform: translateY(-100%);
     transition: transform 0.4s ease;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 30px;
     z-index: 999;
 }

 .nav-mobile-service a {
     color: #fff;
     font-size: 1.5rem;
     text-decoration: none;
     font-weight: bold;
 }

 .nav-mobile-service a:hover {
     text-decoration: underline;
 }

 .close-service {
     position: absolute;
     top: 20px;
     right: 25px;
     font-size: 2rem;
     color: #fff;
     cursor: pointer;
 }

 /* Анімація бургер кнопки */
 .menu-toggle-service:checked+.burger-service span:nth-child(1) {
     transform: rotate(45deg) translate(4px, 4px);
 }

 .menu-toggle-service:checked+.burger-service span:nth-child(2) {
     opacity: 0;
 }

 .menu-toggle-service:checked+.burger-service span:nth-child(3) {
     transform: rotate(-45deg) translate(4px, -4px);
 }

 .menu-toggle-service:checked~.nav-mobile-service {
     transform: translateY(0);
 }

 /* Media */
 @media (max-width: 768px) {
     .nav-desktop-service {
         display: none;
     }

     .burger-service {
         display: flex;
     }
 }

 .footer-social-modern {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 30px;

     flex-wrap: wrap;
 }

 .kings-contact-section {
     padding: 60px 20px;
     background: linear-gradient(145deg, #f4f6f8, #ffffff);
     font-family: "Segoe UI", sans-serif;
 }

 .kings-contact-wrapper {
     display: flex;
     flex-wrap: wrap;
     gap: 40px;
     justify-content: space-between;
     align-items: flex-start;
     align-items: stretch;

 }

 .kings-contact-info {
     flex: 1 1 45%;
     background: #ffffff;
     padding: 30px;
     border-radius: 16px;
     box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
 }

 .kings-contact-info h2 {
     font-size: 28px;
     color: #1e293b;
     margin-bottom: 10px;
 }

 .kings-contact-info p {
     font-size: 16px;
     color: #475569;
     margin-bottom: 20px;
 }

 .contact-details p {
     font-size: 15px;
     margin: 8px 0;
 }

 .contact-details a {
     color: #0f172a;
     text-decoration: none;
     transition: color 0.3s;
 }

 .contact-details a:hover {
     color: #2563eb;
 }

 .kings-contact-form {
     flex: 1 1 50%;
     background: #ffffff;
     padding: 30px;
     border-radius: 16px;
     box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
 }

 .kings-contact-form form {
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .kings-contact-form input,
 .kings-contact-form textarea {
     padding: 14px;
     font-size: 15px;
     border: 1px solid #cbd5e1;
     border-radius: 10px;
     width: 100%;
     transition: border 0.3s ease;
 }

 .kings-contact-form input:focus,
 .kings-contact-form textarea:focus {
     border-color: #2563eb;
     outline: none;
 }

 .kings-contact-form button {
     background: #1e3a8a;
     color: #fff;
     padding: 14px;
     font-size: 16px;
     border: none;
     border-radius: 10px;
     cursor: pointer;
     transition: background 0.3s ease, transform 0.2s ease;
 }

 .kings-contact-form button:hover {
     background: #0f256e;
     transform: translateY(-2px);
 }

 .kings-map {
     margin-top: 50px;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
 }

 .kings-map iframe {
     width: 100%;
     height: 400px;
     border: none;
 }

 /* Mobile responsive */
 @media (max-width: 768px) {
     .kings-contact-wrapper {
         flex-direction: column;
     }

     .kings-contact-info,
     .kings-contact-form {
         flex: 1 1 100%;
     }
 }

 /* Контейнери */
 .mission-container,
 .goal-container {
     max-width: 1140px;
     margin: 0 auto;
     padding: 20px 15px;
 }

 /* Ряди - флекс */
 .mission-row,
 .goal-row {
     display: flex;
     align-items: center;
     gap: 30px;
     margin-bottom: 60px;
 }

 /* Мобільна адаптація: колонки вертикально */
 @media (max-width: 767px) {

     .mission-row,
     .goal-row {
         flex-direction: column;
         margin-bottom: 40px;
     }
 }

 /* Зображення */
 .mission-image-wrapper,
 .goal-image-wrapper {
     flex: 1 1 45%;
 }

 .mission-image,
 .goal-image {
     width: 100%;
     height: auto;
     border-radius: 15px;
     object-fit: cover;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
     transition: transform 0.3s ease;
 }

 .mission-image-wrapper:hover .mission-image,
 .goal-image-wrapper:hover .goal-image {
     transform: scale(1.05);
 }

 /* Текст */
 .mission-text-wrapper,
 .goal-text-wrapper {
     flex: 1 1 55%;
     color: #222;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-size: 1rem;
     line-height: 1.6;
 }

 .mission-text-wrapper p,
 .goal-text-wrapper p {
     margin-bottom: 1.25rem;
 }

 .HOC9aBCtp6 {
     max-width: 1240px;
     margin: 40px auto 80px auto;
     padding: 0 24px;
 }

 h1,
 h2,
 h3 {
     margin: 0 0 16px 0;
     color: #1a3833;
 }

 h1 {
     font-weight: 900;
     font-size: 2.8rem;
     text-align: center;
     letter-spacing: -0.05em;
 }

 h2 {
     font-weight: 700;
     font-size: 2.2rem;
     margin-top: 72px;
     margin-bottom: 24px;
     text-align: center;
     color: #0e2a25;
 }

 h3 {
     font-weight: 700;
     font-size: 1.25rem;
     margin-bottom: 12px;
 }

 /* SERVICES GRID */
 .services-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 32px;
 }

 @media (max-width: 900px) {
     .services-grid {
         grid-template-columns: 1fr;
     }
 }

 .Rwcp1WUVw7 {
     background: #fff;
     border-radius: 20px;
     box-shadow:
         0 5px 15px rgba(20, 99, 86, 0.12),
         0 10px 25px rgba(20, 99, 86, 0.06);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     transition: transform 0.35s ease, box-shadow 0.35s ease;
 }

 .Rwcp1WUVw7:hover {
     transform: translateY(-12px);
     box-shadow:
         0 15px 40px rgba(20, 99, 86, 0.24),
         0 20px 55px rgba(20, 99, 86, 0.16);
 }

 .service-image {
     width: 100%;
     height: 180px;
     object-fit: cover;
     filter: brightness(0.94);
     transition: filter 0.3s ease;
 }

 .Rwcp1WUVw7:hover .service-image {
     filter: brightness(1);
 }

 .fsTfknabmR {
     padding: 22px 28px;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
 }

 .ofbJvRx0na {
     font-size: 0.95rem;
     color: #3c4a47;
     flex-grow: 1;
     margin-bottom: 18px;
 }

 .aUvdNXQgrg {
     font-weight: 700;
     font-size: 1.1rem;
     color: #1976d2;
     margin-bottom: 18px;
 }

 .btn-order {
     align-self: flex-start;
     background: #1976d2;
     color: #fff;
     font-weight: 700;
     padding: 12px 26px;
     border-radius: 40px;
     box-shadow: 0 7px 15px rgba(20, 99, 86, 0.3);
     transition: background-color 0.3s ease;
 }

 .btn-order:hover {
     background: #0f4f42;
 }

 /* PLANS SECTION */
 .plans-grid {
     margin-top: 48px;
     display: flex;
     justify-content: space-between;
     gap: 28px;
 }

 @media (max-width: 900px) {
     .plans-grid {
         flex-direction: column;
         gap: 40px;
     }
 }

 .plan-card {
     background: #fff;
     border-radius: 24px;
     padding: 32px 30px;
     box-shadow:
         0 5px 18px rgba(20, 99, 86, 0.1),
         0 10px 32px rgba(20, 99, 86, 0.06);
     flex: 1;
     display: flex;
     flex-direction: column;
     transition: box-shadow 0.3s ease;
 }

 .plan-card:hover {
     box-shadow:
         0 15px 48px rgba(20, 99, 86, 0.22),
         0 22px 58px rgba(20, 99, 86, 0.14);
 }

 .plan-title {
     font-size: 1.5rem;
     font-weight: 900;
     margin-bottom: 26px;
     color: #0e2a25;
     text-align: center;
 }

 .plan-list {
     list-style: none;
     padding-left: 0;
     margin-bottom: 30px;
     font-size: 0.95rem;
     color: #3c4a47;
 }

 .plan-list li {
     position: relative;
     padding-left: 24px;
     margin-bottom: 14px;
     line-height: 1.3;
 }

 .plan-list li::before {
     content: '✔';
     position: absolute;
     left: 0;
     color: #1976d2;
     font-weight: 900;
 }

 .plan-price {
     text-align: center;
     font-weight: 900;
     font-size: 1.25rem;
     color: #1976d2;
     margin-bottom: 24px;
 }

 .btn-plan {
     background: #1976d2;
     color: white;
     font-weight: 700;
     padding: 14px 30px;
     border-radius: 45px;
     text-align: center;
     box-shadow: 0 8px 20px rgba(20, 99, 86, 0.35);
     transition: background-color 0.3s ease;
     align-self: center;
     width: 180px;
 }

 .btn-plan:hover {
     background: #0f4f42;
 }

 /* REVIEWS SECTION */
 .reviews-grid {
     margin-top: 72px;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 38px;
 }

 @media (max-width: 900px) {
     .reviews-grid {
         grid-template-columns: 1fr;
         gap: 36px;
     }
 }

 .VC1wTuIhm2 {
     background: #e7f1ec;
     border-radius: 28px;
     padding: 28px 32px;
     box-shadow:
         0 8px 25px rgba(20, 99, 86, 0.15);
     display: flex;
     flex-direction: column;
     font-style: italic;
     color: #274838;
     font-size: 0.95rem;
     line-height: 1.45;
 }

 .review-author {
     margin-top: 24px;
     font-weight: 900;
     color: #13422f;
     font-style: normal;
     text-align: right;
 }

 /* Animation */
 .aVDmtJgUo5 {
     opacity: 0;
     transform: translateY(30px);
     animation: fadeSlideUp 0.6s forwards;
 }

 .aVDmtJgUo5:nth-child(1) {
     animation-delay: 0.1s;
 }

 .aVDmtJgUo5:nth-child(2) {
     animation-delay: 0.25s;
 }

 .aVDmtJgUo5:nth-child(3) {
     animation-delay: 0.4s;
 }

 .aVDmtJgUo5:nth-child(4) {
     animation-delay: 0.55s;
 }

 .aVDmtJgUo5:nth-child(5) {
     animation-delay: 0.7s;
 }

 .aVDmtJgUo5:nth-child(6) {
     animation-delay: 0.85s;
 }

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


 .social-link {
     width: 60px;
     height: 60px;
     background-color: #ffffff;
     border-radius: 50%;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     display: flex;
     justify-content: center;
     align-items: center;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .social-link img {
     width: 32px;
     height: 32px;
     object-fit: contain;
     transition: transform 0.3s ease;
 }

 .social-link:hover {
     transform: scale(1.1);
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
 }

 .social-link:hover img {
     transform: scale(1.15);
 }


 .vw_section_title_inner h2 {
     font-size: 20px;
     color: #0090FF;
     padding: 10px 30px 10px 18px;
     background: 0 0;
     border-radius: 5px;
     margin-bottom: 0;
     position: relative;
     font-weight: 500;
     display: inline-block;
     font-weight: 700;
 }

 .h2_toptitle .vw_section_title_inner h2 {
     color: #ff582c;
     font-weight: 500;
 }

 .vw_section_title {
     position: relative;
 }

 .vw_image_title {
     margin-top: 0;
     margin-bottom: 10px;
 }

 .vw_bar_main {
     margin: 10px 0;
 }

 .vw_bar_inner {
     height: 5px;
     width: 90px;
     background: #0091FF;
     margin: 0px auto;
     position: relative;
     border-radius: 30px;
 }

 .vw_bar_innerc:before {
     left: 0;
     transform: translateY(-50%);
     animation-duration: 3s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
     animation-name: move_title_bg1;
 }

 .vw_bar_innerc:after {
     right: 0;
     transform: translateY(-50%);
     animation-duration: 3s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
     animation-name: move_title_bg2;
 }

 .vw_bar_innerc:after,
 .vw_bar_innerc:before {
     content: '';
     position: absolute;
     top: 50%;
     border-radius: 50%;
 }

 .vw_bar_innerc:after,
 .vw_bar_innerc:before {
     border: 6px solid #0091FF;
 }

 @keyframes move_title_bg1 {
     from {
         left: 0
     }

     to {
         left: 100%
     }
 }

 @keyframes move_title_bg2 {
     from {
         right: 0
     }

     to {
         right: 100%
     }
 }

 .divider-separator {
     display: flex;
 }

 .divider-separator {
     position: relative;
 }

 span.divider_text {
     color: #0091FF;
     font-family: "Barlow Semi Condensed", Sans-serif;
     font-size: 17px;
     font-weight: 700;
     margin: 0 10px;
 }

 .divider-separator:before {
     display: block;
     content: "";
     border-bottom: 0;
     flex-grow: 1;
     border-top: 2px solid #0091FF;
     margin-top: 14px;
 }

 .divider-separator {
     width: 35%;
     margin: 0 auto;
     margin-left: 0;
 }

 .divider {
     text-align: left;
     padding-top: 5px;
     padding-bottom: 5px;
     display: flex;
 }

 .divider .divider-separator {
     display: flex;
     direction: ltr;
 }

 .vw_section_title {
     margin-bottom: 40px;
 }

 .vw_section_title_inner p {
     width: 100%;
     padding: 0 0 0 0;
     margin-top: 10px;
 }

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

 .vw_all_pd0 {
     padding: 0;
 }

 @media (min-width: 1200px) {

     .vw-header-top .container,
     .vw_nav_area .container,
     .vwfm_area .container,
     .h2_slider .container,
     .trp_nav_area .container {
         max-width: 1200px;
     }
 }

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

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

 .vw-header-top {
     background: #0091FF;
     padding: 5px 0;
     border-bottom: 1px solid #ffffff21;
 }

 .top-address p {
     margin-bottom: 0;
 }

 .top-address p a,
 .top-address p span {
     margin-right: 20px;
     font-size: 15px;
     color: #fff;
     font-weight: 500;
 }

 .top-address.em-login a {
     margin-right: 10px;
 }

 .top-right-menu ul.social-icons li a {
     color: #fff;
 }

 .top-right-menu ul.social-icons li {
     display: inline-block;
     margin-left: 11px;
     position: relative;
 }

 .top-right-menu ul.social-icons li a {
     display: inline-block;
     text-decoration: none;
     color: #fff;
     transition: all .2s ease-in-out;
     font-size: 15px;
     font-weight: 500;
 }

 .top-right-menu ul li a:hover {
     color: #d71700;
 }

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

 .top_crt_style .main_sticky_l {
     display: none;
 }

 .top_crmenu_l ul,
 .top_crt_style {
     background: #0091FF;
     padding: 20px 0;
 }

 .single_header_address {
     text-align: left;
 }

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

 .creative_header_icon i {
     font-size: 30px;
     margin-top: 5px;
     margin-left: 2px;
     display: inline-block;
     color: #fff;
 }

 .creative_header_address_text>h3 {
     font-size: 18px;
     margin: 0;
     padding: 0;
     color: #fff;
 }

 .top_crt_style .site-title a,
 .top_crt_style p,
 .top_crt_style p a {
     color: #fff;
 }

 .creative_header_address_text>p {
     margin: 0;
     overflow: hidden;
 }

 .tx_menuc_btn {
     text-align: right;
 }

 .tx_menuc_btn .tx_mc_btn {
     border-radius: 5px;
     display: inline-block;
     font-size: 15px;
     font-weight: 600;
     margin-left: 0;
     padding: 12px 26px;
     transition: .5s;
     background: #006ff9;
     color: #fff;
 }

 .tx_menuc_btn .tx_mc_btn:hover {
     background: #131414;
 }

 .top-welcome {
     display: inline-block;
 }

 .top-welcome p,
 .top-welcomet p {
     padding: 0;
     margin: 0;
     color: #fff;
 }

 .top-welcome p span {
     font-size: 15px;
     font-weight: 500;
     color: #fff;
 }

 .top-welcome p span i {
     color: #fff;
 }

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

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

 .top-address {
     display: inline-block;
 }

 .top-address li span {
     font-size: 15px;
     font-weight: 500;
     margin-right: 20px;
     color: #fff;
 }

 .top-address li span i {
     font-size: 13px;
     margin-right: 5px;
 }

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

 /* ===== 2. Menu Area CSS ===== */
 .vw_nav_area.postfix {
     transition: .3s;
 }

 .vw_nav_area {
     background: #fff none repeat scroll 0 0;
 }

 .hmenu_box_style {
     background: #fff;
 }

 .hmenu_box_style {
     margin-top: 80px;
     border-radius: 5px;
 }

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

 .trp_nav_area {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     transition: .5s;
 }

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

 .search_popup_button,
 .tx_mmenu_together {
     align-items: center;
     display: flex;
     justify-content: flex-end;
 }

 .logo-right,
 .logo-left {
     align-items: center;
 }

 .mobile_menu_logo.text-center {
     padding: 20px 0;
 }

 /* LOGO CSS */
 .logo a {
     display: inline-block;
 }

 /* logo sticky */
 .vw-main-menu .logo a.main_sticky_main_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;
 }

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

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

 /* MENU text CSS */
 .vw_menu ul {
     text-align: right;
     list-style: none;
 }

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

 .vw_menu>ul>li>a {
     display: block;
     margin: 38px 12px 38px;
     transition: .5s;
     position: relative;
     font-size: 18px;
     font-weight: 500;
     color: #333;
     text-transform: capitalize;
 }

 .hmenu_box_style.hbg2 .vw_menu>ul>li>a {
     color: #fff;
 }

 .vw_menu ul .sub-menu li a:hover,
 .vw_menu ul .sub-menu li.current-menu-item a,
 .vw_menu>ul>li.current-menu-item>a,
 .vw_menu>ul>li>a:hover,
 .vw_nav_area.prefix .vw_menu>ul>li.current-menu-item>a,
 .vw_nav_area.prefix .vw_menu>ul>li>a:hover,
 .hbg2 .vw_menu>ul>li.current-menu-item>a,
 .hbg2 .vw_menu>ul>li>a:hover,
 .heading_style_2 .vw_menu>ul>li.current-menu-item>a,
 .heading_style_2 .vw_menu>ul>li>a:hover,
 .heading_style_3 .vw_menu>ul>li.current-menu-item>a,
 .heading_style_3 .vw_menu>ul>li>a:hover,
 .heading_style_4 .vw_menu>ul>li.current-menu-item>a,
 .heading_style_4 .vw_menu>ul>li>a:hover {
     color: #0091FF;
 }

 .vw_menu>ul>li>a:before,
 .vw_menu>ul>li.current>a:before {
     background: #ffb600 none repeat scroll 0% 0;
     bottom: -7px;
     content: "";
     height: 2px;
     left: 0;
     margin: auto;
     opacity: 0;
     position: absolute;
     right: 0;
     transition: all 0.5s ease 0s;
     width: 15%;
     display: none;
 }

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

 .vw_menu>ul>li.current>a,
 .vw_menu>ul>li:hover>a,
 .creative_header_menu>ul>li:hover>a {
     color: #0091FF;
     background-color: transparent;
     color: #0091FF;
 }

 .vw_menu>ul>li:hover>a:before,
 .vw_menu>ul>li.current>a:before {
     opacity: 1;
 }

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

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

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

 .vw_nav_area.prefix .right_sideber_menu i,
 .vw_search_wh .prefix .em-header-quearys .em-quearys-menu i {
     color: #fff;
 }

 .vw_nav_area.prefix .vw_menu>ul>li>a {
     color: #fff;
 }

 .vw_nav_area.prefix .vw_menu>ul>li.current>a {
     color: #0091FF;
 }

 .vw_h_h2 .vw_menu {
     justify-content: space-around;
     display: flex;
     align-items: center;
 }

 .landing_page .vw_menu {
     justify-content: flex-end;
 }

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

 .prefix .main_menu_header_address_text h3,
 .prefix .main_menu_header_address_text h4 a,
 .prefix .main_menu_header_icon i {
     color: #fff;
 }

 .vw_menu,
 .vw_h_h4 .vw_menu {
     justify-content: flex-end;
     display: flex;
     align-items: center;
 }

 /* sub menu style */
 .vw_menu ul .sub-menu {
     position: absolute;
     left: 0;
     top: 130%;
     width: 240px;
     text-align: left;
     background: #fff;
     margin: 0;
     padding: 15px 0;
     z-index: 9999;
     box-shadow: 0 0 30px rgb(0 0 0 / 9%);
     transition: .2s;
     opacity: 0;
     visibility: hidden;
 }

 .vw_menu ul li:hover>.sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
 }

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

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

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

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

 /* sub menu 2 */
 .vw_menu ul .sub-menu .sub-menu {
     left: 100%;
     top: 130%;
     opacity: 0;
     visibility: hidden;
 }

 .vw_menu ul .sub-menu li:hover>.sub-menu {
     opacity: 1;
     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 li:hover>.sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
 }

 /* has menu icon */
 .vw-main-menu .menu-item-has-children>a:after {
     margin-left: 5px;
     content: "\f107";
     font-family: FontAwesome;
     opacity: 1;
     font-size: 13px;
     opacity: .5;
 }

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

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

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

 .em-quearys-inner {
     visibility: hidden;
     opacity: 0;
     display: flex;
     align-items: center;
     position: fixed;
     top: 0;
     left: -150%;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0);
     z-index: 10000;
     transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1);
     transform: scale(1.1);
     visibility: hidden;
     opacity: 0;
     left: -150%;
     background: rgba(0, 0, 0, 0);
 }

 .em-s-open {
     visibility: visible;
     opacity: 1;
     left: 0;
     background: #000000e6 !important;
     transform: scale(1);
 }

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

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

 .top-form-control input {
     background: transparent;
     color: #fff;
     font-size: 50px;
     font-weight: 500;
     height: 100px;
     padding: 0 40px 0 15px;
     width: 100%;
     border: none;
     transition: .5s;
     border-bottom: 3px solid #fff;
 }

 .top-form-control input::placeholder {
     color: #fff;
 }

 textarea,
 input {
     outline: none;
 }

 .top-form-control button.top-quearys-style {
     position: absolute;
     right: 6px;
     top: 50%;
     background: transparent;
     font-size: 45px;
     border: none;
     color: #fff;
     transform: translateY(-50%);
 }

 .main-search-menu .em-header-quearys .em-quearys-menu i {
     cursor: pointer;
     padding: 0;
     border-radius: 100px;
     height: 36px;
     width: 36px;
     line-height: 36px;
     display: inline-block;
     margin-left: 10px;
     font-size: 20px;
     color: #272727;
 }

 .em-quearys-top.msin-menu-search .em-quearys-menu i {
     margin-left: 10px;
     cursor: pointer;
     display: inline-block;
 }

 .mrt10 {
     margin-top: 10px;
 }

 .em-quearys-menu i {
     border-radius: 50px;
     text-align: center;
     height: 36px;
     width: 36px;
     line-height: 36px;
     font-size: 17px;
     background: #0091FF;
     color: #fff;
 }

 .main-search-menu .em-header-quearys .em-quearys-menu i {
     cursor: pointer;
     background: transparent;
     color: #fff;
     padding: 0;
     border-radius: 100px;
     height: inherit;
     width: inherit;
     line-height: inherit;
     display: inline-block;
     margin-left: 25px;
     font-size: 20px;
     color: #272727 !important;
 }

 .kender_nav_area.prefix .right_sideber_menu i,
 .vw_search_wh .prefix .em-header-quearys .em-quearys-menu i {
     color: #fff !important;
 }

 .main_menu_address_a {
     display: flex;
     align-items: center;
     position: relative;
 }

 .main_menu_address_a::before {
     background: #fbfbfb40;
 }

 .main_menu_address_a:before {
     content: "";
     position: absolute;
     width: 1px;
     height: 107px;
     left: 0;
 }

 .main_menu_header_icon {
     margin-left: 25px;
     margin-right: 10px;
 }

 .main_menu_header_icon i {
     color: #0091FF;
     font-size: 30px;
 }

 .main_menu_header_address_text h3,
 .main_menu_header_address_text h4 a {
     margin: 0;
     font-weight: 600;
     font-size: 18px;
 }

 .main_menu_header_address_text h3 {
     color: #0091FF;
 }

 .main_menu_header_address_text h4 {
     margin-bottom: 0;
     color: #030925;
 }

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

 /* menu button */
 a.dtbtn {
     border: none;
     display: block;
     font-size: 14px;
     font-weight: 700;
     border-radius: 5px;
     padding: 10px 30px;
     color: #fff;
     background: #0091FF;
     margin-left: 30px;
     text-transform: uppercase;
 }

 a.dtbtn:hover {
     background: #AA3BFF;
     color: #fff;
 }

 /* popup menu css */
 .menu_popup_option {
     margin-left: 10px;
 }

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

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

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

 .right_sideber_content .blog-left-side>div {
     padding: 0;
     box-shadow: none;
     background: #fff;
     margin-bottom: 30px;
     border-radius: 8px;
 }

 .blog-left-side .D6Uwo5xpdw h2 {
     line-height: 17px;
     margin-bottom: 20px;
     padding-bottom: 12px;
     position: relative;
     margin-top: 0;
 }

 .blog-left-side .D6Uwo5xpdw h2:after,
 .blog-left-side .D6Uwo5xpdw h2:before {
     content: '';
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     border-radius: 0;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     margin-top: 17px;
     left: 0;
 }

 .blog-left-side h2.D6Uwo5xpdw-title:before {
     width: 26%;
     border: 0;
     height: 2px;
 }

 .blog-left-side .D6Uwo5xpdw ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .blog-left-side .D6Uwo5xpdw h2 {
     border-bottom: 0;
 }

 .blog-left-side>.D6Uwo5xpdw>ul>li {
     margin: 0 0 10px;
     padding-bottom: 10px;
 }

 .blog-left-side .D6Uwo5xpdw ul li {
     padding-left: 20px;
     position: relative;
 }

 .blog-left-side .D6Uwo5xpdw>ul>li:not(:last-child) {
     border-bottom: 1px solid rgba(0, 0, 0, .12);
 }

 .blog-left-side .D6Uwo5xpdw ul li:before {
     content: "\eaa0";
     font-family: IcoFont !important;
     font-size: 18px;
     left: 0;
     position: absolute;
 }

 .blog-left-side .D6Uwo5xpdw a {
     color: #17161a;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
     font-size: 18px;
     line-height: 2;
     margin: 0 0 20px;
     width: 100%;
 }

 #wp-calendar {
     margin-bottom: 20px;
     overflow: auto;
     vertical-align: top;
     width: 100%;
     margin: 0;
     font-size: 13px;
 }

 #wp-calendar caption {
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 10px;
     text-align: left;
     text-transform: uppercase;
 }

 table#wp-calendar th {
     font-size: 13px;
     font-weight: 700;
     padding: 5px 10px;
     text-align: center;
     text-transform: uppercase;
     vertical-align: middle;
     border: 1px solid #e5e5e5;
 }

 table#wp-calendar td#today {
     background: #e53e29;
 }

 .right_sideber_menu_inner .blog-left-side .D6Uwo5xpdw a {
     color: #454545;
 }

 .right_sideber_menu_inner .blog-left-side .D6Uwo5xpdw ul li {
     position: relative;
 }

 .right_sideber_menu_inner .blog-left-side .D6Uwo5xpdw ul li:before {
     content: "\eaa0";
     font-family: IcoFont !important;
     font-size: 18px;
     left: 0;
     position: absolute;
 }

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

 .prefix .right_close_class .right_sideber_menu i,
 .right_close_class .right_sideber_menu i {
     font-size: 22px;
     font-weight: 700;
     color: #e53e29;
 }

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

 .right_sideber_menu i:hover {
     color: #000000;
 }

 .vw_slick_content .vw_btn.active {
     color: #fff;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #fff;
     background: transparent;
 }

 .vw_slick_content .vw_btn.active:hover {
     background: #0091FF;
     border-color: #0091FF;
 }

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

 /* ===== 3. Slider Area CSS ===== */
 .sn_bannar_area {
     background-image: url("../images/shape.png");
     background-position: center center;
     background-size: cover;
 }

 .vw_banner_area.vw_tx_left.vw_banner_height {
     margin: 50px 0 0 360px;
 }

 .vw_banner_area {
     height: 800px;
     padding: 0;
     width: 100%;
     position: relative;
     margin: auto;
 }

 .vw_banner_content {
     left: 0;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
 }

 .vw_banner_content h1 {
     color: #222D39;
     font-size: 24px;
     margin: -77px 0 10px 0;
 }

 .vw_banner_content h1 span,
 .vw_banner_content h2 span {
     color: #0090FF;
 }

 .vw_banner_content h2 {
     color: #222D39;
     font-size: 60px;
     margin: 0;
 }

 .vw_banner_content p {
     color: #333333;
     margin: 30px 0 35px 0;
     padding: 0 250px 0 0;
     width: 46%;
 }

 a.vw_butn {
     color: #fff;
     font-weight: 700;
     border-width: 0;
     background-color: #0090FF;
     margin: 0 0 40px 0;
     padding: 5px 35px 5px 35px;
     display: inline-block;
     position: relative;
     line-height: 50px;
     border-radius: 5px;
     text-transform: uppercase;
     font-size: 16px;
 }

 a.vw_butn {
     border-style: solid;
 }

 a.vw_butn:before {
     content: '';
     width: 0;
     height: 100%;
     background: #d71700;
     position: absolute;
     left: 0;
     top: 0;
     border-radius: 5px;
     transition: .10s;
 }

 .vw_butn:hover:before {
     width: 100%;
     transition: 0.5s;
 }

 .vw_butn:hover::before {
     background: #AA3BFF;
 }

 .vw_ico2 {
     margin-top: 10px;
 }

 .vw_tx_left .vw_bslider_thumb {
     right: 490px;
     top: 120px;
     position: absolute;
 }

 .vw_butn:hover {
     color: #fff;
 }

 .vw_btn {
     border-radius: 5px;
     font-size: 16px;
     font-weight: 500;
 }

 .vw_btn {
     background: #0090FF;
     border-radius: 3px;
     color: #fff;
     display: inline-block;
     font-size: 17px;
     font-weight: 600;
     padding: 10px 30px 10px 30px;
     text-align: center;
     text-transform: capitalize;
     position: relative;
     margin-right: 20px;
     z-index: 2;
     transition: all 0.5s;
 }

 .vw_btn:hover {
     background: #AA3BFF;
     color: #fff;
 }

 .vw_swiper_area .tzqngp0BJI .vw_slider_thumb {
     right: 100px;
 }

 .tzqngp0BJI .vw_slider_thumb {
     position: absolute;
     right: 100px;
     top: 52%;
     transform: translateY(-50%);
     z-index: 99;
 }

 .vw_slider_thumb_inner img {
     border-radius: 10px;
 }

 .vw_shape_item_inner {
     position: absolute;
     content: "";
     transition: .5s;
     z-index: 9;
     top: 51px;
 }

 .vw_shape_image {
     animation: vw_movelr_box45 5s linear 1s infinite alternate running;
 }

 @keyframes vw_movelr_box45 {
     0% {
         transform: translateX(0px);
     }

     100% {
         transform: translateX(45px);
     }
 }

 /* ===== Slider Area CSS ===== */
 .h4_slider {
     background-image: url("../../images/h4-slider.png");
     background-position: center center;
     background-size: cover;
 }

 .h4_slider .vw_banner_content h1 span {
     color: #FF8A73;
 }

 .h4_slider .vw_banner_content h2 {
     color: #222D39;
     font-size: 50px;
     margin: 0;
 }

 .vw_ico2 {
     margin-top: 20px;
 }

 .vw_banner_content ul li {
     display: inline-block;
 }

 .h4_slider .vw_banner_content a i {
     color: #d71700;
     background: #fff;
     height: 50px;
     width: 50px;
     text-align: center;
     line-height: 50px;
     transition: .5s;
     font-size: 16px;
     border-style: none;
     border-radius: 50px 50px 50px 50px;
     background-color: #FFFFFF;
     box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05);
     margin: 0px 0px 0px 0px;
 }

 .h4_slider .vw_banner_content a i:hover {
     background: #FF8A73;
     color: #fff;
 }

 .h4_slider a.vw_butn {
     background: #FF8A73;
     padding: 0 30px 0 30px;
 }

 .h4_slider.vw_butn:before {
     background: #d71700;
 }







 .vw_ds_content_area {
     background-image: url("../images/slider-1.png");
     background-position: center center;
     background-size: cover;
 }

 .vw_slick_height {
     height: 867px;
 }

 .vw_ds_content {
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     overflow: hidden;
 }

 .vw_ds_content {
     position: relative;
     z-index: 1;
 }

 .vw_containers {
     margin: auto;
     width: 62%;
 }

 .vw_ds_content_inner {
     position: relative;
     top: 56%;
     transform: translateY(-50%);
 }

 .vw_ds_content_inner h2 {
     font-size: 63px;
     text-transform: capitalize;
     color: #fffefe;
 }

 .vw_ds_content_inner p {
     color: #fff;
     font-size: 19px;
     font-weight: 400;
 }

 .vw_ds_content_area .em_slider_s2_image {
     top: 200px;
     right: -144px;
     bottom: -382px;
     transform: translateY(-50%);
     animation: vw_slider 2s linear 2s infinite alternate running;
     position: absolute;
 }

 .tzqngp0BJI .vw_ds_content_inner h1,
 .tzqngp0BJI .vw_ds_content_inner h2,
 .tzqngp0BJI .vw_ds_content_inner h3 {
     width: 50%;
     margin: 20px auto 0px 0;
 }

 .vw_slick_content p {
     width: 41%;
     margin: 20px auto 0px 0;
 }

 .slider_btn {
     margin-top: 40px;
 }

 .vw_slick_content .vw_btn {
     background: transparent;
     background-image: linear-gradient(90deg, #FF582C 0%, #D71700 100%);
     margin: 0 0 70px 0;
 }

 .vw_slick_content .vw_btn:hover {
     background: transparent;
     background-image: linear-gradient(90deg, #D71700 0%, #FF582C 100%);
 }

 @keyframes vw_slider {
     0% {
         margin-top: 5px;
     }

     100% {
         margin-top: 30px;
     }

 }

 .vw_bubble_animate {
     position: absolute;
     left: -215px;
     bottom: 0;
     width: 162%;
     height: 100%;
     overflow: hidden;
 }

 .vw_circle.vw_small.vw_square1 {
     left: 18%;
     top: 100%;
     animation: vw_smallBubble 8s ease-in 1s infinite;
 }

 .vw_circle.vw_small {
     width: 20px;
     height: 20px;
     opacity: 0.5;
 }

 .vw_circle {
     background: #fff;
     bottom: 0;
     position: absolute;
     border-radius: 50%;
 }

 .vw_circle.vw_small.vw_square2 {
     left: 36%;
     top: 100%;
     animation: vw_smallBubble 4s ease-in 2s infinite;
 }

 .vw_circle.vw_small.vw_square3 {
     left: 54%;
     top: 100%;
     animation: vw_smallBubble 6s ease-in 3s infinite;
 }

 .vw_circle.vw_small.vw_square4 {
     left: 72%;
     top: 100%;
     animation: vw_smallBubble 6s ease-in 4s infinite;
 }

 .vw_circle.vw_small.vw_square5 {
     left: 90%;
     top: 100%;
     animation: vw_smallBubble 5s ease-in 7s infinite;
 }

 @keyframes vw_smallBubble {
     0% {
         top: 100%;
         margin-left: 10px;
     }

     25% {
         margin-left: -10px;
     }

     50% {
         margin-left: 10px;
     }

     75% {
         margin-left: -10px;
     }

     100% {
         top: 0%;
         opacity: 0;
         margin-left: 0px;
     }
 }

 @keyframes vw_mediumBubble {
     0% {
         top: 100%;
         margin-left: 15px;
     }

     25% {
         margin-left: -15px;
     }

     50% {
         margin-left: 15px;
     }

     75% {
         margin-left: -15px;
     }

     100% {
         top: 0%;
         opacity: 0;
         margin-left: 0px;
     }
 }


 @keyframes vw_bigBubble {
     0% {
         top: 100%;
         margin-left: 20px;
     }

     25% {
         margin-left: -20px;
     }

     50% {
         margin-left: 20px;
     }

     75% {
         margin-left: -20px;
     }

     100% {
         top: 0%;
         opacity: 0;
         margin-left: 0px;
     }
 }

 .vw_circle.vw_medium.vw_square1 {
     left: 21%;
     animation: vw_mediumBubble 8s ease-in 1s infinite;
 }

 .vw_circle.vw_medium {
     width: 35px;
     height: 35px;
     opacity: 0.45;
 }

 .vw_circle.vw_medium.vw_square2 {
     left: 42%;
     top: 100%;
     animation: vw_mediumBubble 6s ease-in 8s infinite;
 }

 .vw_circle.vw_medium.vw_square3 {
     left: 63%;
     top: 100%;
     animation: vw_mediumBubble 12s ease-in 8s infinite;
 }

 .vw_circle.vw_medium.vw_square4 {
     left: 84%;
     top: 100%;
     animation: vw_mediumBubble 12s ease-in 4s infinite;
 }

 .vw_circle.vw_medium.vw_square5 {
     left: 5%;
     top: 100%;
     animation: vw_mediumBubble 2s ease-in 8s infinite;
 }

 .vw_circle.vw_large.vw_square1 {
     left: 21%;
     top: 100%;
     animation: vw_bigBubble 6s ease-in 6s infinite;
 }

 .vw_circle.vw_large {
     width: 80px;
     height: 80px;
     opacity: 0.35;
 }

 .vw_circle.vw_large.vw_square2 {
     left: 42%;
     top: 100%;
     animation: vw_bigBubble 3s ease-in 6s infinite;
 }

 .vw_circle.vw_large.vw_square3 {
     left: 63%;
     top: 100%;
     animation: vw_bigBubble 13s ease-in 6s infinite;
 }

 .vw_circle.vw_large.vw_square4 {
     left: 84%;
     top: 100%;
     animation: vw_bigBubble 9s ease-in 6s infinite;
 }

 /* ===== Slider Area CSS ===== */
 .h3_bannar {
     background-image: url("../images/sli.png");
     background-position: center center;
     background-size: cover;
 }

 .h3_bannar .vw_banner_area {
     height: 800px;
     padding: 0;
     width: 100%;
     position: relative;
     margin: auto;
 }

 .h3_bannar .container-fluid {
     padding: 110px 0 0 20px;
 }

 .h3_bannar .vw_banner_content h1 {
     color: #fff;
 }

 .h3_bannar .vw_banner_content h1 span {
     color: #FF8A73;
 }

 .h3_bannar .vw_banner_content h2 {
     color: #fff;
 }

 .h3_bannar .vw_banner_content p {
     color: #fff;
 }

 /* ===== Slider Area CSS ===== */
 .h5_slider {
     background-image: url("../images/slider.jpg");
     background-position: center center;
     background-size: cover;
 }

 .h5_slider .em_slider_s2_image {
     top: 200px;
     right: -335px;
     bottom: -382px;
 }

 .h5_slider .em_slider_s2_image img {
     height: 500px;
 }

 .h5_slider .vw_slick_height {
     height: 867px;
 }

 .h5_slider .vw_btn {
     background: #FF8A73;
     padding: 12px 30px 12px 30px;
 }

 .h5_slider .vw_slick_content .vw_btn:hover {
     background: #FF582C;
 }

 /* ===== 4. Feature Area CSS ===== */
 .sn_fe_area {
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
     margin-top: 0px;
     margin-bottom: 0px;
     padding: 120px 0 120px 0;
     background: #0090FF;
 }

 .fe_inner {
     box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.04);
     padding: 90px 0 50px 0;
     background: #fff;
 }

 .sub-border-3 {
     padding: 0 15px;
 }

 .sub-item-3.sub-item h3 {
     padding-bottom: 8px;
     margin-top: 0px;
     transition: .5s;
     font-size: 25px;
     margin-bottom: 15px;
 }

 .sn_fe_area .all_feature_color img {
     width: 75px;
     height: 75px;
 }

 .sn_fe_area .all_feature_color p {
     margin: 23px 0 0 0;
     padding: 0 0 20px 0;
 }

 /* ===== Feature Area CSS ===== */
 .h2_fe_area {
     padding: 105px 0 85px;
 }

 .h2_fe_area .vw_section_title {
     margin-bottom: 50px;
 }

 .vw_singles_feature {
     padding: 50px 30px 50px 30px;
     background: #fff;
     margin-bottom: 30px;
 }

 .vw_singles_feature:hover {
     box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.04);
     padding: 50px 30px 50px 30px;
     background: #fff;
 }

 .h2_fe_area .sub-item h3 {
     font-size: 25px;
     margin-top: 25px;
     transition: .5s;
     margin-bottom: 15px;
 }

 .h2_fe_area .all_feature_color p {
     padding: 0 0 20px 0px;
 }

 .feature_btn a {
     font-weight: 600;
     font-size: 16px;
     color: #333;
 }

 .vw_festure_box {
     display: inline-block;
     margin-right: 8px;
 }

 .vw_festure_icon i,
 .vw_festure_icon2 i {
     color: #fff;
     background: #d71700;
     transition: .5s;
     font-size: 10px;
     transition: .5s;
     width: 22px;
     height: 22px;
     line-height: 22px;
     border-radius: 5px;
     text-align: center;
     box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
 }

 .vw_festure_icon2 i {
     display: none;
 }

 .feature_btn a:hover {
     color: #d71700;
     transition: .5s;
 }

 .feature_btn a:hover .vw_festure_icon i {
     display: none;
 }

 .feature_btn a:hover .vw_festure_icon2 i {
     display: block;
     box-shadow: 0px 0px 30px rgba(221, 32, 6, 0.5);
 }

 .opmz_page_fe {
     padding: 105px 0 0;
 }

 /* ===== Feature Area CSS ===== */
 .h3_fe_area {
     padding: 100px 0 90px;
     background: 0;
 }

 .h3_fe_area .fe_inner {
     padding: 83px 0 42px 0;
 }

 .h3_fe_area .vw_section_title {
     margin-bottom: 45px;
 }

 .h3_fe_area .vw_section_title_inner h2 {
     color: #AA3BFF;
 }

 .h3_fe_area .vw_section_title_inner h2::before {
     display: none;
 }

 .h3_fe_area .vw_singles_feature img {
     width: 75px;
     height: 75px;
 }

 .h3_fe_area .sub-item h3 {
     font-size: 25px;
     margin-top: 25px;
     transition: .5s;
     margin-bottom: 15px;
 }

 .h3_fe_area .all_feature_color p {
     padding: 0 0 20px 0;
     margin: 0;
 }

 .h3_fe_area .vw_singles_feature {
     padding: 0;
     background: 0 0;
     margin-bottom: 30px;
 }

 .h3_fe_area .vw_singles_feature:hover {
     box-shadow: none;
     background: 0 0;
 }

 /* ===== Feature Area CSS ===== */
 .h4_fe_area {
     padding: 70px 0 110px 0;
 }

 .h4_fe_area .sub-border-2 {
     padding: 60px 30px 20px 30px;
     background: #fff;
     transition: .5s;
     margin-bottom: 30px;
 }

 .h4_fe_area .sub-item {
     position: relative;
 }

 .h4_fe_area .sub-item span {
     position: absolute;
     top: -9px;
     left: 225px;
     font-size: 50px;
     color: #eeeeee;
     transform: translateX(-50%);
     z-index: 999;
 }

 .h4_fe_area .all_feature_color img {
     width: 75px;
     height: 75px;
 }

 .h4_fe_area .sub-item h3 {
     font-size: 25px;
     margin-top: 25px;
     transition: .5s;
     margin-bottom: 15px;
 }

 .h4_fe_area .sub-border-2 .sub-item p {
     padding: 0 0 20px 0;
 }

 .h4_fe_area .sub-border-2:hover {
     box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.04);
 }

 .h4_fe_area .all_feature_color:hover span,
 .h4_fe_area .all_feature_color:hover h2 {
     color: #D71700;
 }

 /* ===== Feature Area CSS ===== */
 .h5_fe_area {
     padding: 110px 0 80px;
 }

 .h5_fe_area .vw_singles_feature {
     padding: 60px 30px 20px 30px;
     background: #fff;
 }

 .h5_fe_area .all_feature_color img {
     width: 75px;
     height: 75px;
 }

 .h5_fe_area .sub-item h3 {
     font-size: 25px;
     margin-top: 25px;
     transition: .5s;
     margin-bottom: 15px;
 }

 .h5_fe_area .all_feature_color p {
     padding: 0 0 20px 0;
 }

 /* ===== Bg Area CSS ===== */
 .h3_bg_img {
     margin-top: -850px;
     margin-bottom: 0;
     padding: 0;
 }

 .h3_bg_img_inr.text-right img {
     max-width: 100%;
 }

 /* ===== 5. About Area CSS ===== */
 .h2_ab_area {
     padding: 0 0 102px 0;
 }

 .vw_about_image {
     animation: vw_about 2s linear 1s infinite alternate running;
 }

 .vw_righti.vw_about_image img {
     width: 130% !important;
     max-width: 200% !important;
     margin: 0 0 0 -100px;
 }

 .vw_about_content h2 {
     font-size: 20px;
     color: #ff582c;
     position: relative;
     padding: 10px 30px 10px 18px;
     background: #fcd3cb;
     border-radius: 5px;
     display: inline-block;
     background: #C6636300;
     font-weight: 400;
     margin: 0 0 0 80px;
 }

 .vw_about_content h2::before {
     position: absolute;
     content: "";
     width: 8px;
     height: 8px;
     background: #ff582c;
     left: 4px;
     top: 50%;
     transform: translate(-50%, -50%);
     border-radius: 50px;
 }

 .vw_about_content h3 {
     width: 90%;
     margin: 0 0 30px 80px;
     font-size: 43px;
 }

 .vw_about_content p {
     margin: 0 0 30px 80px;
 }

 .vw_about_text {
     padding: 0 0 0 80px;
     margin-top: 15px;
 }

 .vw_about_text i {
     margin-right: 11px;
     float: left;
     margin-top: 10px;
     font-size: 14px;
     color: #D71700;
 }

 .vw_about_con {
     overflow: hidden;
 }

 .vw_about_btn a {
     position: relative;
     font-size: 17px;
     color: #fff;
     font-weight: 500;
     border-radius: 5px;
     padding: 15px 30px 15px 38px;
     transition: .5s;
     display: inline-block;
     background-color: transparent;
     background-image: linear-gradient(90deg, #FF582C 0%, #D71700 100%);
     margin: 50px 0px 0px 80px;
 }

 .vw_about_btn a:hover {
     color: #fff;
     background-color: transparent;
     background-image: linear-gradient(90deg, #D71700 0%, #FF582C 100%);
 }

 /* ===== About Area CSS ===== */
 .h4_ab_area {
     background: #F9F9F9;
     padding: 130px 0 50px 0;
 }

 .h4_ab_left {
     margin: -30px 0 0 80px;
 }

 .h4_ab_vw {
     margin: 30px 0 0 0;
     padding: 0 386px 0 0;
 }

 .h4_ab_vw .vw_section_title {
     margin-bottom: 30px;
 }

 /* ===== 5. Facility Area CSS ===== */
 .sn_faci_area {
     padding: 60px 0 81px 0;
 }

 .icon-list-icon {
     padding-right: 28px;
 }

 .icon-list-icon i {
     width: 1.25em;
     font-size: 14px;
     color: #333;
     transition: .5s;
 }

 .icon-list-icon+.icon-list-text {
     align-self: center;
     padding-left: 0;
     transition: .5s;
 }

 ul.icon-list-items {
     padding: 10px 20px 10px 20px;
     background: #fff;
     border-style: solid;
     border-width: 1px;
     border-color: #E9E9E9;
     border-radius: 3px;
     margin-bottom: 25px;
     transition: .5s;
 }

 ul.icon-list-items:hover {
     background: #0090FF;
 }

 .icon-list-item:hover .icon-list-icon i {
     color: #fff;
 }

 .icon-list-item:hover .icon-list-text {
     color: #fff;
 }

 .h3_faci_area ul.icon-list-items:hover {
     background-color: transparent;
     background-image: linear-gradient(-90deg, #FE81FF 0%, #AA3BFF 100%);
 }

 .h3_faci_area .vw_section_title_inner h2 {
     color: #AA3BFF;
 }

 .h3_faci_area .vw_section_title_inner h2::before {
     display: none;
 }

 .sn_faci_area .vw_section_title_inner h2::before {
     display: none;
 }

 /* ===== Facility Area CSS ===== */
 .h2_faci_area {
     padding: 84px 0 80px;
 }

 .h2_faci_vw .em-service2 {
     border-style: solid;
     border-width: 1px;
     border-color: #EAEAEA;
     border-radius: 10px;
     padding: 30px 30px 18px 30px;
     transition: .5s;
     margin-bottom: 22px;
 }

 .h2_faci_vw .em-service2.sleft .em-service-icon {
     float: left;
     margin-right: 30px;
     margin-top: 10px;
     margin-bottom: 15px;
 }

 .h2_faci_vw .em-service-title h3 {
     margin: 5px 0 10px;
     font-size: 24px;
     padding: 0;
     text-transform: capitalize;
     transition: .5s;
 }

 .h2_faci_vw .em-service-desc p {
     transition: .5s;
 }

 .h2_faci_vw .em-service2:hover {
     box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.06);
 }

 .h2_faci_vw .mrgn_left {
     margin-left: 38px;
 }

 /* ===== Facility Area CSS ===== */
 .bsns_page_faci {
     padding: 100px 0 30px;
 }

 .bsns_vw .vw_section_title {
     margin-bottom: 35px;
 }

 .bsns_left .all_color_service {
     border-style: solid;
     border-width: 1px;
     border-color: #EAEAEA;
     border-radius: 10px;
     padding: 30px 30px 18px 30px;
     margin-bottom: 20px;
     transition: .5s;
 }

 .bsns_left .all_color_service:hover {
     box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.06);
 }

 .bsns_left .em-service2.sleft .em-service-icon {
     float: left;
     margin-right: 30px;
     margin-top: 10px;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .bsns_left .em-service-title h3 {
     margin: 5px 0 10px;
     font-size: 24px;
     padding: 0;
     text-transform: capitalize;
     transition: .5s;
 }

 .bsns_left .em-service-desc p {
     transition: .5s;
 }

 .dvl_page_faci {
     padding: 0 0 30px;
 }

 /* ===== 6. Marketing Area CSS ===== */
 .sn_mrkt_area {
     padding: 140px 0 145px 0;
     background-image: url("../images/shap.jpg");
     background-size: cover;
 }

 .mrkt_left_img {
     padding-top: 15px;
 }

 .mrkt_vw .vw_section_title {
     margin-bottom: 30px;
 }

 .mrkt_vw ul.icon-list-items {
     padding: 0;
     background: 0 0;
     border-width: 0;
 }

 .mrkt_vw .icon-list-icon i {
     color: #0090FF;
     transition: color 0.3s;
     font-size: 14px;
     width: 1.25em;
     margin-top: 22px;
     float: left;
     overflow: hidden;
     margin-right: 6px;
 }

 .mrkt_vw .icon-list-icon+.mrkt_vw.icon-list-text {
     align-self: center;
     padding-left: 5px;
 }

 .mrkt_vw .icon-list-icon {
     padding-right: 0;
 }

 .mrkt_vw .icon-list-item:hover .icon-list-text {
     color: inherit;
 }

 .mrkt_vw .icon-list-item:hover .icon-list-icon i {
     color: #0090FF;
 }

 .mrkt_vw .vw_btn {
     margin-top: 15px;
 }

 /* ===== 7. Service Area CSS ===== */
 .sn_ser_area {
     padding: 85px 0 70px 0;
 }

 .sn_ser_area .vw_section_title_inner h2::before {
     display: none;
 }

 .sn_ser_area .vw_singles_feature {
     margin: 0;
     padding: 50px 30px 60px 30px;
     background: #fff;
     border-radius: 5px;
     box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.04);
     margin-bottom: 30px;
 }

 .sub-item {
     position: relative;
 }

 .sn_ser_area .all_feature_color img {
     width: 75px;
     height: 75px;
     padding: 0;
 }

 .sn_ser_area .sub-item h3 {
     font-size: 25px;
     margin-top: 25px;
     transition: .5s;
     margin-bottom: 15px;
 }

 .sn_ser_area .all_feature_color p {
     padding: 0 0 20px 0;
 }

 .sn_ser_area .feature_btn a {
     color: #0090FF;
     font-weight: 700;
     border-style: solid;
     border-width: 0;
     border-radius: 3px;
     padding: 9px 20px 9px 10px;
     font-size: 16px;
     display: inline-block;
     margin-top: 10px;
 }

 .sn_ser_area .vw_festure_box {
     display: inline-block;
     margin-right: 8px;
 }

 .sn_ser_area .feature_btn a:hover {
     color: #fff;
     background: #0090FF;
 }

 /* ===== Service Area CSS ===== */
 .h2_ser_area {
     padding: 0 0 85px 0;
 }

 .h2_ser_area .vw_singles_feature {
     margin: 0 0 -19px 0;
     padding: 50px 30px 50px 30px;
     background: #fff;
     border-style: solid;
     border-width: 0 1px 1px 0;
     border-color: #F3F3F3;
     box-shadow: none;
     margin-bottom: 0px;
 }

 .h2_ser_area .vw_singles_feature:hover {
     box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.04);
 }

 .h2_ser_area .feature_btn a:hover {
     color: #d71700;
     transition: .5s;
     background: transparent;
 }

 .vw_singles_feature.text-center.sbordvwb {
     border-color: #F3F3F3;
     border-width: 0 0 1px 0;
     border-style: solid;
 }

 .brdbtm {
     border: none;
 }

 .vw_singles_feature.text-center.brdbtm {
     border-bottom: none;
 }

 .ser_btm_cont p a {
     color: #d71700;
 }

 .ser_btm_cont.text-center {
     margin-top: 42px;
 }

 /* ===== Service Area CSS ===== */
 .h4_ser_area {
     padding: 100px 0 90px;
 }

 .h4_ser_area .vw_section_title {
     margin-bottom: 45px;
 }

 .h4_ser_area .vw_section_title_inner h2::before {
     display: none;
 }

 .h4_ser_area .vw_singles_feature:hover {
     border-style: solid;
     border-width: 1px;
     border-color: #fff;
     box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.04);
 }

 .h4_ser_area .vw_singles_feature {
     padding: 50px 30px 50px 30px;
     background: #fff;
     border-style: solid;
     border-width: 1px;
     border-color: #F5F5F5;
     transition: .5s;
 }

 .h4_ser_area .sub-item h3 {
     font-size: 25px;
     margin-top: 25px;
     transition: .5s;
     margin-bottom: 15px;
 }

 .h4_ser_area .all_feature_color p {
     margin: 0 0 35px 0;
     padding: 0;
     display: inline-block;
 }

 .h4_ser_area .feature_btn a {
     color: #fff;
     background: #FF8A73;
     border-style: solid;
     border-width: 0;
     border-radius: 5px;
     padding: 8px 20px 8px 10px;
     font-weight: 600;
     font-size: 16px;
     margin-top: 5px;
     display: inline-block;
 }

 .h4_ser_area .vw_festure_box {
     display: inline-block;
     margin-right: 8px;
 }

 .h4_ser_area .feature_btn a:hover {
     color: #fff;
     background: #D71700;
 }

 /* ===== Service Area CSS ===== */
 .h5_ser_area {
     padding: 80px 0 15px;
 }

 .h5_ser_area .vw_section_title_inner h2::before {
     display: none;
 }

 .h5_ser_area .vw_singles_feature {
     padding: 50px 30px 50px 30px;
     background: #fff;
     box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.04);
 }

 .h5_ser_area .sub-item h3 {
     font-size: 25px;
     margin-top: 25px;
     transition: .5s;
     margin-bottom: 15px;
 }

 .h5_ser_area .sub-item p {
     padding: 0 0 10px 0;
 }

 /* ===== 8. Team Area CSS ===== */
 .h2_team_area {
     background: #F9FBFF;
     background-image: url("../images/shape-9.png");
     margin-top: -20px;
     margin-bottom: 0px;
     padding: 100px 0 90px 0;
 }

 .vw_team_part {
     text-align: center;
     position: relative;
     margin-bottom: 30px;
 }

 .vw_img_team {
     position: relative;
 }

 .vw_team_content2 {
     background: #fff;
     border-radius: 5px;
     padding: 148px 0px 40px;
     margin-top: -135px;
     box-shadow: 0px 0px 65px rgba(0, 0, 0, 0.06);
 }

 .vw_team_content2 h5 {
     font-size: 25px;
     margin: 12px 0 4px;
 }

 .vw_team_content2 span {
     color: #333333;
     font-size: 18px;
     font-weight: 300;
 }

 .vw_team_social {
     position: absolute;
     left: 0;
     right: 0;
     bottom: -40px;
     opacity: 0;
     transition: .5s;
 }

 .vw_pots_team_s2 {
     display: inline-block;
     padding: 2px 30px;
     border-radius: 5px;
     transition: .5s;
 }

 .vw_team_social ul li a {
     font-size: 16px;
     color: #d71700;
     transition: .5s;
     border: 1px solid #f2f2f2;
     margin-right: 6px;
     background: #fff;
     border-radius: 30px;
     box-shadow: 1px 1px 16px 7px rgb(245 245 245 / 50%);
     width: 40px;
     height: 40px;
     line-height: 40px;
     display: inline-block;
 }

 .vw_team_part:hover .vw_team_social {
     bottom: -22px;
     opacity: 1;
 }

 .vw_team_social ul li a:hover {
     color: #fff;
     background: #d71700;
 }

 /* ===== Area CSS ===== */
 .slide_items {
     text-align: center;
 }

 .solu_pag_brnd {
     padding: 85px 0 100px;
 }

 /* ===== 9. Video Area CSS ===== */
 .vw_videobg_image img {
     width: 100%;
 }

 .vw_play_vi {
     position: relative;
 }

 .vw_about_image img {
     width: 100%;
 }

 .play-overlay {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
 }

 .play-overlay a {
     position: relative;
     display: inline-block;
     width: 75px;
     height: 75px;
     font-size: 23px;
     border-radius: 100%;
     background: #0091FF;
 }

 .play-overlay i {
     color: #fff;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
 }

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

     20% {
         transform: scale(1.24);
         opacity: 1
     }

     100% {
         transform: scale(2.1);
         opacity: 0
     }
 }

 .vd_left_cont {
     padding: 20px 20px 20px 0;
 }

 /* ===== Video Area CSS ===== */
 .h3_vd_area .video-part {
     padding: 524px 0px 0px 0px;
     background-image: url("../images/h3vd.png");
     background-position: center center;
     background-size: cover;
     position: relative;
 }

 .h3_vd_area .video-item a {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
 }

 .h3_vd_area .video-item a::before {
     background: #AA3BFF;
     border-radius: 5px;
 }

 .h3_vd_area .video-item a {
     background: #AA3BFF;
 }

 .h3_vd_area .video-item a {
     width: 75px;
     height: 75px;
     font-size: 25px;
     border-radius: 5px;
     background: #AA3BFF;
 }

 /* ===== Video Area CSS ===== */
 .video-item a {
     position: relative;
     display: inline-block;
     width: 100px;
     height: 100px;
     font-size: 28px;
     border-radius: 100%;
     background: #0091FF;
 }

 .video-item a::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background: #0091FF;
     border-radius: 50%;
     top: 0;
     animation-fill-mode: both;
     animation: vw_squares 1.5s ease-in-out infinite;
     left: 0;
     right: 0;
     bottom: 0;
 }

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

     20% {
         transform: scale(1.24);
         opacity: 1
     }

     100% {
         transform: scale(2.1);
         opacity: 0
     }
 }

 .if_histr_area {
     padding: 97px 0 50px;
 }

 /* ===== 10. Counter Area CSS ===== */
 .sn_coun_area {
     background-image: url("../images/slider.jpg");
     padding: 90px 0 70px 0;
 }

 .vw_counter_single {
     text-align: center;
     margin-bottom: 30px;
 }

 .vw_counter_single h3 {
     font-size: 60px;
     color: #fff;
     font-weight: 700;
     line-height: 1;
     margin: 0;
 }

 .vw_counter_single h4 {
     font-size: 19px;
     color: #fff;
     font-weight: 700;
     line-height: 2.5;
     text-align: center;
 }

 /* ===== 11. Case Area CSS ===== */
 .sn_case_area {
     padding: 100px 0 90px;
 }

 .sn_case_area .vw_section_title_inner h2::before {
     display: none;
 }

 .sn_case_area .service-item {
     padding: 0 0 27px 0;
     box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.06);
     margin-bottom: 30px;
 }

 .sn_case_area .service-item img {
     height: 240px;
     padding: 40px 0 0 0;
 }

 .sn_case_area .service-item h3 {
     font-size: 22px;
     color: #3B3663;
     padding-top: 25px;
 }

 .sn_case_area .service-item p {
     padding: 0 30px 0 30px;
     color: #696687;
 }

 .h5_case_area {
     padding: 20px 0 0;
 }

 /* ===== 12. Portfolio Area CSS ===== */
 .ap_proj_area {
     background-image: url("../images/project-bg.png");
     background-position: center center;
     background-size: cover;
     padding: 150px 0 205px 0;
 }

 .ap_proj_area .vw_section_title {
     margin-bottom: 35px;
 }

 .ap_proj_area .vw_section_title_inner h1,
 .ap_proj_area .vw_section_title_inner h2,
 .ap_proj_area .vw_section_title_inner h3 {
     color: #fff;
 }

 .vw_single_pslide {
     margin-bottom: 0;
     overflow: inherit;
 }

 .vw_pslide_image {
     overflow: hidden;
     position: relative;
     transition: .5s;
 }

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

 .vw_pslide_image::before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     transform: scale(0);
     transition: .5s;
     z-index: 1;
     opacity: 0.5;
     background: #222429;
 }

 .vw_pslide .vw_pslide_custom a span:hover {
     background: #3cdce0;
 }

 .vw_single_pslide:hover .vw_pslide_image img,
 .vw_single_pslide:hover .vw_pslide_image:before {
     transform: scale(1.1);
 }

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

 .vw_pslide4.ps3.ps1 .vw_content_pslide_text {
     bottom: -170px;
     padding: 40px 30px 15px;
     border-radius: 5px;
     left: 20px;
     right: 20px;
     text-align: left;
     opacity: 1;
     box-shadow: 0 0 65px 0 #00000017;
     background: #fff;
     z-index: 2;
     position: absolute;
     transition: .5s;
 }

 .vw_pslide4.vw_pslide3 .vw_pslide_custom {
     bottom: auto;
     top: 37px;
     z-index: -1;
     right: 10%;
     position: absolute;
     transition: .5s;
 }

 .vw_content_pslide_text a {
     display: inline-block;
     color: #222429;
 }

 .vw_pslide3 .vw_pslide_custom a span {
     width: 45px;
     height: 45px;
     line-height: 45px;
     font-size: 18px;
     box-shadow: 0 0 65px 0 #00000014;
     text-align: center;
     border-radius: 30px;
     background: #0091FF;
     color: #fff;
     display: inline-block;
     transition: .5s;
 }

 .vw_pslide3 .vw_pslide_custom a span:hover {
     background: #1f2230;
 }

 .ps1 .vw_content_pslide {
     float: left;
 }

 .vw_content_pslide_text h3 {
     margin-bottom: 0;
     color: #222429;
 }

 .ps3 .vw_content_pslide_text h3 a {
     margin-bottom: 3px;
     color: #222429;
     display: inline-block;
 }

 .vw_content_pslide_text p {
     margin-bottom: 4px;
     color: #222429;
 }

 .vw_pslide4.ps3.ps1 .vw_single_pslide:hover .vw_content_pslide_text {
     bottom: 20px;
 }

 .ps1 .vw_content_pslide_text a:hover,
 .ps1 .vw_content_pslide_text h3:hover,
 .ps3.ps1 .vw_content_pslide_text a:hover {
     color: #0091FF;
 }

 /* ===== Project Area CSS ===== */
 .h3_proj_area {
     background-image: url("../images/pattern-7.png");
     background-position: center center;
     background-size: cover;
     padding: 130px 0 50px 0;
 }

 .h3_proj_area .all_feature_color img {
     width: 75px;
     height: 75px;
     padding: 0;
 }

 .h3_proj_area .sub-item h3 {
     font-size: 25px;
     margin-top: 25px;
     transition: .5s;
     margin-bottom: 15px;
 }

 .h3_proj_area .vw_singles_feature {
     margin: 20px 0 0 0;
     padding: 50px 30px 50px 30px;
     background: #fff;
     border-radius: 5px;
     box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.04);
     margin-bottom: 20px;
 }

 .h3_proj_area .feature_btn a {
     color: #FF8A73;
     font-weight: 700;
     border-style: solid;
     border-width: 0;
     border-radius: 3px;
     padding: 9px 20px 9px 10px;
     font-size: 16px;
     display: inline-block;
     margin-top: 12px;
 }

 .h3_proj_area .vw_festure_box {
     display: inline-block;
     margin-right: 8px;
 }

 .h3_proj_area .feature_btn a:hover {
     color: #fff;
     background: #AA3BFF;
 }

 .vw_singles_feature.text-center.h3_proj_mrt {
     margin-top: -30px;
 }

 .h3_prj_vw {
     margin: 227px 0 0 18px;
 }

 .h3_prj_vw .vw_section_title_inner h2 {
     color: #AA3BFF;
 }

 .h3_prj_vw .vw_section_title_inner h2::before {
     background: #AA3BFF;
 }

 .h3_prj_vw .vw_section_title {
     margin-bottom: 30px;
 }

 .h3_prj_vw .vw_btn {
     background: #FF8A73;
     margin-top: 20px;
 }

 .h3_prj_vw .vw_btn:hover {
     background: #AA3BFF;
 }

 .h4_proj_area {
     padding: 102px 0 50px 0;
 }

 .h4_proj_area .vw_section_title {
     margin-bottom: 150px;
 }

 .h4_proj_area .service-item img {
     height: 240px;
     margin: -131px 0 -16px 0;
     padding: 0;
     max-width: 100%;
     padding: 0;
 }

 .h4_proj_area .all_color_service {
     border-radius: 0;
     padding: 0 0 27px 0;
 }

 /* ===== Portfolio Area CSS ===== */
 .port_area {
     padding: 98px 0 85px 0;
 }

 .port_area .vw_section_title_inner h2::before {
     display: none;
 }

 .port_area .vw_section_title_inner h2 {
     padding: 0;
 }

 .port_grid .vw_section_title_inner h2 {
     font-size: 23px;
 }

 .port_area .vw_section_title {
     margin-bottom: 45px;
 }

 .port_grid .vw_section_title {
     margin-bottom: 45px;
 }

 .port2clmn .pstyle2 .prot_content_inner {
     top: 60%;
     transition: all .3s ease-in-out .3s;
     opacity: 0;
 }

 .port2clmn .picon a {
     font-size: 20px;
     color: #fff;
     background: #0091FF;
 }

 .port2clmn .vw_section_title {
     margin-bottom: 55px;
 }

 .port2clmn .portfolio_nav ul li {
     margin: 0 5px 10px;
     transition: .5s;
     border: 1px solid #f3eaea;
 }

 .port2clmn .portfolio_nav ul li.current_menu_item,
 .port2clmn .portfolio_nav ul li:hover {
     border-color: #0091FF;
     background: #0091FF;
     color: #fff;
 }

 .p3clmn .pstyle2 .prot_content_inner {
     top: 50%;
     transition: all .3s ease-in-out .3s;
     opacity: 1;
 }

 .p3clmn .picon a {
     font-size: 20px;
 }

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

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

 .portfolio_nav ul {}

 .portfolio_nav ul li {
     display: inline;
 }

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

 .prot_wrap {
     overflow: hidden;
 }

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

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

 .prot_content p {
     line-height: 1.2;
     margin: 5px 0 0;
 }

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

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

 .portfolio_nav {
     margin-bottom: 30px;
 }

 /* load button css */
 .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 0.5s ease 0s;
     width: 100%;
     z-index: 9;
     left: 0;
     top: -100%;
     width: 100%;
     transition: .5s;
     text-align: center;
 }

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

 .port_2.pprotfolio4 {
     box-shadow: 0px 0px 109px 0px rgba(35, 88, 94, 0.12);
     padding: 20px 10px 23px;
     text-align: center;
     background: #ffffff;
     position: relative;
     margin: 0 30px;
     z-index: 999;
     border-radius: 5px;
     transition: 3s;
     display: none;
 }

 .porttitle_inner4 p {
     margin: 0;
 }

 .porttitle_inner4 h3 a:hover {
     color: #0091FF;
 }

 .single_protfolio:hover .port_2.pprotfolio4 {
     display: block;
     margin-top: -50px;
     transition: 3s;
 }

 .porttitle_inner4 h3 {
     margin: 0;
     text-transform: capitalize;
     color: #454545;
     font-size: 25px;
     line-height: 1;
 }

 .porttitle_inner4 h3 a {
     color: #454545;
     font-size: 25px;
     font-weight: 900;
 }

 .porttitle_inner4 p span {
     display: inline-block;
     padding-top: 5px;
     color: #0091FF;
 }

 .porttitle_inner4 p span {
     display: inline-block;
     padding-top: 5px;
     color: #0091FF;
 }

 .portfolio_nav ul li.current_menu_item,
 .portfolio_nav ul li:hover {
     color: #0091FF;
 }

 .prot_content {
     background: rgba(215, 23, 0, 0.7);
 }

 .pprotfolio4 {
     box-shadow: 0 10px 16px 0 rgba(0, 0, 0, .7);
     padding: 20px 10px 23px;
     border: none;
 }

 .portfolio_nav {
     text-align: center;
 }

 .page-numbers span.current,
 .paginations a.current,
 .paginations a:hover {
     border-color: #d71700;
     background: #d71700;
     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;
 }

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

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

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

 .picon a:hover {
     border-color: #d71700;
     background: #d71700;
 }

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

 /* ===== 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 .prot_content_inner {
     background: #0091FF;
 }

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

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

 .p2clmn .prot_content_inner {
     top: 50%;
     opacity: 1;
 }

 .port_grid .pprotfolio4 {
     padding: 20px 10px 23px;
     box-shadow: 0 10px 16px 0 rgba(0, 0, 0, .7);
     border: 1px solid #f1f1f1;
     border-top: 0 solid #f1f1f1;
 }

 .port_grid .portfolio_nav ul li {
     border-radius: 5px;
 }

 .port_grid .prot_content {
     background: #0091FF80;
 }

 .p4clmn .vw_section_title_inner p {
     width: 39%;
 }

 .port4clmn .vw_section_title_inner h2 {
     color: #000000;
 }

 .portfolio_nav ul li:hover,
 .portfolio_nav ul li.current_menu_item {
     color: #fff;
     background: #0091FF none repeat scroll 0 0;
     border-color: #0091FF;
 }

 .p2clmn .prot_content_inner {
     left: 300px;
     position: absolute;
     top: 60%;
     transform: translateX(-50%) translateY(-50%);
     width: 100%;
     z-index: 10;
     opacity: 0;
     background: rgb(255 102 102 / 50%);
     padding: 20px;
     transition: .5s;
     text-align: left;
 }

 .p2clmn .single_protfolio:hover .prot_content_inner {
     left: 75%;
 }

 .p2clmn .prot_content h3 a {
     font-size: 25px;
     font-weight: 900;
 }

 .p2clmn .portfolio_nav {
     margin-bottom: 40px;
 }

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

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

 .p3clmn .prot_content h3 a:hover {
     color: #0091FF;
 }

 .p3clmn .picon a:hover {
     border-color: #ff7e00;
     background: #ff7e00;
     color: #fff;
 }

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

 .portfolio-details-box h2 {
     font-size: 25px;
 }

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

 .portfolio-details-box ul li,
 .right_popupmenu_area .vw_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: #0091FF;
 }

 .vw-single-icon a:hover {
     background: #0091FF;
     color: #fff;
 }

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

 /* ===== 13. Faq Area CSS ===== */
 .h2_faq_area {
     padding: 82px 0 25px 0;
 }

 .faq_limg {
     margin: -13px 0 0 0;
 }

 .faq_vwcon .vw_section_title_inner h2 {
     background: #C6636300;
     width: 90%;
     color: #ff582c;
     position: relative;
 }

 .vw_section_title_inner h2::before {
     position: absolute;
     content: "";
     width: 8px;
     height: 8px;
     background: #ff582c;
     left: 4px;
     top: 50%;
     transform: translate(-50%, -50%);
     border-radius: 50px;
 }

 .accordion_area .card-2 {
     margin-bottom: 20px;
     border-radius: 5px;
     border: none;
     box-shadow: 1px 1px 16px 7px rgb(245 245 245 / 50%);
 }

 .vw_ac_style {
     color: #333;
 }

 .vw_ac_style {
     display: flex;
     align-items: center;
     padding: 9px 20px 9px 20px;
     transition: .5s;
 }

 .vw_ac_style,
 .vw_ac_style::before {
     font-size: 20px;
     font-weight: 700;
     font-family: "Nunito", Sans-serif;
 }

 .vw_ac_style:before {
     position: absolute;
     content: '\ea99';
     right: 30px;
     font-family: IcoFont !important;
     font-weight: 400;
     font-size: 17px;
     color: #D71700;
 }

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

 .vw_ac_card i {
     font-size: 20px;
     display: inline-block;
 }

 .accordion_area .card-header.vw_ac_card {
     background: #fff;
     padding: 0;
     border-bottom: 0;
     text-align: left;
 }

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

 .vw_ac_style:hover {
     color: #333;
 }

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

 .faq_img {
     padding: 90px 0 0 0;
 }

 .faq_img .single_image {
     margin-left: -265px;
 }

 .faq_img .single_image img {
     width: 200%;
     max-width: 120%;
     transition: 0.5s;
 }

 .ap_faq_area .vw_shape_item_inner {
     top: 500px;
     left: 152px;
 }

 .vw_shape_image {
     animation: vw_movetb_box90 5s ease 1s infinite alternate running;
 }

 @keyframes vw_movetb_box90 {
     0% {
         transform: translateY(0px);
     }

     100% {
         transform: translateY(90px);
     }
 }

 .busns_page_faq {
     padding: 82px 0 0 0;
 }

 .h2_faq_area.cstmr_page_faq {
     padding: 20px 0 0 0;
 }

 .faq_page_faq {
     padding: 90px 0 90px 0;
 }

 /* ===== Faq Area CSS ===== */
 .h4_faq_area {
     background: #F9F9F9;
     padding: 80px 0 130px 0;
 }

 .h4_faq_area .faq_vwcon {
     padding: 0 0 0 370px;
 }

 .h4_faq_area .vw_section_title {
     margin-bottom: 30px;
 }

 .h4_faq_area .accordion_area .card-2 p {
     padding: 16px 20px 10px 40px;
 }

 .h4_faq_area .faq_limg {
     margin: -13px 0 0 0;
     padding: 70px 0 0 0;
 }

 .h5_faq_area .faq_vwcon {
     padding: 0 386px 0 0;
 }

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

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

 .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.vw_ac_card.border_bottom_0 {
     background: 0;
     padding: 0px 10px;
 }

 .content_style p,
 .conent_style p {
     padding-left: 18px;
     padding: 15px 20px 0;
 }

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

 .faq_area2 .active .vw_ac_style {
     color: #232323;
     background: #A4282800;
 }

 .faq_area2 .card-header.vw_ac_card a:hover {
     color: #232323;
 }

 /* ===== 14. Tab Area CSS ===== */
 .h2_tab_area {
     padding: 76px 120px 70px 380px;
 }

 .tab_area2 {
     overflow: hidden;
 }

 .tab_left_inn {
     margin: 0 70px 0 0;
 }

 .tab_area2 .nav-tabs {
     border: 1px solid #d1e0f5;
     padding: 5px;
     width: 64%;
     border-radius: 5px;
 }

 .vw_tab li {
     display: inline-block;
     list-style: none;
     float: left;
     overflow: hidden;
     margin-right: 15px;
     border-radius: 5px;
 }

 .vw_tab li a.active {
     background-color: transparent;
     background-image: linear-gradient(90deg, #FF582C 0%, #D71700 100%);
     color: #fff;
 }

 .vw_tab li a {
     padding: 8px 30px;
     display: block;
     color: #333;
     border-radius: 5px;
     font-weight: 500;
 }

 .tab-content>.active {
     display: block;
 }

 .wic_tab_content2 {
     padding-top: 40px;
 }

 .vw_tab_title_content2 h2 {
     font-size: 23px;
     margin-bottom: 19px;
 }

 .vw_tab li a:hover {
     background-color: transparent;
     background-image: linear-gradient(90deg, #FF582C 0%, #D71700 100%);
     color: #fff;
 }

 .vw_tab_title_content2 h2 {
     font-size: 23px;
     margin-bottom: 19px;
 }

 .tab_left_inn .vw_section_title {
     margin-bottom: 33px;
 }

 .wic_tab_content2 {
     padding-top: 40px;
 }

 .tab_vw_img {
     padding: 30px 0 0 0;
 }

 .tab_vw_img .single_image {
     animation: vw_abmovetb_box15 2s linear 1s infinite alternate running;
 }

 .tab_vw_img .single_image img {
     width: 570px;
 }

 .tab_vw_img .single_image {
     animation: vw_abmovetb_box15 2s linear 1s infinite alternate running;
 }

 @keyframes vw_abmovetb_box15 {
     0% {
         transform: translateY(-40px);
     }

     100% {
         transform: translateY(-20px);
     }
 }

 /* ===== 15. Circle Area CSS ===== */
 .sn_cir_area {
     background-image: url("../images/vw-b2.jpg");
     background-position: center center;
     background-size: cover;
     padding: 105px 0 84px 0;
     position: relative;
 }

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

 .sn_cir_area .vw_section_title {
     margin-bottom: 45px;
 }

 .sn_cir_area .vw_section_title_inner h2 {
     color: #fff;
     background: #FFFFFF00;
 }

 .sn_cir_area .vw_section_title_inner h3,
 .sn_cir_area .vw_section_title_inner h1 {
     color: #fff;
 }

 .sn_cir_area .vw_section_title_inner h2::before {
     display: none;
 }

 span.vw_cir_text {
     position: absolute;
     content: "";
     left: 50%;
     top: 50%;
     font-size: 25px;
     transform: translateX(-50%) translateY(-50%);
     font-weight: 700;
     color: #fff;
 }

 .vw_circle_title {
     margin-top: 10px;
 }

 .vw_circle_title h3 {
     font-size: 25px;
     color: #fff;
 }

 .vw_cp_class {
     position: relative;
     text-align: center;
 }

 .vw_circle_area {
     text-align: center;
     margin-bottom: 30px;
 }

 /* ===== 16. Testimonial Area CSS ===== */
 .sn_test_bg {
     padding: 200px 0px 260px 0px;
     background-image: url("../images/shap 1.jpg");
     background-size: cover;
     position: relative;
     display: block;
     background-position: left center;
 }

 .sn_test_bg .vw_section_title_inner h2::before {
     display: none;
 }

 .sn_test_bg .vw_section_title_inner h2 {
     color: #fff;
     background: #C6636300;
     font-weight: 700;
     width: 90%;
     padding: 0;
     margin: 0;
 }

 .sn_test_bg .vw_section_title_inner h3 {
     color: #fff;
     width: 92%;
     margin: 0;
 }

 .sn_test_area {
     margin-top: -280px;
     margin-bottom: 0px;
 }

 .sn_test_area .vw_section_title {
     margin-bottom: 20px;
 }

 .vw_item_column {
     padding: 0 15px;
     padding-top: 60px;
 }

 .testomonial .test-part {
     padding: 30px 17px 10px 30px;
     position: relative;
     background: #fff;
     border-radius: 5px;
     box-shadow: 1px 1px 16px 7px rgb(245 245 245 / 50%);
 }

 .test-part h6 {
     display: inline-block;
     font-size: 20px;
     line-height: 26px;
     color: #333;
     padding-top: 30px;
     padding-bottom: 7px;
 }

 .test-part span {
     font-weight: 400;
     font-size: 15px;
     color: #333333;
 }

 .test-part ul li {
     display: inline-block;
     padding-top: 0;
     padding-bottom: 10px;
 }

 span.em_crating i.active {
     margin-bottom: 11px;
     color: #0090FF;
 }

 .test-part p {
     color: #333;
 }

 .testomonial .test-part img {
     position: absolute;
     top: -40px;
     left: 30px;
     z-index: 22;
 }

 /* ===== Testimonial Area CSS ===== */
 .h2_test_area {
     margin-top: 0;
     background: #FFFCF6;
     margin-top: 30px;
     margin-bottom: 0px;
     padding: 84px 0 115px 0;
 }

 .h2_test_area span.em_crating i.active {
     margin-bottom: 11px;
     color: #d71700;
 }

 .h2_test_area .vw_section_title_inner h2::before {
     display: none;
 }

 .h2_test_area .vw_section_title {
     margin-bottom: 30px;
 }

 /* ===== Testimonial Area CSS ===== */
 .h3_test_area {
     background-image: url("../images/test.jpg");
     padding: 110px 0 130px 0;
 }

 .h3_test_area .vw_section_title_inner h2 {
     color: #fff;
     background: #C6636300;
     font-weight: 700;
     width: 90%;
 }

 .h3_test_area .vw_section_title_inner h2::before {
     background: #fff;
 }

 .h3_test_area .vw_section_title_inner h3 {
     color: #fff;
 }

 .h3_test_area span.em_crating i {
     color: #AA3BFF;
 }

 .h3_test_left {
     padding: 80px 0 0 0;
 }

 .h4_test_area {
     background: 0 0;
     padding: 60px 0 100px 0;
 }

 .h4_test_area .vw_item_column {
     padding: 0 15px;
     padding-top: 60px;
     margin-bottom: 30px;
 }

 .h4_test_area span.em_crating i {
     color: #d71700;
 }

 .h4_test_area .vw_section_title_inner h2 {
     color: #ff582c;
     font-weight: 500;
 }

 .h4_test_area .vw_section_title_inner h2::before {
     background: #ff582c;
 }

 .h4_test_area .vw_section_title_inner h3 {
     color: #222D39;
 }

 /* ===== 17. Consulting Area CSS ===== */
 .v27KvNmxpB {
     padding: 0 0 50px 0;
 }

 .sn_consl_area {
     padding: 90px 0 105px 0;
 }

 .cnsl_left_cont .vw_section_title {
     margin-bottom: 30px;
 }

 .cnsl_left_cont {
     margin: 90px 0 0 0;
 }

 .cnsl_left_cont .vw_btn {
     margin-top: 20px;
 }

 .cnsl_left_img {
     margin: 20px 0 0;
 }

 .consl_vw_inn .vw_section_title {
     margin-bottom: 30px;
 }

 .consl_vw_inn .vw_btn {
     margin-top: 15px;
 }

 .consl_vw_inn {
     margin: 90px 0 0 0;
 }

 /* ===== 18. Case Area CSS ===== */
 .ap_case_area {
     padding: 105px 0 75px;
 }

 .ap_case_area .vw_section_title_inner h3 {
     padding: 15px 0 0 0;
 }

 .vw_case {
     position: relative;
     overflow: hidden;
     padding-bottom: 45px;
     margin-bottom: 20px
 }

 .vw_case {
     position: relative;
     overflow: hidden;
     padding-bottom: 95px;
     margin-bottom: 20px;
 }

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

 .vw_case_image:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 0%;
     content: "";
     transition: .5s;
     background: #0091FFa6;
 }

 .vw_case_image img {
     width: 100%;
 }

 .vw_content_casem {
     padding: 30px;
     position: absolute;
     bottom: -80px;
     left: 15px;
     margin: auto;
     transition: .5s;
     right: 15px;
     text-align: left;
     border-radius: 10px;
     bottom: 15px;
     box-shadow: 0 5px 20px 0 #0049ff14;
     background: #fff;
 }

 .vw_content_casei p {
     font-size: 15px;
     font-weight: 700;
     margin-bottom: 4px;
     color: #0091FF;
 }

 .vw_content_casei h3 {
     font-size: 21px;
 }

 .vw_case_btnb {
     margin-top: 20px;
 }

 .vw_case_btnb a {
     font-size: 16px;
     font-weight: 600;
     padding: 13px 25px;
     border-radius: 5px;
     display: inline-block;
     transition: .5s;
     border: 1px solid #ececec;
     color: #0091FF;
     background: #fff;
 }

 .vw_case_btnb a i {
     margin-left: 5px;
     transition: 1s;
 }

 .vw_case:hover .vw_case_image:before {
     height: 100%;
 }

 .vw_case:hover .vw_content_casem {
     bottom: -4px;
 }

 .vw_case_btnb a:hover {
     color: #fff;
     border: 1px solid #0091FF;
     background: #0091FF;
 }

 .vw_case_btnb a:hover i {
     margin-left: 15px;
 }

 /* ===== 19. Pricing Area CSS ===== */
 .sn_pric_area {
     padding: 85px 0 100px;
 }

 .sn_pric_area .vw_section_title {
     margin-bottom: 46px;
 }

 .sn_pric_area .vw_section_title_inner h2::before {
     display: none;
 }

 .pricing_area {
     border-radius: 5px;
     box-shadow: 0px 0px 65px rgba(0, 0, 0, 0.06);
     margin-bottom: 30px;
 }

 .pricing-part {
     position: relative;
     overflow: hidden;
     padding: 0 30px 0 30px;
 }

 .vw_pricing_title h4 {
     display: inline-block;
     padding: 15px 30px;
     border-radius: 0 0 5px 5px;
     color: #fff;
     font-size: 25px;
     margin-bottom: 30px;
     background-color: transparent;
     background-image: linear-gradient(90deg, #FF582C 0%, #D71700 100%);
 }

 .pricing-part h5 {
     font-size: 35px;
     margin: 20px 0 0 0;
 }

 .pricing-part sup {
     font-size: 18px;
     color: #d71700;
     margin-right: 6px;
 }

 .pricing-part p {
     margin: 0 0 25px 0;
 }

 .vw_pricing_border {
     position: relative;
     margin-bottom: 46px;
 }

 .vw_pricing_border::before {
     position: absolute;
     content: "";
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     background: #fde3de;
     height: 1px;
 }

 .vw_pricing_border::after {
     position: absolute;
     content: "";
     left: 50%;
     bottom: 0;
     top: 50%;
     background: #d71700;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     transform: translate(-50%, -50%);
 }

 .pricing-part ul li {
     color: #333333;
     font-size: 18px;
     font-weight: 400;
     line-height: 40px;
     list-style: none;
 }

 .pricing-part a.btn {
     padding: 12px 30px;
     font-size: 19px;
     font-weight: 500;
     border-radius: 5px;
     color: #d71700;
     border: 1px solid #d71700;
     margin-top: 36px;
     margin-bottom: 40px;
 }

 .vw_btnp_color a.btn:hover {
     background-color: transparent;
     background-image: linear-gradient(90deg, #FF582C 0%, #D71700 100%);
     color: #fff;
 }

 .pricing_area:hover .pricing-part img {
     animation: vw_pricing_img 2s linear 0s infinite alternate running;
 }

 .pricing-part.pricing-part-2.active.text-center {
     background-image: url("../images/pri.jpg");
     background-position: center center;
     background-size: cover;
 }

 .pricing-part.pricing-part-2.active h5 {
     color: #FFFFFF;
 }

 .pricing-part.pricing-part-2.active p {
     color: #FFFFFF;
 }

 .pricing-part.pricing-part-2.active .vw_pricing_border::before {
     background-color: #FFFFFF2E;
 }

 .pricing-part.pricing-part-2.active .vw_pricing_border::after {
     background-color: #FFFFFF;
 }

 .pricing-part.pricing-part-2.active ul li {
     color: #FFFFFF;
     font-weight: 400;
 }

 .pricing-part.pricing-part-2.active h4,
 .pricing-part.pricing-part-2.active a.btn {
     background: #d71700;
     border: 0;
     color: #fff;
     margin-bottom: 20px;
 }

 .pricing-part.pricing-part-2.active {
     padding: 0 30px 20px 30px;
 }

 .pricing-part.pricing-part-2.active h5 {
     font-size: 35px;
     margin: 0;
 }

 .vw_btnp_color a.btn:hover {
     background-color: transparent;
     background-image: linear-gradient(90deg, #FF582C 0%, #D71700 100%);
 }

 .pricing-part-2 .vw_pricing_border {
     margin-bottom: 52px;
     margin-top: 30px;
 }

 .cstmr_page_pric {
     padding: 0 0 100px;
 }

 /* ===== 20. Contact Area CSS ===== */
 .cont_pag_top {
     padding: 120px 0 0;
 }

 .cont_pag_top .service-item {
     padding: 50px 30px 25px 30px;
     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
     transition: .5s;
     margin-bottom: 30px;
 }

 .cont_pag_top .service-item i {
     font-size: 30px;
     height: 80px;
     width: 80px;
     text-align: center;
     border-radius: 5px;
     line-height: 80px;
     display: inline-block;
     transition: .5s;
     background: #0091FF;
     color: #fff;
 }

 .cont_pag_top .service-item h3 {
     padding: 20px 0 0 0;
     transition: .5s;
 }

 .cont_pag_top .service-item p {
     padding-top: 0;
     margin-bottom: 0;
 }

 .cont_pag_top .service-item:hover i {
     background: #111111;
 }

 /* ===== Contact Area CSS ===== */
 .h2_cont_area {
     background-color: #0E0A20;
     background-image: url("../images/contact.jpg");
     background-position: center center;
     background-size: cover;
     margin-top: 30px;
     margin-bottom: 15px;
     padding: 100px 0 110px 0;
 }

 .h2_cont_area .vw_section_title_inner h2 {
     color: #fff;
 }

 .h2_cont_area .vw_section_title_inner h2::before {
     background: #fff;
 }

 .h2_cont_area .vw_section_title_inner h3 {
     color: #fff;
 }

 .h2_cont_area .vw_section_title_inner p {
     color: #fff;
     font-size: 21px;
     width: 100%;
 }

 .cont_left_con .vw_section_title {
     margin-bottom: 35px;
 }

 .cont_left_con .em-service2.sleft .em-service-icon {
     float: left;
     margin-right: 30px;
     margin-top: 10px;
 }

 .cont_left_con .em-service2 .em-service-icon i {
     width: 68px;
     display: inline-block;
     height: 68px;
     line-height: 68px;
     text-align: center;
     font-size: 25px;
     border-radius: 5px;
     transition: all 0.5s ease 0s;
     background: #FFFFFF1F;
     color: #fff;
 }

 .cont_left_con .em-service-title h3 {
     margin: 18px 0 0 0;
     font-size: 20px;
     padding: 0;
     text-transform: capitalize;
     transition: .5s;
     color: #fff;
     display: inline-block;
 }

 .cont_left_con .em-service2:hover .em-service-icon i {
     color: #fff;
     background: #d71700;
 }

 .cont_left_con .em-service-title h3:hover {
     color: #d71700;
 }

 .cont_left_con .em-service2.sleft {
     margin-bottom: 22px;
 }

 .apartment_area {
     position: relative;
 }

 .vw_apartment_form .btn:hover {
     background-color: #14b1bb;
     ;
 }

 .vw_apartment_form form select,
 .vw_apartment_form form select,
 .vw_apartment_form input,
 .vw_apartment_form textarea {
     width: 100%;
     line-height: 43px;
     border-radius: 5px;
     outline: none;
     margin-bottom: 16px;
     background: #ffffff12;
     outline: none;
     padding-left: 20px;
     color: #fff;
     border: 0px solid #f1f1f1;
     margin-bottom: 23px;
     font-size: 15px;
     font-weight: 400;
     text-transform: capitalize;
     height: 50px;
 }

 .twr_form_box textarea {
     margin-bottom: 0;
     height: 150px;
     width: 100%;
     padding: 10px 30px 30px;
 }

 .vw_apartment_form input,
 .vw_apartment_form form select,
 .wpcf7-not-valid-tip,
 .vw_apartment_form input::-webkit-input-placeholder,
 .wpcf7-form-control-wrap input,
 .wpcf7-form-control-wrap input::-webkit-input-placeholder,
 .wpcf7-form-control-wrap a,
 .wpcf7-form-control-wrap a::-webkit-input-placeholder,
 .wpcf7-form-control-wrap textarea,
 .wpcf7-form-control-wrap textarea::-webkit-input-placeholder,
 .wpcf7-submit::-webkit-input-placeholder,
 .vw_apartment_form form select option {
     color: #fff;
 }

 .vw_apartment_form textarea {
     color: #fff;
     font-size: 15px;
     font-weight: 400;
 }

 .vw_apartment_form textarea::placeholder {
     color: #fff;
 }

 .vw_apartment_form .btn {
     text-align: center;
     background: #ffffff2e;
     color: #fff;
     font-size: 16px;
     cursor: pointer;
     line-height: 45px;
     border-radius: 5px;
     font-weight: 600;
     border: 1px solid #ffffff2e;
     transition: .5s;
     text-transform: uppercase;
     width: auto;
     padding: 0px 50px;
     height: 50px;
     margin-top: 30px;
 }

 .vw_apartment_form .btn:hover {
     color: #fff;
     background: #d71700;
     border-color: #d71700;
 }

 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;
     color: #ffe400;
 }

 .cont_page_cont {
     padding: 90px 0 130px 0;
 }

 /* map area css */
 .map_inner_area iframe {
     border: none;
     width: 100%;
     height: 540px;
     margin-bottom: -9px;
 }

 .h4_cont_area {
     background-color: #0E0A20;
     background-image: url("../images/slider.jpg");
     background-position: center center;
     background-size: cover;
     margin-top: 30px;
     margin-bottom: 15px;
     padding: 100px 0 100px 0;
 }

 .h4_cont_area .cont_left_con .em-service2:hover .em-service-icon i {
     color: #fff;
     background: #FFFFFF1F;
 }

 .h4_cont_area .cont_left_con .em-service-title h3:hover {
     color: #fff;
 }

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

 /* ===== 21. Single Service Area CSS ===== */
 .single_service_area {
     padding: 100px 0 80px;
 }

 .single_service_area .vw_text_widget_inner img {
     width: 100%;
 }

 .single_service_area .vw_text_widget p {
     line-height: 1.7em;
 }

 .single_service_area .vw_text_widget_inner h2 {
     font-size: 40px;
     padding: 40px 0px 13px 0px;
 }

 /* ===== Video Area CSS ===== */
 .video-item a {
     position: relative;
     display: inline-block;
     width: 100px;
     height: 100px;
     font-size: 28px;
     border-radius: 100%;
     background: #0091FF;
 }

 .tx_svd_icon {
     line-height: 75px;
     text-align: center;
     animation: vw-shadow 1s linear infinite;
 }

 .tx_svd_icon,
 .tx_svd_icon i {
     color: #fff;
 }

 .video-item i {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     color: #fff;
 }

 .video-item i {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
 }

 .vw_all_color_v i {
     color: #fff;
 }

 /* ===== Video Area CSS ===== */
 .video-overlay {
     padding: 70px 0 50px;
 }

 .video-item a {
     position: relative;
     display: inline-block;
     background: #0091FF;
 }

 .video-item a::before {
     background: #0091FF;
     border-radius: 100%;
 }

 .video-item h3 {
     font-size: 19px;
     margin-top: 35px;
     color: #fff;
     font-weight: 700;
 }

 @keyframes vw-shadow {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
     }

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

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

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

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

 .bvideo_page_area {
     position: relative;
 }

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

 .video_page_area .vw_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 .vw_swiper_content_icon a i:hover {
     color: #fff;
     background: #0091FF;
 }

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

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

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

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

 /* ===== 22. Blog Area CSS ===== */
 .sn_blog_area {
     padding: 70px 0 120px 0;
 }

 .sn_blog_area .vw_section_title_inner h2::before {
     display: none;
 }

 .sn_blog_area .vw_section_title {
     margin-bottom: 30px;
 }

 .vw_blog_imags {
     overflow: hidden;
 }

 .blog-img {
     position: relative;
     transform: scale(1);
     transition: .5s;
 }

 .blog-img:before {
     position: absolute;
     content: '';
     background: #000;
     opacity: 0.5;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     transform: scale(0);
     transition: .5s;
 }

 .wblog-content {
     padding: 23px 15px 26px;
     box-shadow: 0px 2px 6px 0px #f5f2f2;
 }

 .wblog-content span {
     font-size: 15px;
     color: #333333;
     line-height: 28px;
     padding-bottom: 15px;
     text-transform: uppercase;
     margin-right: 10px;
     font-weight: 400;
 }

 .wblog-content span a {
     color: #333340;
     font-weight: 400;
     font-size: 15px;
 }

 .wblog-content span i {
     padding-right: 5px;
     padding-left: 5px;
     color: #333333;
     transition: .5s;
 }

 .wblog-content span i {
     margin: 0 0 10px 0;
 }

 .wblog-content h5 {
     margin-top: 5px;
 }

 .wblog-content h5>a {
     font-size: 25px;
     line-height: 28px;
     font-weight: 700;
 }

 .wblog-content>a {
     font-size: 16px;
     color: #333;
     font-weight: 500;
     padding: 9px 30px;
     border: 1px solid #e6e6e6;
     border-radius: 5px;
     transition: .5s;
     display: inline-block;
     margin: 20px 0px 0px 0px;
 }

 .blog-part.tzqngp0BJI {
     margin-bottom: 20px;
 }

 .wblog-content>a:hover {
     background: #AA3BFF;
     color: #fff;
     border: 1px solid #fff;
 }

 .blog_part_inner:hover .blog-img,
 .blog_part_inner:hover .blog-img:before {
     transform: scale(1.2);
 }

 .h3_blog_area .vw_section_title_inner h2 {
     color: #AA3BFF;
 }

 .h3_blog_area .vw_section_title_inner h2::before {
     display: none;
 }

 .h4_blog .vw_section_title_inner h2::before {
     display: none;
 }

 .h4_blog .wblog-content h5>a:hover,
 .h4_blog .wblog-content span i:hover {
     color: #d71700;
 }

 .h4_blog .wblog-content>a:hover {
     background: #d71700;
     color: #fff;
     border: 1px solid #fff;
 }

 .blog_page_blog {
     padding: 100px 0 80px;
 }

 /* ===== Blog Area CSS ===== */
 .vw-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;
 }

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

 .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 .D6Uwo5xpdw h2 {
     bottom: -1px;
     display: block;
     line-height: 17px;
     margin-bottom: 20px;
     padding-bottom: 14px;
     position: relative;
     text-transform: capitalize;
     font-size: 25px;
 }

 .blog-left-side .D6Uwo5xpdw h2::before {
     background: #0091FF;
     bottom: 0;
     content: "";
     height: 2px;
     left: 0px;
     position: absolute;
     width: 26%;
     top: 20px;
 }

 .em-blog-content-area {
     padding: 20px 15px 0;
     overflow: hidden;
 }

 .wiIpfoZ1We .D6Uwo5xpdw h5 {
     text-transform: capitalize;
 }

 .blog-left-side .D6Uwo5xpdw ul {
     list-style: none;
 }

 .blog-left-side .D6Uwo5xpdw ul li {
     margin: 0 0 5px;
     padding-left: 20px;
     position: relative;
 }

 .blog-left-side .D6Uwo5xpdw>ul>li:not(:last-child) {
     border-bottom: 1px solid rgba(0, 0, 0, .12);
 }

 .blog-left-side .D6Uwo5xpdw ul li span {
     font-weight: 300;
 }

 .blog-left-side .D6Uwo5xpdw ul li:last-child {
     padding-bottom: 0;
     margin-bottom: 0;
 }

 .blog-left-side>.D6Uwo5xpdw>ul>li {
     margin: 0 0 10px;
     padding-bottom: 10px;
 }

 .blog-left-side .D6Uwo5xpdw ul li a:hover,
 .blog-left-side .D6Uwo5xpdw ul li:hover::before {
     color: #0091FF;
 }

 .blog-left-side .D6Uwo5xpdw select {
     width: 100%;
     height: 40px;
     background: #fff;
     border: 1px solid #ddd;
     padding-left: 5px;
 }

 .vw-blog-meta-left i {
     color: #0091FF;
 }

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

 .recent-post-item {
     padding-bottom: 0;
 }

 .recent-post-text h4 {
     margin-bottom: 0;
     line-height: 1;
 }

 .vw-blog-meta-left a,
 .vw-blog-meta-left span {
     color: #888;
 }

 .D6Uwo5xpdw .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: #0091FF;
 }

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

 .vw-single-blog-title h2 {
     font-size: 25px;
 }

 .vw-blog-side-area .imagess_area .slick-slide img {
     display: inline-block;
     margin: auto;
     width: 100%;
 }

 .vw-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-weight: 700;
     transition: .5s;
 }

 .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: #0091FF;
     margin-right: 5px;
     font-size: 13px;
 }

 .vw-blog-meta-left a,
 .vw-blog-meta-left span {
     color: #888;
 }

 .em-blog-content-area .vw_btn {
     background: #0091FF;
     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;
 }

 .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 .vw_btn:hover {
     background: #323232;
     color: #fff;
 }

 .vw-blog-meta.post_blog h2 a {
     font-weight: 700;
     transition: .5s;
     font-size: 25px;
 }

 .video-open-inline iframe {
     width: 100%;
     height: 400px;
     border: none;
 }

 .vw-blog-side-area.blog_sidebar .markit-single-blog {
     margin-bottom: 30px;
     box-shadow: none;
     border-bottom: 1px solid #e7e7e7;
     background: transparent;
 }

 .vw-blog-side-area blockquote {
     background-color: #f7f7f7;
     border-left: 3px solid #0091FF;
     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 .D6Uwo5xpdw a {
     color: #17161a;
 }

 .blog-left-side>div {
     margin-bottom: 30px;
     padding: 35px 30px 35px;
     border-radius: 8px;
     box-shadow: 0 0 30px rgb(0 0 0 / 7%);
 }

 .recent-post-text h4 a {
     font-size: 17px;
     font-weight: 600;
 }

 .recent-post-text .rcomment {
     font-size: 14px;
 }

 .widget_recent_data .recent-post-image img {
     margin-bottom: 8px;
     width: 75px;
     margin-top: 15px;
 }

 .widget_recent_data .recent-post-item {
     margin-bottom: 0;
 }

 .blog-left-side .single-widget-item h2 {
     color: #030925;
 }

 .footer_s_inner {
     margin-top: 10px;
 }

 /* ===== single blog css ===== */
 .vw-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: #0091FF;
     border-color: #0091FF;
     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: #0091FF;
     border-color: #0091FF;
     color: #fff;
 }

 /* end sidebar css */
 /* ===== 23. Footer Area CSS ===== */
 .footer-top {
     background: #1b1919;
     padding: 100px 0;
 }

 .footer-top-inner h2 {
     font-size: 35px;
     height: 60px;
     padding: 0 15px;
     text-transform: uppercase;
     color: #0091FF;
     margin-bottom: 11px;
 }

 .footer-top-inner p {
     margin-bottom: 11px;
     margin-left: auto;
     margin-right: auto;
     width: 84%;
     font-size: 16px;
     text-align: center;
     color: #fff;
 }

 .footer-social-icon {
     padding: 10px 0 20px;
     text-align: center;
 }

 .footer-social-icon a i {
     border-radius: 50px;
     display: inline-block;
     font-size: 18px;
     height: 45px;
     line-height: 45px;
     margin: 0 7px;
     text-align: center;
     width: 45px;
     transition: .3s;
     color: #fff;
     background: #0091FF;
 }

 .footer-social-icon a i:hover {
     background: #000;
     color: #fff;
 }

 .vwfm_area {
     background-size: cover;
     position: relative;
 }

 .vwfm_area:before {
     content: "";
     position: absolute;
     top: 0;
     height: 100%;
     width: 100%;
     left: 0;
     right: 0;
     margin: auto;
 }

 .wiIpfoZ1We {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     padding: 65px 0 73px;
     background: #151256;
 }

 .wiIpfoZ1We .D6Uwo5xpdw h2 {
     margin-bottom: 25px;
     margin-top: 28px;
     position: relative;
     color: #fff;
     font-size: 22px;
 }

 .single-widget-item h2 {
     margin-bottom: 33px;
     margin-top: 28px;
 }

 .wiIpfoZ1We .D6Uwo5xpdw ul li,
 .wiIpfoZ1We .D6Uwo5xpdw ul li a,
 .wiIpfoZ1We .D6Uwo5xpdw ul li::before,
 .wiIpfoZ1We .tagcloud a,
 .wiIpfoZ1We caption,
 .wiIpfoZ1We table,
 .wiIpfoZ1We table td a,
 .wiIpfoZ1We cite,
 .wiIpfoZ1We .rssSummary,
 .wiIpfoZ1We span.rss-date,
 .wiIpfoZ1We span.comment-author-link,
 .wiIpfoZ1We .textwidget p,
 .wiIpfoZ1We .D6Uwo5xpdw .screen-reader-text,
 mc4wp-form-fields p,
 .mc4wp-form-fields,
 .footer-m-address p,
 .footer-m-address,
 .footer-widget.address,
 .footer-widget.address p,
 .mc4wp-form-fields p,
 .vw-description-area p,
 .vw-description-area .phone a,
 .vw-description-area .social-icons a {
     color: #ffffff;
 }

 .vw-description-area a img {
     margin: 26px 0;
 }

 .gallery-item {
     display: inline-block;
     padding: 1.79104477%;
     text-align: center;
     vertical-align: top;
     margin: 0;
     float: left;
 }

 .gallery-icon img {
     margin: 0 auto;
 }

 .gallery-columns-3 .gallery-item {
     max-width: 33.33%;
 }

 .wiIpfoZ1We .recent-post-text h4 a {
     font-weight: 400;
     font-size: 15px;
     color: #fff;
 }

 .wiIpfoZ1We .recent-post-text>h4 {
     margin-bottom: 0;
     font-weight: 400;
     margin-top: 10px;
 }

 .recent-post-image {
     float: left;
     margin-right: 15px;
     margin-top: 0;
 }

 .recent-post-image img {
     border-radius: 0;
     width: 100%;
 }

 .recent-post-item {
     clear: both;
     margin-bottom: 15px;
 }

 .footer-sociala-icon {
     clear: both;
     float: left;
     font-size: 18px;
     margin-right: 12px;
 }

 .footer-sociala-info {
     overflow: hidden;
 }

 .recent-portfolio-area {
     display: flex;
     flex-flow: row;
     flex-wrap: wrap;
 }

 .recent-portfolio {
     margin-bottom: 10px;
     margin-right: 10px;
 }

 .wiIpfoZ1We .recent-post-text>h4 a:hover {
     color: #0091FF;
 }

 .wiIpfoZ1We .recent-post-text .rcomment {
     font-size: 12px;
     font-weight: 400;
     color: #fff;
 }

 .wiIpfoZ1We .D6Uwo5xpdw ul li {
     margin-bottom: 10px;
 }

 .footer-widget.address p {
     margin-bottom: 6px;
 }

 .wiIpfoZ1We .D6Uwo5xpdw ul li a:hover,
 .wiIpfoZ1We .D6Uwo5xpdw ul li:hover:before {
     color: #d71700;
 }

 .vw-desvwiption-area a img {
     margin: 26px 0;
 }

 .vw-description-area .social-icons a {
     width: 35px;
     height: 35px;
     line-height: 34px;
     display: inline-block;
     text-align: center;
     border-radius: 5px;
     margin-bottom: 5px;
     margin-top: 0;
     color: #fff;
     border: 1px solid #ffffff36;
     margin: 0 5px;
     cursor: pointer;
     font-size: 15px;
 }

 .vw-description-area .social-icons a:hover {
     background: #d71700;
     color: #fff;
 }

 .twr_footer_contact input {
     background: 0 0;
     color: #fff;
     border: 1px solid #fff;
     height: 60px;
     width: 100%;
     padding-left: 30px;
     color: #fff;
     border-radius: 4px;
 }

 .twr_footer_contact input::placeholder {
     color: #fff;
 }

 .twr_footer_contact button {
     padding: 15px 30px;
     margin-top: 10px;
     outline: 0;
     border: none;
     background: #0091FF;
     color: #fff;
 }

 .vw_sub_table {
     border-bottom: 1px solid #ffffff8c;
 }

 .vw_sub_table {
     display: flex;
     justify-content: space-between;
     padding-bottom: 8px;
     margin-bottom: 8px;
 }

 .vw_sub_table span {
     color: #fff;
 }

 .wiIpfoZ1We .mc4wp-form-fields {
     margin-top: 20px;
 }

 .wiIpfoZ1We .mc4wp-form-fields p {
     position: relative;
     line-height: 27px;
     margin-bottom: 22px;
 }

 .wiIpfoZ1We .mc4wp-form-fields input {
     height: 50px;
     position: relative;
     background: 0 0;
     width: 100%;
     line-height: 43px;
     border-radius: 0;
     padding-left: 10px;
     border: 1px solid #ddddddcf;
     color: #b0afaf;
     font-size: 16px;
     padding: 15px 30px;
     outline: 0;
 }

 .wiIpfoZ1We .mc4wp-form-fields button {
     position: absolute;
     background: #0091FF;
     right: 0;
     top: 0;
     width: 30%;
     height: 50px;
     border-radius: 0 5px 5px 0;
     cursor: pointer;
     padding: 10px 10px;
     line-height: 0;
     transition: .5s;
     color: #fff;
     bottom: 0;
     font-size: 18px;
     text-align: center;
     z-index: 2;
     border: none;
 }

 .wiIpfoZ1We .mc4wp-form-fields button:hover {
     background: #1d3ede;
     color: #fff;
 }

 /* footer bottom area css */
 .footer-bottom {
     padding: 23px 0 22px;
     position: relative;
     background: #1b1756;
 }

 .footer-bottom:before {
     content: "";
     position: absolute;
     top: 0;
     height: 1px;
     width: 61%;
     left: 0;
     right: 0;
     margin: auto;
     background: #ffffff61;
 }

 .copy-right-text p {
     margin: 0;
     padding: 0;
     color: #fff;
 }

 .footer-menu ul li {
     display: inline-block;
 }

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

 .footer-menu ul li a {
     padding: 0 10px;
     display: block;
     color: #fff;
 }

 .copy-right-text a,
 .footer-menu ul li a:hover {
     color: #0091FF;
 }

 /* svwoll up css */
 #scrollUp {
     bottom: 30px;
     font-size: 30px;
     height: 40px;
     line-height: 40px;
     right: 100px;
     text-align: center;
     border-radius: 5px;
     width: 40px;
     background: #0091FF;
 }

 #scrollUp i {
     color: #fff;
 }

 /* slick slide css */
 .slick-dots li button {
     font-size: 0;
     width: 13px;
     height: 13px;
     border: 2px solid #d71700;
     margin: 0 5px;
     cursor: pointer;
     border-radius: 50px;
     padding: 0;
     transition: .5s;
     outline: 0;
     background: transparent;
 }

 .slick-dots li.slick-active button {
     background: #d71700;
 }

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

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

 /* 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: 5px;
     box-shadow: 0 0 5px rgba(0, 0, 0, .1);
     width: 50px;
     height: 50px;
     line-height: 45px;
     top: 50%;
     transform: translate(0px, -50%);
     transition: .5s;
     border: 2px solid #0091FF;
     background: transparent;
 }

 .slick-prev {
     left: -65px;
 }

 .slick-next {
     right: -65px;
 }

 .slick-prev:before,
 .slick-next:before {
     color: #fff;
     font-size: 25px;
     transition: all 0.3s ease 0s;
     content: "\f177";
     font-family: FontAwesome;
 }

 .slick-next:before {
     content: "\f178";
     font-family: FontAwesome;
 }

 .slick-next:focus,
 .slick-next:hover,
 .slick-prev:focus,
 .slick-prev:hover {
     background: #0091FF;
     border-color: #0091FF;
 }

 .slick-prev:hover:before,
 .slick-next:hover:before {
     color: #fff;
 }

 button:focus {
     outline: 0;
 }

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

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

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

 .XYf8GN5TMg {
     position: relative;
     width: 100%;
     background: url('../../img/WATA7U0oQw.jpg') center/cover no-repeat;
     color: #fff;
     padding: 6rem 1rem;
 }

 .hero-overlay {
     background: rgb(0 0 0 / 88%);
     padding: 4rem 1rem;
 }

 .hero-content {
     max-width: 900px;
     margin: 0 auto;
     text-align: left;
 }

 .hero-content h1 {
     font-size: 2.75rem;
     font-weight: 700;
     margin: 1rem 0 1.5rem;
     color: #ffcc00;
 }

 .hero-content h2 {
     font-size: 1.75rem;
     font-weight: 600;
     color: #ffffff;
     line-height: 1.6;
 }

 .hero-content p {
     font-size: 1.125rem;
     line-height: 1.8;
     margin-bottom: 2rem;
     color: #e0e0e0;
     text-align: center;
 }

 .VfQR2hoChM {
     background-color: #ffcc00;
     color: #000;
     padding: 0.75rem 2rem;
     font-size: 1.125rem;
     border-radius: 40px;
     text-decoration: none;
     font-weight: 600;
     transition: background-color 0.3s ease, color 0.3s ease;

     display: inline-block;
     text-align: center;
     margin: 0 auto;
     /* Центрує блок */
 }

 .hero-content {
     text-align: center;
     /* Центрує вміст, включаючи кнопку */
 }

 .VfQR2hoChM:hover {
     background-color: #e6b800;
     color: #000;
 }

 @media (max-width: 768px) {
     .hero-content {
         text-align: center;
     }

     .hero-content h1 {
         font-size: 2rem;
     }

     .hero-content h2 {
         font-size: 1.5rem;
     }

     .hero-content p {
         font-size: 1rem;
     }
 }

 @media (max-width: 480px) {
     .hero-content h1 {
         font-size: 1.6rem;
     }

     .hero-content h2 {
         font-size: 1.25rem;
     }

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


 .GGpCyzKWde {
     background: linear-gradient(135deg, #e0f7fa 0%, #ffffff 100%);
     padding: 80px 20px;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 .khs-wrapper {
     max-width: 1320px;
     margin: 0 auto;
     box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
     border-radius: 20px;
     overflow: hidden;
     background-color: #ffffff;
 }

 .jbUiKbu2tR {
     display: flex;
     gap: 30px;
     align-items: center;
     padding: 40px 50px;
 }

 .bpQKiFwLrG {
     flex: 0 0 40%;
     border-radius: 20px;
     overflow: hidden;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
     transform: translateY(0);
     transition: transform 0.3s ease;
 }

 .bpQKiFwLrG img {
     width: 100%;
     height: auto;
     display: block;
     object-fit: cover;
     border-radius: 20px;
 }

 .bpQKiFwLrG:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
 }

 .xeKferjVJr {
     flex: 1 1 60%;
     color: #004d40;
     font-size: 1.1rem;
     line-height: 1.8;
 }

 .xeKferjVJr p {
     margin-bottom: 1.5rem;
 }

 .khs-btn {
     display: inline-block;
     background-color: #00796b;
     color: #fff;
     padding: 0.85rem 2.2rem;
     font-weight: 700;
     font-size: 1.1rem;
     border-radius: 35px;
     text-decoration: none;
     box-shadow: 0 6px 12px rgba(0, 121, 107, 0.6);
     transition: background-color 0.3s ease, box-shadow 0.3s ease;
 }

 .khs-btn:hover {
     background-color: #004d40;
     box-shadow: 0 10px 25px rgba(0, 77, 64, 0.8);
 }

 @media (max-width: 900px) {
     .jbUiKbu2tR {
         flex-direction: column;
         padding: 30px 25px;
     }

     .bpQKiFwLrG,
     .xeKferjVJr {
         flex: 1 1 100%;
         max-width: 100%;
     }

     .bpQKiFwLrG {
         margin-bottom: 25px;
     }

     .xeKferjVJr {
         font-size: 1rem;
         line-height: 1.6;
     }
 }


 .PYSLHvyCdb {
     background-color: #f0f7f7;
     padding: 60px 20px;
     font-family: 'Poppins', sans-serif;
 }

 .khs-features-wrapper {
     max-width: 1140px;
     margin: 0 auto;
 }

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

 .RIj8gqFH4X {
     background: #ffffff;
     padding: 30px 25px;
     border-radius: 18px;
     box-shadow: 0 10px 30px rgba(0, 77, 77, 0.1);
     text-align: center;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .RIj8gqFH4X:hover {
     transform: translateY(-10px);
     box-shadow: 0 20px 40px rgba(0, 77, 77, 0.15);
 }

 .khs-feature-header h3 {
     color: #005f5f;
     font-weight: 700;
     font-size: 1.5rem;
     margin-bottom: 1rem;
     position: relative;
 }

 .khs-feature-header h3::after {
     content: '';
     display: block;
     width: 50px;
     height: 4px;
     background-color: #00bfa5;
     margin: 8px auto 0;
     border-radius: 2px;
 }

 .RIj8gqFH4X p {
     color: #333;
     font-size: 1rem;
     line-height: 1.7;
     margin-top: 0;
 }

 @media (max-width: 768px) {
     .PYSLHvyCdb {
         padding: 40px 15px;
     }

     .RIj8gqFH4X {
         padding: 25px 20px;
     }

     .khs-feature-header h3 {
         font-size: 1.3rem;
     }
 }

 .khs-consultation-section {
     background: #f9fcfc;
     padding: 70px 15px;
     font-family: 'Inter', sans-serif;
 }

 .P68WvAqrKg {
     max-width: 1320px;
     margin: 0 auto;
     box-shadow: 0 14px 35px rgba(0, 77, 64, 0.08);
     border-radius: 24px;
     background-color: #ffffff;
     overflow: hidden;
 }

 .khs-consultation-content {
     display: flex;
     align-items: center;
     gap: 40px;
     padding: 40px 50px;
 }

 .khs-image-container {
     flex: 0 0 45%;
     border-radius: 20px;
     overflow: hidden;
     box-shadow: 0 10px 28px rgba(0, 77, 64, 0.12);
     transition: transform 0.3s ease;
 }

 .khs-image-container img {
     width: 100%;
     height: auto;
     display: block;
     object-fit: cover;
     border-radius: 20px;
 }

 .khs-image-container:hover {
     transform: translateY(-8px);
     box-shadow: 0 18px 45px rgba(0, 77, 64, 0.2);
 }

 .khs-text-container {
     flex: 1 1 55%;
     color: #004d40;
     font-size: 1.1rem;
     line-height: 1.75;
 }

 .khs-text-container p {
     margin-bottom: 1.6rem;
 }

 .khs-btn-consult {
     display: inline-block;
     background-color: #00796b;
     color: #fff;
     padding: 0.85rem 2.4rem;
     border-radius: 36px;
     font-weight: 700;
     font-size: 1.1rem;
     text-decoration: none;
     box-shadow: 0 6px 16px rgba(0, 121, 107, 0.5);
     transition: background-color 0.3s ease, box-shadow 0.3s ease;
 }

 .khs-btn-consult:hover {
     background-color: #004d40;
     box-shadow: 0 10px 30px rgba(0, 77, 64, 0.7);
 }

 /* Адаптив */
 @media (max-width: 900px) {
     .khs-consultation-content {
         flex-direction: column;
         padding: 30px 25px;
     }

     .khs-image-container,
     .khs-text-container {
         flex: 1 1 100%;
         max-width: 100%;
     }

     .khs-image-container {
         margin-bottom: 25px;
     }

     .khs-text-container {
         font-size: 1rem;
         line-height: 1.6;
     }
 }

 .PYSLHvyCdb {
     background-color: #f4f9f8;
     padding: 60px 15px;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     color: #004d40;
 }

 .XyHJqpYpLc {
     max-width: 1140px;
     margin: 0 auto;
 }

 .khs-features-header {
     text-align: center;
     margin-bottom: 50px;
     position: relative;
 }

 .khs-features-header h3 {
     font-size: 2.4rem;
     font-weight: 700;
     position: relative;
     display: inline-block;
     padding-bottom: 10px;
 }

 .khs-underline {
     position: absolute;
     bottom: 0;
     left: 50%;
     width: 80px;
     height: 4px;
     background: #00796b;
     transform: translateX(-50%);
     border-radius: 3px;
 }

 .khs-features-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 32px;
 }

 .RIj8gqFH4X {
     background: #ffffff;
     border-radius: 18px;
     padding: 28px 24px;
     box-shadow: 0 6px 20px rgba(0, 121, 107, 0.15);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     cursor: default;
 }

 .RIj8gqFH4X:hover,
 .RIj8gqFH4X:focus {
     transform: translateY(-10px);
     box-shadow: 0 14px 30px rgba(0, 121, 107, 0.3);
     outline: none;
 }

 .RIj8gqFH4X h4 {
     color: #004d40;
     font-weight: 700;
     font-size: 1.4rem;
     margin-bottom: 15px;
 }

 .RIj8gqFH4X p {
     font-size: 1rem;
     line-height: 1.6;
     color: #2e7d32;
 }

 /* Адаптив */
 @media (max-width: 768px) {
     .PYSLHvyCdb {
         padding: 40px 10px;
     }

     .khs-features-header h3 {
         font-size: 1.9rem;
     }

     .RIj8gqFH4X {
         padding: 24px 18px;
     }
 }

 .qtidZh1HAS {
     background-color: #e8f5f2;
     padding: 60px 15px;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     color: #004d40;
     padding: 20px;
 }

 .khs-wrapper {
     max-width: 1320px;
     margin: 0 auto;
 }

 .khs-row {
     display: flex;
     align-items: center;
     gap: 40px;
     flex-wrap: wrap;
     padding: 20px;
 }

 .iSuefatTn6,
 .DaAfrszvKI {
     flex: 1 1 500px;
     min-width: 300px;
 }

 .hTrr25WsYR p {
     font-size: 1.1rem;
     line-height: 1.7;
     margin-bottom: 1.2rem;
     color: #1b4332;
 }

 .hTrr25WsYR p:last-child {
     margin-bottom: 0;
 }

 .khs-history-image img {
     width: 100%;
     border-radius: 20px;
     box-shadow: 0 8px 25px rgba(0, 77, 64, 0.25);
     object-fit: cover;
     display: block;
 }

 /* Адаптивність */
 @media (max-width: 900px) {
     .khs-row {
         flex-direction: column;
         gap: 30px;
     }

     .iSuefatTn6,
     .DaAfrszvKI {
         flex-basis: 100%;
     }
 }

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

 .custom-blog-section {
     padding: 40px 0;
 }

 .q9v6NptNuS {
     display: flex;
     align-items: center;
     gap: 30px;
     margin-bottom: 50px;
     background: #fff;
     border-radius: 12px;
     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     transition: box-shadow 0.3s ease;
 }

 .q9v6NptNuS:hover {
     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
 }

 .custom-blog-image {
     flex: 1 1 40%;
 }

 .custom-blog-image img {
     width: 100%;
     height: 250px;
     object-fit: cover;
     border-radius: 12px 0 0 12px;
     transition: transform 0.4s ease;
 }

 .q9v6NptNuS:hover .custom-blog-image img {
     transform: scale(1.05);
 }

 .xy6tUFTem3 {
     flex: 1 1 60%;
     padding: 25px 30px;
     color: #333;
 }

 .xy6tUFTem3 h4 {
     font-size: 1.6rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: #111;
 }

 .xy6tUFTem3 p {
     font-size: 1rem;
     line-height: 1.6;
     color: #555;
     margin: 0;
 }

 /* Адаптивність - мобільна версія */
 @media (max-width: 767px) {
     .q9v6NptNuS {
         flex-direction: column;
         border-radius: 12px;
     }

     .custom-blog-image img {
         border-radius: 12px 12px 0 0;
         height: 200px;
     }

     .xy6tUFTem3 {
         padding: 20px;
         flex: none;
         width: 100%;
     }
 }

 /*===== 24. Breadcumb Area CSS =====*/
 .breadcumb-inner h2 {
     font-size: 36px;
 }

 .IsMlO6Sttg {
     padding-top: 50px;
     padding-bottom: 50px;
     background-color: #1976d2;
     position: relative;
     background-position: left top;
     background-size: cover;
     background-repeat: no-repeat;
 }

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

 .breadcumb-inner ul,
 .breadcumb-inner ul span a,
 .breadcumb-inner li,
 .breadcumb-inner li a {
     color: #fff;
 }

 .breadcumb-inner li {
     display: inline-block;
     margin: 0;
     color: #fff;
 }

 .breadcumb-inner li:nth-last-child(-n+1) {
     color: #fff;
 }

 .breadcumb-inner li a {
     color: #fff;
 }

 .breadcumb-inner li a:hover {
     color: #0091FF;
 }

 .brpt h2 {
     font-size: 50px;
     color: #fff;
     margin-bottom: 5px;
 }

 .lcase {
     text-transform: lowercase;
 }

 .ucase {
     text-transform: uppercase;
 }

 .ccase {
     text-transform: capitalize;
 }



 .tx_golobal_color {
     background: #0091FF;
 }

 .tx_btn_global_color:hover {
     background: #000;
 }