:root {
    --ztc-bg-bg-3: #191970 !important; /*xanh*/
    --ztc-text-text-4: #0d1c2a !important;
    --ztc-bg-bg-2: #191970 !important;
    --ztc-bg-bg-5: #191970 !important;
}
html {
    overflow: auto; 
}
html,
body,
button,
input,
textarea,
select, h1,h2,h3,h4,h5,h6,a,p,span,div,li {
    font-family: "Manrope", sans-serif !important;
}

.about1 .about-heading .about-boxarea{
      min-height: 396px;
}
.cus-banner .main-section-area .counter-section-area {
     padding: 12px 0 !important;
}
.cus-banner .main-section-area .hero1{
    padding: 150px 0px  !important;
    background-position: top center !important;
}
#wpadminbar{
    z-index: 9999900000;
}
html:root {
--vl-core-bg-color-1: #191970 !important;
}

.elementor-progress-wrapper .elementor-progress-bar {
    background-color: #191970 !important;
} 

.single-post .the-content > :not(:last-child) {
  margin-block-start: 15px;
  margin-block-end: 15px;
}
.single-post .the-content ul{
    padding-left : 20px;
}
.blog-side-details .search-px input,
.project-widget-area1 .search-px input{
    border-radius: 10px !important;
}
 .project-details-section .project-main-content p,
 .project-details-section .project-main-content h3{
        margin-bottom: 10px;
 } 
 
 
.blog-sidebar__search button,
 .blog-side-details .search-px button,
.project-widget-area1 .search-px button{
    background: transparent !important;
}

.blog-sidebar__search button:hover,
 .blog-side-details .search-px button:hover,
.project-widget-area1 .search-px button:hover{
    background: transparent !important;
}

.blog-sidebar__search button i,
 .blog-side-details .search-px button i,
.project-widget-area1 .search-px button i{
    color: #191970 !important;
}
.blog-sidebar__search input{
    border-radius: 10px !important;
}
.elementor-1797 .elementor-element.elementor-element-ee54447 .breadcrumbs a, .elementor-1797 .elementor-element.elementor-element-ee54447 .breadcrumbs,.elementor-1797 .elementor-element.elementor-element-ee54447 .breadcrumbs span {
    color: #4e4d4c !important;
}
.about-boxarea a:hover,.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .readmore:hover,
body .cus-footer-right a:hover,body .cus-footer-left a:hover,body .cus-footer-left p:hover,
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-1-title a:hover,
.single-vl-services ul.vl-nav-menu li.menu-item-3630> a,
.single-post ul.vl-nav-menu li.menu-item-3648> a,
.single-vl-projects ul.vl-nav-menu li.menu-item-3627> a,
.cus-header-sticky ul li.current-menu-parent a,
.cus-menu-header ul li.current-menu-parent:has(.current-menu-item) > a ,
.cus-header-sticky ul li.current-menu-item a,
.cus-header-sticky ul li > ul.sub-menu li.current-menu-item a,
.cus-header-sticky ul li a:hover,
.cus-menu-header ul li.current-menu-item a,
.cus-menu-header ul li > ul.sub-menu li.current-menu-item a,
.cus-menu-header ul li a:hover{
    color: #191970 !important;
}


.vl-sidebar-post.vl-rc__post .vl-rc__post-content{
     display: flex  !important;
    flex-direction: column-reverse  !important;
}
.about-boxarea .title{
    min-height: 56px;
}
.ctn-preloader.ctn-preloader1 .loader-section-right,
.ctn-preloader.ctn-preloader1 .loader-section-left {
    background: #191970 !important;
}

.cus-menu-footer .vl-nav-menu  li:hover > a,
.cus-menu-footer .vl-nav-menu  li.current-menu-item> a{
    color: #191970 !important;
    transition: all 0.4s;
    padding-left: 5px !important;
}

.cus-tab .e-n-tab-title[aria-selected="true"]{
    background: #191970 !important;
}
body .cus-tab .elementor-icon-box-icon svg rect{
    fill: #202f87 !important;
    fill-opacity: 0.08 !important;
}
body .cus-tab .elementor-icon-box-icon svg path{
    fill: #0d0701 !important;
}

