@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap');
*{
    padding: 0;
    margin: 0;
}

body{
    font-family: 'Poppins', sans-serif;
}
.outer-wrapper{
    width: 100%;
    position: relative;
}
.inner-wrapper{
    width:80vw;
    margin: 0 auto;
}
a{
    text-decoration: none;
}
h1,h2,h3,h4,p{
    color: #262E4A;
}
p{
    line-height: 24px;
}
/*animation*/
@keyframes liquid_border {
    0%,
    100% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    }
    20%,
    75% {
        border-radius: 64% 36% 72% 28% / 35% 60% 40% 65%;
    }
    60% {
        border-radius: 46% 54% 38% 62% / 66% 38% 62% 34%;
    }
}
@keyframes circle_animate {
    0% {
           transform:rotate(-0);

    }

    100% {

        transform: rotate(-360deg);

    }
}

/*animation*/
/* HELPER CALSSES */
    .text-ellipsis{
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .c_card{
        border-radius: 25px;
        text-align: center;
        padding: 15px;
        border:none;
    }
    .c_card .card-title{
        font-weight: bold;
        font-size: 32px;
    }
    .c_card input.form-control{
        border-radius: 6px;
        border: 1px solid #C6C4C499;
        font-size: 14px;
        padding: 10px;
    }
    .c_card .cbtn{
    padding: 10px 30px;
    }
    .btn-outline-white{
        border: 1px solid #fff;
    }
    .desktop-none{
        display: none !important;
    }
    .mobile-none{
        display: block !important;
    }
    .mbl-header{
        display: none;
    }
    img{
        max-width: 100%;
    }
    .filled-circle{
        display: block;
        background: url('../images/fill-circle.svg');
        background-size: contain;
        background-position: center left;
        width: 168px;
        height: 374px;
    }
    .filled-green{
        display: block;
        background: url('../images/green-fill.svg');
        background-size: contain;
        background-position: center left;
        width: 115px;
        height: 344px;
        background-repeat: no-repeat;
    }
    .border-circle{
         display: block;
        background: url('../images/border-circle.svg');
        background-size: contain;
        width: 67px;
        height: 140px;
        background-repeat: no-repeat;
    }
    .appostrophe{
        font-family: 'Space Grotesk', sans-serif;
        font-size: 92px;
        margin-right: 28px;
        margin-top: -25px;
    }
    .h100{
        height: 100vh;
    }
    .action-btn{
        background: #d1e8de;
        color: #007F33 !important;
        align-items: center;
        display: inline-flex;
    }
    .action-btn i {
        margin-left: 20px;
        font-size: 24px;
    }
    .cbtn{
        border-radius: 12px;
        padding: 10px 20px;
        text-decoration: none;
        font-size: 15px;
        font-weight: 500;
        transition: .5s ease all;
    }

    .font-light{
        font-weight: 300;
    }
    .font-medium{
        font-weight: 500;
    }
    .font-reg{
        font-weight: 600;
    }
    .font-bold{
        font-weight: 600;
    }
    .h1{
        font-size: 38px !important;
        font-weight: 600;
    }
    .h2{
        font-size: 34px !important;
        font-weight: 600;
    }
    .h3{
        font-size: 32px !important;
        font-weight: 600;
    }
    .font-size-13{
        font-size: 13px !important;
    }
    .font-size-14{
        font-size: 14px !important;
    }
    .font-size-15{
        font-size: 15px !important;
    }
    .font-size-16{
        font-size: 16px !important;
    }
    .font-size-17{
        font-size: 17px !important;
    }
    .font-size-18{
        font-size: 18px !important;
    }
    .font-size-20{
        font-size: 20px !important;
    }
    .txt-light{
        color: #707D92 !important;
    }
    .btn-purple{
        color: #fff;
        background-color: #5330ab;
    }
    .btn-green{
        background: #007F33;
        color: #fff !important;
    }
    .btn-outline-green{
        border:1px solid #007F33;
        color:#007F33 !important ;
    }
    .text-green{
        color: #13CE66;
    }
    .text-purple{
        color: #5331AB;
    }
    .swiper-wrapper{
        height: auto !important;
    }
    .cswiper-button-next,
    .cswiper-button-prev{
        margin-top: 40px;
        padding: 14px;
        background-color: #007F33;
        color: #fff !important;
        display: inline-flex;
        align-items: center;
        width: 46px;
        height: 31px;
    }
    .cswiper-button-next{
        border-radius: 0px 20px 20px 0px;
    }
    .cswiper-button-prev{
        border-radius: 20px 0px 0px 20px;
    }
    .swiper-button-disabled{
        background-color:rgba(255 255 255 / 20%);
    }
/* HELPER CALSSES */

/*navbar mbl*/
    .mbl-header{
        padding: 20px 0;
        margin-bottom: 20px;
    }
   .mbl-header #menuToggle
    {
        display: block;
        z-index: 2;
        position: relative;
        -webkit-user-select: none;
        user-select: none;
    }
    .mbl-header #menuToggle a
    {
        text-decoration: none;
        color: #000;
        transition: color 0.3s ease;
        font-size: 14px;
        font-weight: 500;
        padding: 12px 20px;
        display: block;
    }
    .mbl-header #menuToggle li.active a,
    .mbl-header #menuToggle a:hover
    {
        color: #5331AB;
        background: #e1dfdf;
    }
    .mbl-header #menuToggle input
    {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0; /* hide this */
        z-index:9999; /* and place it over the hamburger */
        -webkit-touch-callout: none;
    }

    /*
     * Just a quick hamburger
     */
    .mbl-header #menuToggle span
    {
        display: block;
        width: 38px;
        height: 3px;
        margin-bottom: 8px;
        position: relative;
        background:#262E4A;
        border-radius: 10px;
        z-index: 999;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        opacity 0.55s ease;
    }

    .mbl-header #menuToggle span:first-child
    {
        transform-origin: 0% 0%;
    }

    .mbl-header #menuToggle span:nth-last-child(2)
    {
        transform-origin: 0% 100%;
    }

    /*
     * Transform all the slices of hamburger
     * into a crossmark.
     */
    .mbl-header #menuToggle input:checked ~ span
    {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #b1b1b1;
    }

    /*
     * But let's hide the middle one.
     */
    .mbl-header #menuToggle input:checked ~ span:nth-last-child(3)
    {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    /*
     * Ohyeah and the last one should go the other direction
     */
    .mbl-header #menuToggle input:checked ~ span:nth-last-child(2)
    {
        transform: rotate(-45deg) translate(0, -1px);
    }

    /*
     * Make this absolute positioned
     * at the top left of the screen
     */
    .mbl-header #menu
    {
        overflow: auto;
        position: fixed;
        top: 0;
        right: -100%;
        width: 95%;
        height: 100% ;
        border-radius: 20px 0 0 20px;
        padding:6px 0 12px 0;
        z-index: 99;
        background: #f3f3f3;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        /* to stop flickering of text in safari */
        transform-origin: 0% 0%;
        transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

   .mbl-header #menu li
    {
       border-bottom: 1px solid #e9e9e9;
    }
    .mbl-header #menu li:last-child
    {
        border-bottom: none;
    }
    .mbl-header #menu li img
    {
        width: 34px;
        margin-right: 5px;
    }
    /*
     * And let's slide it in from the left
     */
    .mbl-header #menuToggle input:checked ~ ul
    {
        right: 0;

    }
/*navbar mbl*/

/* navbar desktop */
    .header{
        width: 100%;
        background: #fff;
    }
    header .cbtn{
        padding: 10px 15px;
    }
    header .cbtn:hover{
        color: #fff;
    }
    .navbar .navbar-nav .nav-link{
        margin-right: 5px !important;
        font-size: 14px !important;
        color: #262E4A !important;
        font-weight: 500;
    }
    header .navbar .navbar-nav li{
        position: relative;
    }
    header .navbar .navbar-nav li a i.bi:before{
        content: '\f282';
        font-weight: 600 !important;
    }
    header .navbar  ul.navbar-nav > li.nav-item.dropdown:hover > .cdropdown{
        visibility: visible;
        width: 100%;
        opacity: 1;
        z-index: 1;

    }
    header .navbar  ul.navbar-nav > li.nav-item.dropdown:hover > .cdropdown li a{
        opacity: 1;
    }
    header .navbar .navbar-nav .nav-link .bi{
    display: inline-block;
    transition: all ease 0.5s
   }
   header .navbar .navbar-nav .nav-link:hover{
       color: #5330ab !important;
     }
    header .cdropdown{
        -webkit-transition: opacity cubic-bezier(0.69, 0.44, 0.49, 0.96) 0.42s;
        -moz-transition: opacity cubic-bezier(0.69, 0.44, 0.49, 0.96) 0.42s;
        -ms-transition: opacity cubic-bezier(0.69, 0.44, 0.49, 0.96) 0.42s;
        -o-transition: opacity cubic-bezier(0.69, 0.44, 0.49, 0.96) 0.42s;
        transition: opacity cubic-bezier(0.69, 0.44, 0.49, 0.96) 0.42s;
        opacity: 0.9;
        visibility: hidden;
        position: relative;
        top: 10px;
        width: 80%;

    }
     header .cdropdown:before{
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 0;
        width: 0;
        border: 12px solid transparent;
        border-bottom-color: #f6f9fc;
        opacity: 1;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;

    }

    header .cdropdown ul{
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #F6F9FC ;
        min-width: 600px;
        position: absolute;
        border-radius: 15px;
        overflow: hidden;
        left: -100%;
        transform: translate(-25%, 0);
    }
    header .cdropdown.col3 ul{
        min-width: 900px;
    }
    header .cdropdown.col3 li{
        float: left;
        width: 33%;
    }
    header .cdropdown li{
        float: left;
        width: 50%;
    }
    header .cdropdown li a:visited,
    header .cdropdown li a:hover{
        background-color: #fff;
    }
    header .cdropdown li a:hover span{
        transform: scale(1.1) ;
    }
    header .cdropdown li a {
        float: left;
        width: 100%;
        padding: 30px 25px 20px;
        text-align: center;
        white-space: normal;
        transition: all .3s linear;
        text-decoration: none !important;
        position: relative;
        opacity: 0;
    }
    header .cdropdown li a span{
        width: 50px;
        height: 50px;
        display: inline-block;
        border-radius: 50px;
        box-shadow: 1px 2px 10px rgb(0 0 0 / 10%);
        -ms-box-shadow: 1px 2px 10px rgba(0,0,0,.1);
        -webkit-box-shadow: 1px 2px 10px rgb(0 0 0 / 10%);
        transition: all ease 0.4s;
    }
    header .cdropdown li a b {
    float: left;
    width: 100%;
    color: #0e134f !important;
    font-size: 14px !important;
    margin: 12px 0 8px;
    text-transform: uppercase;
    font-weight: 700;
    }
    header .cdropdown li a p {
    float: left;
    width: 100%;
    color: #42526e !important;
    font-size: 12px;
    }

/* navbar */

/*firstfold*/
    .firstfold{
        min-height: calc(100vh - 80px);
        display: flex;
        align-items: center;
        background-attachment: fixed;
    }
    .firstfold .filled-circle{
        position: absolute;
        left: 0;
         bottom: -50px;
       transition: all 1s linear;
         transform-origin: left bottom;

        /* clip-path: inset(7vw); */
        display: block;
        /*animation: circle_animate 5s linear infinite;*/

    }
    .firstfold .border-circle{
        position: absolute;
        left: 0;
        bottom: -100px;
        transition: all 5s linear;
         transform-origin:  left center ;
        animation: circle_animate 10s linear infinite;
    }
    .firstfold .cbtn{
        padding: 14px 30px;
    }
    .animate-tax{
        transition: all 1s linear;
    }
    .firstfold .inner-wrapper img:not(.no-animate){
        max-width: 100%;
        transform-origin: left bottom;
        transform: scale(1) rotate(
                0deg
        );
        /* clip-path: inset(7vw); */
        display: block;
        animation: liquid_border 10s linear infinite;
    }

.animate-tax{
        width: 100%;
        transform-origin: left bottom;
        transform: scale(1) rotate(
                0deg
        );
        /* clip-path: inset(7vw); */
        display: block;
        animation: liquid_border 10s linear infinite;
    }
/*firstfold*/


/*brand list*/
    .brand-list{
        text-align: center;
        margin: 100px auto;
    }
    .brand-list a{
        display: inline-block;
        margin-right: 15px;
    }
/*brand list*/


/*our services*/
    .our-services{
        background: #5331AB;
        padding: 8% 0 4% 0;
        color: #fff;
        text-align: center;
        position: relative;
    }
    .our-services:before{
        content: '';
        position: absolute;
        top:-100px;
        right: 0;
        background-repeat: no-repeat;
        background-image: url('../images/dots.svg');
        width: 82px;
        height: 152px;
    }

    .our-services p{
        font-size: 14px;
        margin: 24px 0;
        font-weight: 300;
    }
    .our-services .card{
        color:#000;
    }
    .cslider .card{
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    .cslider .card .card-title{
        font-size: 20px;
    }
    .cslider .card .card-body{
        padding: 14% 6%;
        height: 320px;
    }
    .cslider .card a{
        color: #000;
    }
    .cslider .card p {
        color: #707D92;
    }
    .cslider .card img{
        margin-bottom: 20px;
    }
/*our services*/

/*FINANCIAL TOOLS*/
    .finance{
     padding: 4% 0 4% 0;
     color: #000;
     text-align: center;
    }
    .finance p{
     font-size: 14px;
     margin: 24px 0;
     font-weight: 300;
     color: #262E4A;
    }
    .finance a{
     display: inline-block;
     overflow: hidden;
     margin:10px 50px 50px 10px;
    }

/*FINANCIAL TOOLS*/

/*CHOOSE US*/
    .choose-us{
        background:url(../images/choose-us.svg);
        width: 100%;
        background-size: cover;
        padding: 8% 0 8% 0;
        background-repeat: no-repeat;
        background-position: center right;
    }
    .choose-us .card{
        background: #FFFFFF;
        border: 1px solid #808FA726;
        border-radius: 10px;
        padding-bottom: 30px;
    }
    .choose-us .innerbox:nth-child(1) {
        margin-top: 60px;
    }
    .choose-us .innerbox:nth-child(3) {
        margin-top: 20px;
    }
    .choose-us .innerbox:nth-child(4) {
        margin-top: -40px;
    }
    .circle{
        width: 40px;
        height: 40px;
        border:8px solid #13CE66;
        display: inline-block;
        border-radius: 100%;
    }
    .choose-us p {
        font-size: 14px;
        font-weight: 400;
        color: #707D92;
        line-height: 24px;
    }
    .choose-us .card .card-title{
        font-weight: 600;
    }
    .choose-us .cbtn{
        background: #d1e8de;
        color: #007F33;
        border-radius: 12px;
        align-items: center;
        display: flex;
    }
    .choose-us .cbtn i{
        margin-left: 20px;
        font-size: 24px;
    }

/*CHOOSE US*/

/* TESTIMONIAL */
    .testimonial{
        background: #fff;
        height: calc(100vh - 200px);
        padding: 4% 0 4% 0;
        position: relative;
    }
    .testimonial .swiper-button-disabled{
        background: #e7faef;
        color: #8c9aa8 !important;
    }
    .testimonial .card{
        background: #FFFFFF;
        border: 1px solid #808FA71A;
        border-radius: 10px;
        padding-bottom: 0;
    }


    .testimonial p {
        font-size: 14px;
        font-weight: 400;
        color: #707D92;
        line-height: 24px;
    }
    .testimonial .card .card-title{
        font-weight: 600;
    }
    .testimonial .cbtn{
        background: #d1e8de;
        color: #007F33 !important;
        border-radius: 12px;
        align-items: center;
        display: inline-flex;
    }
    .testimonial .cbtn i{
        margin-left: 20px;
        font-size: 24px;
    }
    .testimonial .right-bnnr{
        display: flex;
        align-items: center;
        background: #5331AB 0% 0% no-repeat padding-box;
        border-radius: 50px 0px 0px 50px;
        position: absolute;
        right: 0;
        top: 8%;
        height: 84%;
        width: 60%;
    }
    .testimonial .testimonial-wrap{
        margin-left:-10%;
        width: 110%;
    }
    .testimonial .cslider .card .card-body{
        padding: 6%;
    }
/* TESTIMONIAL */

/* BLOG SECTION */

     .blogs .fsb .card img{
        height: 500px;
        object-fit: cover;
        object-position: top center;
    }
    .blogs .fsb .card .card-body{
        height: 237px;
    }
    .blogs .ssb .card img,
    .blogs .visitBlog .card img{
        height: 200px;
    }
    .blogs .ssb .card .card-body,
    .blogs .visitBlog .card .card-body{
        height: 220px;
    }
    .blogs .ssb .card .card-body .date,
    .blogs .visitBlog .card .card-body .date{
        position: absolute;
        bottom: 20px;
        white-space: break-spaces;
    }
    .blogs .tsb .spbox .card .card-body{
        height: 230px;
    }
    .blogs .tsb .spbox .card img{
        height: 400px;
    }
    .blogs .tsb .spbox .card .card-body .date{
        position: absolute;
        bottom: 20px;
    }
    .blogs .frthsb .card .card-img-top {
        height: 400px;
    }
    .blogs .frthsb .card .card-body {
        height: 142px;
    }
    .blogs .frthsb .spbox .card .card-img-top {
        height: 205px;
    }
    .blogs .frthsb .spbox .card .card-body{
        height: 337px;
    }
    .blogs .frthsb .card .card-body .date {
        position: absolute;
        bottom: 20px;
    }
    .blogs .fsb .sm-card .card-body{
        height:100px;
    }
    .blogs .fsb .date{
        position:absolute;
        bottom: 20px;
    }
    .blogs{
        position: relative;
        padding: 2% 0 4% 0;
        color:#262E4A;
    }

    .blogs .badge{
        border-radius: 0px 8px 8px 0px;
        font-size: 14px;
        color: #fff !important;
        background-color: #5330ab !important;
        margin-bottom: 10px;
        font-weight: 500;
        padding: 10px 20px;
    }
    .blogs p{
        color: #262E4A;
        font-size:14px;
        margin-bottom: 0;
    }
    .blogs .card{
        border:none;
        background: #EAF0F6;
        color: inherit;
        transition: all ease-in-out 0.2s;
        margin-bottom: 20px;
    }
    .blogs .card:hover{
        box-shadow: 0 10px 50px -5px rgb(51 71 91 / 12%);
        transform: scale(1.01);
    }
    .blogs .sm-card .card-body{
        padding: 12px !important;
        height: 100px;
    }
    .blogs .card .card-body{
        padding:20px;
        text-align: left;
    }
    .blogs .border-circle{
        position: absolute;
        right: 1px;
        top: -230px;
        transform: rotate(180deg);
        height: 450px;
        width: 330px;
    }
    .blogs .explore .card .card-body{
        border-left: 6px solid #5331AB;
        border-radius: 6px;
        background-color: #EAF0F6 !important;
    }
    .blogs .explore .card .card-body.accordion-button:after{
        transform: rotate(-90deg);
    }

    .blogs .explore{
        margin: 20px 0;
        text-align: center;
        padding: 20px 0;
        position: relative;
    }
    .blogs .explore:before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-image: url(../images/dots.svg);
        width: 82px;
        transform: rotate(180deg);
        height: 230px;
        background-size: contain;
    }
    .blogs .explore .inner-wrapper{
        border-top: 1px solid rgb(112 125 146 / 20%);
        padding: 50px 0;
        border-bottom: 1px solid rgb(112 125 146 / 20%);
    }
    .blogs .card .card-body .card-title{
        font-size: 26px;
        font-weight: 500;
    }
    .blogs .card.panel-green{
        background: transparent linear-gradient(208deg, #13CE66 0%, #007F33 100%) 0% 0% no-repeat padding-box;
        color: #fff;
        height: 630px;
    }
    .blogs .card.panel-green .card-body{
        align-self: center;
        align-content: center;
        display: flex;
        flex: 0 0 auto;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        height: 100%;
    }
    .blogs .card.panel-green .btn{
        background-color: #fff !important;
        color:#007F33;
        border-radius: 12px;
        font-size: 15px;
        padding: 12px;
        margin-top: 20px;
    }
/* BLOG SECTION */



/*BLOG DETAIL*/
    .blog-detail p{
        font-size: 15px !important;
        color: #707D92 !important;
    }
    .blog-detail h1{
        font-size: 40px !important;
        margin-top: 20px;
    }
    .blog-detail h2{
        font-size: 30px !important;
        margin-top: 20px;
        font-weight: 500 !important;
    }
    .blog-detail .blogdetailimg{
        height: calc( 100vh - 200px );
        object-fit: cover;
        width: 70vw !important;
        margin: 0 auto !important;
        display: block;
        object-position: top center;
    }
/*BLOG DETAIL*/
/*PAYROLL*/
    .payroll-management{
        background: #5331AB;
        padding: 5% 0;
    }
    .payroll-management .left{
        padding-right: 5%;
    }
    .payroll-management ul{
        padding: 0;
        margin: 0;
        list-style: none;
        color: #fff;
    }
    .payroll-management ul li{
        color: #fff;
        margin-bottom: 15px;
        font-size: 15px;
    }
    .payroll-management ul .dot{
        display: inline-block;
        margin-right: 14px;
        height: 10px;
        width: 10px;
        background: #13CE66;
        border-radius: 100%;
        box-shadow: 0 0 0 4px #13ce6659;
    }
   .gth-wrap ul{
       margin:0;
        list-style: none;
       padding: 0;
       font-size: 13px;
       font-weight: 600;
   }
    .gth-wrap ul li{
        margin-bottom: 10px;
    }
    .gth-wrap ul li i{
        color:#13CE66;
        font-size: 14px;
        margin-right: 8px;
    }
/*PAYROLL*/


/*ACCOUNTANT*/
    .profile .card{
        text-align:left;
    }
    .profile .card p{
        margin: 0;
    }
    .profile .card .card-body{
        padding: 60px 20px 20px 20px;
    }
    .profile .card .card-body b {
        font-size: 18px;
    }
    .profile .card .card-body ul{
        margin: 0;
    }
    .profile .card .card-body ul li{
        margin: 0;
        font-size: 14px;
        color: #707D92;
    }
    .profile .card img{
        position: absolute;
        top: -44px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: inline-block;
        margin-bottom: 0;
        box-shadow: 0px 2px 10px #ccc;
        border-radius: 100%;

    }
    .profile .card .btn{
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    #reason .card{
        text-align: left;
        border: none;
        border-radius: 15px;
        padding: 24px;
        margin-bottom: 20px;
        height: 275px;
    }
    .reason .card img{
        margin-bottom: 20px;
    }
    .reason .card-body{
        padding: 0;
    }
    .reason .card-body p{
        margin-bottom: 0;
    }
/*ACCOUNTANT*/

/*FAQS SECTION*/
    .faq{
        padding: 2% 0 2% 0;
    }
    .faq .accordion-button{
        border: none !important;
        background: transparent;
        color: #262E4A;
        font-size: 14px;
        font-weight: 600;
    }
    .faq .accordion-item{
        border: none;
        margin-bottom: 20px;
        background: transparent;
    }
    .faq .accordion-body{
        font-size: 14px;
        color: #707D92;
    }
    .faq .accordion-button::after {
        background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2313CE66'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    }
    .faq .faq-icon-o{
        cursor: pointer;
        background: #007f33;
        padding: 15px;
        border-radius: 100%;
        height: 40px;
        width: 40px;
        display: inline-block;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        position: absolute;
        top: -20px;
        margin: 0 auto;
        left: 0;
        right: 0;
        -webkit-transition: 0.21s ease-in-out all;
        -moz-transition: 0.21s ease-in-out all;
        -ms-transition: 0.21s ease-in-out all;
        -o-transition: 0.21s ease-in-out all;
        transition: 0.21s ease-in-out all;
        transform: rotate(180deg);
    }
    .faq .faq-icon-o.active{
        transform: rotate(0deg);

    }
    .faq .hide{
        height: 0;
        opacity: 0;
        -webkit-transition: ease all 0.2s;
        -moz-transition: ease all 0.2s;
        -ms-transition: ease all 0.2s;
        -o-transition: ease all 0.2s;
        transition: ease all 0.2s;
    }
    .faq .accordion-button:focus{
        box-shadow: none !important;
        border:none !important;
    }
    .faq .accordion-header{

        border-bottom: 1px solid #e7e7e7;
    }
/*FAQS SECTION*/

/*footer*/
    footer{
        background: #5330AB;
        color: #fff;
        font-size:14px;
        position: relative;
        margin-top:0 !important;
    }
    footer:before{
        position: absolute;
        right: 0;
        top: -230px;
        content: '';
        background-repeat: no-repeat;
        background-image: url('../images/green-fill.svg');
        width: 115px;
        height: 344px;
    }
    footer ul{
        font-size:14px;
        font-weight: 300;
        margin: 0;
        list-style: none;
        padding: 0;
    }
    footer ul li{
        margin-bottom: 10px;
        overflow: hidden;
    }
    footer i{
        margin-right: 6px;
    }
    footer .social-icons{
        margin-top: 40px;
    }
    footer .social-icons i{
        margin-right: 20px;
    }
    footer .social-icons i{
        color: #fff;
    }
    footer .subscribe-form input{
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        font-size: 14px;
        padding: 10px 14px;
        color: #262E4A;
        margin-bottom: 10px;
    }
    footer .subscribe-form .cbtn{
         width: 100%;
        display: block;
    }
    footer  a{
        color: #fff;
        position: relative;
        overflow: hidden;
    }
    footer  a:hover{
        color: #ccc;
    }

    footer .first-col{
        border-right: 1px solid #6D4FB8;
         padding: 8% 4% 4% 0%;
    }
    footer .second-col{
        padding: 8% 2% 4% 2%;
        border-right: 1px solid #6D4FB8;
    }
    footer .third-col{
         padding: 8% 0% 4% 5%;
    }
    footer .copyright{
        border-top: 1px solid #6D4FB8;
    }
/*footer*/

/*pricing page styles*/
    .pricing .firstfold{
        background: #5331AB;
        height:450px;
    }
    .pricing .firstfold * {
        color: #fff !important;
    }
    .pricing .firstfold img{
        position: absolute;
        right: 20px;
        bottom: -4px;
        width: 650px;
    }
    .pricing .gth-form{

    }
    .pricing-tab-wrap .tab-content{
        margin-top: 50px;
    }
    .pricing-tab-wrap .card{
        border-radius: 12px;
        border:1px solid #d2d2d2;
        padding: 20px 14px 20px 14px;
        text-align: left;
        margin-bottom: 20px;
    }

    .pricing-tab-wrap .card .card-body{
        padding: 0;
    }
    .pricing-tab-wrap .card .card-body .card-title{
        font-size: 22px;
        font-weight: 600;
    }
    .pricing-tab-wrap .card .card-body h2{
        font-size: 45px;
        font-weight: 700;
    }
    .pricing-tab-wrap .card .card-body h2 span{
        font-size: 14px;
        font-weight: 400;
        color: #707D92;
        margin-left: 10px;
    }
    .pricing-tab-wrap .card .card-body i.bi{
        color: #AEAFC5;
        font-size: 14px;
    }
    .pricing-tab-wrap .card .card-body .cbtn{
        background: #edeaf6;
        color: #5331AB;
        border: none;
        border-radius: 12px;
        font-size: 15px;
        width: 100%;
        font-weight: 500;
    }
    .pricing-tab-wrap .card .clist{
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
        height: 200px;
    }
    .pricing-tab-wrap .nav-tabs{
        border: 1px solid #dee2e6;
        border-radius: 10px;
        padding: 4px;
        justify-content: space-between;

    }
    .pricing-tab-wrap .nav-tabs .nav-link{
        border: none;
        color: #363636;
        font-size: 16px;
        font-weight: 600;
        border-radius: 12px;
        transition: all linear 0.2s;
        padding: 12px 38px;
        position: relative;
    }
    .pricing-tab-wrap .nav-tabs .nav-link.active{
        background: transparent;
        color: #fff;
    }
    .pricing-tab-wrap .nav-tabs .nav-link:before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 12px;
        background: #007F33;
        transition: 0.4s transform ease-in-out;
        transform: scale3d(0.4,1,0);
        transform-origin: 0 ;
        opacity: 0;
        z-index: -1;
    }
    .pricing-tab-wrap .nav-tabs .nav-link.active:before {
        transform: scale3d(1,1,1);
        transform-origin: 0 50%;
        opacity:1;

    }
    .gth-form{
      margin-top: 40px;
    }
    .gth-form .form-control,
    .gth-form .form-select{
        border:1px solid #d2d2d2;
        padding: 10px 14px;
        border-radius: 8px;
        color: #262E4A;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .gth-form .cbtn{
        font-weight: 400 !important;
        padding:12px 40px;
    }
    .gth-wrap{
        margin:5% 0 5% 0;
    }
/*pricing page styles*/

/*WHY MONILY PAGE*/

     /*THE ADVANTAGE SECTION*/
        .advantage-wrap{
            position: relative;
            padding: 3% 0 6% 0;
            color: #000;
            text-align: center;
        }
        .advantage-wrap .card{
            border: none;
            display: flex;
            align-items: center;
            font-size: 16px;
            font-weight: 600;
        }
        .advantage-wrap .card .card-body{
            padding: 10px 0 0 0;
        }
        .advantage-wrap .card .img-wrap{
            border: 8px solid #C6C4C4;
            padding: 10px;
            box-sizing: border-box;
            border-radius: 100%;
            width: 130px;
            height: 130px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .advantage-wrap .card .img-wrap img{
            width: 60px;
            height: 60px;
        }
    /*THE ADVANTAGE SECTION*/

    .ethos-wrap{
        position: relative;
        padding: 3% 0 6% 0;
        text-align: center;
    }
    .ethos-wrap .card{
        background: #13CE66 0% 0% no-repeat padding-box;
        padding: 30px 20px;
        color: #FFFFFF;
        text-align: left;
        border:none;
        margin-bottom: 10px;
    }

    .ethos-wrap .card .card-title {
        position: relative;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .ethos-wrap .card .card-title:before {
        content:'';
        position: absolute;
        left: -18px;
        top: 3px;
        width: 3px;
        height: 18px;
        background: #fff;
        border-radius: 10px;
    }

    .ethos-wrap .card:nth-child(1){
        background: #13CE66 0% 0% no-repeat padding-box;
    }
    .ethos-wrap .card:nth-child(2){
        background: #01BC54 0% 0% no-repeat padding-box;
    }
    .ethos-wrap .card:nth-child(3){
        background: #03923C 0% 0% no-repeat padding-box;
    }
    .ethos-wrap .card:nth-child(4){
        background: #007F33 0% 0% no-repeat padding-box;
    }
/*WHY MONILY PAGE*/

/* MILESTONE CSS */
    .milestone-wrap{
        position: relative;
        color: #000;
        text-align: center;
        margin: 0 auto;
        width: 90vw;
        border-bottom: 2px solid #D2D9E2;
        margin-bottom:4%;
        padding: 5% 0 6% 0;
    }
    .milestone-wrap .inner-wrapper{
        width: 100% !important;
    }
    .milestone-wrap .card{
        border: none;
        display: flex;
        align-items:center;
        font-size: 14px;
        color: inherit;
    }
    .milestone-wrap .card .card-body{
        text-align:center;
    }
    .milestone-wrap .card .heading{
        font-size: 48px !important;
        font-weight: 600;
        margin-bottom:0;
    }
    .milestone-wrap .card .title{
        font-size:14px;
        font-weight: 500;
        color:#262E4A;
        margin-bottom:0;
    }
    .milestone-wrap .card .circle{
        width:10px;
        height:10px;
        border-radius:100%;
        display:inline-block;
        margin-right:8px;
        border:0 !important;
    }
    .milestone-wrap .card .bg-red{
        background:#FF6565;
    }
    .milestone-wrap .card .bg-yellow{
        background:#EDCC26;
    }
    .milestone-wrap .card .bg-green{
        background:#00D053;
    }
    .milestone-wrap .card .bg-purple{
        background:#5331AB;
    }
    .milestone-wrap .card .bg-blue{
        background:#91B3FA;
    }
/* MILESTONE CSS */

/*STARTUP PAGE STYLES*/
    .startup-wrap{
        position: relative;
        padding: 5% 0 6% 0;
        color: #000;
        text-align: center;
    }
    .startup-wrap .card{
        border: none;
        display: flex;
        align-items:flex-start;
        font-size: 14px;
        color: inherit;
    }
    .startup-wrap .card .card-body{
        padding: 14px 0 0 0;
        text-align: left;
    }

    .startup-wrap .card .img-wrap img{
        width: 56px;
        height: 56px;
    }
    .mbox-wrap{
        height: calc(100% - 70px);
        /*margin: 20px 0;*/
        /*padding: 20px 0;*/
    }
    .mbox-wrap .img-section{
        float: left;
        width: 60%;
    }
    .mbox-wrap .img-section img{
        width: 100%;
        display: block;
    }
    .mbox-wrap .text-section{
        background: #F6FAFC;
        padding: 30px;
        float: left;
        width: 50%;
        position: absolute;
        right: -25px;
        top:210px;
    }
    .mbox-wrap.revert .img-section{
        float: right;
    }
    .mbox-wrap.revert .text-section{
        left: -25px;
    }
/*STARTUP PAGE STYLES*/

/*BLOG PAGE*/
    .blogs .ph-item{
        background-color: transparent;
        padding: 0;
        border: none;
    }
    .blog-detail .ph-item{
        background-color: transparent;
        padding: 0;
        border: none;
    }
	.blog-detail img {
object-fit: contain;
 width: 100%;
 height: auto;
}
/*BLOG PAGE*/

/*Ask MOnily custom 12/1/2023*/
.askMonily.firstfold{
    min-height: auto ;
    padding: 40px 0;
}
.askMonily .inputQuery{
    padding: 20px 10px;
    border: 1px solid #E1E1E1;
    border-radius: 10px;
    margin-bottom: 10px;
}
.askMonily .inputQuery::placeholder{
    font: normal normal normal 18px/26px Poppins;
    color: #707D92
}
.askMonily .inputEmail,.askMonily .inputPhone{
    padding: 10px;
    border: 1px solid #E1E1E1;
    border-radius: 10px;
    margin-bottom: 10px;
    display: inline-block;
    width: 43%;
    margin-left: 10px;
}
.askMonily .inputEmail::placeholder,.askMonily .inputPhone::placeholder{
    font: normal normal normal 15px/26px Poppins;
    color: #707D92
}
.submitButton,.btngreen{
    display: inline-block;
    width: auto;
    background: #44D152;
    color: white;
    height: auto;
    margin-bottom: 10px;
    height: -webkit-fill-available;
    border-radius: 12px;
}
.submitButton:hover,.btngreen:hover{
    background: #267F32;
    color: white;
}
.askMonily input:focus{
    box-shadow: 0 0 0 0.15rem rgb(0 211 99 / 28%);
}

/*browser category*/
.browseCat{
    padding-top: 0;
}
.browseCat .card{
    text-align: center;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    border: 1px solid #808FA733;
    border-radius: 15px;
}
.browseCat .card:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-color: white;
}


/*Accordian*/
.freqCus .accordion-button::after {
    content: "+";
    background-image: none !important;
    color: #5331AB;
    font-weight: 600;
    font-size: 20px;
}
.freqCus .accordion-button:not(.collapsed)::after {
    content: "-";
}
.freqCus .accordian-header{
    border-radius: 10px;
    padding: 20px;
}
.freqCus .accordion-item{
    background: #F2F4F6 !important;
    margin-bottom: 10px;
    border-color: #F2F4F6;
    border-radius: 8px;
}
.freqCus button.accordion-button{
    background: #F2F4F6 !important;
    border-radius: 8px;
    font-size: 18px ;
    font-weight: 600;
    padding: 25px;
    box-shadow: none !important;
    z-index: 0;
}
.accordion-button{
    color: #262E4A!important;
}
.accordion-button:not(.collapsed) {
    color: #5331AB !important;
}


 @media(min-width:1280px){
     .accordion {
         width: 80%;
     }
 }
.freqCus .accordion-body{
    padding:0 25px 25px 25px;
    font: normal normal normal 16px/24px Poppins;
    color: #707D92;
    font-weight: 500;
}
.freqCus button.accordion-button::selection{
    box-shadow: none !important;
}

.askQues .clrBlack{
    color:#262E4A;
}
.askQues .btngreen,.askQues .btngreenborder{
 padding: 12px 25px;
}
.btngreenborder{
    border: 1px solid #44D152;
    border-radius: 12px;
    color: #44D152;
    background-color: white;
    margin-left: 10px;
}
.btngreenborder:hover{
    background-color:#007F33 ;
    color: white;
    border-color: #007F33;
}