.search-autocomplete ul li span {color: #6c6c6c; } 
.page-header.type9 .panel.header.show-icon .header.links {right: -10px; margin-top: 10px; font-size: 12px; text-align: left; } 
.page-header.type9 .search-area .block.block-search input {width: 394px; padding: 0 40px 0 15px; } 
.checkout-cart-index td.col.qty .control.qty div.mage-error[generated] {top: 50px !important; } 
/*.account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional {width: auto !important; } */
.customer-account-index .sidebar-additional .block.block-reorder {padding: 0; } 
.customer-account-create div.mage-error[generated] {color: #e02b27; position: absolute; width: 250px; float: left; font-size: 10px !important; margin-top: 0; }
.customer-account-create div#password-strength-meter {padding-top: 15px; }
.page-header.type9 .search-area .block.block-search input {height: 42px; font-size: 11px; font-style: italic; font-weight: 400; padding: 0 80px 0 15px !important; } 
.share-links .share-youtube:before {content: "\f167"; } 
.share-links a:before {font-family: 'Font Awesome 5 Brands'; text-indent: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 23px; height: 22px; margin: auto; z-index: 2; }
/*.blog-index-index .page-main > .page-title-wrapper .page-title {font-size: 20px; margin: 0 0 30px; display: none !important; }*/
a.action {color: #000;}
.fieldset>.legend {padding: 0; border: 0; color: #000 !important; text-transform: uppercase; margin: 0 0 20px; font-size: 16px; font-weight: 400; }
.share-links .share-youtube::before {content: "\f167"; }
.customer-account-create div.mage-error[generated] {color: #e02b27; position: absolute; width: fit-content !important; float: left; font-size: 10px !important; margin-top: 0; }
.categorypath-magento-2-extension .row.no-padding {padding-top: 0 !important; }

.share-links .share-youtube::before {content: "\f167"; }
/* .account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional {width: auto !important; } */
.checkout-cart-index .action.action-register.primary span {text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff !important; }
.box-tocart .field.qty input + div.mage-error[generated] {top: 50px !important; left: 0; width: 300px; }
.checkout-cart-index .cart-empty.text-center .return-to-shop a {min-width: 200px; padding: 16px 0; font-size: 15px; letter-spacing: -.015em; text-align: center; color: #fff; background-color: #002347; border: none; line-height: 1.5; font-weight: 700; text-transform: uppercase; display: inline-block; color: #fff !important; }

.panel.header.show-icon .header.links li {display: block; padding: 10px !important; border: 0; color: #777; line-height: 19px; }
.panel.header.show-icon .header.links li a {display: block; padding: 0; transition: all .2s; color: inherit; font-size: 1em; font-weight: 400; white-space: nowrap; color: #000 !important; }
.panel.header.show-icon .header.links li span {font-weight: 400; color: #000 !important; }

.main-section {width: 100%; float: left; padding: 10px 15px; border: 1px solid #bcbcbc; margin-bottom: 60px; }
.main-section h1.table-title {margin-bottom: 10px; }
.table-content {display: flex; flex-wrap: wrap; width: 100%; float: left; }
.table-content a {width: 100%; float: left; margin-bottom: 10px; }

.new-one-title {
    padding-top: 85px;
    margin-top: -70px;
}

.product-full-width-section{
    padding: 0 2rem;
}
.rating-summary .rating-result:before{
    color: #c3c5c9 !important;
}
.product-info-main .product-reviews-summary .rating-summary .rating-result > span:before{
    color: #ffc600 !important;
}

div.mage-error{
    position: unset;
    width: 18rem;
    bottom: -22px;
    left: 0px;
}
.page-header.type9 .search-area.show-icon-tablet .block.block-search{
    z-index: 900;
}

@media (max-width: 991px){
    .search-area.show-icon-tablet .block.block-search{
    background: #014189;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
        .actions {
            display: none;
        }
   }

@media screen and (min-width: 320px) and (max-width: 767px) {  

.post-carousel .post-item > a img {width: 225px; height: auto !important; object-fit: cover; max-width: none; object-position: center; } 
.products-list .product-item-info {display: block; align-items: center; } 
.products-list .product-item-details {flex: 1 1 auto; max-width: 100% !important; padding-bottom: 1px; text-align: left; margin-top: 20px; }
body .vc_custom_heading.mb-2.align-left {font-size: 22px !important; line-height: 40px !important; } 
.porto-container.container.inner-30.inner-lg-45 {position: absolute; top: 83%; width: 100%; float: left; }
body .vc_custom_heading.coupon-sale-text.mb-4.align-left {font-size: 35px !important; }
.pl-lg-4.col-sm-9.offset-sm-3.vc_column_container.col-md-9.offset-lg-5.col-lg-7.offset-md-3.col-12 {margin: 0; padding: 0; width: 100%; float: left; }
.fullscreen-carousel .owl-item .porto-ultimate-content-box-container {max-height: 300px !important; }
.fullscreen-carousel {height: auto !important; position: relative; max-height: 804px; }
.vc_custom_heading.custom-font4.mb-1.align-left.heading-light {text-align: center; font-size: 18px !important; }
#newsletter_popup {width: 100% !important; min-height: 320px; background-image: url(https://www.vdcstore.com/media/porto/newsletter/background/default/NEWSLETTER.jpg); }
.row.no-padding {margin: 0; width: 100%; float: left;}
h3.vc_custom_heading.mb-0.align-left.heading-light {font-size: 25px !important; text-align: center; }
h1.vc_custom_heading.custom-font4.mb-1.align-left.heading-light {font-size: 20px !important; line-height: 45px !important; text-align: center; }
.toolbar .modes, .toolbar .sorter-label, .toolbar .limiter .label {display: block; }
.page-main {padding-top: 20px; padding-bottom: 40px; clear: both !important; }
.page-header.type9 {position: static !important; width: 100%; top: 0; }

.header.content.header-row {background: #002347 !important; }

.toolbar.toolbar-products .field.limiter .control select {padding: 0 21px !important; margin: 0; }

/*change*/
.live-demo-section, .feature-flexBox, .fieldset > .actions, .support-service-container, .problem_main_section, .custom-product-menu{flex-direction: column;} 
.feature-highlight, .pagebuilder-column-group{margin: 0 !important; padding: 0 !important;} 
.problem_solution_container{width: 100% !important;}
.highlights-section{flex-direction: column !important;} 
#feature-Highlights:nth-last-child(1) .highlights-section{flex-direction: column !important;} 
.solution-img{margin: 6rem !important;} 
.pagebuilder-column, .feature-point{width: 100% !important;}
.row-full-width-inner .pagebuilder-column:last-child div{text-align: center; padding-bottom: 2rem !important;}
.owl-carousel{padding: 0 !important;}   
.columns{display: block;}
/* h2{line-height: 36px !important; margin: 0 0 16px 0 !important;} */
.problem_main_section, .solution_main_section{width: auto;}
.service-box .solution_container{width: 100% !important;}
.live-demo-containter{height: auto !important;}

.service-box{justify-content: space-between !important; width:100% !important;}
body .support-service-container{padding: 0 0 2rem 0 !important; gap: 1.5rem;}
.live-demo-title h2{font-size: 50px !important; padding: 1.8rem 0 !important;}
.live-demo-title h4{font-size: 26px !important;}
.pagebuilder-column-group p{font-weight: 500 !important; font-size: 13px !important; line-height: 26px !important; padding-bottom: 2rem !important;}
.feature-highlight h2{font-size: 26px !important;}
.problem_solution_container, .solution_container{height: fit-content !important; font-size: 16px !important; width: 100% !important; }
.support-service-container .service-box{justify-content: left !important; border: none !important;}
.support-service-container .service-box .service-link a{font-size: 14px;}
.live-demo-box{gap: 2rem;}
.pagebuilder-column h2, .review-list .block-title strong, #block-related-heading, .mageprince-faq-heading, .product-info-main .price-container .price {font-size: 28px !important; text-align: center;}
.slider-title, .section-title{margin: 1rem 0 !important;}
.page-title span{font-size: 1.6rem !important; line-height: 45px !important;}
.problem_solution_container, .solution_container{padding: 1.5rem !important;}
.review-item{margin: 0 !important; padding: 1.5rem !important;}
.review-ratings{padding: 0.5rem !important; margin: 0 !important; margin-top: 1rem !important; width: 100%;}
a#need-hep-btn{padding: 0.8em 2em !important; font-size: 16px !important;}
.row-full-width-inner .pagebuilder-column:last-child div{text-align: center !important;}
a#modal-btn{padding: 0.8em 3em !important;}
.box-2{top: 24px !important;}

}


@media screen and (min-width: 576px) and (max-width: 767px) {  


h3.vc_custom_heading.mb-0.align-left.heading-light {text-align: center; font-size: 18px !important; }




}



@media screen and (min-width: 768px) and (max-width: 991px) {  

body .vc_custom_heading.mb-2.align-left {font-size: 22px !important; line-height: 40px !important; } 
.porto-container.container.inner-30.inner-lg-45 {position: absolute; top: 50%; width: 100%; float: left; }
body .vc_custom_heading.coupon-sale-text.mb-4.align-left {font-size: 35px !important; }
.pl-lg-4.col-sm-9.offset-sm-3.vc_column_container.col-md-9.offset-lg-5.col-lg-7.offset-md-3.col-12 {margin: 0; padding: 0; width: 100%; float: left; }
/*.page-header.type9 {position: static; width: 100%; float: left; }*/
.fullscreen-carousel .owl-item .porto-ultimate-content-box-container {max-height: 500px !important; }
.fullscreen-carousel {height: auto !important; position: relative; max-height: 804px; }
.no-margin {margin: 0!important; clear: both; }
.page-header.type9 {position: absolute; width: 100%; top: 0; background: #004188 !important; }


/*change*/  
.columns{display: block;}
.pagebuilder-column-group{margin: 0 !important; padding: 0 !important;} 
/* h2{line-height: 45px !important; margin: 0 0 16px 0 !important;} */
.solution_main_section, .solution_container{width: auto;}
.solution_container{width: 100% !important;}
.live-demo-containter{height: auto !important;}
.problem_solution_container, .pagebuilder-column{width: 100% !important;}
/* .support-service-container .service-box{gap: 1rem !important;} */
.support-service-container .service-box .service-link a{font-size: 14px !important; line-height: 1px !important;}
.live-demo-section{flex-direction: column !important;}
/* .pagebuilder-column-line{flex-direction: column !important; gap: 2rem !important;} */
.feature-Highlights .problem_main_section{flex-direction: column !important; width: 100% !important;}
.solution-img{margin: 6rem 18rem !important;}
.need-help .pagebuilder-column-line{flex-direction: row !important;}
.problem_solution_container, .solution_container{padding: 2rem 2rem 5rem 2rem !important; height: auto !important;}
#shortdiscription-buttons{position: absolute;}
.primeBtn{padding: 7px !important;}
}


@media screen and (min-width: 992px) and (max-width: 1024px) {  

.fullscreen-carousel .owl-item .porto-ultimate-content-box-container {max-height: 500px !important; }
.fullscreen-carousel {height: auto !important; position: relative; max-height: 804px; }
.porto-ultimate-content-box.has-content-pos.justify-content-center.porto-lazyload.lazy-load-loaded {padding-top: 80px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0); }
.checkout-cart-index .cart-container {display: flex; flex-wrap: wrap; }
.checkout-cart-index .cart-summary {width: 100% !important; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding: 24px 30px; }
.checkout-cart-index .cart-container .form-cart {width: 100% !important; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; padding-right: 0 !important; position: relative; }
.product-add-form .product-options-bottom .box-tocart .tocart{padding: 0rem 1rem !important;}
}


@media screen and (min-width: 1025px) and (max-width: 1200px) {  
.checkout-cart-index .cart-container {display: flex; flex-wrap: wrap; }
.checkout-cart-index .cart-summary {width: 100% !important; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding: 24px 30px; }
.checkout-cart-index .cart-container .form-cart {width: 100% !important; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; padding-right: 0 !important; position: relative; }
#shortdiscription-buttons{position: absolute !important;}
.primeBtn{padding: 0;}

}
@media screen and (min-width: 992px) and (max-width: 1199px){
   a#modal-btn { padding: 0.8em 1em !important;}
   .mainBtn{padding: 0.8em 4em !important;}
   .box-2{top: 13px !important; height: 159px !important;}
   .solution_container{width: 653px !important;}
}


    .sliderImgContainer {
            width: auto;
            background-color: aliceblue;
            padding: 1rem;
            display: none;
        }

        .arrow {
            color: black;
            font-size: 1.5rem;
            background-color: #ffffff87;
            padding: 1rem;
            cursor: pointer;
            position: absolute;
            border-radius: 5px;
            top: 45%;
            transition: all 1s ease;
        }

        .arrow:hover {
            background-color: #ffffffeb;
        }

        .prev {
            left: 5rem;
        }

        .next {
            right: 5rem;
        }

        .close {
            top: 0;
            right: 0;
            background-color: transparent;
            color: aliceblue;
        }

        .close:hover {
            color: black;
        }

        /* ============== */

        .popup-container .popup {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: #000100d4;
            display: none;
            transition: all .3s ease;
            z-index: 999;
            -webkit-transition: all .3s ease;
        }

        .popup-container .popup .popup-inner {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: auto;
            z-index: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: 250ms all;
        }

        .popup-container .popup .transparent-label {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            cursor: pointer;
        }
        .owl-item:hover{
            border: 2px solid black;
        }
        .custom-block{
            display: block;
            width: auto !important;
            float: none !important;
            padding-left: 30px;
        }
/*-----------*/

.product-info-main .page-title-wrapper h1{
    font-size: 1.6rem;
    margin-top: 1rem;
}
/*.page-title span{
     font-size: 1.6rem !important;
}*/

/*.page-title-wrapper h1{
    margin-top: 4rem !important;
    margin-bottom: 1rem !important;
}*/
.page-title span{
    font-weight: 600 !important;
    font-size: 44px !important;
    line-height: 45px !important;
}
/*.product-magento-2-restrict-zip-extension */
.value{
    ont-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 30px;
}

/*----------*/

.support-service-container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 3rem;
}
.support-service-container button{
   border: none;
    border-right: 1px solid black;
    margin-right: 1rem;
    padding: 0px 2rem;
    text-align: left;
}
.support-service-container button:last-child{
    border-right: none;
    margin: 0;
}
.support-service-container button a{
     color: black;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
}


/*---------*/

.live-demo-containter {
/*    background: #004188;*/
    padding-top: 2.5rem;
    position: relative;
    margin: 0 0 30px 0;
    height: 635px;
}

.live-demo-containter::after {
    content: "";
    background: url(../Magento_ProductVideo/img/vdcbackground.jpg);
    background-color: #004188;
    position: absolute;
    left: 50%;
    top: 0px;
    width: 100vw;
    transform: translate(-50%,0);
    height: 100%;
    z-index: -1;
}

.live-demo-title{
    text-align: center;
}
.live-demo-containter button{
    background-color: #004188;
}
.live-demo-containter button a{
    color: white;
}

.live-demo-title h4 {
    padding: 1rem 0;
    color: white;
    position: relative;
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
}

.live-demo-title h4::after {
    content: "";
    background: rgba(245, 245, 245, 0.4);
    position: absolute;
    left: 50%;
    top: 0px;
    width: 100vw;
    transform: translate(-50%,0);
    height: 100%;
    z-index: 0;
}

.live-demo-title h2{
    color: white;
/*    font-size: 3rem;*/
    padding: 0.8rem 0;
    font-family: 'Poppins';
/*    font-weight: 600;*/
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
}

.live-demo-section{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 3rem;
    gap: 3rem;
}
.live-demo-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    gap: 3rem;
}


/* 16-01-25 */
body .live-demo-title .livename {
    padding: 1rem 0;
    color: white;
    position: relative;
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
}


body .live-demo-title .livename::after {
    content: "";
    background: rgba(245, 245, 245, 0.4);
    position: absolute;
    left: 50%;
    top: 0px;
    width: 100vw;
    transform: translate(-50%,0);
    height: 100%;
    z-index: 0;
}

.why-choose-title h3 {
    color: #000000;
    padding: 1rem 0;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
}

/* 16-01-2025 */
body .live-demo-title .livename {
    padding: 1rem 0;
    color: white;
    position: relative;
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
}


body .live-demo-title .livename::after {
    content: "";
    background: rgba(245, 245, 245, 0.4);
    position: absolute;
    left: 50%;
    top: 0px;
    width: 100vw;
    transform: translate(-50%,0);
    height: 100%;
    z-index: 0;
}

.why-choose-title h3 {
    color: #000000;
    padding: 1rem 0;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
}


/*--------*/

.pagebuilder-column-line{
    margin-top: 3rem;
}
.pagebuilder-column h2{
    /*font-weight: 500;
    font-size: 2rem;*/
    color: black;

    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
}

.feature-highlight h2{
   /* font-weight: 500;
    font-size: 32px;*/
    color: #000000;
    padding: 1rem 0;

    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
}
.feature-highlight p{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

/*--------*/

.feature-flexBox{
    display: flex;
    gap: 3rem;
    justify-content: start;
    align-items: start;
    margin-bottom: 1rem;
}
.feature-point{
    width: 50%;
}
.feature-point ul{
    list-style: none;
    padding: 0;
    padding-left: 1rem;
}
.point-box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
.point-box p{
    margin: 0;
}

.custom-product-menu{
    display: flex;
    background-color: black;
    justify-content: center;
    align-items: center;
}
.custom-product-menu a{
    color: #272D35 !important;
    padding: 1.2rem 1rem;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}
.fotorama__nav--thumbs{
   display: none !important;
}
#block-related-heading{
    font-family: 'Poppins';
    font-style: normal;
   
/*    font-size: 2.1rem;*/
   
    text-transform: capitalize;
    color: black;

    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
}   
/*.owl-stage{
    width: auto !important;
}*/
.row-full-width-inner h2{
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
    color: black;
    font-family: 'Poppins';
    font-style: normal;
}


/* Feature Highlights */

/*.feature-highlight{
    margin: 2rem;
    padding: 0.5rem;
}*/

.problem_solution_container{
    padding: 2rem 2rem 6rem 3rem;
    box-shadow: 0px 4px 24px #00000030;
    border-radius: 0px;
    color: black;
    /*width: 60%;
    font-size: 1rem;*/

    font-weight: 500;
    font-size: 19px;
    line-height: 34px;
    width: 760px;
    height: 388px;
}
.problem_solution_container .label{
    font-weight: 500;
    font-size: 36px;
    line-height: 36px;
}
.highlights-section{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#feature-Highlights:nth-last-child(1) .problem_solution_container{
    color: white;
    background-color: #004188;
}
#feature-Highlights:nth-last-child(1) .highlights-section{
    flex-direction: row-reverse;
}
#feature-Highlights:nth-last-child(1) h2{
    display: none;
}
.solution-img {
  margin: 3rem 7.5rem;
}

.pagebuilder-column-group{
    margin: 2rem;
    padding: 0.5rem;
}
.owl-item:hover{
    border: none;
}

/*Add to Card*/

.fieldset > .actions{
    display: flex;
    justify-content: start;
    gap: 10px;
}

.actions button{
    border: 1px solid #004188;
    color: #004188;
    height: 3rem;
}

/*REVIEWS ABOUT MAGENTO 2 CUSTOM PRICE*/

.block .block-title{
    text-align: center;
}
.review-list .block-title strong{
    font-style: normal;
    text-transform: capitalize;
    color: #000000;
    font: normal 500 35px/40px 'Poppins';
}

/*contact us*/

.pagebuilder-column:last-child{
    box-shadow: -14px -21px 2px 0px rgb(217, 217, 217, 0.70);
}

.row-full-width-inner .pagebuilder-column:last-child{
    box-shadow: none;
}
/* .row-full-width-inner h2{
    color: white;
} */
.row-full-width-inner .pagebuilder-column:last-child div{
    text-align: end;
}


/*.owl-stage {
    width: 80%!important;
    margin: auto;
}*/

/* Contact Us Now */

.need-help{
    position: relative;
    margin-bottom: 2rem;
}

.need-help:after {
    content: "";
    background: #004188;
    position: absolute;
    left: 50%;
    top: 0px;
    width: 100vw;
    transform: translate(-50%,0);
    height: 100%;
    z-index: -1;
}

.row-full-width-inner .pagebuilder-column-group{
    padding: 0;
}

/*p font*/

p{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 30px;
}

/* sliderSection */

#screenshots .owl-stage{
    width: 2267px !important;
}

/*slider button / Owl Slider */

/* .owl-carousel .owl-nav button[class*='owl-']{
    background: #004188 !important;
    font-size: 35px !important;
    width: 44px ;
    height: 43px !important;
} 

.owl-dot{
    display: none !important;
} */

/*review slider*/

#reviews-slider-content .owl-stage {
    margin: auto;
}

.review-author .review-details-value{
    text-transform: capitalize;
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
}

.review-ratings{
    float: right;
    padding: 1rem;
    border: 1px solid #000000;
    border-radius: 8px;
    margin: 0.5rem 1rem 0.5rem 0.5rem;
}
.review-item{
    margin: 3rem;
    box-shadow: 0px 4px 4px rgb(0, 0, 0, 0.15);
    background-color: #c9c9c952;
    padding: 1.5rem;
}
.review-details{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 23px;
}
.review-content{
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
}

.book-live-demo a{
  color: #004188;
}
.add{
    font-weight: 700;
    color: black !important;
    border-bottom: 1px solid;
}

/*FAQs section */
.mageprince-faq-collection .faq-content .ui-accordion-header:hover{
    background-color: #004188 !important;
    color: #ffffff;
}


/*Button*/

.primeBtn {
            background-color: white;
            border: 1px solid #004188;
            color: #004188;
            padding: 0.8em 2em;
            text-decoration: none;
            font-weight: 600;
            transition: background-color 0.5s ease;
            text-transform: capitalize;
        }

        .primeBtn:hover {
            background-color: #004188;
            border: 1px solid #fff;
            color: #fff;
            transition: background-color 0.5s ease;
        }

        .mainBtn {
            background-color: #004188;
            border: 1px solid #fff;
            text-decoration: none;
            color: #fff;
            padding: 0.8em 5em !important;
            transition: background-color 0.5s ease;
            text-transform: capitalize;
            font-weight: 400 !important;
            font-size: 20px;
            line-height: 20px;
        }
        a#modal-btn{
            padding: 0.8em 2em !important;
        }

        .mainBtn:hover {
            background-color: #fff;
            color: #004188;
            transition: background-color 0.5s ease;
        }

        .effectBtn {
            padding: 0.8em 2em;
            font-weight: 600;
            background: transparent;
            outline: none !important;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            display: inline-block;
            border: 1px solid #004188;
            z-index: 1;
            color: #004188;
        }

        .effectBtn:after {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            top: 0;
            left: 0;
            direction: rtl;
            z-index: -1;
            background: #004188;
            transition: all 0.3s ease;
        }

        .effectBtn:hover {
            color: #fff;
        }

        .effectBtn:hover:after {
            left: auto;
            right: 0;
            width: 100%;
        }

        .effectBtn:active {
            top: 2px;
        }
/* -----------       */


.mainBtn:hover {
    background-color: #fff;
    color: #004188 !important;
    transition: background-color 0.5s ease;
    border-color: #fff;
}
.mainBtn {
    background-color: #004188;
    border: 1px solid #fff;
    text-decoration: none;
    color: #fff !important;
    font-weight: 600;
    transition: background-color 0.5s ease;
    text-transform: capitalize;
    padding: 0.8em 2em;
}


 .support-service-container{
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      padding: 2rem 0;
    }
    .service-box{
       display: flex;
       justify-content: flex-start;
       align-items: center;
       /* gap: 2rem; */
       border-right: 1px solid black;
    }
    .service-box:last-child{
        border: none;
    }
    .service-link a{
        text-decoration: none;
        color: #000000;
        font-weight: 500;
        font-size: 20px;
        line-height: 25px;
        padding-right: 0.5rem;
        cursor: pointer;
    }   

/*   Related Products    */

.product-item-details{
    text-align: start;
    position: relative;
}    
.product-item-info .product-reviews-summary{
    margin: 0;
}
.product-item-actions .action.towishlist{
    border: none !important;
}  
.product-item-name a{
   font-weight: 600;
   color: black;
}
.product-item-info .product-item-details .product-item-actions{
    position: absolute;
    top: -6px;
    right: 0rem;
}


/*fotorama section*/

.gallery-placeholder{
    border: 1px solid rgba(0, 0, 0, 0.1);
}


/*   26-1-23 rahul css start    */

.product-add-form {
    margin-top: 50px;
}
.page-title-wrapper h1 {
    /* margin-top: 4rem !important; */
    margin-bottom: 1rem !important;
}
.feature-highlight {
    display: grid;
}
#tech_audit_container {
    order: 2;
}


/*  26-1-23 rahul css end */

/* 30-1-23 rahul css start */

.product-add-form .product-options-bottom .box-tocart .tocart {
    background: #004188;
}

.product-add-form .product-options-bottom .box-tocart .primeBtn:hover {
    color: #fff !important;
}

/* 30-1-23 rahul css end */

/*    30-01 Change   */
.solution_main_section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  float: left;
}

.solution_container {
    padding: 2rem;
    box-shadow: 0px 4px 24px #00000030;
    border-radius: 0px;
    color: white;
    background-color: #004188;
    font-weight: 500;
    font-size: 19px;
    line-height: 34px;
    width: 726px;
    height: 348px;
    position: absolute;
    right: 0;
    bottom: 0px;
}
.solution_container .label{
    font-weight: 500;
    font-size: 36px;
    line-height: 36px;
}
.feature-Highlights{
    padding-bottom: 0;
}
.mageprince-faq-heading{
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
    color: black;
}
.pagebuilder-column-group p{
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
}
#custom-product-menu .action.primary{
    padding: 0rem 2rem !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    margin: 0 1rem;
} 
.slider-title, .section-title{
    margin: 3rem 0 !important;
}
.mageprince-faq-collection .ui-accordion .ui-accordion-header{
    border: none;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}
.mageprince-faq-collection .faq-accordion .ui-widget-content{
    border: none !important;
    background-color: #FBFBFB;
}
.mageprince-faq-collection .faq-content .ui-accordion-header:hover {
    background-color: #F6F6F6 !important;
    color: black !important;
}
.product-add-form .product-options-bottom .box-tocart .tocart{
    background: #004188;
    text-transform: capitalize !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 0rem 2rem;
}
.review-details-value{
    font-weight: 600;
    font-size: 13px;
    color: black;
    line-height: 23px;
}
span.label.rating-label{
    font-weight: 500 !important;
     font-size: 15px !important;
    line-height: 23px !important;
    color: #000000 !important;   
}
a#need-hep-btn {
    padding: 0.8em 3em;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    /* color: white; */
}
.review-author{
    margin-bottom: 6px;
}
.mageprince-faq-collection .ui-accordion .ui-accordion-header{
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    background-color: #F6F6F6;
    color: black;
}
.product-item .rating-summary .rating-result:before{
    color: black !important;
}
/* .fotorama__stage{
    width: 496px !important;
   height: 517px !important;
} */
.problem_main_section {
    width: 100%;
    float: left;
    display: flex;
}
.product-add-form .box-tocart{
    border: none !important;
}
.product-info-main .price-container .price{
    color: #000;
    font-weight: 600 !important;
    font-size: 36px !important;
    line-height: 36px !important;
}
.product.media{
    margin: 0;
}
.live-demo-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    gap: 3rem;
    position: relative;
}

