@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap,wght@0,300..700;1,300..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: var(--white-color);
}

ul {
    margin: 0;
    padding: 0;
}

h1.h2, h3, h4, h5, h6 {
    font-weight: 700;
}

li {
    list-style: none;
}

html {
    scroll-behavior: smooth;
}

iframe {
    display: block;
    margin: auto;
}

body {
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
}

:root {
    --white-color: #ffffff;
    --black-color: #000000;
    --btn-color: #47a145;
    --btn-hover-color: #212529;
    --para-color: #9B9B9B;
    --background-color: #f9f9f9;
    --bg-color: #0e2b3d;
    --footer-color: #0a2d43;
    --highlight-color: #0b00bd;
    --other-btn-color: #00327b;
}

p {
    color: var(--para-color);
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
}

.tab-content {
    display: none;
}

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

.about-section-homepage,
.timely-delivery-section,
.history-section,
.row-information,
.presence-section,
.api-servicing-section,
.custom-api-development-section,
.api-servicing-section,
.api-development-services-section,
.api-integration,
.app-development-section,
.app-development-services-section,
.we-offer-platforms-section,
.why-us-section,
.massive-user-section,
.ideal-apps-section,
.offers-section,
.industry-serve-section,
.dream-project-section,
.careers-section,
.career-content,
.choose-section,
.timely-delivery-section,
.trusted-section,
.contact-section,
.digital-marketing-solution,
.marketing-agency-section,
.what-we-do-section,
.we-focus-on-section,
.trusted-section,
.education-section,
.ecommerse-list-section,
.ecommerse-demo-section,
.shipping-methods-section,
.payment-gateways-section,
.seo-optimized-section,
.education-section,
.online-management-software-section,
.software-management-section,
.education-demo-section,
.library-management-section,
.store-management-section,
.hotel-management-section,
.bus-transport-section,
.accounts-section,
.mail-facility-section,
.reports-section,
.finance-section,
.personal-loan-section,
.gallery-section,
.health-care-section,
.hospital-management-section,
.highly-integrated-section,
.healthcare-demo-section,
.explore-probuz-section,
.home-section,
.resolutions-section,
.services-section,
.timely-service-section,
.experience-section,
.awards-section,
.leadership-section,
.team-section,
.banner-section,
.products-section,
.security-section,
.it-risk-management-section,
.scope-services-section,
.benefits-section,
.software-development-section,
.best-development-section,
.development-solution-section,
.why-probuz-section,
.solar-utilities-section,
.solar-section,
.roof-top-section,
.remote-monitoring-section,
.technical-support-section,
.technical-expert-section,
.reliable-solution-section,
.reliable-solution-cards,
.how-it-works-section,
.services-covered-section,
.technical-support-form-section,
.large-scale-enterprise,
.wire-section,
.introducing-wire-section,
.wire-demo-section,
.payment-facilities-section,
.advantages-section,
.faq-section, .clinic-management-home-section,
.cloud-software-section,
.capture-prescriptions-section,
.healthcare-demo-section,
.earn-money-section,
.consultation-section,
.value-money-section,
.all-clinic-management-section,
.integrated-beautiful-section,
.estimation-section,
.data-security-section,
.payments-slider,
.product-demo-section,
.improve-management-software-section,
.hrms-home-section,
.hr-department-section,
.reduce-employee-section,
.staff-management-section,
.updates-slider,
.hrms-guides-section,
.hrms-features-section,
.mlm-software-section,
.best-mlm-software-section,
.experience-header,
.mlm-software-plans-section,
.mlm-software-features,
.probuz-offers-section,
.why-probuz-section,
.affordable-price-section,
.service-management-section,
.service-management-list-section,
.trusted-section,
.job-oriented-training-program-section,
.courses-section,
.training-master-program-section,
.full-stack-developer-section,
.course-syllabus-section,
.training-institude-section,
.process-section,
.web-design-section,
.expert-business-website-section,
.best-website-maintenance-section,
.transperforming-section,
.complete-design-section,
.nidhi-software-section,
.online-nidhi-software-section,
.choose-nidhi-software-section,
.healthcare-demo-section,
.services-section,
.why-should-choose,
.nidhi-software-cards,
.features-nidhi-software-section,
.ready-to-grow-section,
.book-free-demo-section,
.client-says-section,
.enroll-section,
.it-solutions-section,
.itsolution-services,
.technology-section,
.white-container,
.case-studies-section,
.timely-delivery-it-section,
.industry-section-homepage,
.nationwide-service-section,
.industries-faq-section,
.payment-section,
.privacy-policy-banner,
.privacy-policy-content,
.bank-details-section,
.legal-documents-section {
    overflow: hidden;
}


.common--header {
    font-size: 15px;
    color: var(--btn-color);
    position: relative;
    padding-left: 100px;
    font-weight: bolder;
}

    .common--header:before {
        content: " ";
        display: block;
        height: 2px;
        margin-right: 30px;
        width: 50px;
        position: absolute;
        top: 50%;
        left: 0;
        background: var(--btn-color);
    }

.common--subheader {
    font-size: 37px;
    font-weight: bolder;
    margin-bottom: 20px;
}

.button,
.support-btn {
    position: relative;
    overflow: hidden;
    height: 3.5rem;
    border-radius: 3px;
    background: var(--btn-color);
    color: var(--white-color);
    color: #fff;
    border: none;
    font-weight: 700;
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .button:hover::before,
    .support-btn:hover::before {
        transform: scaleX(1);
    }

    .button:hover,
    .support-btn:hover {
        color: var(--white-color) !important;
    }

.button-content,
.support-btn-content {
    position: relative;
    z-index: 1;
}

.button::before,
.support-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    width: 100%;
    height: inherit;
    border-radius: inherit;
    background: var(--btn-hover-color);
    transition: all 0.475s;
}

.support-btn {
    background-color: var(--white-color);
    color: var(--black-color) !important;
}

    .support-btn:hover {
        color: var(--white-color) !important;
    }


/* FirstNav Section Start */

.first-nav {
    background-color: var(--black-color);
    color: var(--white-color);
    padding: 10px 0px;
    h6

{
    font-size: 15px;
    margin-bottom: 0px;
}

i {
    color: var(--btn-color);
}

}

/* FirstNav Section End */

/* Nav Section Start */

.nav {
    width: 100%;
    height: 105px;
    position: fixed;
    line-height: 65px;
    text-align: center;
    z-index: 999999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

    .nav div.logo {
        float: left;
        width: auto;
        height: auto;
    }

        .nav div.logo a {
            text-decoration: none;
            color: #fff;
        }


    .nav div.main_list {
        height: 65px;
        float: right;
    }

        .nav div.main_list ul {
            width: 100%;
            height: 65px;
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .nav div.main_list ul li {
                width: auto;
                height: 65px;
                padding: 0;
                padding-right: 2rem;
                font-weight: 600;
            }

                .nav div.main_list ul li a {
                    text-decoration: none;
                    color: #fff;
                    line-height: 35px;
                    font-size: 15px;
                    position: relative;
                }


                    .nav div.main_list ul li a:hover {
                        color: var(--btn-color);
                    }

                .nav div.main_list ul li > a::before {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 2px;
                    bottom: -42px;
                    left: 0;
                    background-color: var(--white-color);
                    transform: scaleX(0);
                    transform-origin: bottom right;
                    transition: transform 0.3s ease;
                }

                .nav div.main_list ul li a:hover::before {
                    transform: scaleX(1);
                    transform-origin: bottom center;
                }

.dropdown .dropdown-content a:hover {
    background-color: var(--white-color);
    color: var(--btn-color) !important;
}

.dropdown .dropdown-content i {
    display: none;
}

.dropdown .dropdown-content a:hover i {
    display: block;
}


.navTrigger {
    display: none;
}

.nav {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

select {
    background-color: transparent;
    color: var(--white-color);
    border: none;
    font-size: 20px;
}


option {
    color: var(--black-color);
}

.dropdown {
    .fa-user

{
    color: var(--white-color);
}

}

.dropdown .dropbtn {
    font-size: 15px;
    font-weight: 600;
    border: none;
    outline: none;
    color: #fff;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    .fa-solid

{
    /* color: var(--white-color)!important; */
}

}

.dropdown .dropbtn:hover {
    color: var(--btn-color);
}



.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    color: var(--black-color);
    z-index: 999999;
    width: auto;
    min-width: 237px;
    padding: 15px 0 15px;
    border-radius: 0 0 5px 5px;
    margin-top: 20px;
}


.it-solution-content {
    min-width: 500px;
    h6

{
    text-align: left;
    padding: 0 40px;
}

}

.dropdown-content a {
    padding: 0px 40px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--para-color) !important;
    /* height: 50px; */
}


.login-content {
    right: 0px;
    min-width: 500px;
    h6

{
    text-align: left;
    margin-left: 25px;
}

a {
    color: var(--black-color) !important;
}

i {
    font-size: 5px;
}

img {
    width: 35px;
}

}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
    margin-top: 0px;
}

/* Mobile responsiveness */
@media screen and (max-width: 600px) {
    .login-content {
        left: 0px;
    }

    .nav div.main_list ul {
        overflow-y: scroll;
    }

        .nav div.main_list ul li {
            height: px;
            a

{
    font-size: px;
}

}

.nav {
    /* top: 0px; */
    background-color: var(--white-color);
}

    .nav .fa-angle-down {
        right: 0px;
        position: absolute;
        top: 40%
    }


    .nav .logo {
        padding-left: 20px;
    }

    .nav .container {
        margin: 0px;
        padding: 0px;
    }


    .nav a.icon, .dropdown a.icon {
        float: right;
        display: block;
        /* color: var(--black-color); */
    }

}

@media screen and (max-width: 600px) {
    .nav.responsive a, .nav.responsive .dropdown .dropbtn {
        display: block;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

    .dropdown .dropbtn {
        color: var(--black-color);
        padding-left: 20px;
    }

    .dropdown .loginbtn {
        padding-left: 20px;
    }

    .dropdown-content a,
    .dropdown-content h6 {
        font-size: 14px !important;
    }

    .dropdown-content h6 {
        margin-top: px;
    }

    .dropdown-content {
        width: 100% !important;
        background-color: var(--white-color);
    }

    .dropdown .dropbtn .fa-solid {
        color: var(--black-color) !important;
    }
}

@media screen and (max-width: 600px) {
    .nav.responsive .dropdown {
        display: block;
        float: none;
        width: 100%;
    }

    .nav.responsive .dropdown-content {
        position: relative;
    }

    .nav.responsive a.icon, .dropdown.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
    }
}


@media screen and (max-width:768px) {
    .navTrigger {
        display: block;
    }

    .nav div.main_list {
        width: 100%;
        height: 0;
        overflow: hidden;
    }

    .nav div.show_list {
        height: auto;
        display: none;
    }

    .nav div.main_list ul {
        flex-direction: column;
        width: 100%;
        min-height: 350px;
        overflow: scroll;
        /* height: auto; */
        padding-bottom: 30px;
        background-color: var(--white-color);
        /*same background color of navbar*/
        background-position: center top;
    }

        .nav div.main_list ul li {
            width: 100%;
            text-align: left;
        }

    .dropdown .dropbtn {
        font-size: 14px;
    }

    .nav div.main_list ul li a {
        text-align: left;
        width: 100%;
        font-size: 14px;
        padding: 0px 20px;
        color: var(--black-color);
    }

    .nav div.media_button {
        display: block;
    }
}

.navTrigger {
    cursor: pointer;
    width: 30px;
    height: 25px;
    margin: auto;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
}

    .navTrigger i {
        background-color: var(--black-color);
        border-radius: 2px;
        content: '';
        display: block;
        width: 100%;
        height: 4px;
    }

        .navTrigger i:nth-child(1) {
            -webkit-animation: outT 0.8s backwards;
            animation: outT 0.8s backwards;
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

        .navTrigger i:nth-child(2) {
            margin: 5px 0;
            -webkit-animation: outM 0.8s backwards;
            animation: outM 0.8s backwards;
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

        .navTrigger i:nth-child(3) {
            -webkit-animation: outBtm 0.8s backwards;
            animation: outBtm 0.8s backwards;
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

    .navTrigger.active i:nth-child(1) {
        -webkit-animation: inT 0.8s forwards;
        animation: inT 0.8s forwards;
    }

    .navTrigger.active i:nth-child(2) {
        -webkit-animation: inM 0.8s forwards;
        animation: inM 0.8s forwards;
    }

    .navTrigger.active i:nth-child(3) {
        -webkit-animation: inBtm 0.8s forwards;
        animation: inBtm 0.8s forwards;
    }

@-webkit-keyframes inM {
    50% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes inM {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes outM {
    50% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes outM {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes inT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes inT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(9px) rotate(0deg);
    }

    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes outT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes outT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(9px) rotate(0deg);
    }

    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes inBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes inBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-9px) rotate(0deg);
    }

    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

@-webkit-keyframes outBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes outBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-9px) rotate(0deg);
    }

    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

.affix {
    top: 0px;
    padding: 0;
    background-color: var(--white-color);
    height: 80px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    .fa-solid

{
    color: var(--black-color) !important;
}

.dropdown .dropbtn, a {
    color: var(--black-color) !important;
}

}

.myH2 {
    text-align: center;
    font-size: 4rem;
}

.myP {
    text-align: justify;
    padding-left: 15%;
    padding-right: 15%;
    font-size: 20px;
}

@media all and (max-width:700px) {
    .myP {
        padding: 2%;
    }
}

/* Nav Section End */

/* Home Section Start */

.home-content-2 {
    width: 100%;
    min-height: 100vh;
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)), url('https://probuztech.in/Content/assets/images/sliders/2.jpg');
    background-position: center top;
    background-size: cover;
}

.home-content-1 {
    width: 100%;
    min-height: 100vh;
    background-position: center top;
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)), url('https://probuztech.in/Content/assets/images/sliders/1.jpg');
    background-size: cover;
}

.home-section {
    overflow: hidden;
    .content

{
    padding-top: 150px;
}

.content h1 {
    font-size: 75px;
    line-height: 1.1;
    color: var(--white-color);
    font-weight: 800;
    margin-bottom: 30px
}



.content p {
    font-size: 18px;
    color: #ffffff;
    max-width: 600px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: justify;
}

.slick-dots {
    position: absolute;
    text-align: center;
    list-style: none;
    display: block;
    padding: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            width: 8px;
            height: 8px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    background-color: var(--btn-color);
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 8px;
                height: 8px;
                text-align: center;
                color: var(--btn-color);
                border: 3px solid var(--btn-color);
                border-radius: 50%;
                -webkit-font-smoothing: antialiased;
                opacity: 1;
            }

        .slick-dots li.slick-active button:before {
            color: var(--btn-color);
            width: 8px;
            background-color: var(--btn-color);
            position: absolute;
            top: 0;
            left: 0;
            height: 8px;
        }

        .slick-dots li button::before {
            content: "";
        }

.slick-prev {
    z-index: 90;
    position: absolute;
    top: 318px;
    left: 30px;
    background-color: transparent;
    color: var(--white-color);
    border: none;
}

.slick-next {
    z-index: 90;
    position: absolute;
    background-color: transparent;
    color: var(--white-color);
    border: none;
    /* bottom: 260px; */
    top: 318px;
    right: 30px;
}

.slick-prev,
.slick-next {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .slick-prev:hover,
    .slick-next:hover {
        background-color: var(--supporting-color);
    }

    .slick-prev i,
    .slick-next i {
        font-size: 55px;
    }

}

/* Home Section End */


/* Resolutions Section Start */

.resolutions-section {
    margin-top: 100px;
    z-index: 2;
    p

{
    color: var(--para-color);
    text-align: justify;
}

li {
    margin-bottom: 10px;
}

i {
    color: var(--btn-color);
    padding-right: 10px;
    font-size: 22px;
}

.points {
    margin: 80px 0px;
}

.about-img {
    position: relative;
    z-index: 999;
    order: 1;
}

.play {
    width: 54px;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    background-color: white;
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    i

{
    font-size: 15px;
    padding-left: 8px;
    color: var(--btn-hover-color);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

}

.title {
    font-size: 15px;
    font-weight: 700;
}

.video {
    position: absolute;
    background-color: var(--btn-color);
    padding: 25px 30px;
    border-radius: 2px;
    max-width: 210px;
    bottom: 40px;
    left: 20px;
    order: 2;
}

}



/* Resolutions Section End */

/* Services Section Start */

.services-section {
    background-color: var(--background-color);
    position: relative;
    bottom: 200px;
    z-index: 1;
    padding: 0px;
    margin: 0px;
    .trusted-section

{
    background-color: var(--background-color);
    width: 100%;
    padding: px 0px;
    img

{
    padding: 10px;
    opacity: 0.6;
}

.head {
    color: var(--para-color);
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 700;
    a

{
    color: var(--btn-color);
}

}
}

.container {
    margin-top: 50px;
}

.service-card:hover i {
    color: var(--btn-color);
}

.service-card {
    padding: 50px;
    background-color: var(--white-color);
    margin: 0px 10px;
    height: 550px;
    cursor: grab;
    position: relative;
    transition: 0.3s ease-in-out;
    .service-icon

{
    color: var(--btn-hover-color);
    font-size: 70px;
    line-height: 1;
    transition: 0.3s linear;
    margin-bottom: 20px;
}

.title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

.check-point {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

p {
    font-size: 14px;
    margin-bottom: 20px;
}

.fa-check {
    color: var(--btn-color);
    margin-right: 10px;
}

.button {
    background-color: var(--btn-hover-color);
    color: var(--white-color);
    height: 3rem;
    margin-top: 20px;
}

    .button::before {
        background-color: var(--btn-color);
    }

    .button:hover {
        color: var(--white-color) !important;
    }

}

.service-card::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    top: 0px;
    left: 0px;
    background-color: var(--btn-color);
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease-in-out;
}

.service-card:hover::before {
    transform: scaleX(1);
    transform-origin: top center;
}


.service-slider {
    margin-top: 30px;
}

.row {
    align-items: center;
}

.services {
    color: var(--btn-hover-color);
    border: 2px solid var(--btn-hover-color);
    border-radius: 3px;
    padding: 15px;
    /*width: 250px;*/
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 50px;
    transition: 0.1s ease-in-out;
    float: right;
    i

{
    font-size: 20px;
}

}

.services:hover {
    background-color: var(--btn-hover-color);
    color: var(--white-color);
}



.slick-dots {
    position: absolute;
    bottom: -100px;
    left: 30px;
    list-style: none;
    display: block;
    padding: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            width: 8px;
            height: 8px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    background-color: var(--btn-color);
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 8px;
                height: 8px;
                text-align: center;
                color: var(--btn-color);
                border: 3px solid var(--btn-color);
                border-radius: 50%;
                -webkit-font-smoothing: antialiased;
                opacity: 1;
            }

        .slick-dots li.slick-active button:before {
            color: var(--btn-color);
            width: 8px;
            background-color: var(--btn-color);
            position: absolute;
            top: 0;
            left: 0;
            height: 8px;
        }

        .slick-dots li button::before {
            content: "";
        }

.slick-prev {
    z-index: 90;
    position: absolute;
    top: 605px;
    left: 0px;
}

.slick-next {
    z-index: 90;
    position: absolute;
    left: 100px;
    top: 605px;
}

.slick-prev,
.slick-next {
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--btn-hover-color);
    border: none;
    background-color: transparent;
}

    .slick-prev i,
    .slick-next i {
        font-size: 55px;
    }

}

/* Services Section End */

/* Technology Section Start */

.technology-section {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/14.jpg');
    padding: 100px 0px 200px 0px;
    height: auto;
    .common--subheader

{
    padding-right: 30px;
}

.border-b {
    border-bottom: 2px solid var(--btn-color);
    width: 50%;
    margin-bottom: 30px;
}

.button {
    margin-top: 20px;
}

    .button::before {
        background-color: var(--white-color);
    }

    .button:hover {
        color: var(--btn-hover-color) !important;
    }


.row-card {
    margin-top: 30px;
}

.technology-card {
    padding: 50px 40px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    text-align: center;
    height: 350px;
    h6

{
    font-size: 20px;
    margin: 20px 0px;
}


.para {
    font-size: 14px;
}

.fa-circle-right {
    font-size: 20px;
    margin-top: 30px;
}

.feature-icon i {
    font-size: 60px;
}

.feature-icon {
    height: 60px;
    width: 60px;
    margin: auto;
    margin-bottom: 40px;
}

}

.technology-card:hover {
    background-color: var(--white-color);
    color: var(--btn-hover-color);
    transition: 0.3s ease-in-out;
}



    .technology-card:hover .feature-icon i {
        color: var(--btn-color);
    }

    .technology-card:hover .fa-circle-right {
        color: var(--btn-color);
    }


.row-info {
    padding-top: 58px;
    h6

{
    font-weight: 600;
    border-bottom: 2px solid var(--btn-color);
    width: 55%;
}

.row-points {
    color: var(--black-color);
    margin-top: 150px;
    p,span

{
    font-size: 15px;
    font-weight: 550;
}

span {
    color: var(--btn-hover-color);
}

}

.fa-check {
    color: var(--btn-color);
    margin-right: 10px;
}

}

.fa-star {
    color: var(--btn-color);
}

}

/* Technology Section End */

/* IT Problems Section Start */


.it-problems-section {
    margin-top: 220px;
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)), url('https://probuztech.in/Content/assets/images/banners/8.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 100px 0px 0px 0px;
    color: var(--white-color);
    .fixed-content

{
    position: sticky;
    top: 170px;
}

.common--subheader {
    padding-bottom: 200px;
}

.border-b {
    border-bottom: 2px solid var(--white-color);
    width: 50%;
}


.container {
    padding: 0px 60px;
}

.it-solution {
    position: relative;
    .fa-computer-mouse

{
    text-align: center;
    position: absolute;
    top: -31px;
    font-size: 20px;
    width: 62px;
    height: 62px;
    color: var(--white-color);
    border: 2px solid var(--white-color);
    text-align: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
}

.client-interaction-section {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/3.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0px;
    color: var(--white-color);
    p

{
    color: var(--white-color);
}

.main-btn {
    width: 100%;
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
}

    .main-btn:hover {
        background-color: var(--white-color);
        color: var(--btn-color);
    }

h1 {
    font-size: 33px;
}

.count {
    font-size: 54px;
    font-weight: 400;
}

.count-title {
    font-size: 14px;
    font-weight: 700;
}

}

.timely-service-section {
    background-color: var(--background-color);
    .info

{
    padding: 50px 43px;
    h2

{
    font-size: 24px;
    font-weight: 700;
    color: var(--btn-hover-color);
    margin-bottom: 30px;
}

.para {
    margin-bottom: 30px;
}

}
}

.experience-section {
    overflow: hidden;
    .fa-chalkboard-user

{
    font-size: 70px;
    margin-bottom: 30px;
}

.left-section {
    background-color: var(--btn-color);
    color: var(--white-color);
    padding: 65px;
    h4

{
    font-size: 24px;
    font-weight: 700;
}

p {
    color: var(--white-color);
    margin: 20px 0px;
}

.main-btn {
    width: 100%;
    text-align: left;
    padding-left: 0px;
    border: none;
    background-color: transparent;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
}

    .main-btn:hover {
        background-color: var(--btn-color);
        color: var(--btn-hover-color);
    }

}

.right-section {
    background-color: var(--background-color);
    padding: 45px;
    h2

{
    font-size: 24px;
    font-weight: 700;
    color: var(--btn-hover-color);
    margin-bottom: 30px;
}

h5 {
    font-size: 17px;
    margin-bottom: 15px;
    color: var(--btn-color);
}

p {
    margin-bottom: 15px;
}

}
}
}
}

