html {
    scroll-behavior: smooth;
  }
/* header style  */
.header-style-three {
  
    background-color: #fff;
}
.main-menu .vs_navigation > li.current > a {
    color: #222222 !important;
}
.header-style-three .main-menu .navigation > li > a {
    color: #222222;
}
.main-menu .navigation > li > .vs_drop {
background-color: #fff;

}
.banner-carousel-two .content-box .inner-box {
    background-color:#fffffff0;
    max-width: 635px;
    padding: 20px 20px 20px;
}
.banner-carousel-two .content-box .title {
    color: black;
}
 .vs_banner_btn{
     border: 1px solid;
     padding: 5px 10px !important;
 }
 .vs_banner_btn:hover{
     color: black !important;
 }
.banner-carousel-two .content-box h2 {
 color:black;
}
.banner-carousel-two .content-box .text {
    color: black;
}
.main-menu .navigation > li > .vs_drop > li {
    
    border-bottom: 1px solid rgb(6 6 6 / 20%);
}
.main-menu .navigation > li > .vs_drop > li > a {
color: black;
}

.main-menu .navigation > li > .vs_drop > li:hover > a {
    border-left: 4px solid #ff8a00;
    color: #ff8a00 ;
    background-color: #fff;
}
.main-menu .navigation > li > .vs_drop > li > a:hover {
    color: #ff8a00 ;
    background-color: #fff;
    }
.banner-carousel-two .content-box .inner-box:before {
    position:unset;
    top: 0;
    left: 100%;
    height: 100%;
    width: 1000%;
    background-color: rgba(0,0,0,0.80);
    content: "";
}
.banner-section-three .bottom-box .outer-box:before {
    position: unset;
    top: 0;
    margin-left:0px;
    left: 100%;
    height: 100%;
    width: 1000%;
    background-color: #ffffff;
    content: "";
    transform: skew(40deg);
}

.header-style-three .logo-box:before {
    margin-right: -160px;
}

.header-style-three .nav-toggler {  
    width: 100%;
    height: 45px;
    padding-right: 5px;
    padding-left: 5px;
}
.header-style-three .outer-box {
    margin-left: 28px;
}
.header-style-three .outer-box {
    
    padding: 26px 0;
}

.banner-section-three .social-links li {
  
    font-size: 24px;
}

.process-block .inner-box {
   
    height: 240px;
    padding: 0px !important;
    text-align: center;
}
.process-block .vs_process_img>img{
    height: 150px;
    width: 100%;
}
.process-block .vs_process_img>h4>a{
    padding: 20px;
}
.vs_app_section .title-column h1{
font-size: 60px;
}

.page-title {
  padding-top: 70px;
  padding-bottom: 50px;
}
.page-title .bread-crumb {
padding-top: 0px;
}

.page-title:before {
    
    background: #000000b2;
}
.vs_map_outer>iframe{
    height: 400px;
}
.contact-page-section .contact-form {
margin-bottom: 0px;
}

.vs_about{
    font-size: 28px;
    font-weight: 600;
}
.vs_sec_title{
    margin-bottom: 6px !important;
}
.vs_process{
    font-size:28px;
    font-weight: 600;
}
.vs_process_section {

padding-top: 10px;
}
.vs_specialize_section{
    padding-top: 10px;
    padding-bottom: 10px;
}

.services-carousel-two .owl-dot:hover, .services-carousel-two .owl-dot.active {
    height: 10px;
}
.services-carousel-two .owl-dot {
height: 10px;
width: 10px;
margin-bottom: 0px;
border-radius: 50%;
}
.vs_service_carousel_two{
    padding: 5px;
}
.vs_projects_section_two{
    padding-top: 50px;
    padding-bottom: 50px;
}
.vs_testimonial_section_two{
    padding-top: 0px;
    padding-bottom: 10px;
}
 .testimonial-carousel-two .owl-prev:before {
    transform: skew(40deg, 0deg);
}
.testimonial-carousel-two .owl-next:before {
    transform: skew(-40deg, 0deg);
 
}
.banner-carousel-two .owl-next:before {
    transform: skew(-40deg, 0deg);
}
 .banner-carousel-two .owl-prev:before {
    transform: skew(40deg, 0deg);

}

