body{
    /*background-color: green;*/
}



/* Utilities */

/* Top Bottom Padding */

.cs-pb-8{
    margin-bottom:0;

}
.cs-mpt-5{
    margin-top:0;

}
.cs-pt-10{
    padding-top: 8rem;
}


.hpp-py-5{
    padding-top:5rem;
    padding-bottom:5rem;
}

.vd-img{
    height:150px;
}

.hpp-pb-20{
    padding-bottom:20rem;
}

.hpp-padding-r-10{
    padding-right: 10rem!important;
}

.hpp-padding-r-20{
    padding-right: 20rem!important;
}

.hpp-padding-l-10{
    padding-left: 10rem!important;
}

.hpp-padding-l-15{
    padding-left: 15rem!important;
}

.hpp-padding-l-20{
    padding-left: 20rem!important;
}

.uni-hero-img{
    height: 400px; 
}

/* BS checkbox*/
.form-check-input:checked {
    background-color: #921E10 !important;
    border-color: #480F07 !important;
}


@media (max-width: 769px) {
    .hpp-height-auto {
        height: auto !important; /* Override the height on mobile screens */
    }
    .vd-img{
        height:120px;
    }
    .uni-hero-img{
        height: 300px;
        width:100%;
    }

}

/* check */

.fa-check:before {
    content: "\f00c";
    color: var(--white-color)!important;
    font-weight: lighter!important;
}


/* Resources and Insights  */

.resource_insight .card{
    border: none;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); /
}

.resource_insight .card-body{
    padding-left: 10px;
    padding-right: 10px;
}

.resource_insight img{
    max-width:100%;
}