.awards-section {
    background-color: var(--bg-color);
    padding: 100px 0px 200px 0px;
    color: var(--white-color);
    .award-card

{
    background-color: var(--white-color);
    text-align: center;
    border-radius: 5px;
    padding: 48px 35px 37px;
    color: var(--btn-hover-color);
    height: 420px;
    margin: 10px;
    h3

{
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0px;
}

p {
    color: var(--para-color);
}

}

p {
    color: var(--white-color);
}

.award-slider {
    margin-top: 50px;
    .slick-dots

{
    position: absolute;
    text-align: center;
    bottom: -40px;
    list-style: none;
    display: block;
    padding: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

    .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        width: 8px;
        height: 8px;
        outline: none;
        line-height: 0;
        font-size: 0;
        color: transparent;
        padding: 5px;
        cursor: pointer;
    }

        .slick-dots li button:hover, .slick-dots li button:focus {
            outline: none;
        }

            .slick-dots li button:hover:before,
            .slick-dots li button:focus:before {
                background-color: var(--white-color);
            }

        .slick-dots li button:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 8px;
            height: 8px;
            text-align: center;
            color: var(--white-color);
            border: 3px solid var(--white-color);
            border-radius: 50%;
            -webkit-font-smoothing: antialiased;
            opacity: 1;
        }

    .slick-dots li.slick-active button:before {
        color: var(--white-color);
        width: 8px;
        background-color: var(--white-color);
        position: absolute;
        top: 0;
        left: 0;
        height: 8px;
    }

    .slick-dots li button::before {
        content: "";
    }

}
}

/* IT Problems Section End */

/* Footer Section Start */

.footer-section {
    background-color: var(--footer-color);
    padding: 130px 0px 40px 0px;
    color: var(--white-color);
    .fa-chevron-up

{
    cursor: pointer;
}

h6 {
    font-size: 17px;
    margin-bottom: 35px;
    font-weight: 700;
}

li {
    font-size: 14px;
    margin-bottom: 11px;
}

    li a:hover {
        color: var(--btn-color);
    }

.fa-brands {
    font-size: 18px;
}

.button {
    background-color: var(--white-color);
    color: var(--btn-hover-color);
    border-radius: 0px;
    height: 3rem;
    width: 140px;
}

    .button:hover {
        color: var(--white-color);
    }

    .button::before {
        background-color: var(--btn-color);
    }

.border-b {
    border-top: 2px solid rgba(230, 233, 235, 0.1);
    padding: 20px 0px;
}

.fa-chevron-up {
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

p {
    color: var(--white-color);
}

}

/* Footer Section End */

/* Contact Section Start */

.contact-nav {
    background-color: var(--white-color);
    div .main_list ul li a

{
    color: var(--black-color);
}

.dropdown .dropbtn {
    color: var(--black-color);
    .fa-solid

{
    color: var(--black-color) !important;
}

}
}



.contact-section {
    margin-top: 100px;
    input

{
    color: #51668a;
    border: 2px solid #e7ebef;
    background-color: #ffffff;
    height: 60px;
    padding: 0 20px;
    border-radius: 2px;
    margin-bottom: 30px;
}

.contact-info {
    background-image: url('https://probuztech.in/Content/assets/images/contact/1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px;
}

form {
    margin-right: 100px;
}

p {
    color: var(--white-color);
}

.main-btn {
    width: 100%;
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    margin-top: 30px;
}

    .main-btn:hover {
        background-color: var(--white-color);
        color: var(--btn-color);
    }

h2 {
    font-size: 33px;
    margin-bottom: 30px;
    color: var(--white-color);
}


.btn {
    display: flex;
    justify-content: right;
    align-items: right;
}

.contact {
    margin: 100px 0px 50px 0px;
    h5

{
    font-size: 26px;
    margin-bottom: 40px;
}

}

.contact-cards {
    margin: 100px 0px;
}

.contact-card {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/bg-service1-1.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 11px 61.1px 3.9px rgb(34 34 34 / 20%);
    transition: all 0.3s linear;
    height: 350px;
    h5

{
    font-size: 19px;
    font-weight: 700;
    color: var(--btn-hover-color);
    margin-top: 20px;
    margin-bottom: 10px;
}

h6 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #343a40;
    span

{
    color: var(--para-color);
    font-size: 14px;
}

}
}

.contact-card:hover {
    transform: translateY(-20px);
}

}

.contact-btn {
    background-color: var(--btn-color);
    border: none;
    color: var(--white-color);
    padding: 10px 20px;
}

    .contact-btn:hover {
        opacity: 0.9;
    }

/* Contact Section End */

/* Careers Section Start */
.choose-button-section {
    background-color: bisque;
    color: gray;
    font-weight: 700;
    margin-bottom: 100px;
    max-width: 1200px;
    display: block;
    margin: auto;
    padding: 5px 0px;
}

.career-content-container {
    .content

{
    display: none;
}

.content.active {
    display: block;
}

.gallery-nav {
    top: 0px;
    background-color: var(--black-color);
    color: var(--black-color) !important;
}

}

.student-carrier-section {
    background-image: url('https://probuztech.in/Content/assets/images/edu.png');
    background-repeat: no-repeat;
    padding: 30px;
    .para

{
    color: #8f6b00;
}

form {
    background-color: rgb(236 236 239);
    border-radius: 15px;
    border: 1px solid rgba(0,0,0,.125);
    margin: 30px 60px;
    padding: 40px;
    p

{
    margin: 30px 0px;
    line-height: 1.7;
}

label {
    font-weight: 700;
    margin-bottom: 10px;
}

select {
    font-size: 15px;
}

#question {
    font-size: 32px;
    color: var(--btn-hover-color);
    font-weight: 700;
}

.btn-primary,
.btn-secondary {
    width: 170px;
    min-height: 60px;
    border-radius: 3px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

select,
.form-control {
    padding: 0px 20px;
    border-radius: 2px;
    background-color: #ffffff;
    border: 2px solid #e7ebef;
    color: #51668a;
    height: 40px;
    margin-bottom: 20px;
    width: 100%;
}

.para-two {
    margin: 0px;
}

.form-control-email {
    margin: 0px;
}

span {
    color: var(--para-color);
    font-weight: 700;
}

}
}

.careers-section {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/page-titles/7.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    .career-home-page

{
    color: var(--white-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.career-home-page h1 {
    font-size: 74px;
    margin-bottom: 20px;
    font-weight: 700;
}

.career-home-page div {
    font-size: 17px;
    max-width: 480px
}

}

.student-section {
    margin: 100px 0px;
    .common--subheader

{
    text-align: center;
    margin: 20px 0px;
}

}

.career-content {
    margin: 100px 0px;
    .header h6

{
    font-size: 15px;
    color: var(--para-color);
    font-weight: 600;
    margin-bottom: 20px;
}

.header h1 {
    font-size: 37px;
    margin-bottom: 20px;
    color: var(--btn-hover-color);
    max-width: 450px;
    margin: auto;
    margin-bottom: 30px;
}

.career-card {
    padding: 40px 38px 30px;
    .content-btn

{
    background-color: var(--btn-color);
    color: var(--white-color);
    border: none;
    padding: 5px;
    font-size: 13px;
}

p {
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 25px;
}

h4 {
    font-size: 20px;
    margin-top: 20px;
}

.p {
    font-size: 13px;
}

.small {
    font-size: 12px;
    color: var(--para-color);
    margin-bottom: 20px;
}

ul.list-style li {
    list-style-type: circle !important;
    font-size: 11px;
    color: var(--para-color);
}

}

.career-card-odd {
    background-color: var(--background-color);
}

.career-card-even {
    background-color: var(--white-color);
}

.button {
    background-color: var(--btn-hover-color);
    color: var(--white-color);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .button::before {
        background-color: var(--btn-color);
    }

    .button:hover {
        color: var(--white-color);
    }

}



/* History Section Start */

.history-section {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0px;
    color: var(--white-color);
    height: auto;
}

.row-information {
    margin-top:30px;
    /*position: relative;
    bottom: 100px;*/
    h6

{
    font-weight: 600;
    border-bottom: 2px solid var(--btn-color);
    width: 55%;
}

.row-points {
    color: var(--black-color);
    margin-top: 50px;
    p,span

{
    font-size: 15px;
    font-weight: 550;
}

span {
    color: var(--btn-hover-color);
}

}

.fa-star {
    color: var(--btn-color);
}

h6, .head {
    color: var(--white-color);
}

.fa-check {
    color: var(--btn-color);
    margin-right: 10px;
}

}

/* Timeline Start */

.timeline-slider {
    .slick-prev

{
    z-index: 90;
    position: absolute;
    background-color: transparent;
    color: var(--white-color);
    border: 2px solid rgba(230, 233, 235, 0.1);
    padding: 10px;
    border-radius: 50%;
    top: 282px;
    left: 30px;
}

.slick-next {
    z-index: 90;
    position: absolute;
    background-color: transparent;
    color: var(--white-color);
    border: 2px solid rgba(230, 233, 235, 0.1);
    padding: 10px;
    border-radius: 50%;
    top: 282px;
    right: 30px;
}

.slick-prev,
.slick-next {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out;
}

    .slick-prev:hover,
    .slick-next:hover {
        background-color: var(--white-color) !important;
        color: var(--btn-hover-color) !important;
    }

    .slick-prev i,
    .slick-next i {
        font-size: 20px;
    }

}

.ps-timeline-sec {
    position: relative;
    h5

{
    font-size: 20px;
    margin-bottom: 20px;
}

h6 {
    font-size: 15px;
    font-weight: 400;
}

}

.ps-timeline-sec .container {
    position: relative;
}

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

    .ps-timeline-sec .container ol.ps-timeline {
        margin: 130px 0 !important;
        border-left: 2px solid #348e80;
        padding-left: 0 !important;
        padding-top: 120px !important;
        border-top: 0 !important;
        margin-left: 25px !important;
    }

        .ps-timeline-sec .container ol.ps-timeline li {
            height: 220px;
            float: none !important;
            width: inherit !important;
        }

            .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
                width: 70px;
            }

            .ps-timeline-sec .container ol.ps-timeline li:last-child {
                margin: 0;
                bottom: 0 !important;
                height: 120px;
            }

                .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
                    bottom: 40px !important;
                    width: 40% !important;
                    margin-left: 25px !important;
                    margin-top: 0 !important;
                }

                    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
                        width: 100%;
                    }

                .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
                    margin-bottom: 0 !important;
                    top: 20px;
                    width: 50% !important;
                }

            .ps-timeline-sec .container ol.ps-timeline li span {
                left: 0 !important;
            }

                .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
                    content: none !important;
                }

                .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
                    content: none !important;
                }

                .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
                    content: none !important;
                }

                .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
                    content: none !important;
                }

            .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
                position: absolute !important;
                bottom: 150px !important;
                width: 30% !important;
                float: left !important;
                margin-left: 35px !important;
                margin-bottom: 0 !important;
            }

                .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
                    margin: 0 auto !important;
                    width: 80% !important;
                }

            .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
                position: absolute !important;
                bottom: 115px !important;
                width: 30% !important;
                float: left !important;
                margin-left: 35px !important;
                margin-bottom: 0 !important;
            }

            .ps-timeline-sec .container ol.ps-timeline li p {
                text-align: left !important;
                width: 100% !important;
                margin: 0 auto !important;
                margin-top: 0px !important;
            }

            .ps-timeline-sec .container ol.ps-timeline li .ps-top {
                width: 60% !important;
                float: right !important;
                right: 0;
                top: -40px;
            }

            .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
                width: 60% !important;
                float: right !important;
                right: 0;
                top: -40px;
            }
}

.ps-timeline-sec .container ol.ps-timeline {
    margin: 300px 0px 200px 0;
    padding: 0;
    /* border-top: 2px solid #173e50; */
    border-top: 2px solid rgba(230, 233, 235, 0.1);
    list-style: none;
}

    .ps-timeline-sec .container ol.ps-timeline li {
        float: left;
        width: 25%;
        padding-top: 30px;
        position: relative;
    }

        .ps-timeline-sec .container ol.ps-timeline li span {
            margin-left: -10px;
            box-shadow: 0 0 0 0px #fff;
            text-align: center;
            position: absolute;
            top: -9px;
            left: 50%;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            border: 5px solid #173e50;
            background-color: #47a145;
        }


        .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
            position: absolute;
            bottom: 0;
            margin-bottom: 80px;
            width: 100%;
        }

            .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
                display: table;
                margin: 0 auto;
            }

        .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
            position: absolute;
            margin-top: 20px;
            width: 100%;
        }

            .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
                display: table;
                margin: 0 auto;
            }

        .ps-timeline-sec .container ol.ps-timeline li p {
            text-align: center;
            width: 80%;
            margin: 0 auto;
        }

        .ps-timeline-sec .container ol.ps-timeline li .ps-top {
            position: absolute;
            padding: 0px 30px;
            text-align: center;
            bottom: 0;
            margin-bottom: 80px;
        }

        .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
            position: absolute;
            text-align: center;
            padding: 0px 30px;
            margin-top: 20px;
        }

/* Timeline End */
/* History Section End */
/* Careers Section End */

/* Gallery Section Start */

.gallery-nav {
    background-color: var(--black-color);
    color: var(--white-color) !important;
    position: fixed;
    .navTrigger i

{
    background-color: var(--white-color);
}


.dropdown-content a {
    color: var(--para-color) !important;
}

.dropdown .dropbtn {
    color: var(--white-color) !important;
}

    .dropdown .dropbtn .fa-solid {
        color: var(--white-color) !important;
    }

.fa-user {
    color: var(--white-color);
}

.affix
.dropdown .dropbtn, a {
    color: var(--white-color) !important;
}

}

.gallery-section {
    max-width: 1320px;
    display: block;
    margin: auto;
    margin: 200px 0px 100px 0px;
    text-align: center;
    .tab-container

{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0px;
}

.tab-button {
    color: var(--btn-hover-color);
    background: var(--background-color);
    border: 1px solid var(--btn-color);
    padding: 10px 20px;
    margin: 5px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.4s;
}

    .tab-button:hover {
        background-color: var(--btn-color);
        color: var(--white-color);
    }


    .tab-button.active {
        background-color: var(--btn-color);
        color: var(--white-color);
    }

.gallery {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

    .gallery img {
        width: 200px;
        height: 220px;
        object-fit: cover;
        cursor: pointer;
        border-radius: 12px;
    }

.lightbox {
    display: none;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    z-index: 99;
}

#lightboxImage {
    position: relative;
    top: px;
    height: px;
}

.close-icon,
.prev-icon,
.next-icon {
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.close-icon {
    right: 15px;
    top: 30px;
}

.prev-icon {
    left: 15px;
    top: 350px;
    font-size: 70px;
}

.next-icon {
    right: 15px;
    top: 350px;
    font-size: 70px;
}

}

/* Gallery Section End */

/* Products Section Start */

.banner-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)), url('https://probuztech.in/Content/assets/images/banners/breadcrumb_banner.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 230px 0px 300px 0px;
}