.carousel-outer .thumbs-carousel .owl-next:before{
    transform: skew(-40deg );

}
 .carousel-outer .thumbs-carousel .owl-prev:before {
    transform: skew(40deg, 0deg);

}
/* banner content  */
.banner-carousel-two .content-box .title {
    color: #fd0200;
    font-size: 30px;
}
.banner-carousel-two .content-box .banner_content_h2 {
    font-size: 16px;
    padding-left: 35px;
}
.banner-carousel-two .content-box .banner_content_p {

   
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 1.2em;
       color:black;
       padding-left: 120px;
        margin-top: -15px;
        font-weight: 600;
        margin-bottom: 20px;
     
        opacity: 0;
        -webkit-transition: all 1000ms ease;
        -moz-transition: all 100ms ease;
        -ms-transition: all 1000ms ease;
        -o-transition: all 1000ms ease;
        transition: all 1000ms ease;
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    .banner-carousel-two .active .banner_content_p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}
.banner_content_img{

    display: inline-block;

}
.banner_content_img img{
width:unset !important;
}
.banner-carousel-two .active .link-box {
    padding-left: 35px;
}
.banner-carousel-two .content-box .banner_content_a {

   
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 1.2em;
   color:black;
   padding-left: 35px;
    margin-top: -5px;
    font-weight: 500;
    margin-bottom: 20px;
    opacity: 0;
    -webkit-transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    transition: all 1200ms ease;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
}
.banner-carousel-two .active .banner_content_a {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}
.banner-carousel-two .active .content-box .inner-box {

    border-radius: 20px;
}
   
@media only screen and (min-width: 319px) and (max-width: 767px) {
    .banner-carousel-two .content-box .inner-box {
    margin-top: 20px !important;
    padding: 20px 3px 20px !important;
    }
    .banner-carousel-two .content-box .banner_content_p {
        font-size: 15px !important;
        padding-left: 40px;
    }
    .banner-carousel-two .content-box .banner_content_a {
    font-size: 16px !important;
    }
    .banner-carousel-two .content-box .banner_content_h2 {
    font-size: 16px !important;
    }
    .banner-carousel-two .content-box .title {
        font-size: 16px;
    }
    .banner_content_img img {
        width: 14px !important;
    }

}
@media only screen and (min-width: 319px) and (max-width: 374px) {
    .banner-section-three .social-links .vs_welcome_aluminium {
font-size: 10px;
    }
    .banner-section-three .social-links li .vs_button {
        font-size: 10px;
    }
    .banner-section-three .bottom-box .outer-box {
    padding: 10px 0px;
    }
    .banner-carousel-two .owl-nav {
        bottom: -110px;
    }
}
@media only screen and (min-width: 375px) and (max-width: 424px) {
    .banner-section-three .social-links .vs_welcome_aluminium {
font-size: 12px;
    }
}
@media only screen and (min-width: 425px) and (max-width: 767px) {
    .banner-section-three .social-links .vs_welcome_aluminium {
font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .banner-section-three .social-links .vs_welcome_aluminium {
font-size: 20px;
    }
    .banner-section-three .social-links li .vs_button {
        font-size: 18px;
    }
    .banner-section-three .bottom-box .outer-box {
        padding: 14px 0px;
        }
        .banner-carousel-two .owl-nav {
            bottom: -76px;
        }
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
 
    .banner-section-three .social-links li .vs_button {
        font-size: 10px;
    }
    .banner-section-three .bottom-box .outer-box {
    padding: 10px 0px;
    }
    .banner-carousel-two .owl-nav {
        bottom: -110px;
    }
}
@media only screen and (max-width: 1023px){
.app-section .title-column h1 br, .banner-section-three .bottom-box, .banner-section-three .slide-item:before, .header-style-seven .outer-box {
    display: block;
}
}

/* @media only screen and (min-width: 319px) and (max-width: 374px) {
   .banner-section-three .bottom-box {
        display: unset;
    }

.app-section .title-column h1 br, .banner-section-three .bottom-box, .banner-section-three .slide-item:before, .header-style-seven .outer-box {
    display: unset;
}
.banner-section-three .bottom-box {
 
        position: relative;
        background-color: #333333;
    
}
.banner-section-three .bottom-box {
    background-color: #333333;
}
} */
.vs_button {
    background-color: #004A7F;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
  }
  @-webkit-keyframes glowing {
    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  }
  
  @-moz-keyframes glowing {
    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  }
  
  @-o-keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  }
  
  @keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  }