.card-gradient__black {
    background: linear-gradient(to bottom, #B62513, #000000);
    box-shadow: 0px 5px 4px  rgba(0, 0, 0, 0.2);
}

.error {
    color: red;
    font-size: 12px;
}

/* Loader Animation */
.loader {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    border: 6px solid transparent;
    border-top-color: var(--primary-color);
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* scroll needs revisit */

.scroll-container {
    position: relative;
    overflow-y: auto;
}

.scroll-content {

}

.scroll-indicator {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
    border-radius: 50%;
    display: none;
    cursor: pointer;
}

.scroll-indicator span {
    font-size: 24px;
}


/* accordition  */

.accordion .accordion-item{
    border: none!important;

}


.accordion .accordion-header{
    border-bottom: 1px solid var(--black-color);
}

.accordion .accordion-body{
    padding-left:3px!important;
    padding-right: 3px!important;

}

.accordion-button{
    background: none!important;
    border-radius:0!important;
    border:0;
    padding-left:3px!important;
    padding-right: 3px!important;
    color: var(--black-color)!important;
}

.accordion .form-check-input{
    border-radius: 0!important;
}

.accordion-button:active:not(.collapsed)  {
    background-color: transparent !important;
    /*background-color: var(--bs-accordion-active-bg);*/
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}


.resource_insight_sidebar{
    height: 100vh!important;
    overflow-y: auto!important;
}


/* CSS to visually hide scrollbar */
.resources-scrollable-section {
    overflow-y: auto;
    height: 100vh;
}

.cs-sticky {
    position: sticky;
    top: 7rem;
    overflow-y: auto;
}

/* Hide scrollbar for webkit browsers */
.resources-scrollable-section::-webkit-scrollbar,.resource_insight_sidebar::-webkit-scrollbar {
    width: 0;
}

/* Hide scrollbar for Firefox */
.resources-scrollable-section, .resource_insight_sidebar {
    scrollbar-width: none; /* For Firefox */
}

/*  Hide scrollbar for Edge and IE */
.resources-scrollable-section ,.resource_insight_sidebar{
    -ms-overflow-style: none; /* For Edge and IE */
}

/* Resources and INsights Gated template Download Popup Stylings */
/* here is also features stylings whihc we dont use now, need to refactor code */

.features-section {
    background-color: #f9f9f9;
    padding-top: 60px;
    padding-bottom: 90px;
    padding: 60px 0;
}

.heading-box {
    text-align: center;
    padding-bottom: 60px;
}
.heading-box h2 {
    font-size: 54px;
    font-weight: 700;
    display: flex;
    min-height: 100%;
    align-items: center;
    margin-bottom: 30px;
    line-height: 54px;
    justify-content: center;
    color: #000;
}

.heading-box > p {
    font-size: 28px;
    font-weight: 450;
    line-height: 36px;
    color: #000;
}

.features-table {
    table-layout: fixed;
    text-align: center;
    max-width: 950px;
    margin: 80px auto 0;
    border-spacing: 10px !important;
    position: relative;
    background-color: #fff;
    z-index: 1;
    border-collapse: collapse;
    border-color: gray;
}
.features-table::before {
    content: "";
    width: 33.3333%;
    height: calc(100% + 75px);
    background-color: #fff;
    left: 50%;
    top: auto;
    bottom: 35px;
    transform: translateX(-50%);
    position: absolute;
    z-index: -1;
    box-shadow: 8px 13px 41px rgba(0, 37, 68, 0.04);
}

.features-table::after {
    content: "";
    height: calc(100% + 75px);
    background-color: #fff;
    position: absolute;
    top: auto;
    left: auto;
    right: 0px;
    transform: none;
    z-index: -2;
    width: 35%;
    bottom: 0;
    box-shadow: 8px 13px 41px rgba(0, 37, 68, 0.04);
}

.features-table tr th {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    color: #000;
    padding: 0 15px 30px 15px;
    vertical-align: bottom;
    width: 33.3333%;
}

.features-table tr th:nth-child(2) {
    position: relative;
    top: -40px;
}

.features-section tr th:last-child {
    position: relative;
    top: -15px;
}

.features-table tr th:first-child {
    color: #979797;
}
.features-table tbody tr:last-child td {
    padding-bottom: 60px;
}

/*.btn-red {*/
/*    text-transform: none;*/
/*    font-size: 14px;*/
/*    min-height: 48px;*/
/*    padding: 8px 30px;*/
/*    display: inline-flex;*/
/*    flex-wrap: wrap;*/
/*    transition: all 0.2s ease-in;*/
/*    text-decoration: none;*/
/*    text-align: center;*/
/*    user-select: none;*/
/*    border: 1px solid transparent;*/
/*    line-height: 1.5;*/
/*    border-radius: 0;*/
/*    font-weight: 700;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin: 0 auto;*/
/*    letter-spacing: normal;*/
/*    color: #fff;*/
/*    cursor: pointer;*/
/*    background-color: #c00;*/
/*}*/

.features-table td {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    vertical-align: middle;
    padding: 15px 25px;
    width: 33.3333%;
}
.features-table td::before {
    content: "";
    position: absolute;
    top: 0;
    width: 80%;
    height: 1px;
    background: #e7e7e7;
    left: 50%;
    transform: translateX(-50%);
}

.features-table td .tick {
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
    margin: 0 auto;
}

.features-table td .tick::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 9px;
    transform: rotate(-45deg);
    top: auto;
    background-color: #d20000;
    bottom: 0px;
    left: 2px;
}

.features-table td .tick::after {
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    width: 2px;
    height: 20px;
    background-color: #d20000;
    transform: rotate(45deg);
}

.features-table td .cross {
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
    margin: 0 auto;
}

.features-table td .cross::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 0;
    height: 20px;
    width: 2px;
    background: #8e8e8e;
    transform: rotate(-45deg);
}

.features-table td .cross::after {
    content: "";
    position: absolute;
    left: 9px;
    top: 0;
    height: 20px;
    width: 2px;
    background: #8e8e8e;
    transform: rotate(45deg);
}

th {
    text-align: inherit;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}


/* Pop Up */

#popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

/*  popup container */
#popupContainer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 20px;
    max-width: 850px;
    max-height: 80%;
    overflow-y: auto;
    z-index: 999999;
}