.banner-content {
    color: var(--white-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    h1

{
    font-size: 74px;
}

.small {
    font-size: 14px;
}

}

.products-section {
    margin: 100px 0px;
    text-align: center;
    .product-header

{
    color: var(--btn-color);
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: 600;
}

.row {
    margin: px 0px;
}

.product-card {
    border-radius: 2px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: box-shadow .25s;
    margin: 10px 0px;
    img

{
    width: 368px;
    height: 210px;
}

h3 {
    font-size: 22px;
    padding: 15px;
    color: #0e2b3d;
    font-weight: 500;
}

.border-b {
    border: 1px solid #D4D4D4;
}

.button {
    background-color: var(--white-color) !important;
    width: 100%;
    color: #007bff;
    border-radius: none !important;
    letter-spacing: 1px;
}

    .button::before {
        background-color: var(--btn-hover-color);
    }

    .button:hover {
        color: var(--white-color);
    }

}

.product-card:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

}

/* Products Section End */

/* About Section Start */

.about-section-homepage {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/page-titles/1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    .about-homepage-content

{
    color: var(--white-color);
    position: absolute;
    top: 63%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    h1

{
    font-size: 74px;
    line-height: 1.1;
}

.para {
    font-size: 17px;
    margin: 20px 40px 30px 40px;
    font-weight: 700;
}

.play-icon {
    background-color: var(--white-color);
    color: var(--btn-hover-color);
    border-radius: 50%;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.25);
    width: 60px;
    height: 60px;
    i

{
    margin-top: 35%;
}

}
}
}