.live-demo-box img {
    z-index: 6;
}
.box-1 {
    position: absolute;
    width: 263px;
    height: 174px;
    left: -2px;
    top: -2px;
    background: #948F8F;
    border: 5px solid #FFFFFF;
    right: 0;
    z-index: 5;
}
.box-2 {
    position: absolute;
    width: 263px;
    height: 174px;
    background: #948F8F;
    border: 5px solid #FFFFFF;
    right: -7px;
    z-index: 5;
    bottom: 0;
    top: 43px;
    float: left;
}
.box-3 {
    position: absolute;
    width: 263px;
    height: 174px;
    top: -8px;
    background: #948F8F;
    border: 5px solid #FFFFFF;
    right: -6px;
    z-index: 5;
}
.product-options-bottom .box-tocart button.primeBtn:hover a{
 
 color: #fff !important;

}
#product-addtocart-button{
    transition: background-color 0.5s ease;
}
#product-addtocart-button:hover{
    background-color: white;
    border: 1px solid #004188;
    color: #004188;
    text-decoration: none;
    transition: background-color 0.5s ease;
}
#feature-img{
    width: 461px;
    height: 406px;
}
.custom-block{
    display: block;
}
#product-menu.sticky-header {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 999999;
}
.mageprince-faq-collection .ui-accordion .ui-state-default:after{
    font-family: "Font Awesome 5 Free" !important;
    content: "\f067" !important;
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}
.mageprince-faq-collection .ui-accordion .ui-accordion-header-active:after {
    content: "\f068" !important;
    font-family: "Font Awesome 5 Free" !important;
}