.popup-close {
    cursor: pointer;
    position: absolute;
    top: -3px;
    right: 10px;
    font-size: 32px;
    cursor: pointer;
    color: var(--black-color);
    z-index: 99999999;
}


/* Download Popup Styling*/

/* Download Popup Overlay */
#download-popup-overlay,.download-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}

/* Download Popup Container */
#download-popup-container,.download-popup-container {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    /*border-radius: 8px;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 20px 10px;
    max-width: 650px;
    z-index: 999999;
}

.pdownload-popup-container{
    /*width: 750px;*/
    /*max-width: 1080px;*/
    max-width: 100%;
}

/* Download Popp Specific to sections/pages */

#download-pentaho #download-popup-container{
    top:100%;
    position: absolute;
}

@media (max-width:1024px){
    #download-pentaho #download-popup-container{
        width: 90%!important;
    }
     /* Post Download Form POpUp */

    #postdownload-pucontainer{
        width: 90%;
    }
}





.download-item {
    flex: 1;
    border: 1px solid #ccc;
    /*padding: 10px 10px;*/
    /*margin: 0 5px;*/
    align-items: center!important;
}

/* Styles for the download options */
.download-options {
    /*margin-top: 20px;*/
}


/* Download Product Start Free Trails Pages */

/* Tab Sections */

.top-insight-tabs{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
}

.top-insight-tabs #tabs-nav{
    margin-right: 0;
    display: flex;
    align-items: center;
    flex-grow: 1;
    list-style: none;
}

.top-insight-tabs #tabs-nav li {
    border-bottom: 1px solid #707070;
    flex: 1;
    list-style: none;
}
.top-insight-tabs  #tabs-nav li h3 a {
    font-size: 30px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
    color: #000;
    padding-bottom: 20px;
    display: inline-block;
    position: relative;
}

.top-insight-tabs #tabs-nav li h3 a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    background: #cc0000;
    height: 4px;
    transition: 0.2s;
    z-index: 1;
    bottom: -4px;
}


.top-insight-tabs  #tabs-nav li.active a {
    color: #c00;
    transition: 0.2s;
}


.top-insight-tabs #tabs-nav li.active a:after {
    transition: 0.2s;
    width: 100%;
}



.tabs-content {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;
}

.tabs-content.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in-out, visibility 0s linear;
}
.top-insight-tabs #tabs-nav li h3{
    margin-bottom: 0.1rem !important;
}

/* mobile  */
@media screen and (max-width: 992px){

    .top-insight-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        display: block;
    }

    .top-insight-tabs #tabs-nav{
        margin-bottom: 0;
        flex-wrap: nowrap;
        justify-content: unset;
        padding-left: 0;
    }

    .top-insight-tabs  #tabs-nav li {
        padding: 0 0px;
        margin-bottom: 5px;
        min-width: 136px;
    }
    .top-insight-tabs #tabs-nav li h3 a {
        font-size: 18px;
        line-height: 17px;
        padding-bottom: 10px;
    }
    .cs-px-sm{
        padding: 0 10px !important;
    }

}

.ins-point::before{
    content: '';
    position: absolute;
    background: red;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: -8px;
    top: 10px;

}

/* Tabs = pRoduct Details Ends here */




/*.download-option {*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 10px;*/
/*    margin-bottom: 10px;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 5px;*/
/*    background-color: #f9f9f9;*/
/*    cursor: pointer;*/
/*    text-align: center;*/
/*}*/

/* ends her */

/*Vimeo*/

.embed-responsive-16by9 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.embed-responsive-16by9 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.resource-card-content .card-tit,.hpp-min-h-200{
    min-height: 220px;
}

.hpp-min-h-150{
    min-height: 210px;
}

.product-feature-title{
    /* min-height: 90px; */
}

@media  (max-width:768px){
    .product-feature-title, .hpp-min-h-200{
        min-height: 10px;
    }

    .hpp-min-h-150{
        min-height: 10px;
    }
}