.timely-delivery-section {
    margin: 100px 0px;
    .common--subheader

{
    margin: 20px 0px 40px 0px;
    line-height: 1.3;
}

.delivery-content {
    position: relative;
    i

{
    color: var(--btn-color);
    padding-right: 10px;
    font-size: 22px;
}

p,
.signature {
    margin-left: 40px;
}

.points {
    margin: 40px 0px;
    margin-left: 20px;
    li

{
    margin-bottom: 10px;
}

}

.quote {
    position: absolute;
    height: 80px;
    width: 80px;
    color: var(--para-color);
    z-index: -5;
    top: -20px;
    opacity: 0.2;
    transform: scaleX(-1);
}

}

.about-img {
    position: relative;
}

.quote-info {
    position: absolute;
    font-size: 15px;
    font-weight: 700;
    right: 80px;
    bottom: 20px;
    background-color: var(--white-color);
    padding: 30px;
    border-radius: 5px 5px 5px 0;
    max-width: 330px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

}

.small-img img {
    border-radius: 50%;
}

.small-img {
    border: 2px solid var(--btn-color);
    border-radius: 50%;
    height: 44px;
    width: 44px;
    padding: 5px;
    bottom: 20px;
    right: 430px;
    position: absolute;
}

.presence-content {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 100px;
    position: relative;
    .container

{
    margin-top: -25px;
}

p span {
    color: var(--btn-hover-color);
    i

{
    color: var(--btn-hover-color);
    font-size: 20px;
}

}

p {
    text-align: center;
    margin: 40px 0px 10px 0px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}

}

.divider {
    position: absolute;
    border: 10px solid #e4e7e9;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    font-weight: 600;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.presence-card-2 {
    text-align: right;
}

.presence-card {
    padding: 45px;
    box-shadow: 0 5px 23px rgba(40, 40, 40, 0.08);
    i

{
    font-size: 70px;
    font-weight: 400;
    color: var(--para-color);
}

h5 {
    font-size: 20px;
    margin-bottom: 10px
}

}


/* About Section End */

/* Choose Section Start */

.choose-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/page-titles/2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    .button

{
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

.button::before {
    background-color: var(--btn-hover-color);
}

.button:hover {
    color: var(--white-color);
}

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

    .main-btn:hover {
        background-color: var(--white-color);
        color: var(--btn-color);
    }

.choose-home-content {
    color: var(--white-color);
    padding-top: 250px;
}

.common--subheader {
    margin-bottom: 40px;
}

.choose-card {
    background-color: var(--white-color);
    border-radius: 4px;
    max-width: 320px;
    padding: 40px;
    display: block;
    margin: auto;
    .bi-person-workspace

{
    font-size: 70px;
    color: var(--btn-color);
}

h5 {
    font-size: 24px;
    margin-bottom: 20px;
    color: var(--btn-hover-color);
}

a {
    color: var(--btn-hover-color);
    font-weight: 600;
    cursor: pointer;
    i

{
    font-size: 20px;
}

}

a:hover {
    color: var(--btn-color);
}

}
}

.choose-timely-section {
    margin: 100px 0px 50px 0px;
}

.trusted-section {
    margin: 50px 0px;
    .organization-second

{
    opacity: 0.5;
    img

{
    padding: 20px;
}

}

.head {
    color: var(--para-color);
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 700;
    a

{
    color: var(--btn-color);
}

}
}

/* Choose Section End */

/* Leadership Section Start */

.leadership-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/page-titles/3.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 110vh;
    .button

{
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

.button::before {
    background-color: var(--btn-hover-color);
}

.button:hover {
    color: var(--white-color);
}

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.leadership-home-content {
    color: var(--white-color);
    padding-top: 250px;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 50px;
}

}

.team-section {
    margin: 100px 0px;
}

.team-card {
    position: relative;
    img

{
    width: 370px;
    height: 400px !important;
    position: relative;
}

.social-icons {
    position: absolute;
    background-color: var(--btn-color);
    color: var(--white-color);
    bottom: 120px;
    border-radius: 3px;
    left: 65px;
    padding: 25px;
    opacity: 0;
    transition: 0.5s;
}

.team-info {
    text-align: center;
    padding: 15px;
}

}

.team-card:hover .team-info {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.team-card:hover .social-icons {
    opacity: 1;
    bottom: 125px;
}


/* Leadership Section End */

/* Software Development Section Start */

.software-development-section {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/software_dev/bg-_banner2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
    .button

{
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

.button::before {
    background-color: var(--btn-hover-color);
}

.button:hover {
    color: var(--white-color);
}

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.software-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}

/* form{
        background-color:rgba(15, 15, 15, 0.2);
        color: var(--white-color);
        border: 3px solid var(--para-color);
        backdrop-filter: blur(5px);
        padding: 10px;
        border-radius: 20px 20px 0px 20px;
        max-width:400px;
        display: block;
        margin: auto;
 

        h5{
            font-size: 28px;
            font-weight: 400;
            margin-bottom: 6px;
            text-align: center;
        }
        .title{
            margin-bottom: 15px;
            text-align: center;
            padding: 5px 0px;
        }
        input{ 
            border: 1px solid var(--para-color);
            color: #51668a;
            padding: 0px 20px;
            border-radius: 20px 0px 20px 20px;
            height: 40px;
            box-shadow: 0 5px 15px rgb(71 161 69 / 36%);
            margin-bottom: 30px;
            background-color: transparent;
        }
        ::placeholder{
            color: var(--para-color);
        }
      } */

.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

.best-development-section {
    background-color: var(--background-color);
    padding: 100px 0px;
    p

{
    color: var(--black-color);
    line-height: 1.7;
    span

{
    font-weight: 700;
}

}

.row {
    align-items: center;
}

.common--subheader {
    position: relative;
    margin: 20px 0;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 5%;
        left: 50%;
        height: 2px;
        background-color: var(--btn-color);
    }

img {
    padding: 30px;
}

}

.development-solution-section {
    background-image: linear-gradient(to right,var(--btn-color),var(--white-color));
    padding: 100px 0px 70px 0px;
    .common--subheader

{
    position: relative;
    margin: 20px 0;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 80px;
    width: 5%;
    left: 50%;
    height: 2px;
    background-color: var(--btn-color);
}

.fa-circle-check {
    color: var(--btn-color);
    font-size: 20px;
}


ul {
    margin: 30px 0px;
    li

{
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
}

}
}


.why-probuz-section {
    background-color: var(--background-color);
    padding: 100px 0px;
    p

{
    color: var(--black-color);
    line-height: 1.7;
    text-align: justify;
}

.row {
    align-items: center;
}

.common--subheader {
    position: relative;
    margin: 20px 0;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 5%;
        left: 50%;
        height: 2px;
        background-color: var(--btn-color);
    }

img {
    padding: 30px;
}

}

/* Software Development Section End */

/* Digital Marketing Section Start */


.digital-marketing-section {
    background: linear-gradient(rgba(3, 3, 3, 0.6),rgba(15, 15, 15, 0.6)),url('https://probuztech.in/Content/assets/images/dm1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
    .digital-marketing-home-content

{
    padding-top: 200px;
    color: var(--white-color);
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}

form {
    background-color: rgba(15, 15, 15, 0.2);
    color: var(--white-color);
    border: 3px solid var(--para-color);
    backdrop-filter: blur(5px);
    padding: 10px;
    border-radius: 20px 20px 0px 20px;
    max-width: 400px;
    display: block;
    margin: auto;
    h5

{
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 6px;
    text-align: center;
}

.title {
    margin-bottom: 15px;
    text-align: center;
    padding: 5px 0px;
}

input {
    border: 1px solid var(--para-color);
    color: #51668a;
    padding: 0px 20px;
    border-radius: 20px 0px 20px 20px;
    height: 40px;
    box-shadow: 0 5px 15px rgb(71 161 69 / 36%);
    margin-bottom: 30px;
    background-color: transparent;
}

::placeholder {
    color: var(--para-color);
}

}

.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

.digital-marketing-solution {
    background-image: url('https://probuztech.in/Content/assets/images/dm6.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0px 100px 0px;
    p

{
    color: var(--white-color);
    line-height: 1.3;
    font-size: 15px;
    margin-bottom: 10px;
}

.para {
    font-size: 15px;
    color: var(--highlight-color);
    text-align: center;
    font-weight: 600;
    padding: 10px 0px;
    span

{
    color: var(--btn-hover-color);
}

}

.common--subheader {
    position: relative;
    color: var(--white-color);
    margin: 20px 0;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 10%;
        left: 50%;
        height: 2px;
        background-color: var(--btn-color);
    }

.header {
    font-size: 20px;
    color: var(--highlight-color);
    font-weight: 600;
}

}

.marketing-agency-section {
    background-color: var(--background-color);
    padding: 50px 0px;
    .common--subheader

{
    font-size: 37px;
    line-height: 1.3;
}

p {
    margin-bottom: 30px;
    font-size: 15px;
}

h6 {
    color: var(--highlight-color);
}

}

.what-we-do-section {
    background-color: rgba(6,13,50,1);
    padding: 50px 0px;
    color: var(--white-color);
    .common--subheader

{
    position: relative;
    margin: 20px 0;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 80px;
    text-align: center;
    width: 5%;
    left: 48%;
    height: 2px;
    background-color: var(--btn-color);
}

.what-we-do-card {
    margin: 20px 0px;
}

.row {
    margin-top: 50px;
}

h5 {
    font-size: 20px;
    font-weight: 600;
    margin: 25px 0px;
}

i {
    font-size: 65px;
    color: #17a2b8;
}

}

.we-focus-on-section {
    background-image: linear-gradient(to right,var(--white-color)0%, #e2dfdf);
    padding: 100px 0px;
    .common--subheader

{
    position: relative;
    margin: 20px 0;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 80px;
    text-align: center;
    width: 5%;
    left: 48%;
    height: 2px;
    background-color: var(--btn-color);
}

p {
    line-height: 1.7;
}

.col-lg-4 {
    margin: 10px 0px;
}

.row {
    margin-top: 50px;
}

h5 {
    font-size: 20px;
    margin-bottom: 25px;
}

}

/* Digital Marketing Section End */

/* Digital Marketing Banner Section Start */

.digital-marketing-banner {
    background: linear-gradient( 59deg, rgb(1 31 65) 66%, rgb(255 255 255) 62.68%);
    padding-top: 50px;
    img

{
    max-width: 100%;
    vertical-align: middle;
}

}

/* Digital Marketing Banner Section End */

/* Technical Support Section Start */


.technical-support-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/ecom/bg_ecom.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    .technical-support-home-content

{
    padding-top: 200px;
    color: var(--white-color);
}

.technical-support-img {
    padding: 30px;
    box-shadow: rgba(77, 209, 132, 0.2) 0px 7px 29px 0px;
}

.common--subheader {
    font-size: 74px;
    line-height: 1.1;
}

.small {
    font-size: 14px;
    margin-top: 100px;
    margin-bottom: px;
}

}

.technical-expert-section {
    margin: 100px 0px;
    h1

{
    font-size: 32px;
}

.para {
    color: var(--btn-hover-color);
    margin: 20px 0px;
    font-size: 15px;
}

.row {
    margin: 100px 0px 50px 0px;
}

}

.technical-expert-card {
    border: 10px solid var(--para-color);
    text-align: center;
    border-radius: 30px;
    padding: 10px;
    border-top: 10px solid var(--btn-color);
    border-bottom: 10px solid var(--btn-color);
    .dashed

{
    border-radius: 30px;
    border: 3px dashed var(--para-color);
    padding: 20px 40px;
}

img {
    border-radius: 50%;
}

h5 {
    margin: 10px 0px;
}

p {
    color: var(--btn-hover-color);
    margin-bottom: 7px;
}

}

.technical-expert-middle-card {
    border-top: 10px solid var(--btn-hover-color);
    border-bottom: 10px solid var(--btn-hover-color);
}

/* Technical Support SEction End */

/* Reliable Solution Section Start */

.reliable-solution-section {
    background-color: var(--footer-color);
    color: var(--white-color);
    .container

{
    padding: 30px;
    h5

{
    font-size: 24px;
    margin-bottom: 30px;
}

p {
    color: var(--white-color);
    line-height: 1.7;
    font-size: 15px;
}

}
}

.reliable-solution-cards {
    margin: 100px 0px;
    .reliable-solution-card

{
    padding: 45px 50px;
    border-top: 5px solid var(--btn-hover-color);
    border-radius: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    text-align: center;
    p

{
    font-size: 15px;
}

img {
    width: 100px;
    height: 100px;
    background-color: #a0cbfa;
    border-radius: 50%;
    padding: 10px;
}

h5 {
    font-size: 20px;
    margin: 30px 0px 10px 0px;
}

}
}

/* Reliable Solution Section End */

/* How it works section start */

.how-it-works-section {
    background-color: var(--footer-color);
    padding: 100px 0px;
    text-align: center;
    color: var(--white-color);
    .button

{
    background-color: var(--btn-color);
    height: 150px;
    width: 150px;
    border-radius: 50%;
    font-size: 40px;
}

.d-flex {
    margin: 50px 0px;
    position: relative;
    z-index: 1;
}

h3 {
    font-size: 32px;
    margin-bottom: 30px;
}

p {
    margin-bottom: 100px;
    font-size: 15px;
    color: var(--white-color);
}

.justify-content-around {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--white-color);
    padding-top: px;
    margin-top: px;
}

    .justify-content-around button {
        background-color: var(--btn-color);
        margin-top: -70px;
        text-align: center;
        z-index: 99;
    }

h4 {
    font-weight: 400;
    margin-top: 20px;
}

}


/* How it works section End */

/* Services Covered Section Start */

.services-covered-section {
    margin: 30px 0px;
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    h3

{
    padding: 20px 0px 30px 0px;
}

p {
    color: var(--btn-hover-color);
    font-size: 15px;
    span

{
    font-weight: 600;
}

}

ul {
    margin: 20px 0px;
}

li i {
    color: var(--btn-color);
    padding-right: 7px;
    font-size: 22px;
}

li {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
}

}

/* Services Covered Section End */

/* Technical Support Form Section Start */

.technical-support-form-section {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/bg_form.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    .row

{
    padding-top: 50px;
    align-items: center;
}

}

/* Technical Support Form Section End */

/* Large SCale Enterprise Section Start */

.large-scale-enterprise {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/13.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0px;
    color: var(--white-color);
    p

{
    color: var(--white-color);
    font-size: 15px;
    line-height: 1.7;
}

h2 {
    font-size: 34px;
    margin-bottom: 35px;
}

}

/* Large SCale Enterprise Section End */

/* API Servicing Section Start */

.api-servicing-section {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/software_dev/bg_api.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
    .button

{
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

.button::before {
    background-color: var(--btn-hover-color);
}

.button:hover {
    color: var(--white-color);
}

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.api-servicing-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
    line-height: 1.1;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}


.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

/* API Servicing Section End */

/* Custom API Development Section Start */

.custom-api-development-section {
    margin: 100px 0px;
    text-align: center;
    p

{
    color: var(--btn-hover-color);
    margin: 30px 100px;
    font-size: 15px;
}

.common--subheader {
    position: relative;
    margin: 20px 0;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 5%;
        left: 50%;
        height: 2px;
        background-color: var(--btn-color);
    }

}



/* Custom API Development Section End */

/* API Development Services Section Start */

.api-development-services-section {
    margin: 100px 0px;
    .common--subheader

{
    position: relative;
    margin: 20px 0;
    text-align: center;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 80px;
    width: 5%;
    left: 50%;
    height: 2px;
    background-color: var(--btn-color);
}

p {
    color: var(--btn-hover-color);
    margin: 30px 0px;
    font-size: 15px;
    text-align: justify;
}

.api-development-card {
    background-color: #edfafd;
    border-top: 10px solid #03045e;
    transition: all 0.3s ease-in-out;
    margin: 5px;
    padding: 10px;
    height: 350px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    h5

{
    color: #03045e;
    position: relative;
    margin: 20px 0;
}

h5::before {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 100px;
    height: 4px;
    background-color: var(--btn-color);
}

}

.api-development-card:hover {
    background-color: var(--white-color);
}

}

/* API Development Services Section End */

/* API Integration Section Start */

.api-integration-section {
    background-color: var(--background-color);
    padding: 0px 20px;
    .api-integration

{
    top: 170px;
    position: sticky;
    margin: 100px 0px;
    h2

{
    font-size: 34px;
    font-weight: 400;
    border-bottom: 1px dashed var(--btn-color);
}

p {
    color: var(--btn-hover-color);
    line-height: 1.7;
    font-size: 15px;
    text-align: justify;
}

}

.api-servicing {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/14.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 20px;
    color: var(--white-color);
    .api-servicing-head

{
    margin: 15px;
    box-shadow: 0 5px 23px rgb(4 175 49 / 55%);
    padding: 10px;
}

h1 {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px dashed var(--btn-color);
}

p {
    color: var(--white-color);
    line-height: 1.7;
    font-size: 15px;
}

}
}

/* API Integration Section End */

/* Security Section Start */

.security-section {
    background: linear-gradient(rgba(3, 3, 3, 0.5),rgba(15, 15, 15, 0.5)),url('https://probuztech.in/Content/assets/images/software_dev/bg_security1..jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
    .button

{
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

.button::before {
    background-color: var(--btn-hover-color);
}

.button:hover {
    color: var(--white-color);
}

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
    color: var(--white-color);
    line-height: 1.7;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.security-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
    line-height: 1.1;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}

.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

/* Security Section End */

/* IT Risk Management Section Start */

.it-risk-management-section {
    background-color: var(--background-color);
    padding: 100px 0px;
    img

{
    padding: 5px;
    background-color: var(--white-color);
    border: 1px solid #dee2e6;
    border-radius: 5px;
    width: 100%;
}

.common--subheader {
    position: relative;
    margin: 20px 0;
    margin-bottom: 50px;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 5%;
        left: 50%;
        height: 2px;
        background-color: var(--btn-color);
    }

p {
    font-size: 15px;
    color: var(--btn-hover-color);
    line-height: 1.7;
    text-align: justify;
}

}

/* IT Rsk Management Section End */

/* Scope of services section Start */

.scope-services-section {
    background-image: linear-gradient(to right,var(--btn-color),var(--white-color));
    padding: 50px 0px;
    .fa-square-full

{
    font-size: 5px;
    padding-right: 10px;
}

li {
    text-align: justify;
}

    li span {
        font-weight: 700;
        font-size: 17px;
    }

.common--subheader {
    position: relative;
    margin: 20px 0;
    margin-bottom: 50px;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 5%;
        left: 50%;
        height: 2px;
        background-color: var(--btn-color);
    }

img {
    width: 100%;
}

}

/* Scope of services section End */

/* Benefits Section Start */

.benefits-section {
    background-color: var(--background-color);
    padding: 100px 0px;
    p

{
    color: var(--btn-hover-color);
    font-size: 15px;
    line-height: 1.7;
}

.common--subheader {
    position: relative;
    margin: 20px 0;
    margin-bottom: 50px;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 5%;
        left: 48%;
        height: 2px;
        background-color: var(--btn-color);
    }

img {
    width: 75%;
}

}

/* Benefits Section End */

/* Web Hosting Section Start */

.web-hosting-section {
    background-color: var(--white-color);
    height: 100vh;
    background-image: url('https://www.probuz.in/images/banner6.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    img

{
    height: 90vh;
}

.web-hosting-content {
    padding-top: 200px;
    padding-left: 50px;
}

}

/* Web Hosting Section End */

/* APP Development Section Start */

.app-development-section {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/android-app-development.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
    .button

{
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

.button::before {
    background-color: var(--btn-hover-color);
}

.button:hover {
    color: var(--white-color);
}

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.app-development-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}


.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

.app-development-services-content {
    position: sticky;
    top: 0px;
}

.app-development-services-section {
    background-color: var(--background-color);
    padding: 50px 0px;
    .common--subheader

{
    position: relative;
    margin: 20px 0;
}

p {
    line-height: 1.7;
    color: var(--btn-hover-color);
    font-size: 15px;
}

img {
    padding: 100px;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 120px;
    width: 60px;
    height: 2px;
    background-color: var(--btn-color);
}

}

.app-development-services {
    background: linear-gradient(rgba(3, 3, 3, 0.3),rgba(15, 15, 15, 0.3)),url('https://probuztech.in/Content/assets/images/andriod2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 15px;
}

.app-development-services-card {
    background-color: #ffffffa6;
    padding: 20px;
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    backdrop-filter: blur(2px);
    margin-bottom: 20px;
    h5

{
    margin-bottom: 20px;
}

i {
    font-size: 45px;
    color: #0014ff;
}

p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--btn-hover-color);
}

}

/* APP Development Section End */

/* We Offer Platforms Section Start */

.we-offer-platforms-section {
    margin-top: 100px;
    .common--subheader

{
    margin-bottom: 40px;
    font-size: 34px;
    position: relative;
}

p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--btn-hover-color);
    margin-bottom: 30px;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 80px;
    width: 5%;
    left: 48%;
    height: 2px;
    background-color: var(--btn-color);
}

}

/* We Offer PLatforms Section End */

/* Why Us Section Start */

.why-us-section {
    background-color: var(--black-color);
    color: var(--white-color);
    padding: 50px 0px;
    text-align: center;
    margin: 50px 0px;
    h1

{
    font-size: 38px;
    margin-bottom: 40px;
}

h5 {
    font-size: 24px;
    margin-top: 20px;
}

.why-us-section-card {
    position: relative;
}

.last-card {
    position: static;
}

.why-us-section-card::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 75%;
    background-color: var(--white-color);
    left: 100%;
    transform: translateX(-50%);
}

}

/* Why Us Section End */

/* Massive User Section Start */

.massive-user-section {
    margin: 50px 0px;
    .common--subheader

{
    margin: 20px 0px;
    font-size: 34px;
    position: relative;
}

p {
    font-size: 17px;
    line-height: 1.7;
    font-weight: 600;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 120px;
    width: 60px;
    height: 2px;
    background-color: var(--btn-color);
}

.number {
    color: var(--para-color);
    font-size: 70px;
}

h5 {
    font-size: 18px;
    margin-bottom: 20px;
}

}

/* Massive User Section End */

/* Ideal Apps  Section Start */

.ideal-apps-section {
    margin: 100px 0px;
    .para

{
    color: var(--btn-hover-color-color);
    margin: 20px 0px 50px 0px;
}

.common--subheader {
    position: relative;
}

h5 {
    color: #666666;
    font-size: 18px;
    margin: 20px 0px;
}

img {
    width: 70px;
    height: 70px;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 80px;
    width: 5%;
    left: 48%;
    height: 2px;
    background-color: var(--btn-color);
}

}

/* Ideal Apps Section End */

/* We Offers You Section Start */

.offers-section {
    margin: 100px 0px;
    .row

{
    margin-top: 100px;
}

img {
    width: 55px;
    height: 60px;
}

p {
    color: var(--btn-hover-color);
}

h5 {
    font-size: 18px;
    margin: 15px 0px;
}

.common--subheader {
    position: relative;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 5%;
        left: 48%;
        height: 2px;
        background-color: var(--btn-color);
    }

}

/* Industry We Serve SEction Start */

.industry-serve-section {
    padding: 50px 0px;
    .common--subheader

{
    position: relative;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 80px;
    width: 5%;
    left: 48%;
    height: 2px;
    background-color: var(--btn-color);
}

p {
    color: var(--btn-hover-color);
    margin-bottom: 50px;
}

}

/* Industry We Serve SEction Start */

/* We Offers You Section End */

/* Dream Project Section Start */

.dream-project-section {
    background-image: url('https://probuztech.in/Content/assets/images/bg-android.png');
    padding: 50px 0px;
    color: var(--white-color);
    .common--subheader

{
    position: relative;
}

.common--subheader::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 75%;
    background-color: var(--white-color);
    left: 95%;
    transform: translateX(-50%);
}

p {
    color: var(--white-color);
    font-size: 15px;
    margin-bottom: 40px;
}

}

/* Dream Project Section End */

/* Health Care Section Start */

.health-care-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/healthcare/bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
    .button

{
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

.button::before {
    background-color: var(--btn-hover-color);
}

.button:hover {
    color: var(--white-color);
}

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.health-care-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}

}

/* Health Care Section End */

/* Hospital Management Section Start */

.hospital-management-section {
    background-color: var(--background-color);
    padding: 100px 0px;
    .hospital-management-card

{
    background-color: var(--white-color);
    border: 5px solid var(--btn-hover-color);
    padding: 90px 20px 20px 20px;
    position: relative;
    box-shadow: rgba(81, 224, 165, 0.2) 0px 7px 29px 0px;
    margin: 50px 0px;
    height: 350px;
}

.para {
    color: var(--btn-hover-color);
    text-align: center;
}

.row {
    margin-top: 100px;
}

img {
    width: 100px;
    height: 100px;
}

.img-outer {
    background: linear-gradient(135deg,#e7e7e7,#fff,#fff);
    width: 130px;
    height: 130px;
    border-radius: 50%;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 60px;
    top: -70px;
    line-height: 130px;
}

h5 {
    font-size: 20px;
}

p {
    text-align: justify;
}

.common--subheader {
    position: relative;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 5%;
        left: 48%;
        height: 2px;
        background-color: var(--btn-color);
    }

}

/* Hospital Management Section End */

/* Highly Integrated Section Start */

.highly-integrated-section {
    margin: 100px 0px;
    .common--subheader

{
    position: relative;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 150px;
    width: 5%;
    left: 48%;
    height: 2px;
    background-color: var(--btn-color);
}

img {
    width: 100px;
    height: 100px;
}

h5 {
    margin: 20px 0px;
    font-size: 24px;
}

.row {
    margin-top: 100px;
}

.highly-integrated-card {
    transition: all 0.3s linear;
    padding: 15px;
}

    .highly-integrated-card:hover {
        box-shadow: rgba(86, 187, 117, 0.2) 0px 7px 29px 0px;
        transform: translateY(10px);
    }

}

/* Highly Integrated Section End */

/* HealthCare Demo Section Start */

.healthcare-demo-section,
.wire-demo-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/backgrounds/bg_form.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    img

{
    width: 100%;
}

.row {
    align-items: center;
}

.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

/* HealthCare Demo Section End */

/* Explore Probuz Section Start */

.explore-probuz-section {
    margin: 50px 0px;
    .common--subheader

{
    position: relative;
}

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 80px;
    width: 5%;
    left: 48%;
    height: 2px;
    background-color: var(--btn-color);
}

p {
    font-size: 15px;
    color: var(--btn-hover-color);
}

}

/* Explore Probuz Section End */

/* Education Section Start */


.education-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/schoolerp/SMP-header.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    .education-home-content

{
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}

}

/* Education Section End */

.scrollbar {
    height: 400px;
    overflow-y: scroll;
}

/* Online Management Software Section Start */

.online-management-software-section,
.software-management-section,
.library-management-section,
.store-management-section {
    margin: 50px 0px;
    .common--subheader

{
    background-color: var(--footer-color);
    color: var(--white-color);
    margin: 0px 250px;
    font-size: 32px;
    padding: 5px;
}

.row {
    margin: 50px 0px;
}


ul li {
    padding: 10px 35px;
    box-shadow: 0 5px 23px rgb(40 40 40 / 8%);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 9px;
    i

{
    font-size: 22px;
    color: var(--footer-color);
    padding-right: 10px;
}

}
}

.library-management-section img {
    width: 100%;
}

/* Online Management Software Section End */

/* Education Demo Section Start */

.education-demo-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/backgrounds/bg_form.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    img

{
    width: 100%;
}



.row {
    align-items: center;
}

.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

/* Education Demo Section End */

/* Hotel Management Section Start */

.hotel-management-section {
    margin: 100px 0px;
    .common--subheader

{
    background-color: var(--footer-color);
    color: var(--white-color);
    margin: 0px 250px;
    font-size: 32px;
    padding: 5px;
}

h5 {
    text-align: center;
    font-size: 27px;
    font-weight: 500;
    border-bottom: 1px dashed var(--btn-hover-color);
}

p {
    color: var(--btn-hover-color);
    text-align: center;
    margin: 20px 0px 40px 0px;
    font-size: 15px;
}

ul li {
    padding: 10px 35px;
    box-shadow: 0 5px 23px rgb(40 40 40 / 8%);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 9px;
    i

{
    font-size: 22px;
    color: var(--footer-color);
    padding-right: 10px;
}

}
}

.bus-transport-section,
.accounts-section,
.mail-facility-section,
.reports-section {
    margin: 100px 0px;
    ul li

{
    padding: 10px 35px;
    box-shadow: 0 5px 23px rgb(40 40 40 / 8%);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 9px;
    i

{
    font-size: 22px;
    color: var(--footer-color);
    padding-right: 10px;
}

}

.common--subheader {
    background-color: var(--footer-color);
    color: var(--white-color);
    margin: 0px 250px;
    font-size: 32px;
    padding: 5px;
    margin-bottom: 40px;
}

}

/* Hotel Management Section End */


/* Ecommerse Section Start */

.ecommerse-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/ecom/bg_ecom.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    p

{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
    color: var(--white-color);
}

.ecommerse-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}

}

/* Ecommerse Section End */

/* Ecommerse List Section Start */

.ecommerse-list-section {
    margin: 100px 0px;
    .row

{
    margin: 0px 200px;
}

ul li {
    padding: 10px 35px;
    box-shadow: 0 5px 23px rgb(40 40 40 / 8%);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 9px;
    border-radius: 20px;
    i

{
    font-size: 22px;
    color: var(--btn-color);
    padding-right: 10px;
}

}

.common--subheader {
    background-color: var(--footer-color);
    color: var(--white-color);
    margin: 0px 250px;
    font-size: 32px;
    padding: 5px;
    margin-bottom: 40px;
}

}

/* Ecommerse List Section End */

/* Ecommerse Demo Section Start */

.ecommerse-demo-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/backgrounds/bg_form.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    img

{
    width: 100%;
}

form {
    background-color: rgba(15, 15, 15, 0.2);
    color: var(--white-color);
    border: 3px solid var(--para-color);
    backdrop-filter: blur(5px);
    padding: 10px;
    border-radius: 20px 20px 0px 20px;
    max-width: 400px;
    display: block;
    margin: auto;
    margin-top: 40px;
    h5

{
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 6px;
    text-align: center;
}

.title {
    margin-bottom: 15px;
    text-align: center;
    padding: 5px 0px;
}

input {
    border: 1px solid var(--para-color);
    color: #51668a;
    padding: 0px 20px;
    border-radius: 20px 0px 20px 20px;
    height: 40px;
    box-shadow: 0 5px 15px rgb(71 161 69 / 36%);
    margin-bottom: 30px;
    background-color: transparent;
}

::placeholder {
    color: var(--para-color);
}

}

.row {
    align-items: center;
}

.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

/* Education Demo Section End */

/* Shipping Methods Section Start */

.shipping-methods-section,
.payment-gateways-section {
    background-color: var(--background-color);
    padding: 50px 0px;
    h4

{
    font-size: 24px;
    margin-bottom: 30px;
}

h5 {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.shipping-methods-content {
    padding-left: 30px;
}

ul li {
    padding: 10px 35px;
    box-shadow: 0 5px 23px rgb(40 40 40 / 8%);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 9px;
    border-radius: 20px;
    width: 75%;
    i

{
    font-size: 22px;
    color: var(--btn-color);
    padding-right: 10px;
}

}
}


/* Shipping Methods Section End */

/* SEO Optimized Section Start */

.seo-optimized-section {
    margin: 50px 30px;
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    p

{
    color: var(--btn-hover-color);
    font-size: 15px;
}

h5 {
    font-size: 24px;
    margin-bottom: 30px;
}

}

/* SEO Optimized Section End */

/* Finance Section Start */

.finance-section {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/finance/financebackground.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    p

{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
    color: var(--white-color);
}

img {
    padding: 30px;
}

.button {
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

    .button::before {
        background-color: var(--btn-hover-color);
    }

    .button:hover {
        color: var(--white-color);
    }

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.finance-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}

}

/* Finance Section End */

/* Personal Loan Section Start */

.personal-loan-section {
    padding: 30px;
    margin: 50px 100px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    .contact-btn

{
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

h5 {
    font-weight: 400;
    font-size: 15px;
}

p {
    color: var(--btn-hover-color);
}

h2 {
    font-size: 32px;
    margin-bottom: 20px;
}

}

/* Personal Loan Section  End */

/* Solar Utilities Section Start */

.solar-utilities-section {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/solarutilities/solar_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
    .button

{
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

.button::before {
    background-color: var(--btn-hover-color);
}

.button:hover {
    color: var(--white-color);
}

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.solar-utilities-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}



.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

/* Solar Utilities SEction End */

/* Why probuz power solar section start */

.solar-section {
    background-color: var(--background-color);
    padding: 50px 0px;
    ul li i

{
    font-size: 22px;
    color: var(--btn-color);
    padding-right: 10px;
}

.common--subheader {
    position: relative;
    margin-bottom: 40px;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 5%;
        left: 48%;
        height: 2px;
        background-color: var(--btn-color);
    }

}

/* Why probuz power solar section end */

/* Roof Top Section Start */

.roof-top-section {
    margin: 50px 0px;
    text-align: center;
    .roof-top-card

{
    width: 100%;
}

.subhead {
    font-size: 34px;
    font-weight: 300;
}

.firstpart {
    border: 1px dashed var(--white-color);
}

.secondpart,
ul {
    border: 1px dashed var(--btn-color);
}

.firstpart {
    background-color: var(--btn-color);
    color: var(--white-color);
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
}

.secondpart {
    background-color: var(--btn-hover-color);
    color: var(--white-color);
    font-size: 16px;
    padding: 10px;
}



.d-flex {
    margin: 40px 10px;
}

ul li i {
    font-size: 17px;
    color: var(--btn-color);
    padding-right: 10px;
}

ul li {
    font-size: 14px;
    margin-bottom: 8px;
    text-align: left;
    border-bottom: 1px solid var(--para-color);
    padding: 2px;
    font-weight: bold;
}

}

/* Roof Top Section End */

/* Remote Monitoring Section Start */

.remote-monitoring-section {
    margin: 100px 0px;
    color: var(--white-color);
    .remote-bg

{
    background-image: url('https://probuztech.in/Content/assets/images/services/video-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 60px 20px;
}

p {
    color: var(--white-color);
    font-size: 15px;
}

img {
    width: 100px;
    height: 100px;
}

.common--subheader {
    position: relative;
}

    .common--subheader::before {
        content: '';
        position: absolute;
        width: 2px;
        height: 75%;
        background-color: var(--white-color);
        left: 95%;
        transform: translateX(-50%);
    }

}


/* Remote Monitoring Section End */

/* Wire Section Start */

.wire-section {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/banners/wire.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    .para

{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.wire-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 200px;
}

}

/* Wire Section End */

/* Introducing Wire Section Start */

.introducing-wire-section {
    margin: 100px 0px;
    img

{
    width: 60px;
    height: 60px;
    transition: all 0.3s ease-in-out;
    margin: auto;
}

.common--subheader {
    margin-bottom: 20px;
}

img:hover {
    transform: scaleX(-1);
}

.introduce-wire-card {
    box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.05);
    padding: 30px;
    position: relative;
    text-align: center;
    h6

{
    margin: 20px 0px;
}

}

.introduce-wire-card::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    top: 0px;
    left: 0px;
    background-color: var(--btn-color);
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease-in-out;
}

.introduce-wire-card:hover::before {
    transform: scaleX(1);
    transform-origin: top center;
}

}

.introduce-wire-slider {
    .slick-dots

{
    position: absolute;
    text-align: center;
    bottom: -40px;
    list-style: none;
    display: block;
    padding: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

    .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        width: 8px;
        height: 8px;
        outline: none;
        line-height: 0;
        font-size: 0;
        color: transparent;
        padding: 5px;
        cursor: pointer;
    }

        .slick-dots li button:hover, .slick-dots li button:focus {
            outline: none;
        }

            .slick-dots li button:hover:before,
            .slick-dots li button:focus:before {
                background-color: var(--btn-color);
            }

        .slick-dots li button:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 8px;
            height: 8px;
            text-align: center;
            color: var(--btn-color);
            border: 3px solid var(--btn-color);
            border-radius: 50%;
            -webkit-font-smoothing: antialiased;
            opacity: 1;
        }

    .slick-dots li.slick-active button:before {
        color: var(--btn-color);
        width: 8px;
        background-color: var(--btn-color);
        position: absolute;
        top: 0;
        left: 0;
        height: 8px;
    }

    .slick-dots li button::before {
        content: "";
    }

}

/* Introducing Wire Section End */

/* Payment Facilities Section Start */

.payment-facilities-section {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/14.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0px;
    color: var(--white-color);
    .d-flex

{
    margin-bottom: px;
}

.vertical-line {
    width: 2px;
    height: 80px;
    background: rgba(230, 233, 235, 0.1);
    ;
    position: relative;
    left: 8%;
    margin: 5px 0px;
}

h5 {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

i {
    color: var(--white-color);
    font-size: 22px;
    margin-right: 10px;
}

li {
    margin-bottom: 30px;
    font-weight: 400;
}

}

/* Payment Facilities Section End */

/* Advantages Section Start */

.advantages-section {
    margin: 100px 0px;
    .common--subheader

{
    color: var(--btn-color);
}

.circle-one,
.circle-two,
.circle-three {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white-color);
    border-radius: 50%;
    box-shadow: 0px 18px 50px rgba(33, 75, 160, 0.13);
}

i {
    font-size: 10px;
    box-shadow: 0px 5px 11px var(--background-color);
    color: var(--btn-color);
}

.circle-one {
    width: 250px;
    height: 250px;
}

.circle-two {
    width: 350px;
    height: 350px;
}

.circle-three {
    width: 450px;
    height: 450px;
}

p {
    font-size: 15px;
    line-height: 1.7;
    i

{
    padding-right: 10px;
}

}
}


/* Advantages Section End */

/* Faq Section Start */

.accordion {
    display: flex;
    flex-direction: column;
    font-family: "Sora", sans-serif;
    /* max-width: 991px;
    min-width: 320px; */
    margin: 50px auto;
    padding: 0 50px;
    .fa-check

{
    color: var(--btn-color);
    font-size: 15px;
    font-weight: bold;
    padding-right: 10px;
}

li {
    font-weight: 600;
}

}

.accordion-item {
    margin-top: 16px;
    border: 2px solid var(--background-color);
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    margin: 20px 0px;
}

    .accordion-item .accordion-item-title:active {
        color: var(--btn-color);
    }

    .accordion-item .accordion-item-title {
        position: relative;
        margin: 0;
        display: flex;
        width: 100%;
        font-size: 17px;
        font-weight: 600;
        cursor: pointer;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding: 14px 20px;
        box-sizing: border-box;
        align-items: center;
    }

    .accordion-item .accordion-item-desc {
        display: none;
        font-size: 14px;
        line-height: 22px;
        font-weight: 300;
        color: #444;
        border-top: 1px dashed #ddd;
        padding: 10px 20px 20px;
        box-sizing: border-box;
    }

    .accordion-item input[type="checkbox"] {
        position: absolute;
        height: 0;
        width: 0;
        opacity: 0;
    }

        .accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
            display: block;
        }

        .accordion-item
        input[type="checkbox"]:checked ~ .accordion-item-title
        .icon:after {
            content: "-";
            font-size: 20px;
        }

        .accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
            content: "+";
            font-size: 20px;
        }

    .accordion-item:first-child {
        margin-top: 0;
    }

    .accordion-item .icon {
        margin-left: 14px;
    }