body .vl-btn1::after{
    background: #0d1c2a !important;
}
div#comments,
.vl-postbox-meta span:last-child{ 
    display: none !important;
}
i.fa-solid.fa-star{
    color: #ffdd02 !important;
}

.ctn-preloader .animation-preloader .preloader-logo {
    width: 100px !important;
}
 
.cus-logo-fotoer .vl-site-logo {
    width: 150px;
}
div#block-9{
    margin-bottom: 0px  !important;
}

.social-area,
.download-btn-area{
    padding: 0px  !important;
}
.elementor-1573 .elementor-element.elementor-element-bed3c30 .team1 .team-slider-boxarea .team-widget-boxarea ul li a:hover, .elementor-1573 .elementor-element.elementor-element-bed3c30 .team4-section-area .team4-boxarea .team-social li a:hover, .elementor-1573 .elementor-element.elementor-element-bed3c30 .team7 .team7-widget-boxarea ul li a:hover, .elementor-1573 .elementor-element.elementor-element-bed3c30 .team-inner-area .team-widget-boxarea ul li a:hover,
.elementor-1573 .elementor-element.elementor-element-bed3c30 .team1 .team-slider-boxarea .team-widget-boxarea .text-share-area .share, .elementor-1573 .elementor-element.elementor-element-bed3c30 .team7 .team7-widget-boxarea .text-share-area .share a, .elementor-1573 .elementor-element.elementor-element-bed3c30 .team-inner-area .team-widget-boxarea .text-share-area .share {
    background: #191970 !important;
}

.testimonial2 .testimonial-bottom-slider .testimonial-widget-box .icons-area ul li i {
    color: #0d1c2a !important;
}

.heading1 h5{
   border: 1px solid #e7e7e754 !important;
    background: #d4d1d154 !important;
}
.elementor-element.elementor-element-8b97839.elementor-widget.elementor-widget-vl-cta-form form.sent .wpcf7-response-output{
    color: green !important;
}
.team1 .testimonial-arrow button:hover{
    background:#191970 !important;
}
.team1 .testimonial-arrow button:hover i{
    color:#fff !important;
}
.team1 .testimonial-arrow button {
    color: #0d1c2a !important;
}
.elementor-icon-list-item .elementor-icon-list-icon svg path{
    fill: #0d1c2a30 !important;
    stroke: #0d1c2a !important;
}
.service-inner-boxarea .img1 img{
    width: 250px !important;
}
div#block-11 {
    padding: 0px  !important;
}
.blog-side-details .help-area  h3{
    color : #fff !important;
}
.blog-side-details .help-area  {
  padding: 30px  !important;   
}

div#block-12 .btn-area1 .d-btn1{
    color: var(--ztc-text-text-1);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s16);
    font-style: normal;
    font-weight: var(--ztc-weight-bold);
    line-height: 16px;
    border-radius: 8px;
    background: var(--ztc-bg-bg-3);
    padding: 16px 16px;
    display: block;
    transition: all 0.4s;
    text-align: center;
}

div#block-12 .btn-area1 .d-btn2{
        color: var(--ztc-text-text-2);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s16);
    font-style: normal;
    font-weight: var(--ztc-weight-bold);
    line-height: 16px;
    border-radius: 8px;
    background: #FFF3E6;
    padding: 16px 16px;
    display: block;
    transition: all 0.4s;
    text-align: center;
}

.elementor-element-23cbd6d .aos-init:first-child .benifit1-icon-box {
       border: 1px solid var(--ztc-bg-bg-3);
    background: var(--ztc-bg-bg-1);
    transition: all .4s;
} 
a.d-btn2:hover{
    background: #19196f  !important;
}
a.d-btn2:hover svg path{
    fill: #fff  !important;
}

a.d-btn2:hover{
    color: #fff  !important;
}