.request-demo .wpcf7-response-output{
   /* display:none; */
}

.community-form .wpcf7-response-output{
    display:block;
}


/* cf7 stylings goes here */


/* Form Container */
.cf7-form-container {
    /*max-width: 600px;*/
    /*margin: 0 auto;*/
    /*padding: 20px;*/
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}

/* Heading */
.cf7-form-container h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

/* Description */
.cf7-form-container p {
    font-size: 16px;
    margin-bottom: 20px;
}

/* Form Fields */
/*.wpcf7-form-control {*/
/*    width: calc(50% - 10px);*/
/*    margin-right: 20px;*/
/*    margin-bottom: 20px;*/
/*    padding: 10px;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 5px;*/
/*}*/

/*!* Form Submit Button *!*/
/*.wpcf7-submit {*/
/*    background-color: #007bff;*/
/*    color: #fff;*/
/*    padding: 10px 20px;*/
/*    border: none;*/
/*    border-radius: 5px;*/
/*    cursor: pointer;*/
/*    transition: background-color 0.3s;*/
/*}*/

/*.wpcf7-submit:hover {*/
/*    background-color: #0056b3;*/
/*}*/

/*!* Extra Messages *!*/
/*.wpcf7-not-valid-tip {*/
/*    display: block;*/
/*    color: #dc3545;*/
/*    font-size: 12px;*/
/*    margin-top: 5px;*/
/*}*/


/* Media queries */

/*@media (min-width: 1280px) {*/
/*    .container,*/
/*    .container-sm,*/
/*    .container-md,*/
/*    .container-lg,*/
/*    .container-xl {*/
/*        max-width: 1275px;*/
/*    }*/
/*}*/
/*@media (min-width: 576px) {*/
/*    .container,*/
/*    .container-sm {*/
/*        max-width: 100%;*/
/*    }*/
/*}*/

.hero-video{
    padding-top:5rem!important;
    padding-bottom:5rem!important;
    border-radius:20px;
    box-shadow:0 8px 24px 0 rgba(255,255,255,0.1);
    min-height:450px;
}

.cs-mb-7{
    margin-bottom: 4rem;
}

@media (max-width: 767px) {
    .heading-box h2 {
        font-size: 42px;
        line-height: 42px;
    }
    .hero-video{
        min-height: 250px;
    }
    .cs-mb-7{
        margin-bottom: 7rem;
    }

}
@media (max-width: 600px) {
    .features-table {
        max-width: 100%;
        margin-top: 0;
    }
    .features-table::before {
        left: 0;
        right: auto;
        width: 33.3333%;
        transform: none;
        top: 0;
        bottom: auto;
        height: calc(100% - 125px);
        box-shadow: 0px 10px 20px rgba(0, 33, 57, 0.25);
    }

    .features-table tr th {
        font-size: 15px;
        line-height: 18px;
        padding: 15px 10px 20px;
        top: -10px !important;
    }
    .features-table tr td {
        padding: 15px 10px;
        font-size: 10px;
        line-height: 12px;
    }
    .btn-red {
        font-size: 11px;
        min-height: 42px;
        padding: 8px 10px;
    }
}
@media (max-width: 991px) {
    .features-table {
        max-width: 560px;
    }
}

/* Ends here -- there is also features stylings whihc we dont use now, need to refactor code */


/* SolutionS Template Starts */

/* Hero*/


.solutions-content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    color: #fff;
    text-align: center;
    z-index: 1;
    height: 100%;
}

.solutions-content {
    color: #fff!important;
    text-align: start!important;

}

.solutions-hero-section .text-box{
    /*background-color: rgba(0, 0, 0, 0.5);*/
    padding: 20px;
    padding-right: 80px!important;
    border-radius: 10px;
}

.solution-resources-section{
    padding-top:100px!important;
    padding-bottom:100px!important;
}