/* VDC Store Ecommerce-Packages page Design*/


.cms-ecommerce-packages #maincontent {
    margin-top: 0;
}

.EcommercePackageMainBanner,
.EcommerceDevPackageWrapper {
    margin: 0 0 90px 0;
}

h2.EcommerceDevPackageHeading {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
    margin: 0 0 90px 0;
    color: #000000;
}

.EcommerceDevPackageColumnWrapper .pagebuilder-column-line .pagebuilder-column {
    box-shadow: none;
}

.EcommerceDevPackageColumnWrapper .pagebuilder-column-line {
    margin: 0;
    gap: 13px;
}

.EcommerceDevPackageColumnWrapper .pagebuilder-column-line .pagebuilder-column {
    box-shadow: none;
}

.EcommerceDevPackageColumnWrapper .pagebuilder-column-line .pagebuilder-column {
    box-shadow: none;
    padding: 21px;
    box-shadow: 15px 10.5px 30px 0px #00000014;
    border-radius: 9px;
    position: relative;
}

body .DevPackInnerCardHeading p {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    margin: 28px 0;
}

.DevPackMainPrice p {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    margin: 0 0 12px 0;
    color: #FD7702;
}

.DevPackSubPrice p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    margin: 0 0 16px 0;
    text-decoration: line-through;
    text-decoration-color: #FD7702;
    text-decoration-thickness: 1.5px;
}