.d-btn1:hover,
.help-area {
     background: #000  !important;
}
.help-area .btn-area1 a {
        color: var(--ztc-text-text-1);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s16);
    font-style: normal;
    font-weight: var(--ztc-weight-bold);
    line-height: 16px;
    border-radius: 8px;
    background: var(--ztc-bg-bg-3);
    padding: 16px 16px;
    display: inline-block;
    transition: all 0.4s;
}

.blog-side-details .vl-sidebar-widget{
    border-radius: 15px  !important;
}

.project-side-details .vl-sidebar-widget{
    padding: 30px !important;
    
}

div#categories-2,
div#vl-project-cats-list-3,
div#vl-services-cats-list-1,
div#vl-project-cats-list-2{
    background: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0px !important;
}

div#categories-2 li a, 
div#vl-project-cats-list-3 li a, 
div#vl-services-cats-list-1 li a,
div#vl-project-cats-list-2 li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--ztc-text-text-2);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s20);
    font-style: normal;
    font-weight: var(--ztc-weight-semibold);
    line-height: 18px;
    border-radius: 8px;
    background: var(--ztc-bg-bg-1);
    padding: 20px 20px;
    transition: all 0.4s;
    margin-top: 20px;
    transition: transform 0.3s ease;
}

.tagcloud a{
    margin-bottom: 15px  !important;
    margin-right: 2px  !important;
}

div#categories-2 li a:hover, 
div#vl-project-cats-list-3  a:hover, 
div#vl-services-cats-list-1 li a:hover,
div#vl-project-cats-list-2 li a:hover{
    background: #191970 !important;
    color: #fff !important;
}

div#categories-2 li a:hover::after,
div#vl-project-cats-list-3 li a:hover::after,
div#vl-services-cats-list-1 li a:hover::after,
div#vl-project-cats-list-2 li a:hover::after{
    color: #fff !important;
    transform: rotate(90deg);
    background: #bebebe6b;
}

div#categories-2 li,
div#vl-project-cats-list-3 li,
div#vl-services-cats-list-1 li,
div#vl-project-cats-list-2 li {
    border-bottom: unset !important;
    padding-bottom: 0px !important;
}

div#categories-2 li a::after,
div#vl-project-cats-list-3 li a::after,
div#vl-services-cats-list-1 li a::after,
div#vl-project-cats-list-2 li a::after{
    transition: transform 0.3s ease;
    color: #191970;
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
    width: 30px;
    background: #1919704a;
    border-radius: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search div#block-12,
div#vl_contact_form_widget-3{
    margin-bottom: 0px !important;
}
div#block-10,
div#block-7{
    padding: 0px !important;
}

.search  .blog-sidebar__wrapper.pl-30{
    background: var(--ztc-bg-bg-4);
    border-radius: 8px;
    padding: 32px 20px;
}
div#block-12 .btn-area1 .d-btn2,
.service-details-section .service-side-details-area .service-side-widget-area .download-btn-area .btn-area1 .d-btn2{
       background: #19197036; 
}

div#block-12 .btn-area1 .d-btn2:hover,
.service-details-section .service-side-details-area .service-side-widget-area .download-btn-area .btn-area1 .d-btn2:hover{
       background: #191970; 
}

html .headerup{
    transform: translateY(0vh) !important;
}

.cus-icon .benifit1-icon-box .icons{
    height: 60px !important;
    width: 60px !important;
    line-height: 60px !important;
    background: #000000  !important;
}
.cus-icon .benifit1-icon-box:hover .icons{
    background: #191970  !important;
    transition: all 0.4s;
    transform: rotateY(-180deg);
}
.cus-icon .benifit1-icon-box .text {
    padding-left: 70px !important;
}
.cus-icon .benifit1-icon-box {
    min-height: 166px !important;
    margin-bottom: 0px !important;
}
.elementor-element-fd2a296 .img1{
    border-radius: 10px !important;
}

.cus-banner .hero-main-img.aos-init.aos-animate{
    padding-top: 50px !important;
}

.testimonial2 .testimonial-bottom-slider .testimonial-widget-box .images-area .text {
    padding-left: 0px !important;
}