.news-section:before {
   
    background-image: unset;
}
.news-section:after {
     background-image: unset;
}


.vs_get_btns{
       padding: 26px 0;
}
.vs_get_btns>a{
    width: 100%;
   padding-top: 5px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    border-color: black !important;
    color: #fd0200 !important
}
.vs_get_btns>a:hover{
    color: #fff !important;
}

.header-style-three .main-menu .navigation > .vs_get_btns > a:before{
    position: unset;
}

@media only screen and (max-width: 767px){
.vs_get_btns>a{

color: #fff !important;
}
}

.vs_get_btn{
    padding-top: 15px !important;
}

.vs_get_btn>a{
    border-color: black !important;
    color: #fd0200  !important;
}
.vs_get_btn>a:hover{
color: #fff !important;
background-color: #fd0200 !important;
border-color: unset !important;
}

/* .custom-map{
 
    position: absolute;
    z-index: 1000;
    background-color: #536779;
  
    width: 100%;
    height: 20px;
    margin-top: 34px;
    
    content: '';
} */

@media (min-width:768px){
    .custom-map{
        margin-top: 31px;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1365px) {  
    }
    
    /*  Tablets in portrait mode, large display smartphones landscape mode */    
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
   /* .logo{
       height: 20px;
   } */
   .main-menu .navbar-header .navbar-toggler .icon {
       display: block !important;
   }
    } 
    /*  Smartphones in landscape mode */
    
    @media only screen and (min-width: 421px) and (max-width: 767px) {
 
    }
    
    /*  Smartphones in portrait mode  */
    
    @media only screen and (max-width: 420px) {
   
    }
  
    .header-style-three .main-menu .navigation > li.current > a:before, .header-style-three .main-menu .navigation > li:hover > a:before {
        height: 4px;
    top: 74px;
    width: 19px;
    border-radius: 20px;
    }
   

    .specialize-section-two .title-column .text-box p{
        font-size: 16px;
        font-weight: 400;
        color: #3c3737;
        text-transform: capitalize;
    }

    .carousel-outer .thumbs-carousel .owl-nav {
        
        left: 100%;
        bottom: -804%;
    }
    .main-footer .links-widget .list li:before {
    display: none;
    }

    .specialize-section-two .carousel-column .vs_carousel_outer{
    
        padding-left: 10px;
    }
    .vs_owl_carousel .owl-item img {

        width: 470px;
        height: 590px;
    }
    .vs_specialize_section_about .thumbs-carousel {
       
        left: 560px;
    }
    @media only screen and (min-width: 320px) and (max-width: 1023px) {
      

        .vs_owl_carousel .owl-item img {
            width: unset;
            height: unset;
        }
        .vs_specialize_section_about .thumbs-carousel {
       
            left: unset;
        }
        .specialize-section-two .carousel-column .vs_carousel_outer{
    
            padding-left: unset;
        }
    }
    .vs_map_section{
        margin-top: -55px;
    }
    .main-footer .gallery-widget .outer .image {
        width: 26.3333%;
    }

    .vs_carousel_outer_owl .thumbs-carousel .owl-nav {
    display: none;
    }

    .vs-footer-logo>h3>a:hover{
color: #fd0200;
    }

    .vs-product-details h4{
        font-size: 24px;
        font-weight: 700;
        margin: 5px 0px 20px;
        line-height: 1.4em;
        color: #222222;
    }

    .vs-product-details  .rating {
        font-size: 18px;
        color: #fd0200;
        margin-bottom: 15px;
        display: inline-block;
    }
    .vs-product-details  .item-price {
        font-size: 22px;
        font-weight: 700;
        color: #fd0200;
        line-height: 24px;
    }

    .vs-product-details .text {
        margin-bottom: 25px;
        margin-top: 22px;
        color: #777777;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8em;
    }
    .vs-product-image>img{
        width: 100%;
    }
    .vs-product-details-section{
        margin-top: 100px;
        margin-bottom: 100px;
    }
  

    .vs-door{ 
padding: 200px 0px 100px 0px;

    }
    .vs-door h1{
        width: 100%;
        text-align: center;
    }

    .contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group input[type="url"], .contact-form .form-group textarea, .contact-form .form-group select {
    border: 1px solid #e1e1e1 !important;
    padding-left: 5px;
    
    }
    .project-block-two .info-box .text {
    text-transform: capitalize;
    }
    .sticky-header .main-menu .navigation > li > a {
        text-transform: uppercase;
    }
    .main-menu .navigation > li > ul > li > a {
        text-transform: uppercase;
    }
    .main-footer .links-widget .list li a {
        text-transform: uppercase;
    }
    .main-footer .about-widget .text {
    text-transform: uppercase;
    }

    .vs-slide-item{
        height: 500px;
    }
    @media only screen and (max-width: 1023px){
.banner-section-three .vs-slide-item {
height: 400px;
}
    }

    @media only screen and (min-width: 1024px) and (max-width: 1365px) {
   
    
    .main-menu .vs_navigation > li.current > a, .main-menu .vs_navigation > li:hover > a {
color: #fd0200 !important;
    }
    .vs_get_btns>a{
        color: #fff !important;
    }
    .sticky-header .main-menu .navigation > .vs_get_btn > a {
        color:#fff !important;
            }
            .vs_specialize_section_about .thumbs-carousel {
                left: unset;
            }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* .logo{
        height: 20px;
 
    } */
    .main-menu .vs_navigation > li.current > a, .main-menu .vs_navigation > li:hover > a {
    color: #fd0200 !important;
    }
    .header-style-three .main-menu .navigation > li > a {
    font-size: 12px;
    }
    .header-style-three .main-menu .navigation > li {
        margin-left: 12px;
    }
    .vs_get_btns>a{
        color: #fff !important;
    }
    .sticky-header .main-menu .navigation > li {
        margin-left: 14px !important;
    }
    .sticky-header .main-menu .navigation > .vs_get_btn > a {
color:#fff !important;
    }
    .vs_owl_carousel .owl-item img {
    width: 100%;
    }
    .specialize-section-two .carousel-column .carousel-outer {
    max-width: 100%;
    }
}
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .page-title {
        padding-top: 115px;
    }
}
@media only screen and (max-width: 420px) {
   .page-title{
       padding-top: 115px;
   }
.vs_specialize_section_about{
    padding-top: 40px;
    padding-bottom: 40px;
}
.vs_specialize_section{
    padding-top: 35px;
    padding-bottom: 30px;
}
.vs-widgets-section{
    padding-top: 40px !important;
    padding-bottom: 0px !important;
}
}
.vs-map-title-section{
   background-color: whitesmoke; 
    position: relative; 
    padding-bottom: 20px;
}