@media screen and (max-width: 767px) {
    .accordion {
        padding: 0 16px;
    }

        .accordion h1 {
            font-size: 22px;
        }
}


/* Faq Section End */

/* Clinic Management Section Start */

.clinic-management-home-section {
    .home-content-2

{
    width: 100%;
    min-height: 100vh;
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)), url('https://probuztech.in/Content/assets/images/sliders/2.jpg');
    background-position: center top;
    background-size: cover;
    .container

{
    padding-top: 200px;
}

}

.home-content-1 {
    width: 100%;
    min-height: 100vh;
    background-position: center top;
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)), url('https://probuztech.in/Content/assets/images/sliders/1.jpg');
    background-size: cover;
    .container

{
    padding-top: 200px;
}

}

.content h1 {
    font-size: 33px;
    line-height: 1.1;
    color: var(--white-color);
    font-weight: 600;
    margin-bottom: 30px
}

.content p {
    font-size: 18px;
    color: #ffffff;
    max-width: 600px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    text-align: center;
    bottom: 20px;
    list-style: none;
    display: block;
    padding: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            width: 8px;
            height: 8px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    background-color: var(--btn-color);
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 8px;
                height: 8px;
                text-align: center;
                color: var(--btn-color);
                border: 3px solid var(--btn-color);
                border-radius: 50%;
                -webkit-font-smoothing: antialiased;
                opacity: 1;
            }

        .slick-dots li.slick-active button:before {
            color: var(--btn-color);
            width: 8px;
            background-color: var(--btn-color);
            position: absolute;
            top: 0;
            left: 0;
            height: 8px;
        }

        .slick-dots li button::before {
            content: "";
        }

.slick-prev {
    z-index: 90;
    position: absolute;
    top: 318px;
    left: 30px;
    background-color: transparent;
    color: var(--white-color);
    border: none;
}

.slick-next {
    z-index: 90;
    position: absolute;
    background-color: transparent;
    color: var(--white-color);
    border: none;
    /* bottom: 260px; */
    top: 318px;
    right: 30px;
}

.slick-prev,
.slick-next {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .slick-prev:hover,
    .slick-next:hover {
        background-color: var(--supporting-color);
    }

    .slick-prev i,
    .slick-next i {
        font-size: 55px;
    }

}

/* Clinic Management Section End */

/* Cloud Software Section Start */

.cloud-software-section,
.capture-prescriptions-section,
.earn-money-section,
.integrated-beautiful-section,
.value-money-section,
.all-clinic-management-section,
.data-security-section,
.payments-section {
    margin: 50px 0px;
    h2

{
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 700;
}

p {
    font-size: 18px;
    color: var(--btn-hover-color);
    font-weight: 400;
    margin-bottom: 9px;
    span

{
    font-weight: 700;
}

i {
    color: var(--btn-color);
    padding-right: 10px;
}

}

.row {
    align-items: center;
}

}

.capture-prescriptions-section,
.integrated-beautiful-section,
.value-money-section,
.payments-section {
    background-color: var(--background-color);
    padding: 50px 0px;
}

.payments-slider,
.updates-slider {
    .slick-dots

{
    position: absolute;
    text-align: center;
    bottom: 20px;
    list-style: none;
    display: block;
    padding: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

    .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        width: 8px;
        height: 8px;
        outline: none;
        line-height: 0;
        font-size: 0;
        color: transparent;
        padding: 5px;
        cursor: pointer;
    }

        .slick-dots li button:hover, .slick-dots li button:focus {
            outline: none;
        }

            .slick-dots li button:hover:before,
            .slick-dots li button:focus:before {
                background-color: var(--btn-color);
            }

        .slick-dots li button:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 8px;
            height: 8px;
            text-align: center;
            color: var(--btn-color);
            border: 3px solid var(--btn-color);
            border-radius: 50%;
            -webkit-font-smoothing: antialiased;
            opacity: 1;
        }

    .slick-dots li.slick-active button:before {
        color: var(--btn-color);
        width: 8px;
        background-color: var(--btn-color);
        position: absolute;
        top: 0;
        left: 0;
        height: 8px;
    }

    .slick-dots li button::before {
        content: "";
    }

.slick-prev {
    z-index: 90;
    position: absolute;
    top: 250px;
    left: 30px;
    background-color: transparent;
    border: none;
}

.slick-next {
    z-index: 90;
    position: absolute;
    background-color: transparent;
    border: none;
    top: 250px;
    right: 30px;
}

.slick-prev,
.slick-next {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--black-color);
}

    .slick-prev:hover,
    .slick-next:hover {
        background-color: var(--supporting-color);
    }

    .slick-prev i,
    .slick-next i {
        font-size: 55px;
    }

}
/* Cloud Software Section End */

/* Consultation Section Start */

.consultation-section,
.estimation-section,
.product-demo-section {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/14.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0px;
    color: var(--white-color);
    h5

{
    font-size: 24px;
    margin-bottom: 10px;
}

h3 {
    font-size: 32px;
    margin-bottom: 20px;
}

.row {
    align-items: center;
}

.button {
    width: 200px
}

p {
    margin: 30px 0px 40px 0px;
}

}

.product-demo-section img {
    width: 75%;
}
/* Consultation Section End */

/* Improve Management Software Section Start */

.improve-management-software-section {
    background-color: var(--btn-color);
    padding: 50px 0px;
    h2

{
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
    color: var(--white-color);
}

.container {
    padding: 50px;
    border-radius: 10px;
    background-color: var(--white-color);
}

p span {
    font-weight: bold;
    font-size: 15px;
}

}

/* Improve Management Software Section End */

/* HRMS Section Start */

.hrms-home-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/hrms/hrm_bg.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    .para

{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.hrms-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 200px;
}

}

/* HRMS Section End */

/* HR Department Section Start */

.hr-department-section {
    margin: 100px 0px;
    .common--subheader

{
    margin-bottom: 50px;
    position: relative;
}

.hr-department-card {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    padding: 50px 17px;
    border-radius: 3px;
    transition: 0.3s ease-in-out;
    text-align: center;
    height: 370px;
    h6

{
    margin: 30px 0px;
}

}

.hr-department-card:hover {
    background-color: var(--btn-hover-color);
    color: var(--white-color);
}

    .hr-department-card:hover .fa-arrow-right {
        background-color: var(--btn-color);
        padding: 5px;
        border-radius: 50%;
    }

.common--subheader::before {
    content: "";
    position: absolute;
    bottom: 80px;
    width: 25%;
    left: 40%;
    height: 2px;
    background-color: var(--btn-color);
}

}

/* HR Department Section End */

/* Reduce Employee Expenses Section Start */