.DevPackSubPrice .customize-package-txt {
    text-decoration: none;
}

html body .DevPackAddcartButton .pagebuilder-button-primary,
html body .DevPackAddcartButton .pagebuilder-button-primary:hover {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 10px 35px;
    border-radius: 0;
    background: #FD7702;
    border: 0;
    margin: 27px 0 18px 0;
}

.DevPackViewDetailsLink p,
.DevPackViewDetailsLink p a {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: underline;
    color: #fff;
}

.pagebuilder-column-group.EcommerceDevPackageColumnWrapper {
    margin: 0;
    padding: 0;
}

.cms-ecommerce-packages [data-content-type='row'][data-appearance='contained'],
.cms-data-migration-service-packages [data-content-type='row'][data-appearance='contained'] {
    width: 100%;
    max-width: 1206px;
    padding: 0 15px;
}

.pricing-table th,
.pricing-table td {
    border: 1px solid #dee2e6;
    padding: 12px 8px;
    text-align: center;
    vertical-align: middle;
}

.pricing-table th {
    background-color: #002347;
    color: #fff;
    vertical-align: middle;
    font-family: Poppins;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    min-width: 187px;
    position: relative;
}

.pricing-table td {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}

.pricing-table td:first-child {
    text-align: left;
}

.pricing-table th h5 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    color: #fff;
    margin: 0 0 16px 0;
}