/* app link icon list  */
.vs_menu_list{
    position: absolute;
    z-index: 999;
    top: 30px;
    right: 35px;
}
.vs_menu_list>.vs_menu_list_dropdown>a>i{
    /* background-color: black;
     */
     color: black;
     font-size: 36px;
}
.vs_menu_list>.vs_menu_list_dropdown>.vs_app_dropdown_menu{
    left: -29px !important;
    width: 250px;
    text-align: center;
}
.vs_menu_lists{
    position: absolute;
    z-index: 999;
    top: 22px;
    right: 35px;
}
.vs_menu_lists>.vs_menu_list_dropdown>a>i{
    /* background-color: black;
     */
     color: black;
     font-size: 36px;
}
.vs_menu_lists>.vs_menu_list_dropdown>.vs_app_dropdown_menu{
    left: -29px !important;
    width: 250px;
    text-align: center;
}

.vs_app_link{
    margin-top: 20px;
    margin-bottom: 30px;

}
.vs_app_links{
    margin-bottom: 30px;
}
.vs_app_linkss{
margin-bottom: 20px;
}
@media only screen and (min-width: 319px) and (max-width: 1024px) {  
    .vs_menu_lists{
        display: none;
    }
    .vs_menu_list{
        display: none;
    }
}
/* events page  */