.resources-section-dd-pill .dropdown-toggle{
    background-color: #fff;
    color:var(--black-color);
}

.cs-btn-hover:hover{
    color: #000 !important;
}

.solution-resources-section .resources-section-dd-pill .dropdown-toggle::after
{
    margin-left: 5.255em!important;
    color:var(--white-color);
}

.solution-resources-section .card-body {
    /*height: 100%;*/
    color: var(--white-color) !important;
    min-height: 431px;

}

@media screen and (max-width: 800px) {
    .cs-card-pt {
        padding-top: 56px !important;
    }
    .cs-card-p {
        padding-top: 10px !important;
        padding-bottom: 5px;
    }

    .solution-resources-section .card-body{
        min-height: 515px!important;
    }
}


#business-review-carousel .cs-carousel-items .carousel-control-next-icon{
    position: absolute;
    right: 360px;
}



.hpp-stories-btn-wrapper{
    position: relative;
}
#business-review-carousel  .hpp-stories-section-prev,.cs-carousel-items .hpp-stories-section-prev{

    background-image: url("../svg/arrow-left.svg")!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-color: transparent;
    background-size: 50% !important;
    background-color: var(--white-color);
    border-radius: 50%!important;
    padding: 20px!important;
    z-index: 999;
}

#business-review-carousel .carousel-indicators{

}

#business-review-carousel .hpp-stories-section-next,.cs-carousel-items .hpp-stories-section-next{

    background-image: url("../svg/arrow-right.svg")!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-color: transparent;
    background-size: 50% !important;
    background-color: var(--white-color);
    border-radius: 50%!important;
    padding: 20px!important;
    z-index: 999;
}

/* ends Here */






/* */
.hpp-video-img:hover{
    cursor:pointer!important;
}



/*  Request Page Stylings Starts Here */
.request-demo-section{
    
    z-index: 99999!important;
}

/*  Request Page Stylings Ends Here */

.request-demo-section .card{
    border: none;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); /
}

.request-demo-section  .swiper-slide img {
    max-width: 100%;
    width: 400px!important;
    height: auto;
}

.req-contact-form{
    margin-top:-4rem!important;
}


.hpp-bs-form .contact-form7  form .input[type="email"]{
    background-color: black!important;

    color:var(--white-color) !important;
}

.hpp-bs-form .contact-form7 input[type="email"]::placeholder {
    color: white!important;
    /*background-color: black!important;*/
}

.hpp-bs-form .contact-form7 input[type="email"]:focus::placeholder {
    color: white!important;
    /*background-color: black!important;*/
}

.hpp-bs-form .contact-form7  .form-control{
    background-color: black!important;
    color:var(--white-color) !important;
    border-radius: 0!important;
    padding-top:15px!important;
    padding-bottom:15px!important;
}
.hpp-bs-form .contact-form7  .form-control::placeholder{
    color:var(--white-color)!important;

}

.hpp-bs-form .contact-form7  .form-select{
    background-color: black!important;
    color:var(--white-color) !important;
    border-radius: 0!important;
    padding-top:15px!important;
    padding-bottom:15px!important;
}




/* Remove blue outline from all form elements */
.contact-form7  .form-select:focus {
    border-color: transparent !important;
    outline: 0!important;
    box-shadow: none!important;
}

.contact-form7  .form-control:focus {
    border-color: transparent !important;
    outline: 0!important;
    box-shadow: none!important;
}