.pricing-table th .MainBigprice {
    display: block;
    font-family: Poppins;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    margin: 0 0 9px 0;
    color: #FD7702;
}

.pricing-table th .MainSmallprice {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    display: block;
    text-decoration: line-through;
    text-decoration-color: #FD7702;
    text-decoration-thickness: 1.5px;
}

td.UptoProductpagesText {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #000;
}

.pricing-table .feature-category {
    background-color: #1C3C5C;
    color: #fff;
    padding-left: 10px;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.pricing-table tr:nth-child(even) {
    background: #F9F9F9;
}

.pricing-table a.btn-add-to-cart.EcommercePackagesCartBtn {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    padding: 10px 21px;
    background: #FD7702;
    color: #fff;
    display: inline-block;
}

.DevelopmentPackagesPriceTable [data-content-type='html'] {
    overflow-x: auto;
}

.page.messages .messages .message-success.success.message{
    margin-top: 10px;
}
.pricing-table th:first-child {
    text-align: left;
}
button.action.tocart.primary.pagebuilder-button-primary {
    height: auto;
    text-align: center;
}

.DevPackAddcartButton {
    text-align: center;
}
.DevPackAddcartButton button.action.tocart.primary.pagebuilder-button-primary {
    height: auto;
    text-align: center;
}
.cms-ecommerce-packages .DevelopmentPackagesPriceTable button.action.tocart.primary.pagebuilder-button-primary {
    margin-bottom: 0;
}


/* mobile Responsive */
@media screen and (min-width:320px) and (max-width:991px) {

    .EcommercePackageMainBanner,
    .EcommerceDevPackageWrapper {
        margin: 0 0 30px 0;
    }

    h2.EcommerceDevPackageHeading {
        font-size: 24px;
        line-height: normal;
        margin: 0 0 70px 0;
    }

    body .EcommerceDevPackageColumnWrapper .DevPackInnerCardHeading p {
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 28px !important;
        margin: 15px 0;
        padding: 0 !important;
    }

    .EcommerceDevPackageColumnWrapper .DevPackMainPrice p,
    .EcommerceDevPackageColumnWrapper .DevPackSubPrice p {
        margin: 0 0 10px 0;
        padding: 0 !important;
        font-size: 18px !important;
    }

    .EcommerceDevPackageColumnWrapper .DevPackAddcartButton .pagebuilder-button-primary,
    .EcommerceDevPackageColumnWrapper .DevPackAddcartButton .pagebuilder-button-primary:hover {
        margin: 0 0 10px 0;
    }

    .pricing-table th {
        font-size: 18px;
        line-height: normal;
        min-width: auto;
    }

    .pricing-table th h5 {
        font-size: 16px;
        line-height: normal;
        margin: 0 0 8px 0;
    }

    .pricing-table th .MainBigprice {
        font-size: 18px;
        line-height: normal
    }

    .pricing-table th .MainSmallprice {
        font-size: 14px;
        line-height: normal;
    }

    .pricing-table .feature-category {
        font-size: 14px;
        line-height: normal;
    }

    .pricing-table td {
        font-size: 14px;
        line-height: normal;
    }

    .pricing-table a.btn-add-to-cart.EcommercePackagesCartBtn {
        font-size: 10px;
        padding: 4px 5px;
    }

    .DevelopmentPackagesPriceTable [data-content-type='html'] {
        overflow-x: auto;
    }

    .DevPackViewDetailsLink p,
    .DevPackViewDetailsLink p a {
        padding: 0 !important;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .EcommerceDevPackageColumnWrapper .pagebuilder-column-line .pagebuilder-column {
        padding: 21px 10px;
    }

    body .EcommerceDevPackageColumnWrapper .DevPackInnerCardHeading p {
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: normal !important;
    }

    .EcommerceDevPackageColumnWrapper .DevPackMainPrice p,
    .EcommerceDevPackageColumnWrapper .DevPackSubPrice p {
        margin: 0 0 7px 0;
        font-size: 16px !important;
    }
}