.vs_event_list{
    margin-top: 80px;
    margin-bottom: 80px;
}
.vs_event_list ul{
    overflow-y: scroll;
    height: 500px;
}
.vs_event_list .vs_event_heading h4{
    text-align: center;
}
.vs_event_list .vs_event_headings{
    margin-top: 40px;

}
.vs_event_list .vs_event_headings h4{
    text-align: center;
}
.vs_event_list .vs_event_head{
    background-color: #0378be;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}
.vs_event_list .vs_event_head >a{
color: #fff;
}
.vs_event_list_ul>li>a{
font-size: 18px;
}
.vs_event_list_ul>li{
margin-top: 10px;
}
.vs_event_list_ul>li>a:hover{
    color: black;
}
.testimonial-block-two .inner-box {
border: 1px solid #bbbbbb;
}
.vs_vyugam{
    color: #fff;
    font-size: 18px;
}
.vs_vyugam > a{
    color: #fff;

}
.vs_vyugam > a:hover{
color: #0378be;
    
    }
    .vs-map-title>h2{
    color: #2f2f2f;
    }
    .shop-item .inner-box .vs_lower_content {
        text-align: center;
    }
    .vs_pull-left{
        float: unset;
    }
    .vs_order_name{
        width: 75%;
        display: inline-block;
        border: none;
    }
    .vs_order_price{
        width: 90%;
        display: inline-block;
        border: none;
    }
    .vs_order_price[readonly]{
       background-color: unset;
    }
    .vs_order_name[readonly]{
        background-color: unset;
     }

     .vs-product-details .item-price .discount{
        position: relative;
        color: #777777;
        margin-right: 8px;
        text-decoration: line-through;
    }
     
/* appointemnt  */

.hidden-bar{
    background-color: #0378be;
    
    }
    .hidden-bar .vs_get_inner_box {
    background-color: #0378be;
    }
    .hidden-bar .vs-appointment-form input[type="text"], .hidden-bar .vs-appointment-form input[type="email"], .hidden-bar .vs-appointment-form textarea {
    background-color: #fff;
    color:#130101;
    }
    @media only screen and (min-width: 320px) and (max-width: 4250px){
    /* .vs_event_list ul {
        height: 100%;

    } */
    .vs_contact_page_section .form-column .inner-column {

padding-top: 20px;
padding-bottom: 20px;
    }
    .vs_fun_fact_features {
padding-bottom: 20px !important;
padding-top: 20px !important;
    }
}
/* pagination  */
/* .styled-pagination li a{
width: 75px !important;
height: 50px !important;
line-height: 45px !important;
} */
.vs_app_section .content-column .text p{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
}
/* footer  */

.main-footer:before {
    background: transparent;
}
.main-footer .footer-bottom .inner-container:before {
    background: transparent;
}
.main-footer .footer-bottom .copyright-text {
background: transparent;
}
.main-footer .footer-bottom .copyright-text:before {
    border-bottom-color: transparent;
}
.main-footer .footer-bottom {
   
    border-top: 1px solid transparent;
}
.main-footer .footer-bottom .copyright-text p {
color: #fff;
}
.main-footer .footer-bottom .copyright-text a {
    color: #fff;
}



.main-header .logo-box .logo {
    position: relative;
    padding: 5px 0;
}

.banner-section-five .owl-dot.active, .nav-toggler:hover, .shipping-form button, .cart-section .coupon-btn, .cart-section .cart-options .cart-btn, .payment-box .payment-options li .radio-option label .small-text, .shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover, .shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn, .range-slider-one .ui-widget-content .ui-state-default, .range-slider-one .ui-state-default, .scroll-to-top:hover, .brochure-box:hover, .blog-cat li.active a, .blog-cat li a:hover, .news-block .image-box .overlay-box, .news-block-two .image-box .overlay-box, .about-section .content-column .content-box .title h2:before, .news-block-three .image-box .overlay-box, .sidenav-bar .cross-icon:hover, .header-style-three .nav-toggler:hover, .header-style-two .nav-toggler:hover, .main-footer .footer-bottom .inner-container:before, .main-footer .footer-bottom .copyright-text, .shop-item .inner-box .image .overlay-box .cart-option li a, .sidebar .search-box .form-group input[type="submit"]:hover, .sidebar .search-box .form-group button:hover, .news-block-four .image-box .overlay-box, .team-block .inner-box:hover .image-box .name, .banner-section-two .owl-dot.active, .cart-section .totals-table .proceed-btn, .header-style-two .main-menu .navigation > li > a:before, .feature-block .inner-box:hover, .specialize-section-two .thumbs-carousel .thumb-box .overlay:before, .process-block .inner-box:hover .count, .services-carousel-two .owl-dot:hover, .services-carousel-two .owl-dot.active, .service-detail .image-box .owl-next:hover, .service-detail .image-box .owl-prev:hover, .services-carousel .owl-dot:hover, .header-style-one .main-menu .navigation > li > a:before, .header-style-three .main-menu .navigation > li > a:before, .services-carousel .owl-dot.active, .accordion-box .block .acc-btn.active, .main-header .header-top, .header-style-two .nav-toggler:hover, .main-header .cart-btn .count, .btn-style-eight:hover, .btn-style-six:hover, .main-footer .gallery-widget .image a:before, .btn-style-five {
    background-color: #0378be;
}

.banner-section-six .social-links li a:hover span, .banner-section-six .social-links li a:hover, .banner-section-six .contact-info li a:hover, .social-icon-three li a:hover, .banner-section-five .content-box .video-link a, .header-style-six .nav-toggler, .header-style-six .contact-info li span, .banner-section-two .slide-item .title, .banner-carousel .owl-next:hover, .banner-carousel .owl-prev:hover, .banner-section .bottom-box .contact-info li span, .main-header .search-box-btn, .header-style-two .contact-info li span, .service-block-two .caption-box h3 a:hover, .main-header .contact-info li a:hover, .shop-item .inner-box .lower-content .price, .cart-table tbody tr .remove-btn, .cart-section .totals-table .total .price, .shop-item .inner-box .lower-content .rating .fa, .sidebar .related-posts .post .rating .fa, .sidebar .related-posts .post a, .sidebar .related-posts .post a:hover, .product-details .basic-details .details-header .rating, .product-details .basic-details .details-header .item-price, .comments-area .comment-box .rating, .checkout-page .default-links li .fa, .shop-comment-form .rating-box .rating a:hover, .order-box ul li span, .service-detail .prod-tabs .tab-btns .tab-btn:hover, .service-detail .prod-tabs .tab-btns .tab-btn.active-btn, .service-detail .inner-box ul li:before, .help-box-two .inner .title, .help-box-two .inner .theme-btn, .help-box .inner .title, .list-style-one li:before, .main-footer .footer-column .widget-title:before, .team-block .image-box .social-links li a:hover, .page-title .bread-crumb li, .header-style-four .header-top .top-right li a:hover, .process-block .link-box a, .banner-carousel-two .owl-next:hover, .banner-carousel-two .owl-prev:hover, .specialize-section-two .title-column .text-box h4, .banner-section-three .social-links li a:hover span, .banner-section-three .social-links li a:hover, .banner-section-three .contact-info li a:hover, .sidenav-bar .side-nav .navigation > li:hover > a, .sidenav-bar .side-nav .navigation > li > ul > li:hover > a, .sidenav-bar .side-nav .navigation > li.current > a, .sidenav-bar .side-nav .navigation > li > ul > li.current > a, .product-block .info-box .price, .service-block .lower-content .link-box a:hover, .service-block .lower-content h3 a:hover, .banner-carousel-two .content-box .count, .banner-carousel-two .link-box a, .service-block-two .link-box a, .banner-section-two .content-box .video-link a, .header-style-two .nav-toggler, .latest-news .post:hover h3 a, .comments-area .comment-box .reply-btn, .contact-page-section .contact-info .info-block p a:hover, .time-counter .time-countdown .counter-column, .error-section .error-title span, .cat-list li.active a, .cat-list li:hover a, .cat-list li.active a span, .cat-list li:hover a span, .social-icon-two li a:hover, .video-section .content-column .title, .video-section .video-column .video-box .link .icon, .news-block-four .inner-box:hover .content-box h3 a, .news-block-four .content-box .info li a:hover, .news-block .inner-box:hover .caption-box h3 a, .news-block-two .blockquote h2 span, .contact-section .info-column .contact-info li a:hover, .recent-posts .post h4 a:hover, .main-footer .links-widget .list li:hover:before, .main-footer .links-widget .list li a:hover, .news-block-three .inner-box:hover .content-box h3 a, .news-block-three .content-box .info li a:hover, .news-block-two .inner-box:hover .caption-box h3 a, .news-block-two .caption-box .info li a:hover, .products-carousel .owl-next:hover, .products-carousel .owl-prev:hover, .testimonial-block-two .info-box .name, .testimonial-carousel-two .owl-next:hover, .testimonial-carousel-two .owl-prev:hover, .offer-section .form-column .upper-box .title, .offer-section .form-column .upper-box .discount, .testimonial-carousel .owl-next:hover, .testimonial-carousel .owl-prev:hover, .testimonial-block .info-box .designation, .styled-pagination li.next-post a:hover, .styled-pagination li.prev-post a:hover, .projects-carousel-two .owl-next:hover, .projects-carousel-two .owl-prev:hover, .projects-section-two .upper-box .link-box a, .project-block-two .info-box .link-box a, .project-block .overlay-box .btn-box a:hover, .feature-block .link-box a, .process-block h4 a:hover, .projects-carousel .owl-next:hover, .projects-carousel .owl-prev:hover, .carousel-outer .thumbs-carousel .owl-next:hover, .carousel-outer .thumbs-carousel .owl-prev:hover, .sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li.current-menu-item > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a, .header-style-four .search-box-btn, .main-header .search-box-btn:hover, .list-style-two li:before, .btn-style-eight, .btn-style-four:hover, a {
    color: #0378be;
}
h4.title {
    color: #5500a8 ! important;
}
span.highlight-title {
    font-size: 43px;
}
.main-footer.alternate .widgets-section {
    margin-top: 0;
    padding-top: 20px;
}
.main-footer .footer-bottom {
    background-color: #0378be;
}
.main-footer {

    background-color: black;
}
.banner-carousel-two .owl-prev:before , .carousel-outer .thumbs-carousel .owl-prev:before ,.banner-carousel-two .owl-next:before ,.carousel-outer .thumbs-carousel .owl-next:before,.testimonial-carousel-two .owl-prev:before,.testimonial-carousel-two .owl-next:before {
    transform: skew(360deg, 0deg);
    border-color: #fff7f7;
   
       
}
.banner-carousel-two .owl-next:before, .banner-carousel-two .owl-prev:before , .carousel-outer .thumbs-carousel .owl-prev:before,.carousel-outer .thumbs-carousel .owl-next:before ,.testimonial-carousel-two .owl-prev:before,.testimonial-carousel-two .owl-next:before { 
    border-radius: 10px;
}
.banner-section-three .bottom-box {
    position: relative;
    background-color: #0378bd;
}
.banner-carousel-two .owl-next, .banner-carousel-two .owl-prev {

    color: #ffffff;
}
.image-border-style {
    width: 465px;
    border: 6px solid #0378bd;
    height: 465px;
    position: absolute;
    padding: 51px;
    left: 150px;
    top: -26px;
    z-index: -1;
}
.vs_get_btns>a {
    color: #0378bd !important;
}
.vs_get_btn>a {
    border-color: black !important;
    color: #0378bd !important;
}
.vs_get_btn>a:hover {
    color: #fff !important;
    background-color: #0378be !important;
    border-color: unset !important;
}
.vs_event_list .vs_event_head >a {
    color: #fff;
    font-size: 21px;
}
.vs_event_list .vs_event_head {
    background-color: #0a0a0a;
    text-align: center;
    padding: 3px;
    margin-bottom: 10px;
    border-radius: 3px;
    color: #fff;
}
.pr_ullist li {
    background-color: royalblue;
    margin-top: 15px;
    padding: 5px;
}
.pr_ullist li a{
    color:#fff;
    font-size: 16px;
    font-weight: bold;
}
.vs_event_list_ul>li {
    
    list-style: square;
    
}
.vs_event_list_ul>li::first {
    margin-top: 20px;
    list-style: square;
    margin-left: 15px;
}
/* new add  */

.head_Des h4{
    color: royalblue;   
}
.head_Des h5{
    font-weight: 500;
    font-size: 16px;
}
.wrapper .sidebar ul li a:hover,
.wrapper .sidebar ul li a.active{
    color: #0c7db1;

    background:white;
    border-right: 2px solid rgb(5, 68, 104);
}

.wrapper .sidebar ul li a:hover .icon,
.wrapper .sidebar ul li a.active .icon{
    color: #0c7db1;
}

.wrapper .sidebar ul li a:hover:before,
.wrapper .sidebar ul li a.active:before{
    display: block;
}

.img_card {
    /* inline-size: 50vmin;
    block-size: 50vmin; */
  
    border: 9px solid hsl(100 100% 60%);
    border-image-slice: 1;
    
    /*  leverage cascade for cross-browser gradients  */
    border-image-source: linear-gradient(
      hsl(100 100% 60%),
      50%,
      hsl(200 100% 60%)
    );
    border-image-source: radial-gradient(
      hsl(100 100% 60%),
      75%,
      hsl(200 100% 60%)
    );
    border-image-source: conic-gradient(
        hsl(225deg 73% 57%), hsl(200 100% 60%), hsl(0deg 0% 15%) 
    );
    
    display: grid;
    /* place-content: center; */
    padding: 25px;
    box-sizing: border-box;
    font-size: 10vmin;
  }
  .pr_5{
    padding:5px;
  }
  .empty_data{
    text-align: center;
  }
  .empty_data h4{
    font-size: 25px;
    font-weight: 600;
  }

  .projects-carousel .owl-nav {
    position: absolute;
    left: unset !important;
    right: 95px !important;
    top: -50px;;
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
}
.t_align{
    text-align: center;
}
.specialize-section-two{
    padding:60px;
}
.process-section .sec-title {
    margin-bottom: 40px;
}
.process-block {
    /* position: relative; */
    margin-bottom: 0px;
    /* margin-right: 20px; */
}
.projects-carousel  .owl-item {
    margin-right: 20px;
}
.projects-section {

    padding: 0;
}
.sec-title {
    position: relative;
    margin-bottom: 10px;
}


.vs_project_block .overlay-box { 
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.vs_project_block .overlay-box:before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0%;
    width: 0%;
    opacity: 0;
    overflow: hidden;
    content: "";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgb(0 0 0 / 52%);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.btn-style-two:hover, .btn-style-three:hover, .fact-counter .count-box:hover:before {
    box-shadow: #0378bd 0 0px 0px 40px inset;
}
.app_btn:hover{
    box-shadow: #222222 0 0px 0px 40px inset;
}
@media only screen and (max-width: 767px){
    .main-menu .navbar-header .navbar-toggle, .main-menu .navbar-collapse > .navigation, .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul, .main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > a:hover, .main-menu .navbar-collapse > .navigation > li > a:active, .main-menu .navbar-collapse > .navigation > li > a:focus, .main-menu .navbar-collapse > .navigation > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a, .main-menu .navigation > li .mega-menu-bar .column > ul > li > a, .main-menu .navigation > li .mega-menu-bar .column > ul > li:hover > a, .main-menu .navigation > li .mega-menu-bar .column > ul > li > a, .main-menu .navigation > li .mega-menu-bar .column > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li.current > a, .main-menu .navbar-collapse > .navigation > li.current-menu-item > a {
    background-color: #0378bd;
}
.header-style-three .main-menu .navigation > li > a {
    color: #ffffff;
}
.main-menu .navbar-header .navbar-toggler .icon {
    color: #0a0a0a;
}
}
@media only screen and (max-width: 425px){
.banner-section-three {
    padding-bottom: 0px;
}
.banner-carousel-two .owl-nav {
    left: auto;
    right: 28%;
    max-width: none;
    width: 208px;
    transform: translateX(95px);
}
.banner-carousel-two .owl-nav {
    bottom: -5px;
}

.banner-carousel-two .owl-next, .banner-carousel-two .owl-prev {
    position: relative;
    display: inline-block;
    padding-left: 6px;
    font-size: 8px;
}
.banner-carousel-two .owl-next:before, .banner-carousel-two .owl-prev:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 33px;
    width: 35px;
    border: 2px solid #bbbbbb;
    border-right: 0;
    content: "";
    z-index: -1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.banner-carousel-two .owl-next:before {
    left: auto;
    right: -9px;
    border: 2px solid #bbbbbb;
    border-left: 0;
}
.specialize-section-two {
    padding: 0px;
}
.vs_event_list ul {
    overflow-y: scroll;
    height: auto;
}

}