.reduce-employee-section,
.staff-management-section {
    background-color: var(--background-color);
    padding: 30px 0px;
    p

{
    color: var(--btn-hover-color);
    font-size: 15px;
}

.head {
    font-size: 34px;
    font-weight: 300;
    border-bottom: 1px dashed var(--btn-color);
    margin-bottom: 30px;
}

img {
    padding: 5px;
    border: 1px solid var(--white-color);
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

}

/* Reduce Employee Expenses Section End */

.staff-management-section {
    background-color: var(--white-color);
    img

{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    max-width: 75%;
    margin: auto;
    margin-left: 100px;
}

}

/* Updates Section Slider */

.update-section {
    background-image: linear-gradient(to bottom, rgba(3, 13, 19, 0.52), rgba(27, 26, 26, 0.18));
    padding: 100px 0px;
    min-height: 90vh;
    color: var(--white-color);
    .row

{
    align-items: center;
}

img {
    padding: 5px;
    background-color: var(--white-color);
    border: 1px solid var(--para-color);
}

h2 {
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 30px;
}

p {
    font-size: 18px;
    font-weight: 400;
    color: var(--white-color);
}

}

.updates-slider {
    .slick-dots

{
    bottom: 40px;
}

.slick-prev,
.slick-next {
    color: var(--para-color);
}

}


/* Updates Section Slider */

/* HRMS Guides Section Start */

.hrms-guides-section {
    margin: 30px 0px;
    h1

{
    font-size: 24px;
    background-color: var(--btn-color);
    padding: 10px;
    width: 100%;
    text-align: center;
    color: var(--white-color);
    margin-bottom: 30px;
}

.head {
    font-size: 34px;
    font-weight: 300;
    border-bottom: 1px dashed var(--btn-color);
    margin-bottom: 30px;
}

p {
    color: var(--btn-hover-color-color);
    font-size: 15px;
}

.total {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
}

}

/* HRMS Guides Section End */

/* HRMS Modules Section Start */

.hrms-modules-section {
    background-color: var(--background-color);
    padding: 20px 0px;
    .head

{
    font-size: 34px;
    font-weight: 300;
    border-bottom: 1px dashed var(--btn-color);
    margin-bottom: 30px;
}

p {
    color: var(--btn-hover-color);
    font-size: 15px;
}

.left-part {
    top: 0px;
    position: sticky;
    margin: 100px 0px;
    padding: 10px;
}

}

/* HRMS Modules Section End */

/* HRMS Features Section Start */

.hrms-features-section {
    margin: 50px 0px;
    .head

{
    font-size: 34px;
    font-weight: 300;
    border-bottom: 1px dashed var(--btn-color);
    margin-bottom: 30px;
}

p {
    color: var(--btn-hover-color-color);
    font-size: 15px;
}

li i {
    font-size: 5px;
    padding-right: 10px;
}

ul li {
    font-size: 15px;
    margin-bottom: 10px;
}

ul {
    margin-bottom: 30px;
}

.container,
.container-second {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
    margin: 20px auto;
}

.para {
    margin-bottom: 30px;
}

.container-second {
    .fa-check

{
    color: var(--btn-color);
    font-size: 15px;
    font-weight: bold;
}

li {
    font-weight: 600;
}

}
}

/* HRMS Features Section End */

/* MLM Software Section Start */


.mlm-software-section {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/ecom/bg_ecom.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    .button

{
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

.button::before {
    background-color: var(--btn-hover-color);
}

.button:hover {
    color: var(--white-color);
}

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.mlm-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 200px;
}



.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

/* MLM Software Section End */

/* Best MLM Software Section Start */

.best-mlm-software-section {
    margin: 100px 0px;
    .row

{
    margin: 0px 90px;
}

.common--subheader {
    margin-bottom: 30px;
    position: relative;
}

    .common--subheader::before {
        content: "";
        position: absolute;
        bottom: 80px;
        width: 5%;
        left: 48%;
        height: 2px;
        background-color: var(--btn-color);
    }

.best-mlm-software-card {
    margin: 10px;
    box-shadow: 3.871px 15.525px 68px 0 rgb(29 143 48 / 25%);
    padding: 40px 15px;
    border-radius: 20px;
    img

{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 10px;
}

h5 {
    margin: 30px 0px 20px 0px;
    font-size: 24px;
}

}
}

.experience-header {
    background-color: var(--footer-color);
    color: var(--white-color);
    padding: 30px 40px;
    margin: 30px 50px;
    font-size: 27px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    text-align: center;
    span

{
    color: var(--btn-color);
}

}

/* Best MLM Software Section End */

/* MLM Software Plans Section Start */

.mlm-software-plans-section {
    background-color: var(--footer-color);
    padding-top: 100px;
    margin-bottom: 50px;
    min-height: 450px;
}

.mlm-software-plans {
    background-image: linear-gradient( 90deg,#d8d8fd 0,#fff 100%);
    border-radius: 10px;
    text-align: center;
    box-shadow: 3.871px 15.525px 68px 0 rgb(29 143 48 / 25%);
    position: relative;
    bottom: 350px;
    h1

{
    background: linear-gradient( 0deg,#47a145 0,#33bc83fa 100%);
    position: relative;
    bottom: 40px;
    border-radius: 40px;
    padding: 17px 60px;
    color: var(--white-color);
    width: 45%;
    margin: auto;
}

img {
    width: 75%;
    margin: auto;
}

}

/* MLM Software Plans Section End */

/* MLM Software Features Section Start */

.mlm-software-features {
    margin-bottom: 20px;
    .faq-question

{
    background-color: var(--footer-color);
    color: var(--white-color);
    font-size: 30px;
    font-weight: 700;
    padding: 10px;
    cursor: pointer;
}

.faq-answer {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 30px;
    h1

{
    font-size: 18px;
    border-bottom: 1px dashed var(--btn-hover-color);
    font-weight: 600;
    margin: 20px 0px;
}

ul li i {
    color: var(--footer-color);
    padding-right: 10px;
    font-size: 22px;
}

ul li {
    margin-bottom: 10px;
}

.box {
    height: 250px;
    margin: 30px 0px;
}

.box1 {
    overflow-y: scroll;
}

}
}

/* MLM Software Features Section Start */

/* Probuz Offers Section Start */

.probuz-offers-section {
    margin: 50px 0px;
    background-image: url('https://probuztech.in/Content/assets/images/mlm/bg_2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    .probuz-offer-bg

{
    background-color: #286227;
    color: var(--white-color);
    padding: 30px 50px;
    margin: 30px 0px;
}

h3 {
    margin-bottom: 30px;
}

ul li i {
    color: var(--white-color);
    padding-right: 10px;
    font-size: 22px;
}

ul li {
    margin-bottom: 10px;
}

}

/* Probuz Offers Section End */

/* Why Probuz Section Start */

.why-probuz-section {
    background-color: var(--background-color);
    padding: 100px 0px;
    text-align: center;
    i

{
    color: var(--btn-color);
    font-size: 60px;
}

.col-lg-4 {
    padding: 40px;
    height: 250px;
}

h5 {
    font-size: 23px;
    margin: 20px 0px;
}

.second {
    border-left: 1px solid var(--para-color);
    border-right: 1px solid var(--para-color);
    border-bottom: 1px solid var(--para-color);
}

.third {
    border-bottom: 1px solid var(--para-color);
}

.fourth {
    border-top: 1px solid var(--para-color);
}

.fifth {
    border-left: 1px solid var(--para-color);
    border-right: 1px solid var(--para-color);
}

}

/* Why Probuz Section End */

/* Affordable Price Section Start */

.affordable-price-section {
    background-image: url('https://probuztech.in/Content/assets/images/mlm/1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0px;
    text-align: center;
    color: var(--white-color);
    p

{
    font-weight: 700;
    font-size: 17px;
    margin-top: 30px;
}

}

/* Affordable Price Section End */

/* Client Says Section Start */

.client-says-section {
    margin: 100px 0px;
    text-align: center;
    position: relative;
    .common--subheader

{
    margin-bottom: 50px;
}

.client-card {
    border: 10px solid var(--btn-hover-color);
    padding: 20px;
    box-shadow: 0 0 30px rgb(59 169 110 / 68%);
    h3

{
    background-color: var(--btn-color);
    color: var(--white-color);
    font-size: 22px;
    border: 5px solid var(--white-color);
    top: 200px;
    padding: 7px 210px;
    position: absolute;
    left: 100px
}

h4 {
    background-color: var(--btn-color);
    color: var(--white-color);
    font-size: 22px;
    border: 5px solid var(--white-color);
    bottom: 245px;
    padding: 7px 250px;
    position: absolute;
    right: 95px
}

i {
    font-size: 100px;
    color: red;
    background-color: var(--white-color);
    padding: 10px;
    position: relative;
    bottom: 80px;
}

p {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 50px 0px;
}

}
}

/* Client Says Section End */

/* Service Management Section Start */

.service-management-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/ecom/bg_ecom.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    .para

{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.service-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 170px;
    margin-bottom: 20px;
}

}

/* Service Management Section End */

/* Service Management List Section Start */

.service-management-list-section {
    margin: 100px 0px;
    .common--subheader

{
    padding: 7px 200px;
    background-color: var(--btn-hover-color);
    color: var(--white-color);
}

.fa-square-check {
    font-size: 13px;
    font-weight: 900;
}

.cell, h6 {
    padding: 10px 20px;
    border-radius: 20px;
    box-shadow: 0 5px 23px rgb(40 40 40 / 8%);
    margin-bottom: 9px;
}

h6 {
    color: var(--btn-color);
    width: 100%;
    font-weight: 500;
}

.fa-square-full {
    font-size: 5px;
}

}

/* Web Design Section Start */

.web-design-section {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/webdesign1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
    .button

{
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

.row {
    align-items: center;
}

.button::before {
    background-color: var(--btn-hover-color);
}

.button:hover {
    color: var(--white-color);
}

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.web-design-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}


.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

/* Web Design Section End */

/* Expert Business Website Section Start */

.expert-business-website-section {
    margin: 100px 0px;
    h6

{
    margin: 30px 0px 20px 0px;
    color: var(--other-btn-color);
    span

{
    color: var(--btn-color);
}

}

img {
    width: 75%;
    margin: auto;
}

p {
    padding: 50px;
}

}

/* Expert Business Website Section End */

/* Best Website Maintenance Section Start */

.best-website-maintenance-section {
    margin: 100px 0px;
    h6

{
    margin: 30px 0px 20px 0px;
    color: var(--other-btn-color);
    span

{
    color: var(--btn-color);
}

}

p {
    padding: 70px;
}

}

/* Best Website Maintenance Section End */

/* Transperforming Section Start */

.transperforming-section {
    background: linear-gradient(45deg, #c8d1e5, transparent);
    padding: 100px 0px;
    .row

{
    align-items: center;
}

img {
    display: block;
    margin: auto;
}

}

/* Transperforming Section End */

/* Complete Design Section Start */

.complete-design-section {
    margin: 100px 0px;
    h6

{
    margin: 30px 0px 20px 0px;
    color: var(--other-btn-color);
    span

{
    color: var(--btn-color);
}

}

.tab-button {
    width: 100%;
}

.design {
    display: block;
    margin: auto;
    margin-bottom: 50px;
}

.tab-container {
    .tab-button

{
    background: #eee;
    padding: 10px;
    border: 1px solid var(--white-color);
    cursor: pointer;
}

}

.tab-button.active {
    background-color: var(--white-color) !important;
    border-left: 2px solid var(--black-color) !important;
}

.tab-content {
    display: none;
    background-color: var(--black-color);
    padding: 20px;
    color: var(--white-color);
    p

{
    color: var(--white-color);
}

}
}

/* Complete Design Section End */

/* Training Section Start */

.training-section {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/training.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
    img

{
    width: 50%;
}


.button {
    background-color: var(--white-color);
    color: var(--btn-hover-color);
}

    .button::before {
        background-color: var(--btn-hover-color);
    }

    .button:hover {
        color: var(--white-color);
    }

.main-btn {
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px 30px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}

.para {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 34px;
}

.main-btn:hover {
    background-color: var(--white-color);
    color: var(--btn-color);
}

.training-home-content {
    color: var(--white-color);
    padding-top: 200px;
    line-height: 1.1;
}

.common--subheader {
    font-size: 74px;
}

.small {
    font-size: 14px;
    margin-top: 100px;
}


.contact-btn {
    padding: 20px;
    width: 100%;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

}

/* Training Section End */

/* Job Oriented Training Program Section Start */

.job-oriented-training-program-section {
    margin: 100px 0px;
    .head

{
    text-align: center;
    color: #00129f;
    font-size: 15px;
    font-weight: 700;
    max-width: 680px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

h1 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.row-two {
    margin: 50px 0px;
    align-items: center;
}


ul {
    li

{
    color: var(--para-color);
    font-weight: 700;
    margin-bottom: 10px;
    i

{
    color: var(--btn-color);
    padding-right: 10px;
}

}
}
}

/* Job Oriented Training Program Section End */

/* Courses Section Start */

.courses-section {
    background-image: url('https://probuztech.in/Content/assets/images/computer-programming.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
    .common--subheader

{
    margin-bottom: 50px;
}

img {
    width: 80px;
}

ul {
    li

{
    font-weight: 700;
    margin-bottom: 10px;
    i

{
    color: var(--btn-color);
    padding-right: 10px;
}

}
}

.row-two {
    margin-bottom: 50px;
}

}

/* Courses Section End */

/* Training Master Program Section Start */

.training-master-program-section {
    margin: 100px 0px 50px 0px;
    h1

{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

ul {
    li

{
    color: var(--para-color);
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 15px;
    i

{
    color: var(--btn-color);
    padding-right: 10px;
}

}
}

.head {
    color: #00129f;
    font-size: 15px;
    font-weight: 700;
    max-width: 680px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

}

/* Training Master Program Section End */

/* Full Stack Developer Section Start */

.full-stack-developer-section {
    h1

{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

p {
    line-height: 1.7;
    font-size: 15px;
}

.full-stack-card {
    padding: 30px;
}

.row-two {
    margin: 100px 0px;
    img

{
    width: 80px;
    height: 80px;
}

h3 {
    margin: 30px 0px;
    font-size: 24px;
}

}

ul {
    li

{
    color: var(--para-color);
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 15px;
    i

{
    color: var(--btn-color);
    padding-right: 10px;
}

}
}
}

/* Full Stack Developer Section End*/

/* Course Syllabus Section Start */

.course-syllabus-section,
.training-institude-section {
    margin: 100px 0px;
    h1

{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

ul {
    li

{
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    i

{
    color: var(--btn-color);
    padding-right: 10px;
}

}
}

.tab-container {
    display: flex;
    margin-bottom: 50px;
}

.tab-button.active {
    background: linear-gradient(45deg, #001fff, #00d0ff);
    border-radius: 30px;
    color: var(--white-color) !important;
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
}

.tab-button {
    color: #0025bf !important;
    background-color: transparent !important;
    font-size: 15px;
    font-weight: 600;
    padding: 8px 20px;
    margin: 0px 10px;
    cursor: pointer;
}

.course-syllabus {
    background: linear-gradient(45deg, #ddf9ff, #dbfbdf);
    border: 1px solid #cacaca;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    padding: 50px;
    margin-top: 50px;
}

}



.training-institude-section {
    background-image: url('https://probuztech.in/Content/assets/images/bg-training.png');
    padding: 100px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    p

{
    color: var(--btn-hover-color);
    margin-bottom: 30px;
}

.course-syllabus {
    margin: 0px 200px;
}

}

.process-section {
    h1

{
    margin-bottom: 20px;
}

margin-bottom: 50px;
}

/* Course Syllabus Section End */

/* Nidhi Software Section Start */

.nidhi-software-section {
    background: linear-gradient(rgba(3, 3, 3, 0.3),rgba(15, 15, 15, 0.3)),url('https://probuztech.in/Content/assets/images/nidhisoftware/Slider2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 250px;
    padding-bottom: 100px;
    color: var(--white-color);
    .common--subheader

{
    font-size: 74px;
}

.small {
    margin-top: 50px;
}

}

/* Nidhi Software Section End */

.online-nidhi-software-section {
    p

{
    margin: 30px 0px;
    font-size: 15px;
    color: var(--btn-hover-color);
    line-height: 1.7;
}

}

/* Choose Nidhi Software Section Start */

.choose-nidhi-software-section {
    margin: 100px 0px;
    img

{
    width: 100%;
}

.row {
    align-items: center;
}

h2 {
    margin-bottom: 20px;
}

ul li {
    margin-bottom: 10px;
    font-weight: 700;
    i

{
    color: var(--btn-color);
    font-size: 20px;
    padding-right: 10px;
}

}

.button {
    width: 220px;
}

}

/* Choose Nidhi Software Section End */

.nidhi-demo-section img {
    width: 75%;
    display: block;
    margin: auto;
}

/* Act Section Start */

.gov-act-section {
    background-color: var(--footer-color);
    bottom: 0px;
    padding: 100px 0px;
    .common--subheader

{
    color: var(--white-color);
}

.service-card {
    height: 400px;
    box-shadow: 0 5px 23px rgb(4 175 49 / 55%);
    border-radius: 3px;
}

.slick-prev, .slick-next {
    color: var(--white-color);
    top: 430px;
}

.slick-dots {
    bottom: -70px;
}

}

/* Act Section End */

/* Why Should Choose Section Start */

.why-should-choose {
    background-color: var(--background-color);
    padding: 50px 0px;
    p

{
    color: var(--btn-hover-color);
    line-height: 1.7;
    font-size: 15px;
}

.d-flex img {
    width: 70px;
    height: 70px;
}

}

/* Why Should Choose Section End */

.nidhi-software-cards {
    margin: 0px 20px;
    color: var(--white-color);
    .first-card, .second-card, .third-card, .fourth-card

{
    padding: 30px;
}

.first-card {
    background-color: #47a145;
}

.second-card {
    background-color: #14802D;
}

.third-card {
    background-color: #1aa139;
}

.fourth-card {
    background-color: #38ad36;
}


p {
    line-height: 1.7;
    color: var(--white-color);
    font-size: 15px;
}

h3 {
    margin: 30px 0px;
}

}

/* Feature Nidhi Software Section Start */

.features-nidhi-software-section {
    margin: 50px 0px;
    .feature

{
    box-shadow: 0 5px 23px rgb(40 40 40 / 8%);
    padding: 5px 0px 0px;
    border-radius: 30px 0;
    text-align: center;
    margin: 20px 0px;
    h6

{
    font-weight: 400;
    font-size: 14px;
    padding: 5px 0px;
}

}

.row {
    margin-top: 50px;
}

}

/* Feature Nidhi Software Section End */

/* Ready To Grow Section Start */

.ready-to-grow-section {
    background-color: var(--footer-color);
    padding: 50px 0px;
    color: var(--white-color);
    .row

{
    margin-top: 30px;
}

.grow-card {
    padding: 30px;
    h4

{
    margin: 30px 0px;
}

}

.second-card {
    border-left: 1px solid var(--para-color);
    border-right: 1px solid var(--para-color);
    border-bottom: 1px solid var(--para-color);
}

.third-card {
    border-bottom: 1px solid var(--para-color);
}

.fourth-card {
    border-top: 1px solid var(--para-color);
}

.fifth-card {
    border-left: 1px solid var(--para-color);
    border-right: 1px solid var(--para-color);
}

}

/* Ready To Grow Section End */

/* Book Free Demo Section Start */

.book-free-demo-section {
    background-color: var(--background-color);
    padding: 50px 0px;
    p

{
    color: var(--btn-hover-color);
    line-height: 1.7;
    font-size: 15px;
}

.row {
    align-items: center;
}

}

/* Book Free Demo Section End */

/* Enroll Section Start */

.enroll-section {
    margin: 100px 0px;
    p

{
    color: var(--btn-hover-color);
    line-height: 1.7;
    font-size: 15px;
    margin: 20px 0px;
}

.enroll-card {
    padding: 20px;
    img

{
    width: 330px;
    height: 255px;
}

}

ul {
    li

{
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 15px;
    i

{
    color: var(--btn-color);
    padding-right: 10px;
}

}
}
}

/* Enroll Section End */

/* 3D Slider Start */

.dashboard-design-section {
    margin-top: 100px;
    p

{
    margin: 20px 0px 30px 0px;
}

}

.swiper-pagination-bullet {
    border: 1px solid #1da1f2;
}

.swiper-pagination-bullet-active {
    background: #1da1f2
}

img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform, height;
        -webkit-transition-property: height, -webkit-transform;
        transition-property: height, -webkit-transform;
        transition-property: transform, height;
        transition-property: transform, height, -webkit-transform
    }

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

    .swiper-button-prev.swiper-button-black,
    .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

    .swiper-button-next.swiper-button-black,
    .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow,
    .swiper-container-3d .swiper-slide,
    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

    .swiper-container-cube .swiper-slide,
    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-cube .swiper-slide .swiper-slide,
        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-active .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-shadow-bottom,
    .swiper-container-cube .swiper-slide-shadow-left,
    .swiper-container-cube .swiper-slide-shadow-right,
    .swiper-container-cube .swiper-slide-shadow-top,
    .swiper-container-flip .swiper-slide-shadow-bottom,
    .swiper-container-flip .swiper-slide-shadow-left,
    .swiper-container-flip .swiper-slide-shadow-right,
    .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-next,
    .swiper-container-cube .swiper-slide-next + .swiper-slide,
    .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas,
    .swiper-zoom-container > img,
    .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        /* -webkit-transform: rotate(360deg) */
        -webkit-transform: rotate(0deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        /* -webkit-transform: rotate(360deg);
        transform: rotate(360deg) */
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swiper-container.one {
    padding-top: 40px;
    text-align: center;
}

    .swiper-container.one .swiper-slide {
        padding: 0 43px;
    }

.swiper-container {
    width: 100%;
    padding-bottom: 60px;
}

.swiper-slide img {
    display: block;
    margin: auto;
    width: 100%;
}

.swiper-slide {
    width: 390px;
    height: auto;
    padding: 0 15px;
}

.two .swiper-slide {
    width: 300px;
}

.swiper-slide img {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.swiper-slide .slider-image .preview-icon {
    z-index: -1;
    width: calc(100% - 30px);
}

.swiper-slide.swiper-slide-active .slider-image:hover .preview-icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}

.swiper-pagination-bullet {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ee0f6f;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 26px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #ee0f6f 0%, #f89482 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ee0f6f 0%, #f89482 100%) repeat scroll 0 0;
    border: medium none;
    height: 12px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 12px;
}


/* 3D Slider End */

/* apply section start */

.apply-section {
    background: linear-gradient(rgba(3, 3, 3, 0.5),rgba(15, 15, 15, 0.5)),url('https://probuztech.in/Content/assets/images/page-titles/7.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 200px 0px 50px 0px;
    h1

{
    color: #edf5f9;
    margin-bottom: 20px;
}

label, p {
    color: var(--para-color);
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 700;
}

::placeholder {
    color: var(--para-color);
}

.form-control {
    padding: 0px 20px;
    border-radius: 2px;
    height: 60px;
    border: 2px solid #e7ebef;
    background-color: #ffffff;
    color: #51668a;
    margin-bottom: 20px;
}

.captcha {
    font-size: 36px;
    background-image: url('https://www.codeproject.com/KB/scripting/CreateCaptcha/1.JPG');
    font-family: "Cormorant", serif;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 2px;
    display: inline-block;
    font-weight: bolder;
    width: 200px;
    height: 70px;
}

.captchaText {
    padding: 10px;
    margin-bottom: 20px;
    width: 200px;
}

.btn-success,
.btn-danger {
    border-radius: 0px;
    width: 170px;
    min-height: 60px;
    border-radius: 3px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

}


/* apply section End  */

/* FreeDemo Section Start */

.request-section h2 {
    font-size: 50px;
}

.request-section {
    top: 60% !important;
}

.inquiry-section {
    margin: 20px 0px 50px 0px;
}

/* FreeDemo Section End */

/* Payment Section Start */

.payment-section {
    background-image: url('https://probuztech.in/Content/Admin/assets/images/Pymentbgimg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    padding: 100px 200px;
    .bill-payment

{
    background: rgb(248 246 246 / 86%);
    padding: 70px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    h3

{
    color: #127fb5;
    text-align: center;
    margin-bottom: 30px;
}

}

.form-control {
    border: none;
    border-bottom: 1px solid #707477;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 30px;
    background: transparent;
}

.payment-btn {
    background: #03A9F4;
    color: var(--white-color);
    padding: 10px 20px;
    text-align: center;
    width: 100px;
    display: block;
    margin: auto;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}

}

/* Payment Section End */

/* Privacy Policy Section Start */

.privacy-policy-banner {
    background: linear-gradient(rgba(3, 3, 3, 0.3),rgba(15, 15, 15, 0.3)),url('https://probuztech.in/Content/assets/images/backgrounds/terms-policy.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 250px 0px 150px 0px;
    color: var(--white-color);
    text-align: center;
    h1

{
    font-size: 74px;
    font-weight: 700;
}

}

.privacy-policy-content {
    margin: 100px 0px;
    .section

{
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 20px 0px;
    ul li

{
    margin-left: 50px;
    margin-bottom: 10px;
    font-size: 15px;
    color: var(--btn-hover-color);
}

ul li i {
    font-size: 5px;
    padding-right: 5px;
}

h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px
}

p {
    color: var(--btn-hover-color);
    font-size: 15px;
}

a, span {
    color: var(--btn-color);
}

span {
    font-weight: 600;
}

}
}

/* Privacy Policy Section End */

/* Bank Details Section Start */

.bank-details-section {
    margin: 50px 0px;
    h3

{
    font-size: 37px;
    margin-bottom: 40px;
}

.row {
    box-shadow: 0 5px 23px rgb(45 217 114 / 40%);
    font-size: 24px;
    font-weight: 400;
    margin: 30px 0px;
    table tr td

{
    padding: 15px;
}

}
}

/* Bank Details Section End */

/* Legal Section Start */

.legal-documents-section {
    margin: 50px 0px;
    h3

{
    font-size: 37px;
    margin-bottom: 40px;
}

.gallery-item {
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
    padding: 15px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    h6

{
    text-align: center;
    padding: 10px;
    font-size: 24px;
}

}

.gallery-item img {
    width: 340px;
    height: 437px;
    height: auto;
    border-radius: 8px;
    display: block;
    margin: auto;
}

.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .lightbox img {
        max-width: 100%;
        max-height: 100%;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    }

    .lightbox .close-button {
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        font-size: 24px;
        color: #fff;
    }

    .lightbox .nav-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px;
        color: #fff;
        cursor: pointer;
    }

        .lightbox .nav-button.left {
            left: 20px;
        }

        .lightbox .nav-button.right {
            right: 20px;
        }

}

/* Legal Section End */

/* Site Map Section Start */

.sitemap-banner {
    background: linear-gradient(rgba(3, 3, 3, 0.3),rgba(15, 15, 15, 0.3)),url('https://probuztech.in/Content/assets/images/banners/breadcrumb_banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 250px 0px 150px 0px;
    color: var(--white-color);
    text-align: center;
    h1

{
    font-size: 74px;
    font-weight: 700;
}

}

.sitemap-section {
    background-color: var(--white-color);
    margin: 80px 0px 0px 0px;
    #primaryNav li

{
    width: 25%;
}

#primaryNav li ul li {
    width: 100% !important;
}

#primaryNav.col1 li {
    width: 99.9%;
}

#primaryNav.col2 li {
    width: 50.0%;
}

#primaryNav.col3 li {
    width: 33.3%;
}

#primaryNav.col4 li {
    width: 25.0%;
}

#primaryNav.col5 li {
    width: 20.0%;
}

#primaryNav.col6 li {
    width: 16.3%;
}

#primaryNav.col7 li {
    width: 14.2%;
}

#primaryNav.col8 li {
    width: 12.5%;
}

#primaryNav.col9 li {
    width: 11.1%;
}

#primaryNav.col10 li {
    width: 10.0%;
}

/* ------------------------------------------------------------
        General Styles
    ------------------------------------------------------------ */


.sitemap {
    background-color: var(--white-color);
    padding: 40px;
    float: left;
    width: 100%;
}

a {
    text-decoration: none;
}

ol, ul {
    list-style: none;
}

/* ------------------------------------------------------------
        Site Map Styles
    ------------------------------------------------------------ */

/* --------	Top Level --------- */

#primaryNav {
    margin: 0;
    float: left;
    width: 100%;
}

    #primaryNav #home {
        display: block;
        float: none;
        background: #ffffff url('http://idefisc-corp.fr/wp-content/themes/konzept/images/L1-left.png') center bottom no-repeat;
        position: relative;
        z-index: 2;
        padding: 0 0 30px 0;
    }

    #primaryNav li {
        float: left;
        background: url('http://idefisc-corp.fr/wp-content/themes/konzept/images/L1-center.png') center top no-repeat;
        padding: 30px 0;
        margin-top: -30px;
    }

        #primaryNav li a {
            margin: 0 20px 0 0;
            padding: 10px 0;
            display: block;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            color: black;
            background: #c3eafb url('http://idefisc-corp.fr/wp-content/themes/konzept/images/white-highlight.png') top left repeat-x;
            border: 2px solid #b5d9ea;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
            -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */
        }

            #primaryNav li a:hover {
                background-color: #e2f4fd;
                border-color: #97bdcf;
            }

        #primaryNav li:last-child {
            background: url('http://idefisc-corp.fr/wp-content/themes/konzept/images/L1-right.png') center top no-repeat;
        }

    #primaryNav a:link:before,
    #primaryNav a:visited:before {
        content: " "attr(href)" ";
        display: block;
        text-transform: uppercase;
        font-size: 10px;
        margin-bottom: 5px;
        word-wrap: break-word;
    }

    #primaryNav li a:link:before,
    #primaryNav li a:visited:before {
        color: #78a9c0;
    }

    /* --------	Second Level --------- */

    #primaryNav li li {
        width: 100%;
        clear: left;
        margin-top: 0;
        padding: 10px 0 0 0;
        background: url('https://i.ibb.co/bNhMjBF/vertical-line.png') center bottom repeat-y;
    }

        #primaryNav li li a {
            background-color: #cee3ac;
            border-color: #b8da83;
        }

            #primaryNav li li a:hover {
                border-color: #94b75f;
                background-color: #e7f1d7;
            }

        #primaryNav li li:first-child {
            padding-top: 30px;
        }

        #primaryNav li li:last-child {
            background: url('https://i.ibb.co/bNhMjBF/vertical-line.png') center bottom repeat-y;
        }

        #primaryNav li li a:link:before,
        #primaryNav li li a:visited:before {
            color: #8faf5c;
        }

        /* --------	Third Level --------- */

        #primaryNav li li ul {
            margin: 10px 0 0 0;
            width: 100%;
            float: right;
            padding: 9px 0 10px 0;
            background: #ffffff url('http://idefisc-corp.fr/wp-content/themes/konzept/images/L3-ul-top.png') center top no-repeat;
        }

        #primaryNav li li li {
            background: url('http://idefisc-corp.fr/wp-content/themes/konzept/images/L3-center.png') left center no-repeat;
            padding: 5px 0;
        }

            #primaryNav li li li a {
                background-color: #fff7aa;
                border-color: #e3ca4b;
                font-size: 12px;
                padding: 5px 0;
                width: 80%;
                float: right;
            }

                #primaryNav li li li a:hover {
                    background-color: #fffce5;
                    border-color: #d1b62c;
                }

            #primaryNav li li li:first-child {
                padding: 15px 0 5px 0;
                background: url('http://idefisc-corp.fr/wp-content/themes/konzept/images/L3-li-top.png') left center no-repeat;
            }

            #primaryNav li li li:last-child {
                background: url('http://idefisc-corp.fr/wp-content/themes/konzept/images/L3-bottom.png') left center no-repeat;
            }

            #primaryNav li li li a:link:before,
            #primaryNav li li li a:visited:before {
                color: #ccae14;
                font-size: 9px;
            }