.accordion-button:focus {
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Cf7 COntact Forms */

.request-demo .wpcf7-response-output{
    color:var(--white-color)!important;
}

.request-demo .hpp-form-country, .request-demo .hpp-form-state{
    width: 100%!important;
    background-color: black!important;
    color: var(--white-color) !important;
    border-radius: 0!important;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    padding-left: 5px!important;
}


/* Ends Here */

/*  Universal Page Stylings Start Here*/

.universal-page-hero .hero-content-wrapper {
    /*align-items: end!important;*/
}

.up-options-sections{
    height: 100vh!important;
}

.up-options-content{
    /*padding-top:3rem!important;*/
    /*padding-bottom:3rem!important;*/
}


/*  Universal Page Stylings Ends Here*/

/* Product Page */

/* Product Stats */

.product-stats .card{
    padding:20px 8px;
}


@media (max-width: 768px){

    .product-hero-section{
        padding: 1rem 0 0.4rem 0;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .product-hero-section{
        padding: 1rem 0 1rem 0;
    }

}


@media (min-width: 1025px){

    .product-hero-section{
        /*height: 100vh;*/
        padding: 3rem 0 3rem 0;
    }
}



@media (min-width: 1400px){
    .hpp-mt-xl-n5{
        /*margin-top:-5rem!important;*/
    }

    .product-hero-section{
        /*height: 100vh;*/
        padding: 10rem 0 6rem 0;
    }
}


/* Product/ Download  Page Stylings Start Here */
.download-page-hero .sub-heading,.home-hero .sub-heading{
    border: solid 1px var(--white-color)!important;
}
/* Product /Download Page Stylings Ends Here */

.uo-content-wrapper li svg{
    min-width: 20px;
}

/* Pentaho Data Integration Ananlytics Page */

.stats-section .pentaho-card-stats .card-title{
    font-size: 3.9rem!important;
    font-weight: bold;
}

/* Resource page new styling  */

.cs-fs-20{
    font-size: 55px;
    line-height: 56px;
}

.cs-py-10{
    padding-top: 10rem ;
    padding-bottom: 10rem ;

}
.cs-px-10{
    padding: 0 10rem !important;
}
.cs-img-h{
    min-height: auto;
}

/* Pentaho Data Integration Ananlytics Ends Page */

/* Custom Mobile and tablet Stylings Starts Here */
/* Utilities */
@media (max-width: 1024px) {
    .hpp-height-auto {
        height: auto !important;
    }

    .hpp-padding-r-10{
        padding-right: 5rem!important;
    }

    .hpp-padding-l-10{
        padding-left: 5rem!important;
    }

    .hpp-x-scroll-container {
        overflow-x: auto;
    }
}

@media (max-width: 768px){
    
    .solution-resources-section{
        padding-top: 60px!important ;
        padding-bottom: 60px!important ;
        overflow: hidden;
    }
    .cs-cta-space{
        height: 70vh;

    }

    /* Resourse section moblie  */

    .cs-fs-20{
        font-size: 35px;
        line-height: 36px;
    }

    .cs-py-10{
        padding-top: 5rem ;
        padding-bottom: 5rem ;


    }
    .cs-px-10{
        padding: 0 30px !important;
    }
    .cs-img-h{
        min-height: 500px;
    }

}

.cs-cta-space{
    height: 80vh;

}

/* Tablet only Stylings */

@media (min-width: 650px) and (max-width: 1024px) {
    .hpp-padding-r-10{
        padding-right: 5rem!important;
    }

    .hpp-padding-sm-15{
        padding-left: 15rem!important;
    }
    .hpp-padding-r-sm-20{
        padding-right: 20rem;
    }
    .stats-section .card {
        padding: 0;
    }
    .cs-tb-res{
        min-height: auto;
        padding-top: 4rem;
        padding-bottom:3rem ;
    }
    .solution-resources-section .card-body{
        min-height: 460px;
    }
    .cs-cta-space{
        height: 50vh;

    }
    /* .uni-hero-img{
        width: auto;
    } */

    /* Resourse section tablet  */

    .cs-fs-20{
        font-size: 45px;
        line-height: 46px;
    }
    .cs-px-10{
        padding: 0 50px !important;
    }
    .cs-img-h{
        min-height: 800px;

    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .hpp-padding-r-sm-20{
        padding-right:0!important;
    }
    /* .uni-hero-img{
        width: 100% !important;
    } */
}

@media (max-width: 649px) {
    .hpp-padding-r-10{
        padding-right: 1rem!important;
    }
    .text-box{
        padding:0!important;
    }
}
@media (max-width: 820px) {
    .text-box{
        padding:0!important;
    }

}




/* New Download page stylings Start */

.cs-dwn{
    position: relative;


    height: 80vh !important;
}

.cs-title{
    font-size: 50px;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: bolder;
    line-height: 1.2;
}
.btn-red__light span svg {
    margin-left: 10px;
    width: 20px;
    height: 30px;
    fill: #fff;

}

/* insight tabs stylings */

.insight-tabs{
    color: #000;
}

.insight-tab-title{
    padding-bottom: 20px;
    position: relative;
    line-height: 24px;

    color: #c00 !important;
}
.insight-tabs ul li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #C0C0C0;

    transition: all 0.3s ease-in-out;
    align-items: flex-start !important;
    padding: 25px 10px !important;
}
.insight-tabs ul li:hover{
    background-color: #F8F8F8;

}

.insight-tabs ul li h4{
    font-size: 20px;
    font-weight: 700;
    max-width: 25%;
    flex: 1 1 25%;
    margin: 0;
    line-height: 1;
    padding: 21px 40px 21px 40px !important;

}

.insight-tabs-para{
    flex: 1;
    padding: 21px 40px 0 21px;
}
.insight-tabs-btn{
    text-align: right;
    flex: 0 0 15%;
}

.insight-tab-title::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background: #cc0000;
    height: 4px;
    z-index: 1;
    bottom: 0;
}

/* installation guide  */
.ins-guide{
    padding: 100px  0 !important;
}
.ins-guide-title{
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
}
.ins-guide-title .desc{
    font-size: 18px;
    font-weight: 450;
    line-height: 24px;
    margin-top: 30px;
}

.btn-ins{
    margin-bottom: 25px;
    background: #cc0000;
    box-shadow: 6px 6px 0px #6d0101;
    display: inline-flex;
    min-width: 230px;
    justify-content: center;
    padding: 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
    text-decoration: none;
    align-items: center;
    transition: all .2s ease-in;
}
.btn-ins:hover{
    background:#8f0000;
}

/* tabs section  */

.cs-tabs a{
    color: #000000;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    background-color: transparent;
}

.cs-tabs a h3{
    font-size: 1.125rem;
    padding-left: 15px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000;

}

.cs-tab-icon a span svg{
    width: 50px;
    height: 50px;
}






/* New Download page stylings End */


@media (max-width: 768px){

    /* New Download page mobile stylings start */


    .cs-title{
        font-size: 38px;
        line-height: 42px;

    }

    .insight-tab-title{
        padding-bottom: 10px;
        font-size: 19px;
    }

    .insight-tabs ul li{
        flex-direction: column;
    }

    .insight-tabs ul li h4{

        font-size: 20px;
        max-width: 100%;
        flex: 1 1 100%;
        margin-bottom: 10px;
        padding: 0 !important;

    }

    .insight-tabs-para{
        padding: 0;
    }
    .insight-tabs ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .ins-guide-title{
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 30px;
        text-align: center;
    }
    .ins-guide .desc{
        margin: 0 auto 65px !important;
        text-align: center;
    }

    .cs-tab-icon{
        width: 50%;
        flex: 0 0 50%;
        margin-bottom: 20px;
        text-align: center
    }
    .cs-dwn p{
        opacity: 0;
    }

    .cs-tab-icon a span svg{
        width: 30px;
        height: 30px;
    }

    /* New Download page mobile stylings end */


}


/* Tablet only Stylings */

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



    /* New Download page tablet stylings start */



    .cs-dwn p{
        opacity: 1;
    }

    .ins-guide-title{
        font-size: 50px;
        line-height: 60px;
    }

    .insight-tabs ul{
        margin: 0 ;
        padding: 0;
    }
    .cs-tab-icon a span svg{
        width: 40px;
        height: 40px;
    }

    /* New Download page tablet stylings end */


}