.elementor-1573 .elementor-element.elementor-element-3648375 p{
    line-height: 1.2 !important;
}
.vl_default_breadcrumb .archive,
.cus-tesmonial .images-area a{
    pointer-events: none  !important;
}
.privacy-policy .vl-page-post > :not(:last-child) {
  margin-block-start: 15px;
  margin-block-end: 15px;
}

.cus-social .elementor-social-icon i::before{
    font-size: 18px;
}
.main-section-area .hero1 .hero-main-img .img1::after {
    display : none !important;
}
/*.main-section-area .hero1 .hero-main-img .img1::after {*/
/*    background: linear-gradient(180deg, rgb(25 25 112) 0%, rgb(25 25 112 / 15%) 100%) !important;*/
/*}*/
.cus-service-home .col-lg-4 .service-boxarea {
    height: 100%  !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.service1 .service-boxarea2{
    margin-bottom: 0px !important;
}
.cus-breadcrumb .breadcrumbs,
.cus-breadcrumb span{
    color:#fff !important;
}

.cus-header  .vl-nav-menu  li a,
.cus-header-sticky  .vl-nav-menu  li a{
    white-space: nowrap !important;
}
.cus-header-sticky .vl-nav-menu,
.cus-menu-header .vl-nav-menu {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cus-header-sticky .vl-nav-menu > li,
.cus-menu-header .vl-nav-menu > li {
  position: relative;
  padding: 15px 0;
  margin: 0 15px;
}

.cus-header-sticky .vl-nav-menu > li > a,
.cus-menu-header .vl-nav-menu > li > a {
  font-weight: 500;
  color: #111827; /* Màu chữ chính */
  text-decoration: none;
  transition: color 0.3s ease;
}

.cus-header-sticky .vl-nav-menu > li:hover > a,
.cus-header-sticky  .vl-nav-menu > li.current-menu-ancestor > a,
.cus-header-sticky  .vl-nav-menu > li.current-menu-item > a ,
.cus-menu-header .vl-nav-menu > li:hover > a,
.cus-menu-header .vl-nav-menu > li.current-menu-ancestor > a,
.cus-menu-header .vl-nav-menu > li.current-menu-item > a {
  color: #0052cc; /* Mu active / hover */
}

.cus-header-sticky .vl-nav-menu ul.sub-menu,
.cus-menu-header .vl-nav-menu ul.sub-menu {
    position: absolute;
    top: 138%;
    width: fit-content;
    left: 0;
    background: var(--ztc-bg-bg-1);
    padding: 12px 20px 24px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
    transition: 0.4s;
    border-radius: 4px;
    transform-origin: top;
    transform: scale(1, 0);
}

.cus-header-sticky .vl-nav-menu li:hover > ul.sub-menu ,
.cus-menu-header .vl-nav-menu li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 138%;
    transform: scale(1);
    transition: all 0.4s;
    position: absolute;
    content: "";
    height: fit-content;
    left: 0;
    width: fit-content;
    background: #ffffff;
    box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
}

.cus-header-sticky .vl-nav-menu li > ul.sub-menu::after,
.cus-menu-header .vl-nav-menu li > ul.sub-menu::after {
    position: absolute;
    content: "";
    height: 2px;
    left: 0;
    width: 100%;
    background: #191970;
    top: 0;
}
.cus-header-sticky .vl-nav-menu ul.sub-menu li ,
.cus-menu-header .vl-nav-menu ul.sub-menu li {
  margin: 0;
  padding: 0;
  display: block;
  text-align: left;
}

.cus-header-sticky .vl-nav-menu ul.sub-menu li a,
.cus-menu-header .vl-nav-menu ul.sub-menu li a {
    color: var(--ztc-text-text-2);
    display: inline-block;
    font-size: var(--ztc-font-size-font-s18);
    position: relative;
    z-index: 1;
    padding: 12px 0 0 0;
    font-weight: var(--ztc-weight-semibold);
    width: fit-content;
    white-space: nowrap;
}

.cus-header-sticky .vl-nav-menu ul.sub-menu li a::after,
.cus-menu-header .vl-nav-menu ul.sub-menu li a::after{
    position: absolute;
    content: "";
    height: 2px;
    width: 0;
    transition: all 0.4s;
    left: 0;
    bottom: 0;
    background: var(--ztc-bg-bg-3);
    z-index: 1;
}


.cus-header-sticky ul li > ul.sub-menu li.current-menu-item a::after,
.cus-header-sticky .vl-nav-menu ul.sub-menu li a:hover::after,
.cus-menu-header ul li > ul.sub-menu li.current-menu-item a::after,
.cus-menu-header .vl-nav-menu ul.sub-menu li a:hover::after{
    width: 50%;
    transition: all 0.4s;
}
.cus-header-sticky .vl-nav-menu ul.sub-menu li a:hover,
.cus-header-sticky .vl-nav-menu ul.sub-menu li.current-menu-item a,
.cus-menu-header .vl-nav-menu ul.sub-menu li a:hover,
.cus-menu-header .vl-nav-menu ul.sub-menu li.current-menu-item a {
    padding-left: 0px;
    text-align: left;
}

.cus-header-sticky .vl-nav-menu li.menu-item-has-children > a::after,
.cus-menu-header .vl-nav-menu li.menu-item-has-children > a::after {
 content: "\f107";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 18px;
  margin-left: 6px;
  display: inline-block;
  transition: transform 0.2s ease;
}
.cus-header-sticky .vl-nav-menu li.menu-item-has-children:hover > a::after,
.cus-menu-header .vl-nav-menu li.menu-item-has-children:hover > a::after {
  transform: rotate(180deg);
}

.projects-inner-area .case-boxes-area .text-area {
    min-height: 240px !important;
}

.single-post .the-content h2,
.single-vl-projects .project-elementor-content h2{ 
    font-size: 32px !important;  
}
.single-vl-projects .project-elementor-content .e-con.e-flex{
   gap: 0px  !important;  
}
.single-vl-projects .project-elementor-content .elementor-icon-list-text{
    line-height: 22px !important;
}
.cus-contact-box .benifit1-icon-box .pera{
    font-size: 21px !important;
}
.work1 .works-main-widget-area:hover .works8-boxarea h5,
.work1 .works-main-widget-area2:hover h5, .work1 .works-main-widget-area:hover h5{
    color: #ffffff !important;
    background: transparent  !important;
}
.work1 .works-main-widget-area2:hover h5::after, .work1 .works-main-widget-area:hover h5::after{
    background: #191970  !important;
    color: #fff !important;
    z-index: -1;
}
.elementor-1749 .elementor-element.elementor-element-ac1312e .elementor-social-icon svg,
.elementor-1749 .elementor-element.elementor-element-ac1312e .elementor-social-icon i{
    display: flex  !important;
    align-items: center  !important;
    justify-content: center;
}
.elementor-1749 .elementor-element.elementor-element-ac1312e .elementor-social-icon svg{
    width: 18px !important;
}
.elementor-1749 .elementor-element.elementor-element-ac1312e .elementor-social-icon {
    display: flex !important;
    background-color: #F4F4F9;
    width: 1em;
    height: 1em;
    align-items: center;
    justify-content: center;
}
/*-0--------------------------------*/

/* --- BREAKPOINTS 820PX --- */
@media (min-width: 821px) {
    .cus-header, .cus-header-sticky { display: flex !important; }
    .cus-mobile, .cus-mobile-sticky { display: none !important; }
}

@media (max-width: 820px) {
    .cus-header, .cus-header-sticky { display: none !important; }
    .cus-mobile, .cus-mobile-sticky { display: flex !important; }
}

/* --- PHÂN CHIA HIN TH (820PX) --- */
@media (min-width: 821px) {
    .cus-header, .cus-header-sticky { display: flex !important; }
    .cus-mobile, .cus-mobile-sticky { display: none !important; }
}

@media (max-width: 820px) {
.cus-mobile.hidden-main
 {
    opacity: 1 !important;
    visibility: visible !important;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-0%) !important;
}
    .cus-header, .cus-header-sticky { display: none !important; }
    .cus-mobile, .cus-mobile-sticky { display: flex !important; }
}