/* ------------------------------------------------------------
        Utility Navigation
    ------------------------------------------------------------ */

#utilityNav {
    float: right;
    max-width: 50%;
    margin-right: 10px;
}

    #utilityNav li {
        float: left;
        margin-bottom: 10px;
    }

        #utilityNav li a {
            margin: 0 10px 0 0;
            padding: 5px 10px;
            display: block;
            border: 2px solid #e3ca4b;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            color: black;
            background: #fff7aa url('http://idefisc-corp.fr/wp-content/themes/konzept/images/white-highlight.png') top left repeat-x;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
            -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */
        }

            #utilityNav li a:hover {
                background-color: #fffce5;
                border-color: #d1b62c;
            }

            #utilityNav li a:link:before,
            #utilityNav li a:visited:before {
                color: #ccae14;
                font-size: 9px;
                margin-bottom: 3px;
            }

}

.site-map-footer img,
.site-map-footer h6 {
    padding-top: 100px;
}

/* Site Map Section End */

/* Industries Section Start */

.industry-section-homepage {
    background: linear-gradient(rgba(3, 3, 3, 0.4),rgba(15, 15, 15, 0.4)),url('https://probuztech.in/Content/assets/images/page-titles/8.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    .industry-homepage-content

{
    color: var(--white-color);
    padding-top: 250px;
    .button a

{
    color: var(--btn-hover-color) !important;
}

.button:hover a {
    color: var(--white-color) !important;
}

h1 {
    font-size: 74px;
    line-height: 1.1;
}

.para {
    font-size: 17px;
    margin: 20px 0px;
    font-weight: 700;
}

.play-icon {
    background-color: var(--white-color);
    color: var(--btn-hover-color);
    border-radius: 50%;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.25);
    width: 60px;
    height: 60px;
    i

{
    margin-top: 35%;
    margin-left: 40%;
}

}
}
}

.industry-homepage-content {
    text-align: left !important;
    left: 0% !important;
    transform: translate(0%, 0%) !important;
    .button

{
    background-color: var(--white-color);
}

}

/* Nationwide Service Section Start */

.nationwide-service-section {
    bottom: 0px;
    padding: 50px 0px;
    .common--header

{
    margin-bottom: 20px;
    padding-left: 0px;
}

.common--subheader {
    padding: 0px 230px;
    line-height: 1.3;
}

.row {
    margin-bottom: 50px;
}

.common--header:before {
    width: 0px;
}

.service-card {
    padding: 0px;
    height: auto;
    border-radius: 4px;
    margin-top: 30px;
    height: 610px;
    .card-content

{
    padding: 50px;
}

img {
    opacity: 0.7;
}

}

.client-card {
    background-image: url('https://probuztech.in/Content/assets/images/backgrounds/16.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: var(--white-color);
    padding: 50px;
    p

{
    color: var(--white-color);
    margin-top: 30px;
}

.main-btn {
    width: 100%;
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 15px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    margin-top: 150px;
}

    .main-btn:hover {
        background-color: var(--white-color);
        color: var(--btn-color);
    }

h1 {
    font-size: 33px;
}

.count {
    font-size: 54px;
    font-weight: 400;
}

.count-title {
    font-size: 14px;
    font-weight: 700;
}

}
}

/* Nationwide Service Section End */

/* Safe Business Section Start */

.safe-business-section {
    background-color: var(--bg-color);
    padding: 100px 0px;
    color: var(--white-color);
    position: relative;
    .video-section

{
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}

.video-container {
    background-image: url('https://probuztech.in/Content/assets/images/banners/5.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 640px;
    height: 448px;
    border-radius: 10px;
    position: relative;
    a

{
    width: 54px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white-color);
    color: var(--black-color);
    position: absolute;
    bottom: 40px;
    left: 40px;
}

}

.icon {
    font-size: 65px;
}

.safe-business-card {
    padding: 50px 50px 50px 0px;
    .card-content

{
    overflow: hidden;
}

.card-content a {
    margin-left: -80px;
    transition: 0.3s ease-in-out;
}

}

.safe-business-card:hover .card-content a {
    margin-left: 0px;
}

.safe-business-card:hover .icon {
    -webkit-animation: bounce-top 10s infinite both;
    animation: bounce-top 10s infinite both
}

p {
    color: var(--white-color);
}

.star-section {
    margin: 30px 0px;
    h6

{
    font-weight: 600;
    border-bottom: 2px solid var(--btn-color);
    width: 55%;
}

.fa-star {
    color: var(--btn-color);
}

}
}



@-webkit-keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

/* Safe Business Section End */

/* Case Studies Section Start */

.case-studies-section {
    margin: 100px 0px;
    .case-study-card

{
    cursor: grab;
    img

{
    width: 494px;
    height: 407px;
    margin-bottom: 30px;
}

small {
    color: var(--btn-color);
    transition: 0.3s;
    font-size: 14px;
}

h4 {
    color: var(--btn-hover-color);
    transition: 0.3s;
    margin-top: 10px;
}

small:hover {
    color: var(--btn-hover-color);
}

h4:hover {
    color: var(--btn-color);
}

}

.case-study-slider {
    margin-top: 50px;
    .slick-prev

{
    position: absolute;
    top: 200px;
    left: 30px;
    background-color: transparent;
    color: var(--para-color);
    border: none;
}

.slick-next {
    position: absolute;
    background-color: transparent;
    color: var(--para-color);
    border: none;
    top: 200px;
    right: 100px;
}

.slick-prev,
.slick-next {
    display: flex;
    z-index: 10;
    justify-content: center;
    align-items: center;
}

    .slick-prev:hover,
    .slick-next:hover {
        background-color: var(--supporting-color);
    }

    .slick-prev i,
    .slick-next i {
        font-size: 55px;
    }

}
}

/* Case Studies Section End */

.industries-faq-section {
    .common--header

{
    padding-left: 0px;
}

.common--header::before {
    width: 0px;
}

}

/* Industries Section End */

/* IT Solutions Section Start */

.it-solutions-section {
    background: linear-gradient(rgba(3, 3, 3, 0.2),rgba(15, 15, 15, 0.2)),url('https://probuztech.in/Content/assets/images/page-titles/8.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
    .text-center

{
    margin-top: 80px;
}

.para {
    color: var(--white-color);
    font-size: 17px;
    font-weight: 600;
    margin-top: 30px;
}

.choose-home-content {
    color: var(--white-color);
    padding-top: 250px;
}

.it-solution-slider {
    background-color: var(--white-color);
    border-radius: 4px;
    max-width: 320px;
    padding: 40px;
    display: block;
    margin: auto;
    i

{
    font-size: 70px;
    color: var(--btn-color);
}


h5 {
    font-size: 24px;
    margin-bottom: 20px;
    color: var(--btn-hover-color);
}

}

h1 {
    font-size: 74px;
    line-height: 1.1;
}


.slick-dots {
    position: absolute;
    bottom: px;
    left: 40%;
    list-style: none;
    display: block;
    padding: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            width: 8px;
            height: 8px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    background-color: var(--btn-color);
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 8px;
                height: 8px;
                text-align: center;
                color: var(--btn-color);
                border: 3px solid var(--btn-color);
                border-radius: 50%;
                -webkit-font-smoothing: antialiased;
                opacity: 1;
            }

        .slick-dots li.slick-active button:before {
            color: var(--btn-color);
            width: 8px;
            background-color: var(--btn-color);
            position: absolute;
            top: 0;
            left: 0;
            height: 8px;
        }

        .slick-dots li button::before {
            content: "";
        }

}

.itsolution-services {
    bottom: 0px;
    padding: 80px 0px;
    .common--header::before

{
    width: 0px;
}

.common--header {
    padding-left: 0px;
}

.common--subheader {
    padding: 0px 160px 0px 160px;
}

.service-card {
    margin-top: 30px;
}

}

/* IT Solutions Section End */

.white-container {
    margin: 300px 0px 100px 0px;
    border-bottom: 1px solid var(--para-color);
}

.case-study-slider-two {
    .case-study-card a

{
    color: var(--btn-hover-color);
    border-bottom: 1px solid var(--btn-color);
    font-weight: 600;
    transition: all 0.3s linear;
}

.case-study-card {
    margin: 10px;
    p

{
    margin-bottom: 30px;
}

}

.case-study-card a:hover {
    background-color: var(--btn-color);
    padding: 15px;
    border-radius: 3px;
    color: var(--white-color);
}

.case-study-card i {
    opacity: 0;
}

.case-study-card a:hover i {
    opacity: 1;
    color: var(--white-color);
}

.slick-dots {
    position: absolute;
    text-align: right;
    top: -50px;
    right: 40px;
    list-style: none;
    display: block;
    padding: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            width: 8px;
            height: 8px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    background-color: var(--btn-color);
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 8px;
                height: 8px;
                text-align: center;
                color: var(--btn-color);
                border: 3px solid var(--btn-color);
                border-radius: 50%;
                -webkit-font-smoothing: antialiased;
                opacity: 1;
            }

        .slick-dots li.slick-active button:before {
            color: var(--btn-color);
            width: 8px;
            background-color: var(--btn-color);
            position: absolute;
            top: 0;
            left: 0;
            height: 8px;
        }

        .slick-dots li button::before {
            content: "";
        }

.slick-prev {
    z-index: 90;
    position: absolute;
    left: 30px;
    background-color: transparent;
    color: var(--black-color);
    border: none;
    right: -780px
}

.slick-next {
    z-index: 90;
    position: absolute;
    background-color: transparent;
    color: var(--black-color);
    border: none;
    right: 10px;
}

.slick-prev,
.slick-next {
    display: flex;
    justify-content: center;
    align-items: center;
    top: -60px;
    opacity: 0.5;
}

    .slick-prev:hover,
    .slick-next:hover {
        background-color: var(--supporting-color);
    }

    .slick-prev i,
    .slick-next i {
        font-size: 55px;
    }

}

/* timely delivery section start */

.timely-delivery-it-section {
    background-color: var(--white-color);
    color: var(--black-color);
    padding: 50px 0px 100px 0px;
    .row

{
    margin-top: 50px;
}

p {
    color: var(--para-color);
}

.award-card {
    box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
    position: relative;
}

    .award-card::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 3px;
        top: 0px;
        left: 0px;
        background-color: var(--btn-color);
        transform: scaleX(0);
        transform-origin: bottom right;
        transition: transform 0.3s ease-in-out;
    }

    .award-card:hover::before {
        transform: scaleX(1);
        transform-origin: top center;
    }

    .award-card img {
        transition: 0.6s ease-in-out;
    }

    .award-card:hover img {
        transform: rotateY(360deg);
    }

}

/* timely delivery section end */

/* SideBar Start */

.sideBar {
    top: 37vh;
    position: fixed;
    padding: 1px;
    padding-left: 4px;
    width: 0px;
    text-align: center;
    z-index: 99995;
    .offer

{
    width: 164px;
    width: 55px;
}

.call {
    margin-left: -180px;
    background-color: #f51616;
    border-radius: 10px;
    width: 230px;
    padding: 15px;
    transition: 0.3s linear;
}

.whatsapp {
    background-color: #23cc32;
    border-radius: 10px;
    margin-top: 3px;
    margin-left: -180px;
    width: 230px;
    padding: 15px;
    transition: 0.3s linear;
}

i {
    font-size: 20px;
}

p {
    color: var(--white-color);
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 0px;
}

.call:hover,
.whatsapp:hover {
    margin-left: -15px;
}

}

/* Sidebar End */

/* text selection color start */

::-moz-selection { /* Code for Firefox */
    background: var(--btn-color);
    color: #fff;
}

::selection {
    background: var(--btn-color);
    color: #fff;
}

/* text selection color end */

/* Mobile Responsiveness Start */

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

    .common--header {
        font-size: 13px;
        padding-left: 70px;
        margin-bottom: 20px;
    }

    .common--subheader {
        font-size: 21px;
    }

    .home-section {
        .d-flex

{
    margin-bottom: 10px;
}

.content h1 {
    font-size: 27px;
    margin-bottom: 10px;
}

p {
    font-size: 14px;
}

}

.resolutions-section {
    p

{
    margin-top: 20px;
}

.points {
    margin: 0px 0px;
}

}

.careers-section .career-home-page {
    top: 60%;
}

.services-section {
    bottom: 0px;
    padding-bottom: 50px;
    .container

{
    margin-top: 30px;
}

.services {
    display: block;
    margin: auto;
    margin-top: 30px;
    float: none;
}

.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    padding-top: 30px;
}

}

.request-section h2 {
    font-size: 24px;
}

.technology-section {
    padding: 50px 0px;
    height: auto;
    .row-info .row-points span

{
    color: var(--white-color);
}

.para {
    font-size: 14px;
}

.main-btn {
    margin: 20px 0px;
}

.button {
    margin-bottom: 20px;
}

i {
    font-size: px;
}

.technology-card {
    margin: 5px 0px;
}

.row-info .d-flex {
    flex-direction: column;
}

.row-info {
    padding-top: 50px;
    h6

{
    width: 100%;
}

.gap-5 {
    gap: 1rem !important;
}

.row-points {
    margin-top: 30px;
}

}

img {
    margin-top: 50px;
}

}

.it-problems-section {
    margin-top: 0px;
    .fa-computer-mouse

{
    left: 40% !important;
}

.container {
    padding: 0px 15px;
}

.it-solution {
    padding: 0px 15px;
}

.client-interaction-section {
    padding: 50px 0px !important;
    h2

{
    font-size: 33px;
}

.main-btn {
    width: 140px !important;
    font-size: 13px;
    height: 50px;
}

.count {
    font-size: 30px !important;
}

.count-title {
    margin-bottom: 40px;
}

}
}

.awards-section {
    padding: 50px 0px !important;
}

.footer-section {
    padding: 20px 0px !important;
    img

{
    margin-bottom: 30px;
}

h6 {
    margin: 15px 0px !important;
}

}

.presence-section .d-flex {
    flex-direction: column;
}

.presence-card h5 {
    text-align: center;
}

.divider {
    top: 39%;
}

.history-section {
    height: auto;
}

.row-information {
    bottom: 130px;
}

    .row-information .d-flex {
        flex-direction: column;
    }

    .row-information h6 {
        width: 100%;
    }

    .row-information .row-points {
        margin: 40px 0px;
    }

.timeline-slider
.slick-prev {
    top: 10px;
    left: 210px
}

.timeline-slider .slick-next {
    right: 15px;
    top: 10px;
}

.about-section-homepage
.about-homepage-content
h1 {
    font-size: 30px;
}

.technical-expert-card {
    margin: 10px 0px;
}

.how-it-works-section
.justify-content-around {
    flex-direction: column;
    button

{
    margin-top: 30px;
}

}

.reliable-solution-cards
.reliable-solution-card {
    margin: 10px 0px;
}

.technical-support-form-section form {
    margin: 20px 0px;
}

.about-section-homepage
.about-homepage-content
.para {
    margin: 10px 0px;
}



.choose-section .choose-home-content,
.leadership-section .leadership-home-content,
.digital-marketing-section .digital-marketing-home-content {
    padding-top: 170px;
}

.choose-section .choose-card {
    margin: 30px 0px;
}

.leadership-section .common--subheader,
.software-development-section .common--subheader,
.digital-marketing-section .common--subheader,
.marketing-agency-section .common--subheader,
.technical-support-section .common--subheader,
.api-servicing-section .common--subheader,
.security-section .common--subheader,
.benefits-section .common--subheader,
.app-development-section .common--subheader,
.health-care-section .common--subheader,
.education-section .common--subheader,
.training-section .common--subheader,
.service-management-section .common--subheader,
.wire-section .common--subheader,
.nidhi-software-section .common--subheader {
    font-size: 34px;
}

