@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..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');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');


* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



:root {

    --black-color: #333;

    --white-color: #fff;

    --green-color: #15BF5B;

    --orange-color: #EC1C24;



}



a {

    text-decoration: none;

}



ul,
li,
ol,
p,
h1,
h2,
h3,
h4,
h5,
h6 {

    margin: 0;

    padding: 0;

}



.small-btn {

    color: #FFF;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    letter-spacing: 0.32px;

    transition: all 0.5s ease;

}





/* 

<!---Header-section-start--> */

.sticky-header {

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    z-index: 1000;

    background: #FFF;

    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);

}



.top-header {

    width: 100%;

    background: #FFF;

    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);

}



.top-header-bg {

    position: relative;

}



/* .top-header-bg::before {

    content: '';

    background: url(../images/top-line.png);

    width: 100%;

    height: 100%;

    background-position: top;

    background-repeat: no-repeat;

    position: absolute;

    left: 0;

    top: 0;

} */



.top-header .header-nav {

    max-width: 1308px;

    margin: auto;

    padding: 11px 0 17px 0;

}



.top-header .header-nav .logo-img {

    max-width: 210px;

    height: 66px;

}



.top-header .header-nav .logo-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.top-header .header-nav .start-btn {

    font-size: 16px;

    line-height: 18px;

    width: 130px;

}



.top-header .header-nav .start-btn.login-btn {

    width: 130px;

}



.start-btn {

    width: 165px;

    height: 52px;

    background-color: var(--orange-color);

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 5px;

    transition: all 0.5s ease;

    font-family: Roboto;

    font-size: 18px;

    font-weight: 700;

    line-height: 21.09px;

    letter-spacing: 0.02em;

    text-align: center;

    color: #ffff;

    z-index: 1;

    position: relative;

    cursor: pointer;

}



.header-nav .start-btn a:hover {

    color: #fff !important;

}





.start-btn:after {

    position: absolute;

    content: "";

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    z-index: -1;

    background-color: #119A49;

    border-radius: 5px;

    transition: all 0.3s ease;

}

.start-btn:hover {

    color: #fff;

}

.start-btn:hover:after {

    top: auto;

    bottom: 0;

    height: 100%;

}

.start-btn:active {

    top: 2px;

}



.small-btn img {

    margin-left: 10px;

    transition: transform 0.3s ease;

}





.small-btn:hover img {

    transform: translateX(10px);

}







/* 

<!---Invoicing-section-start--> */



.invoicing-sec {

    background: #fff4ea;

    padding: 80px 0 118px 0;
    /* margin-top: 80px; */

}



.invoicing-sec-info {

    max-width: 1308px;

    width: 100%;

    margin: auto;

}



.invoicing-sec-info .invoicing-sec-left h1 {

    font-family: Roboto;

    font-size: 14px;

    font-weight: 500;

    line-height: 16.41px;

    letter-spacing: 0.04em;

    color: #1A8A43;

    border: 1px dashed #1A8A43;

    max-width: 200px;

    width: 100%;

    padding: 10px;

    text-align: center;

    border-radius: 20px;



}



.invoicing-sec-info .invoicing-sec-left h6 {

    font-family: Roboto;

    font-size: 68px;

    font-weight: 900;

    line-height: 79.69px;

    letter-spacing: 0.02em;

    text-align: left;

    color: #100F0F;

    margin: 16px 0 18px 0;

    display: flex;

}



.invoicing-sec-info .invoicing-sec-left h6 span {

    color: #046DB9;

    text-decoration: underline;

}



.invoicing-sec-info .invoicing-sec-left p {

    font-family: Roboto;

    font-size: 16px;

    font-weight: 500;

    line-height: 27px;

    letter-spacing: 0.02em;

    text-align: left;



}





.invoicing-sec-info .invoicing-sec-left .start-btn {

    margin: 36px 0 73px 0;

}



.invoicing-sec-info .invoicing-sec-left h4 {

    font-family: Roboto;

    font-size: 40px;

    font-weight: 100;

    line-height: 46.88px;

    letter-spacing: 0.02em;

    text-align: left;

    color: #100F0F;

    position: relative;

    z-index: 1;

    display: inline-block;

    padding: 5px 0;

}