.hidden-main {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-100%) !important;
    transition: all 0.3s ease !important;
}

/* --- CẤU HNH HEADER GHIM (STICKY) --- */
.cus-header-sticky, .cus-mobile-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    background: #ffffff !important; /* Màu nn khi ghim */
    box-shadow: 0px 10px 30px rgba(0,0,0,0.1) !important;
    
    /* Trng thái ch ẩn trên ỉnh */
    transform: translateY(-105%) !important;
    opacity: 0 !important;
    transition: transform 0.4s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s !important;
    pointer-events: none !important;
}

/* --- KHI GHIM KÍCH HOT --- */
.is-active-sticky {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* TRIT TIÊU CLASS HEADERUP NU CN DNH */
.headerup {
    box-shadow: none !important;
    top: auto !important;
}


.she-header-hide {
    transform: translateY(0) !important; 
    opacity: 1 !important;
}
form.wpcf7-form.invalid .wpcf7-response-output {
    color: red  !important; 
}

.breadcrumbs span.current-item {
    font-weight: bold !important; 
}


.cus-rotate svg rect{
    fill: #202f87 !important; 
}
.cus-rotate .elementor-image-box-img,
.cus-rotate .elementor-icon-box-icon {
    transition: all 0.4s; 
}


.cus-rotate .elementor-icon-box-title:hover{
    color: #191970 !important;
}

.cus-rotate:hover .elementor-image-box-img,
.cus-rotate:hover .elementor-icon-box-icon{
    transform: rotateY(-180deg);
    transition: all 0.4s;
}

.cus-team  .text-share-area a{
    pointer-events: none !important;
}
body .vl_default_breadcrumb .main-heading {
    text-align: left !important;
}
.project-details-section .img1 img{
    height: 489px !important;
    object-fit: cover  !important;
}

.blog-details-section .blog-main-content h3,
.project-details-section .project-main-content h3{
    font-size: 24px !important;
}
.single .col-lg-8 ul li {
    list-style: disc  !important;
}
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a{
    color: #0d0701 !important;
}
span.post.post-post.current-item {
    font-weight: bold;
    color: #000;
}
.vl-blog-2-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a i {
    color: #191970 !important;
}
.project-details-section .project-main-content .client-area .client-info a{
    font-size: 15px  !important;
}
.vl-sidebar-widget{
    border-radius: 8px  !important;
}
.blog-sidebar__wrapper  div#block-11 .vl-sidebar-widget-content,
.blog-sidebar__wrapper .help-area{
    padding: 30px  !important;
}
.blog-sidebar__wrapper .help-area{
    border-radius: 30px;
}
.blog-sidebar__wrapper .help-area h3{
    color:#fff  !important;
}
.elementor-1776 .elementor-element.elementor-element-4790a0a .service-inner-area .service-inner-boxarea {
    border-radius: 10px  !important;
}
.single-post .tags-social .tags{
    width: 60% !important;
}
.blog-details-section .blog-main-content .tags-social .tags ul li {
    padding: 5px !important;
}
.cus-banner  h1 {
       font-size: 58px !important;
    }
    .main-section-area .counter-section-area .counter-boxarea p {
    line-height: 22px !important;
    font-size: 16px !important;
    }
.elementor-element.elementor-element-f37c61b.e-grid.e-con-full.e-con.e-child .vlcore-simple-menu .vl-nav-menu > li:first-child {
    position: relative;
}
.elementor-element.elementor-element-f37c61b.e-grid.e-con-full.e-con.e-child .vlcore-simple-menu .vl-nav-menu > li:first-child::before {
    content: "|";
    margin: 0 12px;
    color: #ccc;
    font-weight: 300;
    position: absolute;
    top: 5px;
}

.cus-banner .hero1 .hero-header-area .btn-area1 .vl-btn1.btn2{
    border: 1px solid #fff !important;
    background: #5855558a !important;
}

.cus-menu-footer .vl-nav-menu a:hover{
    transition: all 0.4s !important;
    padding-left: 5px !important;
}

.about1 .about-images .elements1 {
    left: 20px !important;
}

.work1 .works-main-widget-area .works8-boxarea h5{
    color: #191970  !important;
}

.service-details-section .service-side-details-area .service-side-widget-area .download-btn-area .btn-area1 .d-btn1{
    position: relative;
}
.service-details-section .service-side-details-area .service-side-widget-area .download-btn-area .btn-area1 .d-btn1::after{
    position: absolute;
    content: "";
    height: 100%;
    width: 10px;
    background: var(--ztc-bg-bg-2);
    transition: all 0.4s;
    top: 0;
    left: 50%;
    border-radius: 8px;
    z-index: -2;
    visibility: hidden;
    opacity: 0;
    background: #0d1c2a !important;
}
.service-details-section .service-side-details-area .service-side-widget-area .download-btn-area .btn-area1 .d-btn1:hover::after{
    visibility: visible;
    opacity: 1;
    transition: all 0.4s;
    width: 100%;
    left: 0;
}
html .service-details-section .service-side-details-area .service-side-widget-area .download-btn-area .btn-area1 .d-btn1:hover {
    background: #000 !important;
}
.help-area .btn-area1 a:hover{
    background: #fff !important;
    transition: all 0.4s;
    color: #000 !important;
}

.help-area .btn-area1 a:hover svg path{
    fill: #000 !important;
}
.download-btn-area{
    text-align: center !important;
}
.blog-side-details .vl-sidebar-widget:last-child(){
    margin-bottom: 0px !important;
}

.work1 .works-main-widget-area2:hover .icons ,
.work1 .works-main-widget-area:hover .icons {
    background: #191970  !important;
}

.work1 .works-main-widget-area2 .icons ,
.work1 .works-main-widget-area .icons {
    background: transparent  !important;
}

.elementor-1812 .elementor-element.elementor-element-713ac88 {
    justify-content: center;
}

.elementor-element.elementor-element-4b5499f.elementor-widget.elementor-widget-wp-widget-bcn_widget  .breadcrumbs{
        color: #fff !important;
}

body .vl-btn1:hover::after
 {
    background: #0d1c2a24 !important;
}

body form.invalid .vl-btn1::after,
body form.sent .vl-btn1::after
 {
    background: #0d1c2a24 !important;
}
.cus-banner .split-line {
    display: inline !important;
}
.projects-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.projects-filter button {
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}
.projects-filter button:hover,
.projects-filter button.active {
    color: #19196f;
    font-weight: bold;
}
@media (max-width: 1440px){
    .cus-banner  h1 {
       font-size: 38px !important;
    }
}

@media (max-width: 1024px){
    .cus-header-sticky .vl-nav-menu > li, .cus-menu-header .vl-nav-menu > li {
    margin: 0px !important;
        white-space: nowrap;
}
    .cus-banner .hero1 .row{
    flex-direction: column !important;
}
 .cus-banner .hero1{
      padding: 100px 0 120px 0px !important;
 }
 
.counter-section-area .col-lg-6{
      width: 100%  !important;
}
     .cus-banner .hero1 .col-lg-6{
          width: 100%  !important;
     }
 .cus-banner .hero1 .hero-main-img{
    padding-bottom: 60px !important;
    padding-top: 50px !important;
}

    .cus-banner .hero1 .hero-main-img .img1 img{
           width: 65% !important;
   }
    .cus-header-primary-button .vl-btn1,
    .cus-header-primary-sticky-button .vl-btn1{
        white-space: nowrap;
    }
    .cus-header-sticky {
        padding-top: 0px !important;
    }
    .cus-banner  .hero-header-area {
           padding: 0 18px 0 0 !important;
    }
    .cus-banner  h1 {
       font-size: 28px !important;
    }
    
    .single-post .tags-social {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px;
    }
    .single-post .tags-social .tags{
    width: 100% !important;
}
}



@media (max-width: 820px){
    .cus-banner .split-line {
    display: inline !important;
}
    .cus-banner .main-section-area .hero1 {
    padding: 50px 0px 0px 0px !important;
}
    .cus-banner .hero1 {
        padding: 100px 0 0px 0px !important;
    }
        .cus-banner .hero1 .hero-main-img {
        padding-bottom: 0px !important;
        padding-top: 50px !important;
    }
        .cus-banner .hero1 .hero-main-img .img1 img {
        width: 100% !important;
    }
    .cus-mobile{
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-between !important;
} 
.cus-nav{
    width: fit-content !important;  
    margin-top: 0px !important;  
}
    .cta1-aection-area .cta-bg-area{
            padding: 0px !important;
    }
    .elementor-1573 .elementor-element.elementor-element-59b20d1{
        flex-direction: column !important;
    }
    .elementor-1573 .elementor-element.elementor-element-cb7e365{
        padding-left: 0px  !important;
    }
    .elementor-element.elementor-element-814f389.elementor-widget.elementor-widget-image img,
.elementor-1573 .elementor-element.elementor-element-5d0e9db img{
    width: 100%  !important;
}
.elementor-element.elementor-element-f37c61b.e-grid.e-con-full.e-con.e-child{
    flex-direction: column !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0px !important;
}
    .vlcore-nav-menu-nav.vlcore-mobile-menu{
        right: -100% !important;
        left: unset !important;
    }
    .vlcore-nav-menu-nav.vlcore-mobile-menu.mobile-menu-show{
        overflow: visible !important;
        background: #fff !important;
        height: 100vh;
        min-height: 100%;
        right: 0 !important;
        transform: translateX(0) !important;
        width: fit-content !important;
        left: unset !important;
    }
        .cus-banner h1 {
        font-size: 46px !important;
    }
    .cus-header-primary-sticky-logo {
        justify-content: space-between !important;
    }
    .elementor-element.elementor-element-3f2b66a.e-con-full.e-flex.e-con.e-child  {
        width: fit-content !important;
    }
    .cus-header-sticky.is-active-sticky .cus-header-primary-sticky-button {
        display: none !important;
    }
    .cus-service-home  .col-lg-8 {
        width: 100%;
    }
}

@media (max-width: 575px){
    .projects-inner-area .case-boxes-area .text-area {
    min-height: auto !important;
}
    .team1 .testimonial-arrow {
    justify-content: center !important;
    margin-top: 70px !important;
}
    .cta1-aection-area .cta-bg-area .cta-heading .form-area button {
    border: none;
    outline: none;
    position: relative !important;
    right: 0px !important;
    top: 11px;
    width: 100% !important;
}
    .elementor-1247 .elementor-element.elementor-element-0d1ccb2{
        gap: 50px !important;
    }
        .elementor-1247 .elementor-element.elementor-element-6a84676  .testimonial-slider-title {
        margin-top: 0px !important;
    }
    .about1 .split-line {
        display: inline !important;
    }
    .main-section-area .counter-section-area .counter-boxarea h2 {
        font-size: 44px !important;
    }
    .cus-banner .hero1{
    padding: 65px 0 0 0 !important;
}
    .elementor-1249 .elementor-element.elementor-element-16feb82 {
        padding-top: 0px  !important;
    }
    .elementor-element.elementor-element-f37c61b.e-grid.e-con-full.e-con.e-child .vlcore-simple-menu .vl-nav-menu > li:first-child::before { 
        display : none  !important;
    }
    .elementor-element.elementor-element-f37c61b.e-grid.e-con-full.e-con.e-child .vl-nav-menu  {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
    }
    .cus-header-primary-sticky {
        justify-content: space-between  !important;
    }
    .cus-header-primary-sticky-logo {
        width: fit-content !important;
    }
    .cus-banner h1 {
        font-size: 37px !important;
        line-height: 50px !important;
    }
        
}