.online-management-software-section .common--subheader,
.software-management-section .common--subheader,
.library-management-section .common--subheader,
.store-management-section .common--subheader,
.hospital-management-section .common--subheader,
.bus-transport-section .common--subheader,
.accounts-section .common--subheader,
.mail-facility-section .common--subheader,
.reports-section .common--subheader,
.hotel-management-section .common--subheader,
.ecommerse-section .common--subheader,
.ecommerse-list-section .common--subheader,
.solar-utilities-section .common--subheader,
.web-design-section .common--subheader,
.mlm-software-section .common--subheader,
.hrms-home-section .common--subheader {
    margin: 0px;
    font-size: 20px;
}

.ready-to-grow-section {
    .second-card, .third-card, .fourth-card, .fifth-card

{
    border: none;
}

}

.book-free-demo-section img {
    margin-top: 50px;
}

.roof-top-section .d-flex {
    flex-wrap: wrap;
}

.staff-management-section img {
    display: block;
    margin: auto;
}

.update-section h2 {
    font-size: 17px;
}

.clinic-management-home-section
.content h1 {
    font-size: 25px
}

.consultation-section h3, .estimation-section h3, .product-demo-section h3 {
    font-size: 22px;
}

.clinic-management-home-section img {
    padding: 10px;
}

.healthcare-demo-section form,
.wire-demo-section form {
    margin-bottom: 20px;
}

.reduce-employee-section .head, .staff-management-section .head,
.hrms-guides-section .head,
.hrms-modules-section .head,
.hrms-features-section .head {
    font-size: 25px;
}

.improve-management-software-section h2 {
    font-size: 17px;
}

.hr-department-section .hr-department-card {
    margin: 10px 0px;
}

.hrms-home-section .small {
    margin-bottom: 20px;
}

.hrms-home-section .para {
    margin-top: 30px;
}

.best-mlm-software-section .row {
    margin: 0px;
}

.mlm-software-plans h1 {
    font-size: 15px;
    width: 85%;
}

.experience-header {
    font-size: 17px;
}

.updates-slider .slick-dots {
    bottom: 200px;
}

.hrms-guides-section h1 {
    font-size: 17px;
}

.remote-monitoring-section .d-flex {
    flex-direction: column;
}

.web-design-section .small {
    margin-bottom: 20px;
}

.expert-business-website-section p,
.best-website-maintenance-section p {
    padding: 0px;
}

.solar-utilities-section form,
.web-design-section form,
.mlm-software-section form {
    margin-bottom: 20px;
}

.roof-top-section .d-flex {
    flex-wrap: wrap;
}

.remote-monitoring-section
.common--subheader::before {
    left: 120%;
}

.finance-section .common--subheader,
.we-offer-platforms-section .common--subheader,
.massive-user-section .common--subheader {
    font-size: 30px;
}

.ecommerse-section .small {
    margin-bottom: 20px;
}

.hospital-management-section .img-outer {
    left: 100px;
}

.why-us-section .why-us-section-card {
    margin: 20px 0px;
    position: static;
}

.massive-user-section
.common--subheader::before {
    bottom: 160px;
}

.offers-section .offer-card {
    margin: 20px 0px;
}

.ideal-apps-section .ideal-apps-card {
    margin: 20px 0px;
}

.custom-api-development-section p {
    margin: 10px;
}

.api-integration-section
.api-servicing
h1 {
    font-size: 22px;
}

.api-development-services-section {
    margin: 50px 0px;
}

.software-development-section .small,
.digital-marketing-section .small {
    margin: 30px 0px;
}

.software-development-section form,
.digital-marketing-section form {
    margin: 20px 0px;
}

.development-solution-section .fa-circle-check {
    color: var(--white-color);
}

.banner-content h1 {
    font-size: 34px;
}

.gallery-section .tabs-container {
    flex-wrap: wrap;
}

.careers-section .career-home-page h1 {
    font-size: 34px;
}

.careers-section .career-home-page {
    padding-top: 100px;
}

.career-content button {
    margin-top: 20px;
}

.contact-section form {
    margin-right: 0px;
}

.gallery-nav {
    background-color: var(--black-color);
    color: var(--white-color);
    position: fixed;
    .main_list ul

{
    background-color: var(--black-color) !important;
}

.navTrigger i {
    background-color: var(--para-color);
}

li a {
    color: var(--para-color);
}

.affix .dropdown .dropbtn, a {
    color: var(--para-color) !important;
}

.dropdown .dropbtn {
    color: var(--para-color) !important;
}

    .dropdown .dropbtn .fa-solid {
        color: var(--para-color) !important;
    }

}

.api-development-services-section .d-flex {
    flex-wrap: wrap;
}

.security-section .small {
    margin-bottom: 20px;
}

.personal-loan-section {
    margin: 0px;
}

.app-development-services-section img {
    padding: 0px;
}

.shipping-methods-section, .payment-gateways-section
ul li {
    width: 100%;
}

.ecommerse-list-section
.row {
    margin: 0px;
}

.training-section form {
    margin-bottom: 0px;
}


.course-syllabus-section h1,
.training-institude-section h1,
.job-oriented-training-program-section h1 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.course-syllabus-section .tab-container,
.training-institude-section .tab-container {
    flex-direction: column;
}

.training-institude-section .course-syllabus {
    margin: 0px;
}

.why-probuz-section .second,
.why-probuz-section .third,
.why-probuz-section .fourth,
.why-probuz-section .fifth {
    border: none;
}

.why-probuz-section .col-lg-4 {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.advantages-section .circle {
    display: none;
}

.client-says-section .client-card {
    margin-top: 60px;
    h3,h4

{
    padding: 20px;
}

h3 {
    top: 225px;
}

h4 {
    bottom: 320px;
}

}

iframe {
    width: auto;
}

.client-says-section
.client-card
h4 {
    right: 140px;
}

.student-carrier-section form {
    margin: 0px;
}

.student-carrier-section .d-flex {
    flex-direction: column;
}

.payments-slider .slick-prev,
.payments-slider .slick-next {
    top: 550px;
    i

{
    font-size: 35px;
}

}

.payments-slider .slick-prev {
    left: 300px
}

.payments-slider .slick-next {
    right: 10px;
}

.gallery-section .tab-container {
    flex-wrap: wrap;
}

.updates-slider .slick-prev,
.updates-slider .slick-next {
    color: var(--black-color);
}

.updates-slider .slick-next {
    top: 770px;
    right: 80px;
}

.updates-slider .slick-prev {
    top: 770px;
    left: 80px;
}

.benefits-section img {
    display: block;
    margin: auto;
}

.payment-section {
    padding: 0px;
}

.privacy-policy-banner h1 {
    font-size: 34px;
}

.bank-details-section .row table tr td {
    padding: 10px 3px;
}

.bank-details-section .row {
    font-size: 15px;
}

.legal-documents-section .gallery-item {
    margin: 10px 0px;
}

.site-map-footer h6 {
    padding-top: 0px;
}

.industry-section-homepage .d-flex {
    margin-bottom: 20px;
}

.industry-section-homepage
.industry-homepage-content
h1 {
    font-size: 30px;
}

.nationwide-service-section {
    margin-top: 50px;
    .common--subheader

{
    padding: 0px;
}

}

.safe-business-section {
    .video-container

{
    width: auto;
}

}

.it-solutions-section h1 {
    font-size: 34px;
}

.itsolution-services {
    padding-top: 50px;
}

    .itsolution-services .common--subheader {
        padding: 0px;
    }

}

/* Mobile Responsiveness End */

/* Tab Responsiveness Start */

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

    .site-map-footer h6 {
        padding-top: 0px;
    }

    .legal-documents-section .gallery-item {
        margin: 10px 0px;
    }

    .bank-details-section .row table tr td {
        padding: 15px 5px;
    }

    .bank-details-section .row {
        font-size: 17px;
    }

    .privacy-policy-banner h1 {
        font-size: 44px;
    }

    .payment-section {
        padding: 0px;
    }

    .why-probuz-section {
        .second, .third, .fourth, .fifth

{
    border: none;
}

}

.job-oriented-training-program-section img {
    width: 75%;
    display: block;
    margin: auto;
}

.scope-services-section img {
    width: 50%;
    display: block;
    margin: auto;
}

.benefits-section img {
    width: 50%;
    display: block;
    margin: auto;
}

.banner-content h1 {
    font-size: 40px;
}

.reliable-solution-cards
.reliable-solution-card {
    margin: 10px 0px;
}

.technical-expert-card {
    margin: 10px 0px;
}

.mlm-software-plans h1 {
    font-size: 20px;
}

.service-management-list-section img {
    display: block;
    margin: auto;
}

.hospital-management-section .img-outer {
    left: 100px;
}

.best-website-maintenance-section p {
    padding: 0px;
}

.improve-management-software-section h2 {
    font-size: 17px;
}

.consultation-section h3, .estimation-section h3, .product-demo-section h3 {
    font-size: 23px;
}

.home-section {
    .content h1

{
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 10px;
}

button {
    margin-bottom: 20px;
}

}


.home-section .d-flex {
    margin-bottom: 20px;
}

.nav div.main_list ul {
    flex-direction: column;
    width: 100%;
    min-height: 350px;
    overflow: scroll;
    padding-bottom: 30px;
    background-color: var(--white-color);
    background-position: center top;
}

.dropdown .dropbtn {
    padding: 0px 20px;
    color: var(--black-color);
}

.nav .container {
    margin: 0px;
    padding: 0px;
}

.offers-section .offer-card {
    margin: 20px 0px;
}

.ideal-apps-section .ideal-apps-card {
    margin-bottom: 40px;
}

.nav .logo {
    padding-left: 20px;
}

.nav {
    background-color: var(--white-color);
}

.dropdown .loginbtn {
    padding-left: 0px;
}

.login-content {
    left: 0px;
}

.services-section {
    padding: 0px;
}

.ecommerse-demo-section
form {
    margin-bottom: 20px;
}

.ecommerse-list-section
.row {
    margin: 0px 100px;
}

.services-section .container {
    margin-top: 0px;
}

.services-section .slick-dots {
    right: 0px;
}

.technology-section button {
    margin-bottom: 20px;
}

.technology-section {
    height: auto;
}

    .technology-section .row-info .row-points span {
        color: var(--white-color);
    }

.technology-card {
    margin: 5px;
}

.technology-section
.row-info
.row-points {
    margin: 50px 0px;
}

.it-problems-section {
    margin-top: 0px;
}

.footer-section img {
    margin-bottom: 40px;
}

.dropdown-content {
    width: 100% !important;
    background-color: var(--white-color);
}

.row-points {
    margin: 50px 0px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot,
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    padding: 0px 10px;
}

.api-integration-section
.api-servicing
h1 {
    font-size: 25px;
}

.about-section-homepage
.about-homepage-content
.para {
    margin: 25px 0px;
}

.about-section-homepage
.about-homepage-content
h1 {
    font-size: 45px;
}

.choose-section .common--subheader {
    font-size: 25px;
}

.choose-section
.main-btn {
    width: 178px;
}

.choose-section .choose-card {
    margin: 20px 0px;
}

.common--subheader {
    font-size: 27px;
}

.leadership-section .leadership-home-content,
.choose-section .choose-home-content,
.digital-marketing-section .digital-marketing-home-content {
    color: var(--white-color);
    padding-top: 200px;
}

.leadership-section .common--subheader,
.software-development-section .common--subheader,
.digital-marketing-section .common--subheader,
.technical-support-section .common--subheader,
.api-servicing-section .common--subheader,
.security-section .common--subheader,
.app-development-section .common--subheader,
.health-care-section .common--subheader,
.education-section .common--subheader,
.ecommerse-section .common--subheader,
.finance-section .common--subheader,
.solar-utilities-section .common--subheader,
.web-design-section .common--subheader,
.training-section .common--subheader,
.service-management-section .common--subheader,
.mlm-software-section .common--subheader,
.hrms-home-section .common--subheader,
.wire-section .common--subheader,
.nidhi-software-section .common--subheader {
    font-size: 44px;
}

.online-management-software-section .common--subheader,
.software-management-section .common--subheader,
.library-management-section .common--subheader,
.store-management-section .common--subheader,
.hospital-management-section .common--subheader,
.bus-transport-section .common--subheader,
.accounts-section .common--subheader,
.mail-facility-section .common--subheader,
.reports-section .common--subheader,
.hotel-management-section .common--subheader,
.ecommerse-list-section .common--subheader {
    margin: 0px;
    font-size: 25px;
}

.request-section h2 {
    font-size: 35px;
}

.choose-nidhi-software-section img {
    width: 50%;
    display: block;
    margin: auto;
}

.healthcare-demo-section form {
    margin-bottom: 20px;
}

.gallery-section .tab-container {
    flex-wrap: wrap;
}

.gov-act-section {
    padding: 100px 0px;
}

.book-free-demo-section img {
    width: 75%;
    display: block;
    margin: auto;
}

.ready-to-grow-section {
    .second-card, .third-card, .fourth-card, .fifth-card

{
    border: none;
}

.reduce-employee-section .head, .staff-management-section .head,
.hrms-guides-section .head,
.hrms-modules-section .head,
.hrms-features-section .head {
    font-size: 25px;
}

.update-section h2 {
    font-size: 17px;
}

.hr-department-section .hr-department-card {
    margin: 10px 0px;
}

.healthcare-demo-section form {
    margin-bottom: 20px;
}

.education-demo-section form,
.training-section form,
.mlm-software-section form {
    margin-bottom: 20px;
}

.experience-header {
    font-size: 20px;
}

.mlm-software-plans h1 {
    font-size: 20px;
}

.why-probuz-section .second,
.why-probuz-section .third,
.why-probuz-section .fourth,
.why-probuz-section .fifth {
    border: none;
}


.job-oriented-training-program-section img,
.training-master-program-section img {
    width: 75%;
    display: block;
    margin: auto;
}

.course-syllabus-section .tab-container,
.training-institude-section .tab-container {
    flex-direction: column;
}

.training-institude-section .course-syllabus {
    margin: 0px;
}

.roof-top-section .d-flex {
    flex-wrap: wrap;
}

.remote-monitoring-section
.common--subheader::before {
    left: 120%;
}

.software-development-section form,
.digital-marketing-section form {
    margin: 20px 0px;
}

.development-solution-section .fa-circle-check {
    color: var(--white-color);
}

.api-development-services-section .d-flex {
    flex-wrap: wrap;
}

.banner-content h1,
.careers-section .career-home-page h1 {
    font-size: 44px;
}

.gallery-section .tabs-container {
    flex-wrap: wrap;
}
/* .gallery-nav{
    background-color: var(--black-color);
} */
.careers-section .career-home-page {
    padding-top: 100px;
}

.career-content button {
    margin-top: 20px;
}

.contact-section form {
    margin-right: 0px;
}

.nav .fa-angle-down {
    right: 0px;
    position: absolute;
    top: 50%;
}

.gallery-nav {
    background-color: var(--black-color);
    color: var(--white-color);
    position: fixed;
    .main_list ul

{
    background-color: var(--black-color) !important;
}

.navTrigger i {
    background-color: var(--para-color);
}

li a {
    color: var(--para-color);
}

.affix .dropdown .dropbtn, a {
    color: var(--para-color) !important;
}

.dropdown .dropbtn {
    color: var(--para-color) !important;
}

    .dropdown .dropbtn .fa-solid {
        color: var(--para-color) !important;
    }

}

.we-offer-platforms-section
.common--subheader::before {
    bottom: 130px;
}

}


.client-says-section .client-card {
    margin-top: 70px;
}

.training-institude-section .course-syllabus {
    margin: 0px;
}

.course-syllabus-section .tab-container {
    display: block;
}

.careers-section .career-home-page {
    top: 70%;
}


.gallery-nav {
    background-color: var(--black-color);
    color: var(--white-color);
    position: fixed;
    .main_list ul

{
    background-color: var(--black-color) !important;
}

.navTrigger i {
    background-color: var(--para-color);
}

li a {
    color: var(--para-color);
}

.affix .dropdown .dropbtn, a {
    color: var(--para-color) !important;
}

.dropdown .dropbtn {
    color: var(--para-color) !important;
}

    .dropdown .dropbtn .fa-solid {
        color: var(--para-color) !important;
    }

}

.updates-slider .slick-prev,
.updates-slider .slick-next {
    color: var(--black-color);
}

.updates-slider .slick-dots {
    bottom: 130px;
}

.updates-slider .slick-next {
    top: 840px;
    right: 80px;
}

.updates-slider .slick-prev {
    top: 840px;
    left: 80px;
}

.case-studies-section
.case-study-card
h4 {
    font-size: 20px;
}

.nationwide-service-section {
    margin-top: 50px;
    .common--subheader

{
    padding: 0px;
}

}

.industry-section-homepage .d-flex {
    margin-bottom: 20px;
}

.industry-section-homepage
.industry-homepage-content
h1 {
    font-size: 50px;
}

.it-solutions-section h1 {
    font-size: 44px;
}

.itsolution-services {
    padding-top: 50px;
}

    .itsolution-services .common--subheader {
        padding: 0px;
    }

.case-study-slider-two {
    .slick-prev

{
    right: -380px;
}

}
}
/* Tab Responsiveness End */



@media only screen and (max-width:500px) {
    .services-section {
        .service-card

{
    padding: 10px;
}

}

.about-section-homepage {
    .about-homepage-content

{
    color: var(--white-color);
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
}

}

.timely-delivery-section {
    & .delivery-content

{
    p, .signature

{
    margin-left: 0px;
}

}
}

.it-problems-section {
    .common--subheader

{
    padding-bottom: 50px;
}

}

.it-problems-section {
    & .it-solution

{
    & .timely-service-section

{
    .info

{
    padding: 20px 8px;
}

}
}
}



.it-problems-section {
    & .it-solution

{
    & .experience-section

{
    .left-section

{
    background-color: var(--btn-color);
    color: var(--white-color);
    padding: 30px;
}

}
}
}


.it-problems-section {
    & .it-solution

{
    & .experience-section

{
    .right-section

{
    background-color: var(--background-color);
    padding: 30px;
}

}
}
}


.awards-section {
    .award-card

{
    background-color: var(--white-color);
    text-align: center;
    border-radius: 5px;
    padding: 20px 11px 21px;
    color: var(--btn-hover-color);
    height: 350px;
    margin: 10px;
}

}


.button, .support-btn {
    height: 2.5rem;
}


.choose-section {
    .main-btn

{
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 12px 1px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
    width: 100%;
    font-size: 15px;
}

}


.leadership-section {
    .main-btn

{
    background: transparent;
    border: 2px solid var(--white-color);
    padding: 10px 10px;
    color: var(--white-color);
    transition: 0.3s ease-in-out;
    border-radius: 3px;
    font-size: 15px;
}

}

.choose-button-section {
    font-size: 13px;
    align-items: center;
}





.ps-timeline-sec {
    h6

{
    font-size: 12px;
}

}




.first-nav {
    h6

{
    font-size: 14px;
    margin-bottom: 0px;
}

}


.development-solution-section {
    & ul

{
    li

{
    font-size: 13px;
    font-weight: 500;
}

}
}


.dropdown-content {
    margin-top: 0px;
}

.login-content {
    h6

{
    text-align: left;
    margin-left: 20px;
}

}
.nav div.main_list ul {
    overflow-x: hidden;
}

}

.it-solution-content {
    h6

{
   
    padding: 0 20px;
}

}

}