.invoicing-sec-info .invoicing-sec-left h4::after {

    position: absolute;

    left: -100%;

    top: 0;

    content: '';

    background: linear-gradient(90deg, #FFFFFF 0%, #FFF4EA 100%);

    width: 200%;

    height: 100%;

    z-index: -1;

}





.invoicing-sec-info .invoicing-sec-left h4 span {

    font-family: Roboto;

    font-weight: 900;

    color: #EC1C24;

}



.invoicing-sec-info .invoicing-sec-left h4 span.plus {

    color: #100F0F;

    font-family: Roboto;

    font-size: 40px;

    font-weight: 400;

}





/* 

<!--Our Partners---section-start--> */



.our-partners-sec {

    padding: 86px 0 91px 0;

    width: 100%;

    background-color: #fafafa;

}



.our-partners {

    max-width: 1308px;

    width: 100%;

    margin: auto;

    text-align: center;

}



.our-partners h2 {

    font-family: Roboto;

    font-size: 28px;

    font-weight: 700;

    line-height: 32.81px;

    letter-spacing: 0.02em;

    text-align: center;

    color: #333333;

}



.our-partners-slider {

    margin-top: 34px;

}





/* 

<!--Simple Invoicing---section-start--> */



.simple-invoicing-sec {

    background-color: #006cba;

    width: 100%;

    height: 100%;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 72px 0;

}



.simple-invoicing-info {

    max-width: 1308px;

    width: 100%;

    margin: auto;

    text-align: center;

}



.simple-invoicing-info h2 {

    font-family: Roboto;

    font-size: 48px;

    font-weight: 600;

    line-height: 56.25px;

    letter-spacing: 0.02em;

    text-align: center;

    color: #FFFFFF;

}



.simple-invoicing-info p {

    font-family: Roboto;

    font-size: 16px;

    font-weight: 500;

    line-height: 27px;

    letter-spacing: 0.01em;

    text-align: center;

    margin: auto;

    color: #FFFFFF;

    max-width: 630px;

    width: 100%;

    padding: 8px 0 43px 0;

}



.simple-invoicing-info .start-btn {

    margin: auto;

}





/* 

<!---App-section-start--> */



.download-sec {

    width: 100%;

    padding: 25px 0;

}



.download-info h6 {

    max-width: 100px;

    margin-right: 20px;

    font-family: Roboto;

    font-size: 14px;

    font-weight: 600;

    line-height: 16.41px;

    text-align: left;

    color: #000;

}



.download-info {

    display: flex;

    justify-content: center;

    gap: 10px;

    flex-wrap: wrap;

    align-items: center;

}







/* 

<!--payment-sec---section-start--> */



.payment-sec {

    width: 100%;

}



.payment-container {

    position: relative;

    overflow: hidden;

}



.payment-box {

    background-color: #fffaf8;

    max-Width: 326px;

    width: 100%;

    height: 400px;

}



.payment-box.gst-billing {

    background-color: #f2fffc;

}



.payment-box.invoicing1 {

    background-color: #fafafa;

}



.payment-box.einvoicing {

    background-color: #f6f5ff;

}



.payment-box.accounting {

    background-color: #fffbfa;

}



.payment-box.payment {

    background-color: #fafafa;

}



.payment-box.invoicing2 {

    background-color: #f6fbff;

}



.payment-box img {

    position: absolute;

    bottom: 0;

    right: 0;

    max-width: 346px;

    width: 100%;

    height: 250px;

    object-fit: cover;

}



.payment-box h6 {

    font-family: Roboto;

    font-size: 24px;

    font-weight: 700;

    line-height: 28.13px;

    letter-spacing: 0.02em;

    text-align: left;

    color: #333333;

    padding: 48px 0 0 38px;

}





/* 

<!--portfolio---section-start--> */



.portfolio-sec {

    background-color: #fff4ea;

    padding: 100px 100px 0 100px;

    width: 100%;

}



.portfolio-sec .container-fluid {

    background-color: #fff;

    padding: 100px 0;

}



.portfolio-info {

    max-width: 1308px;

    margin: auto;

    width: 100%;

}



.portfolio-info-right h2 {

    font-family: Roboto;

    font-size: 42px;

    font-weight: 600;

    line-height: 49.22px;

    text-align: left;

    max-width: 560px;

    width: 100%;

    color: #333333;

}



.portfolio-info-right p,
.portfolio-info-right .myBtn {

    font-family: Roboto;

    font-size: 16px;

    font-weight: 400;

    line-height: 27px;

    letter-spacing: 0.02em;

    text-align: left;

    max-width: 591px;

    width: 100%;

    color: #333333;

    padding: 20px 0 10px 0;
    text-align: justify;

}



.portfolio-info-right .myBtn {

    color: #119A49;

}



.portfolio-info-right p.more {

    font-size: 14px;

    line-height: 20px;

}



.portfolio-info-right .start-btn {

    margin-top: 30px;

}



.portfolio-info-right .more {

    padding: 0;

}



/* 

.portfolio-info-right p a{

    color: #333333;

    text-decoration: underline;

}



.portfolio-info-right p .more {

    display: none;

} */



.portfolio-info-right .start-btn {

    width: 160px;

}



.portfolio-info .row {

    margin-top: 80px;

}



.portfolio-info .row:first-child {

    margin-top: 0;

}



.portfolio-info-right.portfolio-box2 p {

    max-width: 528px;

}





.portfolio-info-right.portfolio-box3 p,
.portfolio-info-right.portfolio-box4 p {

    max-width: 591px;

}



.portfolio-info-right.portfolio-box3 .start-btn {

    width: 160px;

}



.portfolio-info-right.portfolio-box4 .start-btn,
.portfolio-info-right.portfolio-box6 .start-btn {

    width: 160px;

}



.portfolio-info-right.portfolio-box5 p,
.portfolio-info-right.portfolio-box7 p {

    max-width: 556px;

}



.portfolio-info-right.portfolio-box5 .start-btn {

    width: 160px;

}



.portfolio-info-right.portfolio-box6 p {

    max-width: 579px;

}

.accordion-item-txt p {

    font-size: 15px;

}



/* .start-btn{

    font-size: 15px;

} */



.portfolio-info-right.portfolio-box7 .start-btn {

    width: 160px;

}







/* 



<!--GST Suvidha Kendra---section-start--> */



.info-detail-sec {

    background-color: #006cba;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 35px 0;

}



.info-detail-heading {

    /*    padding: 45px 0 46px 0;*/

    text-align: center;

}



.info-detail-heading h2 {

    color: #fff;

    text-align: center;

    font-family: Roboto;

    font-size: 42px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}



.info-detail-sec .info-detail {

    max-width: 1308px;

    width: 100%;

    margin: auto;

}



.info-detail-box1 {

    padding: 37px 0 20px 39px;

}



.info-detail-box2 {}



.info-detail-box1 .flex-grow-1.ms-3 {

    color: #fff;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 38px;

}



.info-detail-box1 .info-detail-text {

    padding-top: 5px;

}



















.frequently-sec {

    padding: 121px 0 106px 0;

    width: 100%;

}



.frequently-info {

    max-width: 1308px;

    margin: auto;

    width: 100%;

}



.frequently-txt h2 {

    max-width: 419px;

    width: 100%;

    color: #333;

    font-family: Poppins;

    font-size: 42px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    letter-spacing: 0.42px;

    margin-bottom: 64px;

}





.frequently-container {

    /* margin-top: 43px; */

}









.accordion-button::after {

    background-size: 0.75rem;

    background-position: center;

    background: url(../images/border-arrow.svg);

    display: flex;

    justify-content: center;

    background-size: cover;

    align-items: center;

    transition: transform .2s ease-in-out;

    /* border: 1px solid red; */

    /* border-radius: 50%; */

    /* padding: 10px; */
    width: 22px;
    height: 21px;
}



.accordion-button:focus {

    z-index: 3;

    border-color: unset;

    outline: 0;

    box-shadow: unset;

}



.accordion-button:not(.collapsed)::after {

    background: url(../images/border-arrow.svg);

    background-size: cover;

}



.frequently-container .accordion-item {

    border-radius: 10px !important;

    margin-bottom: 10px;

    border: 2px solid #333 !important;

}



.frequently-container .accordion-button {

    border-radius: 10px !important;

}



.frequently-container .accordion-button span {

    background-color: var(--orange-color);

    width: 38px;

    height: 38px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    background-size: cover;

    align-items: center;

    margin-right: 22px;

    color: #FFF;

    text-align: center;

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    letter-spacing: 0.54px;

}



.accordion-button:not(.collapsed) {

    color: #333;

    background-color: unset;

    box-shadow: unset;

}





.accordion-button {

    color: #333;

    font-family: Poppins;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    letter-spacing: 0.17px;

}



.accordion-item-txt {

    padding: 19px 0px;

}



.accordion-item-txt p {

    color: #666;

    font-family: Roboto;

    font-size: 17px;

    font-style: normal;

    font-weight: 400;

    line-height: 25px;

    letter-spacing: 0.17px;

}



.accordion-item-txt span {

    height: 68px;

    background: #D9D9D9;

    width: 1px;

}



.accordion-body {

    max-width: 1197px;

    width: 100%;

    margin: auto;

    border-top: 2px solid #333;

    width: 91%;

    margin: auto;

    background: #FFF;

    margin: 0px auto;

    padding: 0;

}



.accordion-plan-btn {

    max-width: 220px;

    width: 100%;

    margin: auto;

    height: 48px;

    flex-shrink: 0;

    background-color: #119A49;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 10px;

    transition: all 0.5s ease;

    cursor: pointer;

}



.accordion-plan-btn:hover {

    background-color: var(--orange-color);

}



.accordion-plan-btn a {

    color: #FFF;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    letter-spacing: 0.32px;

}



/* 

<!--footer---section-start--> */



.footer-sec {

    position: relative;

}



.footer-info {

    max-width: 1308px;

    margin: auto;

    width: 100%;

    border-radius: 50px 50px 0px 0px;

    background: #F2F2F2;

    padding: 50px;

}



.footer-info .contact-form {

    max-width: 537px;

    width: 100%;

    padding: 62px 62px 69px 62px;

    background: #464A5A;

    color: #FFF;

    border-radius: 25px;

    height: 540px;

}



.footer-info .contact-form form {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

}



.footer-info .contact-form h3 {

    color: #FFF;

    font-family: Roboto;

    font-size: 28px;

    font-style: normal;

    font-weight: 700;

    line-height: 27px;

    margin-bottom: 35px;

}



.footer-info .contact-form form input {

    background: unset;

    border: unset;

    box-shadow: unset;

    border-bottom: 2px solid rgba(242, 242, 242, 0.8) !important;

    padding-bottom: 7px;

    margin-top: 25px;

    width: 100%;

    color: #fff;

}



.footer-info .contact-form form input.message-txt {

    padding-bottom: 47px;

}



.footer-info .contact-form form input {

    caret-color: red;

}



.btn-check:focus+.btn,
.btn:focus {

    box-shadow: unset;

    border: unset;

}



.footer-info .contact-form form input:first-child {

    margin-top: 0;

}



.footer-info .contact-form form input.active {

    border-bottom: 2px solid #F86202 !important;

}



.footer-info .contact-form form input:focus-visible {

    border: unset;

    outline: unset;

    box-shadow: unset;

}



.footer-info .contact-form form input::placeholder {

    color: #F2F2F2;

    font-family: Roboto;

    font-size: 17px;

    font-style: normal;

    font-weight: 600;

    line-height: 26px;

    letter-spacing: 0.34px;

}



.footer-info .contact-form .start-btn {

    width: 100%;

    margin-top: 40px;

    border: unset;

}



.contact-details .map-container .flex-grow-1 {

    position: relative;

}



.contact-details .map-container .flex-grow-1::after {

    content: '';

    width: 358.839px;

    background: linear-gradient(90deg, rgba(93, 93, 93, 0.20) 0%, rgba(255, 234, 213, 0.20) 100%);

    height: 1px;

    position: absolute;

    left: 0;

    bottom: -27px;



}



.contact-details {

    padding-left: 160px;

}



.contact-details .map-container h6,
.contact-details .email-container h6 {

    color: #333;

    font-family: Roboto;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 26px;
    /* 130% */

    letter-spacing: 0.4px;

}



.contact-details .map-container p {

    color: rgba(51, 51, 51, 0.80);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 0.36px;
    margin-top: 5px;


}



.contact-details .map-container p span {

    font-size: 15px;

    font-weight: 400;

    line-height: 24px;

    letter-spacing: 0.15px;

}





.contact-details .map-container .flex-shrink-0,
.contact-details .email-container .flex-shrink-0 {

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background-color: rgba(255, 255, 255, 0.80);

}





.contact-details .email-container {

    margin-top: 50px;

}



.contact-details .email-container a {

    color: #006CBA;

    font-family: Roboto;

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: 28px;

    letter-spacing: 0.15px;

}



.footer-menu {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    margin-top: 130px;

}



.footer-menu a {

    color: #666;

    font-family: Roboto;

    font-size: 13px;

    font-style: normal;

    font-weight: 500;

    line-height: 26px;
    /* 200% */

    letter-spacing: 0.26px;

    text-decoration-line: underline;

    transition: all 0.5s ease;

}



.footer-menu a.active {

    color: #333;

}



.footer-menu a:hover {

    color: #333;

}



.footer-info .gst-no {

    display: flex;

    flex-wrap: wrap;

    border-top: 1px solid rgba(51, 51, 51, 0.10);

    border-bottom: 1px solid rgba(51, 51, 51, 0.10);

    padding: 12px 0;

    margin-top: 37px;

    gap: 50px;

}



.footer-info .gst-no a {

    color: #333;

    font-family: Roboto;

    font-size: 13px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;
    /* 200% */
        pointer-events: none;
}



.footer-info .gst-no a span {

    font-weight: 500;

}



.Copyright-sec {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 84px;

    flex-wrap: wrap;

}



.Copyright-sec p {

    color: #666;

    font-family: Roboto;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;
    /* 216.667% */

}



.Copyright-sec .footer-logos .gst-logo {

    width: 113px;

    height: 36px;

    margin-left: 42px;

}



.footer-bg-img {

    background: linear-gradient(180deg, #F2F2F2 60%, #FFF 80%);

    padding-top: 354px;

    position: absolute;

    top: 54%;

    z-index: -1;

}









.heading-animate {

    white-space: nowrap;

    position: relative;

    padding-left: 10px;

}



.heading-animate span {

    position: absolute;

    width: 100%;

    height: 100%;

    opacity: 0;

    animation: showText 10s infinite;



}



.heading-animate span:nth-child(1) {

    animation-delay: 0s;

}



.heading-animate span:nth-child(2) {

    animation-delay: 2s;

}



.heading-animate span:nth-child(3) {

    animation-delay: 4s;

}



.heading-animate span:nth-child(4) {

    animation-delay: 6s;

}



.heading-animate span:nth-child(5) {

    animation-delay: 8s;

}



@keyframes showText {

    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }

}











.error-message {

    color: red;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* Firefox */

input[type=number] {

    --moz-appearance: textfield;

}


.portfolio-sec.access_denied_page .portfolio-info-right .start-btn{
    width: 230px;
}

/* ======================================================================
Header
====================================================================== */


/* .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030; 
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
} */

.navbar-toggler {
    border: none; /* Remove default border */
}

.fa-bars, .fa-times {
    font-size: 1.5rem; /* Adjust icon size */
}

.fa-times {
    display: none; /* Initially hide the close icon */
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; /* Ensure it spans the full width */
    z-index: 9999; /* Ensure it stays on top of other elements */
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}


.fixed-quick-links {
    position: sticky; /* Change from fixed to sticky */
    top: 120px; /* This defines the position from the top where it becomes sticky */
    z-index: 1020; /* Ensure it's above other content */
    transition: all 0.3s ease; /* Smooth transition */
}


.main-header{
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    height: 80px;
    /* position: relative; */
    transition: top 0.6s;
    margin-bottom: 2px;
}

.main-header .navbar{
    height: 100%;
    margin-top: 8px;
}

.main-header .navbar-nav {
    margin-left: 90px;
    gap: 40px;
    background: #fff;
    position: relative;
    z-index: 9999;

}

  /* Ensuring proper visibility of dropdown on hover */
  .main-header  .dropdown-menu {
    display: none; /* Hide initially */
    opacity: 0;    /* Transparent initially */
    transition: opacity 0.5s ease-in-out; /* Smooth transition */
    width: 300px;
}

.main-header .dropdown:hover .dropdown-menu {
    display: block; /* Show dropdown on hover */
    opacity: 1;     /* Fade in */
}

/* Prevent flickering on hover */
.main-header .dropdown-menu:hover {
    display: block;
    opacity: 1;
}

.main-header .dropdown-item{
    white-space: normal;
    word-break: break-all;
}

@media(max-width:991px){
    .main-header .navbar-nav{
        gap: 0;
        margin-left: 0;
        align-items: flex-start;
    }

    .main-header .navbar-nav .nav-link{
        display: inline-block !important;
    }
    .navbar-collapse{
        padding: 50px 0;
        background: #fff;
        position: relative;
        z-index: 9999;
        box-shadow: 0px 0px 2px 0px #C2D5E4;
        top: 25px;
    }

    .main-header .navbar-right-buttons{
        gap: 15px;
        justify-content: flex-start;
        margin-top: 10px !important;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start !important;
        padding-left: 15px;
    }

    .navbar-right-buttons .Start-trail-btn, .navbar-right-buttons .login-btn{
        width: auto !important;
        min-width: 138px !important;
    }
    .navbar-right-buttons .login-btn{
        min-width: 138px !important;
    }
}

.main-header .navbar-brand img {
    height: 40px; /* Adjust based on logo size */
}
.main-header .btn-login {
    background-color: #e53935;
    color: white;
}
.main-header .btn-start-trial {
    border: 1px solid black;
    background-color: transparent;
    color: black;
}
.main-header .nav-link {
    padding-left: 15px;
    padding-right: 15px;
}
.main-header .fa-play {
    padding-right: 5px;
}
.main-header .navbar-right-buttons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.navbar-right-buttons .Start-trail-btn, .navbar-right-buttons .login-btn{
    min-width: 138px;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 4px;
    justify-content: center;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    border: 1px solid #999999;
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    transition: all 0.5s ease;
}

.main-header .dropdown-toggle::after{
    color: #999999 !important;
}

.navbar-right-buttons .Start-trail-btn:hover{
    background: #EF3C3A !important;
    border: 1px solid #EF3C3A;
    color: #fff;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
    box-shadow: rgb(17 12 46 / 15%) 0 48px 100px 0;
    border: none;
}

.navbar-right-buttons .login-btn{
    background: #EF3C3A !important;
    border: 1px solid #EF3C3A !important;
    min-width: 100px ;
    color: #FFF !important;
}

.navbar-right-buttons .login-btn:hover{
    background: #fff !important;
    border: 1px solid #999999 !important;
    color: #333 !important;
}

.main-header .navbar-expand-lg .navbar-nav .nav-link{
    color: #333;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.14px;
}

@media(min-width:991px) and (max-width:1220px){
    .main-header .navbar-nav{
        margin-left: 20px;
        gap: 0px;
    }
}

@media(min-width:991px) and (max-width:1500px){
    .main-header .navbar-nav{
        margin-right: 30px;
    }
}

.mw-1100{
    max-width: 1320px;
    margin: auto;
    width: 100%;
}


.header_banner_sec{
    background: url(../images/header-banner.png);
    width: 100%;
    height: 170px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.header_banner_left{
    display: flex;
    gap: 41px;
    /* flex-wrap: wrap; */
}

.header_banner_left img{
    margin-top: 30px;
}
.mw-1311{
    max-width: 1311px;
    margin: auto;
    width: 100%;
}


.header_banner_left_txt{
    margin-top: 54px;
    max-width: 518px;
}
.header_banner_left_txt h3{
    color: #FFF;
    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
}

.header_banner_left_txt p{
    color: rgba(255, 255, 255, 0.90);
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; 
    letter-spacing: 0.15px;
}

.header_banner_right{
    text-align: center;
    margin-top: 8px;
}



/* 
===============
<!--pricing_sec-->
======================= */

.pricing-sec{
    background: url(../images/pricing-bg-img.png);
    width: 100%;
    height: 100%;
    background-size: auto;
    background-position: center;
    position: relative;
    padding: 50px 0 87px;
}

.pricing-sec h2{
    color: #333;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

}

.pricing-sec p{
    color: #666;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px; 
    letter-spacing: 0.36px;
    margin-bottom: 37px;
}

.pricing_left_sec{
    border-radius: 20px;
    background: linear-gradient(194deg, #FDECFE 4.26%, #FFF 45%);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    height: 100%;
    border: 2px solid #fff;
}

.pricing_txt_top{
    padding: 48px 30px 39px;
    border-bottom: 1px dashed #AFBDC3;
}

.pricing_txt_bottom{
    padding: 34px 30px 95px;
}

.pricing_txt01{
    display: flex;
    gap: 21px;
    align-items: center;
    margin-bottom: 34px;
}

.pricing_txt01 h5{
    color: #2E2E2E;
    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; 
}

.pricing_txt01 h5 span{
    color: #2E2E2E;
    font-weight: 300;
}

.pricing_txt02 p{
    color: #333;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.42px;
    margin-bottom: 18px;
    max-width: 355px;
}

.pricing_txt02 {
    width: 100%;
}

.create-btn{
    background: #2E2E2E;
    max-width: 356px;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0.18px;
    transition: all 0.5s ease;
}

.create-btn:hover{
    background-color: #EC1C24;
    color: #fff;
}

.info-detail-text1 li {
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px; 
    letter-spacing: 0.48px;
    padding-left: 30px;
    position: relative;
    display: block;
}

.info-detail-text1 li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/done_ring_round_light.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.pricing_txt_bottom p{
    color: #EF3C3A;
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.54px;
    margin-bottom: 28px;
}

.pricing_right_sec{
    border-radius: 20px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    background: linear-gradient(194deg, #FFF2E4 4.26%, #FFF 45%);
    height: 100%;
    position: relative;
    border: 2px solid #fff;
}

.pricing_right_sec::after{
    position: absolute;
    top: -50px;
    right: -50px;
    content: '';
    /* background: url(../images/30days.png); */
    width: 130px;
    height: 130px;
    /* filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.15)); */
}

.pricing_right_sec .pricing_txt02 p{
    color: #2E2E2E;
    font-family: "Roboto Flex";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.96px;
    text-transform: capitalize;
}

.pricing_txt02 p span b{
    font-weight: 700;
    font-size: 48px
}
.pricing_txt02 p span{
    color: #037BD1;
    font-size: 48px;
    font-weight: 300;
}

.pricing_right_sec .pricing_txt_top{
    padding: 48px 30px 27px;
    border-bottom: 1px dashed #AFBDC3;
}

.pricing_right_sec .pricing_txt02{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pricing_right_sec .pricing_txt02 .create-btn{
    max-width: 300px;
}

.pricing_right_sec .pricing_txt_bottom {
    padding: 36px 30px 39px;
}

.pricing_right_sec .pricing_txt_bottom p{
    margin-bottom: 43px;
}

.pricing_left1_sec{
    border-radius: 20px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    background: linear-gradient(225deg, #E5F4FF 2.66%, #FFF 55.02%);
    border: 2px solid #fff;
    height: 100%;
}


.pricing_left1_sec .pricing_left1_con, .pricing_right1_sec .pricing_txt02{
    padding: 30px 40px 35px;
}

.pricing_left1_sec .pricing_txt02 p{
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    letter-spacing: 0.32px;
    margin-bottom: 3px;
}

.pricing_left1_sec .pricing_txt02 p.year-para{
    font-weight: 600;
    color: #2E2E2E;
    font-size: 22px;
    margin-bottom: 27px;
    letter-spacing: 0.66px;
    line-height: normal;
}
.pricing_left1_sec .pricing_txt02 p.utilize_para{
    color: #333;
    font-family: "Roboto Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.42px;
    margin-bottom: 24px;
}

.pricing_left1_sec .pricing_txt_top, .pricing_right1_sec .pricing_txt_top{
    padding: 20px 30px;
    border-bottom: 1px dashed #AFBDC3;
}

.pricing_left1_sec .pricing_txt01, .pricing_right1_sec .pricing_txt01{
    margin-bottom: 0;
}

.pricing_left1_sec .pricing_txt02 p.utilize_para span{
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.pricing_left1_sec .pricing_txt02 p.utilize_para small{
    color: #EF3C3A;
}

.pricing_left1_sec .pricing_txt02{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.pricing_left1_con .pricing_txt02.text-center{
    height: auto;
    align-items: center;
}


.pricing_right1_sec{
    border-radius: 20px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    background: linear-gradient(225deg, #FFF1F1 2.66%, #FFF 55.02%);
    border: 2px solid #fff;
    height: 100%;
}

.pricing_right1_sec .pricing_txt02 .creditLimit{
    margin-bottom: 14px;
}

.pricing_right1_sec .pricing_txt02 .creditLimit p{
    border: 1px solid #333333;
    padding: 11px 0px;
    border-radius: 117px;
    margin-bottom: 0;
    text-align: center;
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.32px;
}

.pricing-sec .row {
    --bs-gutter-x: 38px !important;
}

.pricing-sec .row.m-top{
    margin-top: 15px !important;
}

/* =========================
<!--What more do i get?_sec-->
=========== */

.moreGet_sec{
    background: #FFF;
    padding: 55px 0 63px;
}

.moreGet_con h5{
    color: #2E2E2E;
    text-align: center;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px; 
    letter-spacing: 0.48px;
    margin: 16px 0 21px;
}

.moreGet_con p{
    color: #333;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.32px;
    max-width: 344px;
}

.moreGet_sec h2{
    color: #2E2E2E;
    text-align: center;
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 42px;
}

/* 
=====================
<!--Business Owner_sec-->
============ */


.businessOwner_sec{
    background: url(../images/businessOwner-bg.png);
    width: 100%;
    height: 100%;
    background-size: auto;
    background-position: center;
    position: relative;
    padding: 50px 0 87px;
}

.businessOwner_con img{
    margin-bottom: 10px;
}

.businessOwner_con p, .businessOwner_con h6{
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 38px;
    font-style: normal;
    font-weight: 300;
    line-height: normal; 
    letter-spacing: 0.76px;
}
.businessOwner_con p span{
    color: #FFD152;
    font-size: 52px;
    font-weight: 900;
}

.businessOwner_con p span small{
    font-weight: 300;
    color: #FFD152;
    font-size: 52px;
}

.businessOwner_con h6{
    font-size: 32px;
    font-weight: 800;
    letter-spacing: 0.64px;
    margin-bottom: 13px
}

.businessOwner_con small{
    color: rgba(255, 255, 255, 0.90);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.businessOwner_con a{
    color: #FFF;
    text-align: center;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height:normal; 
    letter-spacing: 0.18px;
    background-color: #2E2E2E;
    border: 1px solid #fff;
    border-radius: 7px;
    padding: 15px 42px;
    transition: all 0.5s ease;
}

.businessOwner_con a:hover{
    background-color:#EC1C24;
    border: 1px solid #EC1C24;
}


.businessOwner_con .businessOwner_btns{
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 42px;
    flex-wrap: wrap;
}