/*** global css ***/



:root {

    --bg-theme-color: #fec63f;

    --bg-text-color: #18191c;

    --theme-white-color: #fff;

    --bg-theme-dark-color: #19191f;
    --secondary-color: #f8f9fa;
}





html,

body {

    width: 100%;

    max-width: 100% !important;

    overflow-x: hidden !important;

}



* {

    outline: none;

}



body {

    padding: 0;

    margin: 0;

    font-family: 'Montserrat', sans-serif;

}



a {

    text-decoration: none;

    font-family: 'Lexend', sans-serif;

}



p {

    line-height: 1.9rem;

    font-family: 'Montserrat', sans-serif;

}



li {

    list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Lexend', sans-serif;

}



.lexend-font {

    font-family: 'Lexend', sans-serif;

}



.theme-btn-round {

    font-size: 15px;

    font-weight: 500;

    text-align: center;

    padding: 14px 25px;

    border: 0 none;

    border-radius: 100px;

    outline: 0 none;

    position: relative;

}



.theme-btn-round:hover {

    background-color: var(--theme-white-color);

}



.theme-btn-color {

    background-color: var(--bg-theme-color);

}



.theme-text {

    color: var(--bg-theme-color);

}



/** header ***/

.header {

    transition: background-color 0.3s ease-in-out;

    top: 39px;

    transition: all 0.5s ease;

    padding-top: 15px;

    padding-bottom: 14px;

}

/* Add a background color to the navbar when scrolled */

.header.scrolled {

    background-color: var(--bg-theme-dark-color);

}



#canvas-menu {

    position: fixed;

    top: 0;

    right: -300px;

    /* Initial position outside the viewport */

    width: 300px;

    height: 100%;

    background-color: var(--bg-theme-dark-color);

    padding-top: 70px;

    transition: right 0.3s ease-in-out;

    z-index: 4;

    border-left: 1px solid var(--bg-theme-color);

}



#canvas-menu a {

    padding: 15px 25px;

    display: flex;

    justify-content: space-between;

    color: var(--theme-white-color);

    text-decoration: none;

    transition: background-color 0.3s ease-in-out;

    position: relative;



}



.menu-item.active {

    color: var(--bg-theme-color) !important
}



.submenu a {

    color: #e9e9e9;

    font-size: 15px;

}



#canvas-menu .submenu {

    display: none;

    padding-left: 20px;

}



#canvas-menu .submenu a {

    padding: 10px;

    color: var(--theme-white-color);

    text-decoration: none;

    transition: background-color 0.3s ease-in-out;

}



#canvas-menu .close-btn {

    position: absolute;

    top: 15px;

    left: 15px;

    cursor: pointer;

    color: var(--theme-white-color);

    font-size: 40px;

}



.canvas-menu-opened {

    right: 0 !important;

}



.arrow-icon {

    margin-left: auto;

    transition: transform 0.3s ease-in-out;

}



.submenu-opened .arrow-icon {

    transform: rotate(180deg);

}



.logo {

    max-width: 222px;

}



.menu-bar {

    border-radius: 60px;

    background-color: #26252b;

    padding: 15px 15px 15px 50px;

    width: 100%;

    border: 2px solid #ccc;

}





.outer-box {

    position: relative;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

}



.contact-info {

    position: relative;

    padding-left: 48px;

}



.contact-info .image {

    position: absolute;

    top: 12px;

    left: 0;

}



.contact-info span {

    font-size: 12px;

    color: var(--theme-white-color);

}



.contact-info .title {

    color: var(--theme-white-color);

    margin-top: -4px;

    margin-bottom: 0;

    font-size: 18px;

}



.social-list-one {

    display: flex;

    margin-left: 40px;

    position: relative;

    list-style: none;

    margin-bottom: 0;

    margin-top: 0;

}



.social-list-one::before {

    content: "";

    position: absolute;

    top: -6px;

    left: -3px;

    width: 2px;

    height: 50px;

    background-color: #ccc;

}



.social-list-one li {

    margin-right: 20px;

}



.social-list-one li a {

    font-size: 24px;

    color: var(--theme-white-color);

}



.title a {

    color: inherit;

}



.email-img {

    max-width: 42px;

}



.email-pos {

    top: 18px !important;

}



.cta-1 {

    font-weight: 500;

    text-align: center;

    padding: 14px 25px;

    border: 0 none;

    border-radius: 100px;

    outline: 0 none;

    position: relative;

    background-color: #fec63f;

    color: var(--bg-text-color);

    margin-left: 25px;

}



.top-branditem {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    gap: 20px;

    max-width: 63%;

    margin: auto;

}



/*** slider css ***/



.slider-item {

    width: 100% !important;

    background-position: center !important;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    height: 800px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

}



.main-slider .owl-dots {

    margin-top: -40px !important;

    position: relative;

}



.slider-title {

    font-size: 5rem;

}



.silder-btns {

    margin-top: 4rem;

}



.btn-style-one {

    position: relative;

    font-size: 18px;

    line-height: 20px;

    padding: 20px 20px;

    color: var(--bg-text-color);

    background: var(--bg-theme-color);

    font-family: 'Montserrat', sans-serif;

    transition: all 0.5s ease;

    text-transform: uppercase;

}



.btn-style-one:hover {

    color: var(--theme-white-color);

    background: var(--bg-theme-dark-color)
}



.btn-style-two {

    position: relative;

    font-size: 18px;

    line-height: 20px;

    padding: 20px 20px;

    color: var(--theme-white-color);

    background: var(--bg-theme-dark-color);

    font-family: 'Montserrat', sans-serif;

    transition: all 0.5s ease;

    text-transform: uppercase;

}



.btn-style-two:hover {

    color: var(--bg-text-color);

    background: var(--bg-theme-color);

}



/*** service section ***/



.sec-pt-80 {

    padding-top: 80px;

}



.sec-pb-80 {

    padding-bottom: 80px;

}



.sec-pb-100 {

    padding-bottom: 100px;

}



.sec-pb-65 {

    padding-bottom: 65px;

}



.sec-title {

    font-size: 2.5rem;

}



.sec-para {

    color: #ccc;

    line-height: 1.9rem;

}



.service-sec {

    position: relative;

    background-image: url(//www.techindiasoftware.com/images/service-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    object-fit: cover;

}





.service-slider .inner-box {

    position: relative;

    background: #fff;

    transition: all 300ms ease;

}



.service-slider .inner-box:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    max-height: 4px;

    z-index: 2;

    background-color: var(--bg-theme-color);

    transition: all 300ms ease;

    content: "";

}



.service-slider .inner-box:hover .image-box .image:before,

.service-slider .inner-box:hover .content-box {

    opacity: 0;

    visibility: hidden;

}



.service-slider .inner-box:hover .hover-content {

    opacity: 1;

    visibility: visible;

    transform: scale(1);

}



.service-slider .inner-box:hover .hover-content .icon {

    opacity: 1;

    transform: translate(0);

    transition-delay: 300ms;

}



.service-slider .inner-box:hover .hover-content .title {

    opacity: 1;

    transform: translate(0);

    transition-delay: 400ms;

}



.service-slider .inner-box:hover .hover-content .text {

    opacity: 0.7;

    transform: translate(0);

    transition-delay: 500ms;

}



.service-slider .inner-box .image-box {

    position: relative;

    min-height: 304px;

}



.service-slider .inner-box .image-box .image {

    position: relative;

    margin-bottom: 0;

    background-color: var(--bg-theme-color);

}



.service-slider .inner-box .image-box .image:before {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 40px;

    width: 100%;

    background-color: #fff;

    content: "";

    transition: all 200ms ease;

}



.service-slider .inner-box .image-box .image img {

    width: 100%;

    min-height: 350px;

    object-fit: cover;

    transition: all 300ms ease;

}



.service-slider .inner-box .content-box {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 20px;

    background-color: #fff;

    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);

    padding: 16px 30px;

    transition: all 200ms ease;

}







.service-slider .inner-box .content-box .title {

    color: var(--bg-text-color);

    margin-bottom: 0;

    font-weight: bold;

}



.service-slider .inner-box .hover-content {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    padding: 35px 30px 20px;

    z-index: 2;

    opacity: 0;

    visibility: hidden;

    transition: all 300ms ease;

    transform: scaleY(0);

    transform-origin: bottom;

}



.service-slider .inner-box .hover-content::before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: #0e0f11;

    opacity: 0.9;

    content: "";

    border-bottom: 4px solid var(--bg-theme-color);

}







.service-slider .inner-box .hover-content .title {

    color: var(--theme-white-color);

    margin-bottom: 18px;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

    opacity: 0;

    transition: all 300ms ease;

    font-weight: bold;

    margin-top: 4rem;

}



.service-slider .inner-box .hover-content .text {

    color: var(--theme-white-color);

    transform: translateY(20px);

    opacity: 0;

    transition: all 300ms ease;

}







.service-sec-v2 {

    position: relative;

    background-image: url(//www.techindiasoftware.com/images/service-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    object-fit: cover;
    aspect-ratio: 16 / 9;

}





.service-v2-item {

    padding: 40px;

    position: relative;

    z-index: 1;

    transition: 400ms ease-in-out;

}



.service-v2-item .icon {

    width: 82px;

    height: 82px;

    background: #F4F0FF;

    border-radius: 50%;

    text-align: center;

    line-height: 82px;

    position: relative;

    margin-bottom: 28px;

    transition: 400ms ease-in-out;

}



.service-v2-item .icon::before {

    content: "";

    width: 100%;

    height: 100%;

    background: transparent;

    position: absolute;

    top: 5px;

    left: 5px;

    border-radius: 50%;

    z-index: 1;

    transition: 400ms ease-in-out;

    opacity: 0;

}



.service-v2-item .icon::after {

    content: "";

    width: 100%;

    height: 100%;

    background: var(--bg-theme-color);

    position: absolute;

    top: 5px;

    left: 5px;

    border-radius: 50%;

    z-index: -1;

    transition: 400ms ease-in-out;

}



.service-v2-item .icon i {

    position: relative;

    z-index: 2;

}



.service-v2-item .title {

    font-size: 26px;

    line-height: 1.38;

    font-weight: 800;

    margin-bottom: 15px;

    transition: 400ms ease-in-out;

    color: var(--bg-theme-color);

}



.service-v2-item .disc-wrap {

    overflow: hidden;

    height: 120px;

}



.service-v2-item .disc {

    margin-bottom: 16px;

    height: 100%;

    overflow: hidden;

    transition: 400ms ease-in-out;

    color: var(--theme-white-color);

}



.service-v2-item .s5-btn {

    display: block;

    font-size: 18px;

    font-weight: 800;

    text-transform: uppercase;

    color: #fff;

    line-height: 30px;

    opacity: 0;

    transition: 400ms ease-in-out;

    margin-bottom: -40px;

}



.service-v2-item:hover::after {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    border-radius: 0;

}



.service-v2-item::after {

    content: "";

    width: 10%;

    height: 10%;

    background: var(--bg-theme-color);

    position: absolute;

    top: 70px;

    left: 60px px;

    border-radius: 50%;

    transition: 400ms ease-in-out;

    z-index: -1;

}



.service-v2-item:hover {

    box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.1607843137);

}



.service-v2-item:hover .disc {

    color: var(--bg-text-color)
}



.service-v2-item:hover .title {

    color: var(--bg-text-color)
}



.service-v2-item:hover .icon {

    background-color: var(--bg-theme-dark-color);

}



.service-v2-item:hover img {

    filter: brightness(0) invert(1);



}





/*** approach section ***/



.approach-sec .accordion-item {

    border: 0;

    border-bottom: 1px solid #ccc;

}





.approach-sec .accordion-header {

    margin-top: 30px;

}





.approach-sec .approach-title {

    font-size: 1.2rem;

    font-weight: bold;

    text-transform: uppercase;

}





.approach-sec sup {

    font-size: 20px;

    margin-right: 5px;

    margin-top: -12px;

    font-weight: 800;

    color: #6c6c6c;

}





.approach-sec .accordion-button:not(.collapsed) {

    background-color: var(--bg-theme-dark-color);

}



.approach-sec .accordion-button {

    border-top-left-radius: 200px;

    padding-left: 0;

}





.approach-sec .accordion-button:focus {

    border: 0;

    box-shadow: unset;

}





.approach-sec .accordion-button:not(.collapsed) .approach-title {

    color: var(--bg-theme-color);

}





.approach-sec .accordion-button:not(.collapsed) sup {

    color: var(--bg-theme-color);

    padding-left: 50px;

}





.approach-sec .accordion-item:first-of-type .accordion-button {

    border-top-left-radius: 200px;

}





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

    filter: invert(100%);

}



.approach-sec .accordion-body {

    background: aliceblue;

}



.approach-img {

    border-top-right-radius: 100px;

    border-bottom-right-radius: 100px;

}





/*** why choose us ***/

.why-choose-section {

    background-image: url(//www.techindiasoftware.com/images/why-choose-bg.webp);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 120px 0;

    position: relative;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}



.why-choose-section .accordian-icon {

    right: 30px;

}



.why-choose-section .accordion-button::after {

    background-image: unset;

}



.why-choose-section .accordion-item:first-of-type {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.why-choose-section .accordion-button:not(.collapsed) {

    background-color: transparent;

    color: var(--bg-theme-color);

    box-shadow: unset;

}





.why-choose-section .accordion-button:not(.collapsed) h4 {

    color: var(--bg-theme-color);

}



.acc-title {

    font-weight: 400;

    font-size: 18px;

}



.why-choose-section .accordion-item:first-of-type .accordion-button {

    border-radius: 0;

}



.why-choose-section .accordion-item:last-of-type {

    border-radius: 0;

}



.why-choose-section .accordion-header {

    border-radius: 0;

}



.why-choose-section .accordion-item {

    background-color: transparent;

    margin-top: 15px;

    border: 0;

}



.why-choose-section .accordion-body {

    background-color: rgba(36, 36, 36, .6);

}



.why-choose-section .accordion-button {

    background-color: transparent;

    color: var(--theme-white-color);

    border: 1px solid #302f2f;

    box-shadow: unset;



}



.why-choose-section .accordion-body p {

    color: var(--theme-white-color);

}



.why-choose-img {

    border-bottom-left-radius: 200px;

}



.sec-subtitle {

    line-height: 2.3rem;

}



/*** client testimonial ***/

.client-testimonial-sec {

    background-size: cover;

    background-repeat: no-repeat;

}



.client-testimonial iframe {

    border-radius: 40px;

}



/*** seo result ***/

.seoresult-table th {

    color: var(--bg-theme-color);

}



.table-wrapper {

    padding: 50px 25px 35px 25px;

    background-color: var(--bg-theme-dark-color);

    border-bottom-left-radius: 100px;

    border-top-right-radius: 100px;

}



.seoresult-table {

    background-color: transparent;

}



.seo-data {

    color: #ccc !important;

    font-size: 14px;

}



.seo-result-slider .owl-dots {

    margin-top: 0 !important;

}



/*** our work ***/



.our-work-sec {

    position: relative;

    background-image: url(//www.techindiasoftware.com/images/service-bg.webp);

    background-repeat: no-repeat;

    background-size: cover;

    object-fit: cover;

}





.our-work-slider {

    margin-bottom: 20px;

}





/* Basic styling for the container */

.work-box {

    position: relative;

    overflow: hidden;

    padding: 15px;

    background-color: var(--theme-white-color);

    /* border-radius: 12px; */

    border: 4px solid var(--bg-theme-color);

}



/* Styling for the image */

.image {

    width: 100%;

    height: auto;

    display: block;

    transition: transform 0.3s ease-in-out;

}



/* Styling for the overlay */

.overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    /* Semi-transparent black overlay */

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}



/* Styling for the "View More" button */

.view-more-btn {

    background-color: #3498db;

    color: #fff;

    padding: 10px 20px;

    border: none;

    cursor: pointer;

    transition: background-color 0.3s ease-in-out;

}



/* Show the overlay and adjust the image on hover */

.work-box:hover .overlay {

    opacity: 1;

}



.work-box:hover .image {

    transform: scale(1.1);

    /* Scale up the image on hover */

}



/* Change button color on hover */

.work-box:hover .view-more-btn {

    background-color: #2980b9;

}



/*** our blog ***/







.blog-img img {

    border-radius: 10px;

}



.blog-content {

    margin-top: 40px;

    position: relative;

}



.bi-blog-meta {

    margin-bottom: 32px;

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

}



.bi-blog-meta a {

    color: var(--bg-text-color);

    font-size: 13px;

    font-weight: 700;

    padding: 7px 15px;

    border: 2px solid var(--theme-white-color);

    border-top-left-radius: 20px;

    border-bottom-left-radius: 20px;

    background-color: var(--bg-theme-color);

}



.bi-blog-meta:before {

    right: 0;

    top: 16px;

    width: 70%;

    content: "";

    height: 1px;

    position: absolute;

    background-color: var(--bg-theme-color);

}



.bi-blog-meta a i {

    margin-right: 6px;

}



.bi-blog-meta:after {

    top: -18px;

    right: -50px;

    width: 70px;

    content: "";

    height: 70px;

    position: absolute;

    background-repeat: no-repeat;

    background-image: url(//www.techindiasoftware.com/images/blog-images/star2.webp);

}



.flex-row-reverse .bi-blog-meta:before {

    left: 0;

}



.flex-row-reverse .bi-blog-meta {

    text-align: right;

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

}



.flex-row-reverse .bi-blog-meta:after {

    top: -19px;

    left: -50px;

    right: auto;

}



/*** call to action ***/

.call-to-action-sec {

    background-color: var(--bg-theme-dark-color);

    background-image: url(//www.techindiasoftware.com/images/contact-img-1.webp);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



.cont-wrapper {

    background-color: var(--bg-theme-color);

    border-radius: 70px 331px 311px 60px;

    position: relative;

    padding: 125px 100px;

}



.cont-form-shape {

    position: absolute;

    top: 0px;

    left: 0;

    z-index: 0;

}



.cont-form-shape img {

    border-radius: 60px 0 0 0;

}



.cont-form-img {

    position: absolute;

    right: 0;

    bottom: 0;

}



.cont-form-img img {

    border-radius: 0 0 311px;

}



.contact-form .form-control {

    border: none;

    border-bottom: 1px solid #302f2f;

    border-radius: 0;

    background-color: transparent;

    color: var(--bg-text-color);

}



.contact-form label {

    color: var(--bg-text-color);

    margin: 0;

    font-weight: bold;

}



.form-control:focus {

    outline: 0;

    box-shadow: unset;

}



/*** Client logo ***/

.client-logo-sec {

    background-color: #e9e9e9;

    padding-top: 40px;

    padding-bottom: 40px;

}



.client-logo-box {

    border: 1px solid #ccc;

}



/*** footer ***/



.main-footer {

    position: relative;

    background-image: url(//www.techindiasoftware.com/images/pattern-6.webp);

    background-position: center;

    background-size: cover;

}



.main-footer .footer-upper {

    position: relative;

    padding: 30px 0 7px;

    background-color: #151518;

}



.contact-info-block {

    position: relative;

    margin-bottom: 30px;

}



.contact-info-block .inner {

    position: relative;

}



.contact-info-block .icon {

    background-color: var(--bg-theme-dark-color);

    color: var(--bg-theme-color);

    display: block;

    font-size: 24px;

    height: 80px;

    left: 0;

    line-height: 80px;

    position: absolute;

    text-align: center;

    top: 0;

    width: 80px;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}



.contact-info-block .inner:hover .icon {

    background-color: var(--bg-theme-color);

    border-radius: 50%;

    color: var(--bg-theme-dark-color);

}



.contact-info-block .inner {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-left: 110px;

    position: relative;

}



.contact-info-block .inner .sub-title {

    color: #7f7f7f;

    display: block;

    font-weight: 400;

    line-height: 20px;

    margin: 10px 0 5px;

}



.contact-info-block .inner .text {

    font-size: 18px;

    color: #fff;

    line-height: 24px;

}



.contact-info-block .inner .text a {

    color: #fff;

}



.contact-info-block .btn-style-one {

    border-radius: 100px;

}



.widget-box {

    margin-top: 60px;

}



.widget-box ul li a {

    color: #ccc;

    font-weight: 400;

    font-family: 'Montserrat', sans-serif;

    font-size: 14px;

    line-height: 30px;

    transition: all 0.3 ease-in-out;

}



.widget-box ul li a:hover {

    color: var(--bg-theme-color);

}



.cont-widget {

    border-top: 1px solid #464646;

    padding-top: 20px;

}



.cont-widget ul {

    padding: 0;

    margin: 0;

}



.cont-widget ul li {

    display: inline-block;

    padding-left: 5px;

    padding-right: 5px;

}



.cont-widget ul li a {

    font-size: 24px;

}







.cont-numbers>a {

    font-size: 16px;

    color: var(--bg-theme-color);

    display: inline-block;

    padding: 5px 10px;

    border-right: 1px solid #ccc;

}



.copyright {

    text-align: center;

    font-size: 14px;

}



/*** Seo reseller ***/



.inner-banner-sec {

    padding-top: 15rem;

}



.about-inner-thumb {

    position: relative;

}



.about-inner-shape-1 img {

    border: 4px solid #fff;

    border-top-right-radius: 200px;

}





.service-list {

    position: relative;

    list-style: square;

    padding-left: 20px;

}



.service-list li {

    position: relative;

    line-height: 1.3em;

    margin-bottom: 10px;

    color: var(--theme-white-color);

    font-size: 1rem;

    font-weight: 600;

    list-style: square;

}



.seo-reseller-sec p {

    text-align: justify;

}



.seo-reseller-sec img {

    border: 1px solid #d7d7d7;

    border-radius: 200px;

}



.seo-para-box {

    background-color: var(--bg-theme-dark-color);

    padding: 40px;

    color: var(--theme-white-color);

}





.seo-res-service .disc-wrap {

    height: auto;

}



.seo-res-service .icon {

    display: none;

}



.seo-res-service .service-v2-item::after {

    background-color: transparent;

}



.seo-res-service .service-v2-item:hover::after {

    background-color: var(--bg-theme-color);

}



.seo-res-service .disc a {

    color: var(--theme-white-color);

    font-weight: 700;

}





.faqs-list {

    position: relative;

    list-style: square;

    padding-left: 20px;

    margin-top: 20px;

}



.faqs-list li {

    position: relative;

    line-height: 1.3em;

    margin-bottom: 10px;

    color: var(--bg-theme-color);

    font-size: 0.9rem;

    list-style: square;

}



.faqs-img {

    border-top-left-radius: 200px;

    border-bottom-left-radius: 200px;

}



/*** case study page ***/



.case-study-item {

    border: 1px solid #ccc;

    padding: 15px;

    margin-bottom: 60px;

}



.case-study-item .btn-style-one {

    bottom: -26px;

}



.know-base {

    background: url(//www.techindiasoftware.com/images/testimonial-bg.jpg);

}



.know-base .accordion-button {

    background-color: var(--bg-theme-dark-color);

}



.know-base .accordion-button:not(.collapsed) {

    color: var(--bg-text-color);

}



.know-base .accordion-body {

    background-color: #333;

}



.seo-resimg-box-1 {

    position: relative;

}



.seo-resimg-box-1 img {

    position: absolute;

}



.text-justify {

    text-align: justify;

}



.seo-bg {

    background: url(//www.techindiasoftware.com/images/banner-1.jpg);

    background-attachment: fixed;

}



.contact-form .form-select {

    background: transparent;

    border: 0;

    border-bottom: 1px solid;

    border-radius: 0;

}



.form-select:focus {

    box-shadow: unset;

}





.counter-wrapper {

    display: grid;

    grid-template-columns: auto;

    background: #fff;

    box-shadow: 2.487px 1.678px 15px 0px rgb(0 0 0/15%);

    border-radius: 10px;

    padding: 25px;

    position: relative;

    margin-top: -50px;

    max-width: 70%;

    justify-content: space-evenly;

    margin-left: auto;

    margin-right: auto;

}



.counter-item {

    padding-left: 25px;

    padding-right: 25px;

}



.counter-item:nth-child(2) {

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

}



.counter-item span {

    font-size: 25px;

    font-weight: bold;

}



.counter-item p {

    font-weight: 600;

    font-size: 24px;

    line-height: 28px;

    margin-bottom: 0;

}



.retainer-item {

    border: 1px solid var(--bg-theme-color);

    padding: 25px;

    border-top-left-radius: 200px;

    border-top-right-radius: 200px;

    padding-top: 40px;

}



.retainer-item img {

    filter: invert(100%);

    margin-bottom: 15px;

}



.retainer-item h6 {

    margin-bottom: 20px;

}



.ret-service-list {

    position: relative;

    list-style: square;

    padding-left: 20px;

}



.ret-service-list li {
    color: var(--bg-theme-dark-color);
    list-style: square;
    line-height: 30px;
    text-transform: capitalize;

}



.service-v2-item:hover .ret-service-list li {
    color: var(--theme-white-color);
}



.service-v2-item:nth-child(1) .ret-service-list li {
    color: #fff;
}



.retainer-plan-item {

    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 20px;

}



.contribution-wrapper {

    display: grid;
    grid-template-columns: repeat(6, 1fr);



}



.contribution-item {

    border: 1px solid #ccc;

    padding: 15px;

}



.contribution-item p {

    line-height: 22px;

    font-weight: 500;

}



.sec-pb-150 {

    padding-bottom: 150px;

}



.our-work-slider-3 .work-box {

    border: 0;

}



/*** service page ***/

.web-solution .service-v2-item {

    background-color: var(--bg-theme-dark-color);

}



/*** packages page ***/



.packages-sec {

    padding-top: 100px;

}



.seo-plan {

    background-color: var(--bg-theme-dark-color);

    padding: 25px;

}



.seo-plan ul {

    position: relative;

    list-style: square;

    padding-left: 20px;

}



.seo-plan li {

    position: relative;

    line-height: 1.3em;

    margin-bottom: 10px;

    color: var(--theme-white-color);

    font-size: 15px;

    font-weight: 400;

    list-style: square;

}



.seo-plan h3 {

    background-color: var(--bg-theme-color);

    color: var(--bg-text-color);

    padding: 15px 25px;

    display: inline;

    position: relative;

    top: -40px;

}



.chs-plan a:hover {

    background-color: #302f2f;

}



/*** testimonial page ***/

.testimonial-block {

    position: relative;

    overflow: hidden;

    padding: 15px;

    border: 1px solid #ccc;

}



.testimonial-block {

    position: relative;

    overflow: hidden;

    padding: 15px;

    border: 1px solid #ccc;

}





.testimonial-block .inner-box {

    position: relative
}





.testimonial-block .content-box {

    position: relative;

    background-color: #fff;

    padding: 35px 40px 40px;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .04);

    box-shadow: 0 0 15px rgba(0, 0, 0, .04);

    background-image: url(//www.techindiasoftware.com/images/shape3.webp);

    background-position: right top;

    background-repeat: no-repeat
}



.testimonial-block .content-box:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    background: linear-gradient(to right, var(--bg-theme-color), var(--bg-theme-dark-color));

    height: 6px;

    content: "";

}



.testimonial-block .content-box:after {

    position: absolute;

    left: 40px;

    top: 100%;

    -webkit-clip-path: polygon(31% 100%, 0 0, 100% 0);

    clip-path: polygon(31% 100%, 0 0, 100% 0);

    background-color: #28251f;

    height: 23px;

    width: 54px;

    content: "";

}



.testimonial-block .info-box {

    position: relative;

    margin-left: 10px;

    margin-top: 40px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.testimonial-block .info-box .rating {

    position: relative;

    font-size: 12px;

    z-index: 2;

    color: var(--bg-theme-color);

}



.testimonial-block .info-box .thumb {

    position: absolute;

    left: 0;

    top: 0;

    width: 96px;

    height: 96px;

    border: 5px solid #fff;

    overflow: hidden;

    border-radius: 50%;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

}



.testimonial-block .info-box .name {

    font-size: 15px;

}



/*** portfolio page ***/

.gallery {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



.thumbnail-container {

    position: relative;

    overflow: hidden;

    margin: 10px;

}



.thumbnail {

    width: 200px;

    height: 150px;

    transition: transform 0.3s;

}



.thumbnail:hover {

    transform: scale(1.1);

}



.overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    transition: opacity 0.3s;

}



.thumbnail-container:hover .overlay {

    opacity: 1;

}



.overlay-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

}



.overlay-title {

    color: #fff;

    font-size: 18px;

}



/*** SMO page ***/

.tg {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    margin-bottom: 30px;

}



.tg .tg-vl0s {

    font-size: 16px;

    background-color: var(--bg-theme-dark-color);

    color: var(--bg-theme-color);

    text-align: center;

    vertical-align: top;

    border: 1px solid #fff;

    padding-bottom: 30px;

}



.tg td {

    font-size: 14px;

    padding: 10px 5px;

    border-style: solid;

    border-width: 1px;

    overflow: hidden;

    word-break: normal;

    text-align: center;

    color: #000;

}





.tg .tg-y698 {

    background-color: #393939;

    text-align: left;

    vertical-align: top;

    text-align: center;

    color: #fff;

}





.tg .tg-yj5y {

    background-color: #393939;

    text-align: center;

    vertical-align: top;

    color: #fff;

}



.tg .tg-c3ow {

    border-color: inherit;

    text-align: center;

    vertical-align: top;

}



.tg th {

    font-size: 14px;

    font-weight: 400;

    padding: 10px 5px;

    border-style: solid;

    border-width: 1px;

    overflow: hidden;

    word-break: normal;

    text-align: center;

    color: #000;

}



/*** contact us ***/

.cont-title .sub-title {

    position: relative;

    display: block;

    text-transform: uppercase;

    letter-spacing: .1em;

    margin-bottom: 5px;

    color: #6f7174;

    font-size: 15px;

    font-weight: 500;

}



.cont-title h2:before {

    position: absolute;

    left: 5px;

    top: 32px;

    height: 30px;

    width: 38px;

    border-radius: 5px 5px 5px 0;

    background-color: var(--bg-theme-color);

    -webkit-transform: skew(-15deg);

    transform: skew(-15deg);

    z-index: -1;

    content: "";

}



.cont-title h2 {

    position: relative;

    margin-bottom: 55px;

}



.contact-sec input:not([type="checkbox"]),
.contact-sec textarea {

    padding: 9px;

    outline: 0;

    color: #000000;

    width: 100%;

    font-size: 13px;

    border: 0;

    border-radius: 0;

    border-bottom: 1px solid #000000;

    background-color: transparent;



}



.contact-sec select {



    padding: 14px 30px;

    outline: 0;

    background-color: #f4f5f8;

    border: 1px solid #f4f5f8;

    color: #686a6f;

    font-size: .9rem;

    width: 100%;

}





.inquiry__form input {

    height: calc(2.25rem + 10px);

    padding: 14px 15px;

}



.inquiry__form select {

    height: calc(2.25rem + 10px);

    padding: 14px 15px;

}



.contact-sec .btn-style-one {

    border: 0;

}



.contact-sec textarea {

    padding: 9px 9px 9px 0px;

    outline: 0;

    color: #000000;

    width: 100%;

    font-size: 13px;

    border-bottom: 1px solid #000000;

    height: 100px;

}



.cont-address {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    column-gap: 35px;

    row-gap: 55px;

}





.cont-address li {

    display: flex;

    align-items: center;

    padding: 15px 0;

    border: 1px solid #ccc;

    background: #212529;

    padding: 15px;

    border-radius: 8px;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    box-shadow: 3px 5px 10px #ccc;

}



.cont-address li {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}



.cont-address li .icon span {

    font-size: 24px;

}



.cont-phone {

    color: #ffc107;

    font-weight: 600;

    font-size: 16px;

}







.address-text {

    margin-bottom: 0;

    line-height: 24px;

}



.call-to-action-sec .g-recaptcha {

    transform: scale(0.9);

}



.career__form .g-recaptcha {

    transform: scale(0.9);

    margin-left: -15px;

}



.contact__submitBtn {

    width: 170px;

}



/*** portfolio ***/

@keyframes zoomin {

    0% {

        transform: scale(1);

    }



    50% {

        transform: scale(1.05);

    }



    100% {

        transform: scale(1);

    }

}



.gallery-item {

    display: block;

    position: relative;

}



.gallery-item img {

    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);

    transition: box-shadow 0.2s;

}



.gallery-item:hover img {

    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);

}



.lightbox-modal .modal-content {

    background-color: var(--bg-theme-color);

}



.modal-fullscreen .modal-content {

    background-color: var(--bg-theme-dark-color);

}



.lightbox-modal .btn-close {

    position: absolute;

    top: 1.25rem;

    right: 1.25rem;

    font-size: 1.25rem;

    z-index: 10;

    filter: invert(1) grayscale(100);

}



.lightbox-modal .modal-body {

    display: flex;

    align-items: center;

    padding: 0;

}



.lightbox-modal .lightbox-content {

    width: 100%;

}



.lightbox-modal .carousel-indicators {

    margin-bottom: 0;

    display: none;

}



.lightbox-modal .carousel-indicators [data-bs-target] {}



.lightbox-modal .carousel-inner {

    width: 75%;

}



.lightbox-modal .carousel-inner img {

    animation: zoomin 10s linear infinite;

}



.lightbox-modal .carousel-item .carousel-caption {

    right: 0;

    bottom: 0;

    left: 0;

    padding-bottom: 2rem;

    /* background-color: var(--lightbox); */

    color: var(--bg-theme-color) !important;

}



.lightbox-modal .carousel-control-prev,

.lightbox-modal .carousel-control-next {

    width: auto;

}



.lightbox-modal .carousel-control-prev {

    left: 1.25rem;

}



.lightbox-modal .carousel-control-next {

    right: 1.25rem;

}



@media (min-width: 1400px) {

    .lightbox-modal .carousel-inner {

        max-width: 45%;

    }

}



[data-bs-theme="dark"] .lightbox-modal .carousel-control-next-icon,

[data-bs-theme="dark"] .lightbox-modal .carousel-control-prev-icon {

    filter: none;

}



.btn-fullscreen-enlarge,

.btn-fullscreen-exit {

    position: absolute;

    top: 1.25rem;

    right: 3.5rem;

    z-index: 10;

    border: 0;

    background: transparent;

    opacity: .6;

    font-size: 1.25rem;

}



.bi {

    display: inline-block;

    width: 1em;

    height: 1em;

    vertical-align: -0.035em;

    fill: currentcolor;

}



.gallery-hover-content {

    position: relative;



}



.project-title {

    width: 60%;

    background: var(--bg-theme-dark-color);

    padding: 15px;

    color: var(--bg-theme-color);

    border-top-right-radius: 40px;

    margin-top: -58px;

    text-align: right;

    padding-right: 35px;

    transition: all 1s ease;

    position: relative;

}



.project-title h4 {

    margin-bottom: 0;

    font-size: 20px;

}



.project-title:hover {

    background: var(--bg-theme-color);

    color: var(--bg-theme-dark-color);

}



/*** career ***/

.cv-upload {

    padding-top: 21px !important;

}



.career-job-info li {

    font-weight: normal;

}



.career-form .btn-style-one:hover {

    background-color: #333;

}



/*** case study single page ***/

.case-study-list li {

    color: var(--bg-text-color);

    font-weight: 500;

}



.color-list {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    padding-left: 0;

}





.color-list li {

    color: #ffff !important;

    font-size: 14px;

    text-transform: uppercase;

    text-align: center;

    padding: 35px 25px;

    transition: all 0.5s ease;

    min-height: 175px;

    list-style: none;

}



.color-list li span {

    display: block;

    font-size: 40px;

    margin-bottom: 12px;

    line-height: 45px;

    color: #fff;

}



.color-list li:first-child {

    background: #17bd9a;

}



.color-list li:nth-child(2) {

    background: #3896d6;

}



.color-list li:nth-child(3) {

    background: #e74c3d;

}



.color-list li:nth-child(4) {

    background: #c1264e;

}



/*** SEO Result ***/

.seo-result-page table tr:nth-child(1) th {

    background: var(--bg-theme-dark-color);

    color: var(--theme-white-color);

    text-align: center;

    border: unset;

    font-size: 24px;

    font-weight: 500;

}



.seo-result-page .table tr:nth-child(2) th {

    text-align: center;

}



.seo-result-page table td {

    text-align: center;

}



/*** sitemap***/

.make_sitemap ul li {

    list-style: none;

    width: 100%;

    text-decoration: none;

    line-height: 30px;

    color: #150202;

    padding: 10px;

    margin-bottom: 10px;

    transition: all 0.3s ease-in-out 0s;

    text-align: left;

    border-bottom: 1px solid #ccc;

}



.make_sitemap ul li a {

    color: var(--bg-text-color);

}



.make_sitemap ul li span {

    font-weight: 600;

    font-size: 20px;

}



.four_zero_four_bg {

    background-image: url(//www.techindiasoftware.com/images/dribbble_1.gif);

    height: 400px;

    background-position: center;

}



/*** fluuter page ***/

.app-serviceitem {

    display: block;

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

    font-weight: 400;

    font-size: 14px;

    padding: 30px;

    margin-top: 30px;

    position: relative;

    transition: all 2s linear;

}



.app-serviceitem h6 {

    font-size: 22px;

    font-weight: 500;

}



.mt-80 {

    margin-top: 140px;

}







.methology-sec {

    background: whitesmoke;

}





.bugfree-feature li {

    list-style: none;

    margin-bottom: 35px;

}



.bugfree-feature li .count-1 {

    float: left;

    width: 68px;

    min-height: 150px;

    background: url(//www.techindiasoftware.com/images/icons/bugfree-bg.svg) center 74% no-repeat;

}



.bugfree-feature li .count-1 span {

    display: block;

    width: 37px;

    height: 37px;

    background-color: #fff;

    line-height: 37px;

    text-align: center;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    border-radius: 100px;

    margin: auto;

    border: 1px solid var(--bg-theme-color);

    font-weight: 600;

    font-size: 16px;

    color: var(--thm-text);

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.bugfree-features li .text {

    float: left;

    width: calc(100% - 68px);

    width: -webkit-calc(100% - 68px);

    padding-left: 20px;

}



.bugfree-content h5 {

    font-weight: 500;

    font-size: 20px;

    line-height: 28px;

    letter-spacing: 1px;

    margin-top: 5px;

    margin-bottom: 24px !important;

}



.business-item {

    border: 1px solid #ccc;

    padding: 25px;

    border-radius: 50px;

}



.business-item h5 {

    color: var(--bg-text-color);

    font-size: 24px;

    font-weight: 500;

}







.business-item ul {

    position: relative;

    margin-left: 19px;

}



.business-item ul li {

    list-style: square;

    color: var(--bg-text-color);

    line-height: 25px;

    margin-bottom: 15px;

}



.industry-item {

    display: flex;

    align-items: center;

    border: 1px solid var(--bg-theme-color);

}



.industry-item img {

    width: 60px;

    height: 60px;

}



.industry-item h5 {

    margin-left: 10px;

    font-size: 20px;

    margin-bottom: 0;

    font-weight: 600;

    color: var(--theme-white-color);

}





.industry-wrapper {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    gap: 30px;

}



.flutter-serv .service-v2-item:nth-child(4) {

    border-bottom: none !important;



}



.flutter-serv .service-v2-item:nth-child(5) {

    border-bottom: none !important;

}



.flutter-serv .service-v2-item:nth-child(6) {

    border-bottom: none !important;

}



.face-recognition .bugfree-feature li .count-1 {

    min-height: 120px
}



/*** form modal ***/

.form-modal .cont-title h2 {

    margin-bottom: 28px;

    font-size: 30px;

}



/* Mega Menu Styles */

.mega-menu {

    padding: 20px;

    top: 40px !important;

    /* Adjust vertical position as needed */

    width: 250px;

    border-radius: 0;

    background-color: var(--bg-theme-color);



}



.mega-menu .row {

    display: flex;

    justify-content: space-between;

}



.mega-menu .col {

    flex: 1;

    padding: 0 10px;

}



.megamenu-wrapper .nav-link {

    color: var(--theme-white-color);

    transition: all 1s ease;

}



.megamenu-wrapper .nav-item {

    padding: 0 5px;

    font-size: 16px;

}



.mega-menu-1 {

    width: 650px;

}



.mega-menu-4 {

    width: 450px;

    left: -12vw !important;

}



.menu-title {

    font-size: 15px;

    font-weight: bold;

    color: var(--bg-text-color);

}



.navbar-nav .nav-link.active,

.navbar-nav .nav-link.show {

    color: var(--bg-theme-color);

}



.mega-menu li a {

    padding-left: 0;

    color: var(--bg-text-color);

    font-weight: 300;

    transition: all 0.5s ease;

    font-size: 14px;

}



.dropdown-item:focus,

.dropdown-item:hover {

    background: none !important;

    padding-left: 5px;

}



/*** top bar ***/

.top-bar {

    background-color: #000;

    border-bottom: 1px solid var(--bg-theme-color);

    padding-top: 2px;

    padding-bottom: 2px;

    color: var(--theme-white-color);

}



.top-info a {

    color: var(--bg-theme-color);

    font-size: 13px;

}



.top-info span {

    font-size: 13px;

}



#chat-bot-launcher-container {

    z-index: 1 !important;

}



/*** Laravel ***/



.laravel-app {

    position: relative;

    list-style: square;

    padding-left: 20px;

}



.laravel-app li {

    position: relative;

    line-height: 28px;

    margin-bottom: 10px;

    color: var(--bg-text-color);

    font-size: 1rem;

    font-weight: 600;

    list-style: square;

}





/*** SEO Packages ***/

.some-result {

    background-color: var(--bg-theme-dark-color);

}



.some-result .card-body p {

    margin-bottom: 5px;

    line-height: 23px;

    font-weight: 500;

}





.some-result .card-body img {

    width: 50px;

    max-width: 50px;

}



.search-form {

    max-width: 60%;

}



.search-form input.form-control {

    padding: 18px 10px;

    border-radius: 50px;

    border: 0;

    padding-left: 30px;

    box-shadow: 3px 3px 5px #ccc;

}



.search-form .btn-style-one {

    outline: none;

    border: 0;

    border-top-right-radius: 50px;

    border-bottom-right-radius: 50px;

    box-shadow: 3px 3px 5px #ccc;

}



button:focus {

    box-shadow: none;

}



.proposal-sec-v1 {

    padding-top: 150px;

}



.proposal-sec-v1 .card {

    min-height: 470px;

    border-radius: 0;

    overflow: hidden;

    position: relative;

    transition: transform 0.3s, box-shadow 0.3s;

    /* Flex */

    display: flex;

    flex-direction: column;

    align-items: center;

    border-color: #efefef;

}



.proposal-sec-v1 .card:hover {

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

    transform: scale(1.04);

}





/* Info */

.proposal-sec-v1 .card__info {

    width: 100%;

    height: 130px;

    /* Background */

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    /* Position */

    position: relative;

    z-index: 0;

    /* Flex */

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 0 25px;

}



.proposal-sec-v1 .card__info::before {

    background-color: #000000;

    width: 100%;

    height: 100%;

    opacity: 0.8;

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    z-index: -1;

}







.proposal-sec-v1 .card__name {

    color: #fff;

    margin-bottom: 10px;

    font-size: 24px;

    font-weight: 400;

    letter-spacing: 1px;

}





/* Content */

.proposal-sec-v1 .card__content {

    width: 100%;

    height: calc(100% - 130px);

    border-top: solid 2px;

    border-bottom: solid 2px;

    /* Flex */

    display: flex;

    flex-direction: column;

    align-items: center;



}



.proposal-sec-v1 .card__rows {

    width: 100%;

}



.proposal-sec-v1 .card__row {

    color: var(--bg-text-color);

    width: 100%;

    padding: 10px 0;

    margin-bottom: 0;

    padding-left: 25px;

    padding-right: 25px;

    line-height: 30px;

}



.proposal-sec-v1 .card__row:nth-of-type(odd) {

    background-color: #f1f1f1;

}



.card__content .btn-style-one {

    max-width: 200px;

    text-align: center;

}



.card-transform {

    transform: scale(1.1);

    z-index: 99;

    border-color: var(--bg-theme-color) !important;

}



.card-transform .card__row:nth-of-type(odd) {

    background-color: var(--bg-theme-color);

}



.case-studies-facts-new .case-study-card-new {

    background: #f8ce2f;

    display: grid;

    align-items: inherit;

    grid-template-columns: repeat(2, 1fr);

    margin-bottom: 30px;

    border-radius: 11px;

    transition: .3s;

}



.case-studies-facts-new .case-study-card-new .left img {

    width: 100%;

    border-radius: 11px 0 0 11px;

    height: 200px;

    object-fit: cover;

    transition: .4s;

    border-right: 3px solid #fff;

}



.case-studies-facts-new .case-study-card-new .right {

    padding: 0;

    background: #fff;

}



.case-studies-facts-new h3 {

    font-size: 24px;

    background: var(--bg-theme-color);

    margin: 0 0 20px;

    padding: 10px;

    text-align: center !important;

}



.case-studies-facts-new h3 {

    font-size: 24px;

    background: var(--bg-theme-color);

    margin: 0 0 20px;

    padding: 10px;

    text-align: center !important;

}



.case-studies-facts-new .case-study-card-new .des {

    float: inherit;

    display: flex;

    gap: 20px;

    background: #fff;

    padding: 0 20px;

}



.case-studies-facts-new .case-study-card-new .des .left-wrap {

    width: 46%;

    border-right: 2px solid #ffe05d;

}



.case-studies-facts-new .case-study-card-new .des .right-wrap {

    width: 46%;

}



.case-studies-facts-new .case-study-card-new .des h4 {

    font-weight: 700;

    color: #000;

    font-size: 28px;

    padding: 0;

    margin: 0;

}



.case-studies-facts-new .case-study-card-new .des p {

    text-align: revert;

    margin: 0 !important;

    padding: 0 !important;

    color: #000;

    font-size: 16px;

    line-height: 24px;

    padding-right: 10px !important;

}



/*** SEO packages table ***/





.seo-package-area .package-geading h2 {

    font-weight: 800;

    color: #233f50;

    line-height: 12px;

    font-family: poppins;

    font-size: 56px;

    display: block;

    margin-bottom: 17px;

}



.seo-package-area table.new-package-UI tr p {

    font-weight: 800;

    font-size: 17px;

    color: var(--bg-text-color);

}



.seo-package-area table.new-package-UI tr td,

.seo-package-area table.new-package-UI tr th {

    background: var(--bg-theme-color);

    border-top: none;

    border: 1px solid #ffffff82;

    text-align: center;

    width: 25%;

    font-weight: bold !important;

}



.seo-package-area table.new-package-UI tr:first-child th:nth-child(1) {

    font-size: 24px;

    text-transform: uppercase;

    padding: 0 20px !important;

    vertical-align: middle;

    color: var(--bg-text-color);

}



.seo-package-area table.new-package-UI div#month h2.price-font {

    font-size: 50px;

    font-weight: 900;

    font-family: poppins;

    color: var(--bg-text-color);

    margin: 0;

}



.seo-package-area table.new-package-UI div#month h2.price-font strong {

    font-size: 23px;

    color: var(--bg-text-color);

}



.seo-package-area table.new-package-UI div#year {

    display: none;

}



.seo-package-area table.new-package-UI tr td {

    font-weight: 800;

    font-size: 17px;

    color: #000000;

}



.seo-package-area .accordian-packages h4.text-center.sep-heading {

    background: var(--bg-text-color);

    color: #fff;

    margin: 0;

    padding: 15px;

}



table.seo-rank-table.table.new-package-UI {

    margin: 0;

}



.package_table table tr td {

    border-right: 0 !important;

    border-left: 1px solid #b6b6b6b3 !important;

    margin: 0;

    color: #000;

}



.seo-rank-table tr:nth-child(odd) {

    background: #f1f0f0;

    border-bottom: 1px solid #dee2e6;

}



.seo-rank-table tr:nth-child(even) {

    background: #eaeaea;

    border-bottom: 2px solid #e1e0e0;

}



.seo-package-area .table>:not(caption)>*>* {

    background: transparent;

}



.seo-package-area .accordian-packages tr td:nth-child(4) {

    border: 1px solid #feea9d;

    box-shadow: -5px 7px 12px 2px #44444485;

    background: #ffd846;

}



.seo-package-area .accordian-packages tr td i {

    background: var(--bg-theme-dark-color);

    color: #e5f1fd;

    height: 35px;

    width: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    margin: 0 auto;

    border-radius: 50px;

}



.seo-package-area .card {

    border: none;

}



.seo-package-area .card-header {

    padding: 0;

    background: var(--bg-theme-dark-color);

    border: none;

    border-radius: 0;

}



.seo-package-area .card-header div.btn-link {

    color: #fff !important;

    display: block;

    text-align: center;

    font-size: 25px;

    text-decoration: none;

}



.seo-package-area .card-body {

    padding: 0 !important;

}



.seo-rank-table tr td {

    color: #000;

}



.seo-package-area table {

    margin-bottom: 0 !important;

}



.seo-package-area .accordian-packages .card-body table tr td i.fa.fa-times {

    color: #d41818;

    background: #fff;

    padding: 5px 5px;

    border-radius: 50px;

}



.seo-package-area .btn.btn-info {

    border-radius: 30px;

    text-transform: uppercase;

    font-weight: 800;

    padding: 10px 30px;

    background: #fff;

    color: #444;

    border: transparent;

    font-size: 22px;

}



.package_table table tr td {

    border-right: 0 !important;

    border-left: 1px solid #b6b6b6b3 !important;

    margin: 0;

}



.seo-package-area .accordian-packages .card-body table tr td {

    border-right: 1px solid #ccc;

    width: 25%;

}



.package_table table tr td {

    width: 25%;

}



.moreview-scroll {

    display: none;

}



.seo-package-area table.new-package-UI td:nth-child(4),

.seo-package-area table.new-package-UI th:nth-child(4) {

    box-shadow: -5px 7px 12px 2px #44444485;

    background: var(--bg-theme-color);

}



.seo-package-area .package-geading h2 {

    color: var(--bg-text-color);

    line-height: 12px;

    font-size: 56px !important;

}



.seo-package-area ul#pills-tab li a.active {

    color: var(--bg-text-color) !important;

    background: var(--bg-theme-color);

    font-size: 30px;

    padding: 21px 20px !important;

    position: relative;

    top: 0;

}



.seo-package-area h2+h3 {

    font-size: 28px;

    color: var(--bg-text-color);

    text-align: left;

    padding-right: 8px;

    padding-top: 6px;

    position: relative;

    padding-bottom: 30px;

    font-weight: 600;

}



.seo-package-area ul#pills-tab li a {

    color: #fff;

    font-size: 19px;

    padding: 18px 44px;

    width: 100%;

    text-align: center;

    background: var(--bg-theme-dark-color);

    border-radius: 25px 25px 0 0;

    margin-right: 6px;

    position: relative;

    top: 11px;

}



.seo-package-area ul#pills-tab {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0 !important;

    border-bottom: none !important;

}



.seo-package-area .package-geading,

.seo-rank-table.new-table-ui ul.package-body li ul,

.seo-rank-table.new-table-ui ul.package-head,

.seo-rank-table.seo-packages-new-ui ul.seo-packages-head {

    display: flex;

    margin-bottom: 0;

    padding: 0;

}



.seo-rank-table.new-table-ui ul.package-body li {

    width: 100%;

    border-radius: 0;

    display: block !important;

    padding: 0;

}



.seo-rank-table.new-table-ui ul li {

    float: left;

    width: 25%;

    background: var(--bg-theme-color);

    border-top: 0;

    border: 1px solid #ffffff82;

    text-align: center;

    padding: 10px;

}



.seo-rank-table.new-table-ui .package-head li:first-child span {

    font-size: 20px;

    text-transform: uppercase;

    vertical-align: middle;

    color: var(--bg-text-color);

    line-height: 30px;

}



.seo-rank-table.new-table-ui ul.package-body li ul li {

    width: 25%;

    border-top: 0;

    border-bottom: 0;

    padding: 10px 0;

    font-weight: 500;

}



ul.package-body {

    clear: both;

    float: left;

    width: 100% !important;

    margin-bottom: 0;

    padding: 0;

}



.seo-rank-table.new-table-ui ul.package-body li ul {

    display: flex;

}



.seo-rank-table.new-table-ui ul.package-body li {

    width: 100%;

    border-radius: 0;

    display: block !important;

    padding: 0;

}



.seo-rank-table.new-table-ui ul li div#month h2 {

    font-size: 50px;

    color: var(--bg-text-color);

    margin: 0;

    position: relative;

    padding-top: 30px;

}



.seo-rank-table.new-table-ui h2.price-font strong,

.seo-rank-table.new-table-ui ul li div#month h2 strong {

    font-size: 23px;

    color: var(--bg-text-color);

}



.seo-rank-table.new-table-ui h3 {

    font-size: 30px;

    font-weight: 400;

    margin-top: 50px;

    color: var(--bg-text-color);

}



.seo-rank-table.new-table-ui ul li:first-child {

    border-radius: 0;

    justify-content: center;

    align-items: center;

    display: flex;

}



.seo-package-area .btn.btn-info {

    border-radius: 30px;

    text-transform: uppercase;

    font-weight: 800;

    padding: 10px 30px;

    background: #fff;

    color: #444;

    border: transparent;

    font-size: 22px;

    transition: .4s ease-in-out;

}



.seo-package-area .accordian-packages h4.text-center.sep-heading {

    background: var(--bg-theme-dark-color);

    color: #fff;

    margin: 0;

    padding: 10px 0;

}



.seo-rank-table tr:nth-child(odd),

.seo-rank-table.table ul.accordian-packages-ui li:nth-child(odd) {

    background: #fff;

    border-bottom: 1px solid #dee2e6;

}



.seo-rank-table.table ul.accordian-packages-ui li {

    width: 100%;

    display: block;

}



ul.accordian-packages-ui li ul li span {

    font-size: 16px;

    color: #000;

    line-height: 33px;

    font-weight: 500;

    text-align: center;

}



.seo-rank-table tr:nth-child(2n),

.seo-rank-table.table ul.accordian-packages-ui li:nth-child(2n) {

    background: #eaeaea;

    border-bottom: 2px solid #e1e0e0;

}



.seo-rank-table.table ul.accordian-packages-ui li ul li {

    width: 25%;

    border-right: 0 !important;

    border-left: 1px solid #b6b6b6b3 !important;

    margin: 0;

    padding: 4px 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000;

}



.table>:not(caption)>*>* {

    background-color: transparent;

    border: navajowhite;

}



.seo-rank-table.table ul.accordian-packages-ui li ul {

    padding: 0;

    list-style: none;

    display: flex;

}



.seo-package-area .accordian-packages tr td i,

ul.accordian-packages-ui li ul li i {

    background: var(--bg-theme-dark-color);

    color: #e5f1fd;

    height: 25px;

    width: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    margin: 0 auto;

    border-radius: 50px;

}



.seo-package-area .card-header a {

    color: #fff !important;

    display: block;

    text-align: center;

    font-size: 19px;

    border-bottom: 2px solid #ccc;

    text-decoration: none;

    position: relative;

    border-radius: 0 !important;

}



.seo-rank-table.table {

    margin: 0;

}



.seo-package-area .card-header a:after {

    float: right;

    font-family: FontAwesome;

    padding-right: 5px;

    background: var(--bg-theme-dark-color);

    width: 20px;

    height: 20px;

    padding-top: 4px;

    border-radius: 100%;

    color: #fff;

    content: "\f068";

    padding-left: 5px;

    text-align: center;

    font-size: 16px;

}



.accordian-packages .card-header a.collapsed:before {

    content: "\f067";

    float: right;

    padding-left: 0;

    text-align: center;

    font-family: FontAwesome;

    right: 14px;

    position: absolute;

    top: 9px;

}



.seo-package-area .package-geading .col:last-child {

    align-items: flex-end;

    text-align: right;

}



.seo-rank-table.new-table-ui .package-head li:last-child,

.seo-rank-table.new-table-ui ul.package-body li ul li:last-child,

div#ecommerceseo .accordian-packages ul.accordian-packages-ui li ul li:nth-child(4),

div#ecommerceseo .seo-rank-table.new-table-ui ul li:nth-child(4),

div#global .accordian-packages ul.accordian-packages-ui li ul li:nth-child(4),

div#global .seo-rank-table.new-table-ui ul li:nth-child(4),

.seo-package-area table.new-package-UI td:nth-child(4),

.seo-package-area table.new-package-UI th:nth-child(4) {

    box-shadow: -5px 7px 12px 2px #44444485;

    background: #ffd846;



}



.seo-package-area .accordian-packages h4.text-center.sep-heading {

    background: var(--bg-theme-dark-color);

    color: #fff;

    margin: 0;

    padding: 15px;

}



ul.accordian-packages-ui {

    margin-bottom: 0;

    padding: 0;

}



.package-body .btn-style-two {

    float: left;

}



.package-body .btn-style-two:hover {

    float: left;

    background-color: #fff;

    color: #000;

}



.card__info {

    background: url(//www.techindiasoftware.com/images/page-images/proposal-img.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}



.mega-menu-2 {

    width: 430px;

}





/*** form checkbox ***/



.checkbox-wrapper {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;

    margin-top: 15px;

    margin-bottom: 15px;

    float: left;

    border-bottom: 1px solid;

    padding-bottom: 25px;

    width: 100%;

}



.checkbox-wrapper .form-check-input:checked {

    background-color: #000;

    border-color: #000;

}



.checkbox-wrapper .form-check-label {

    font-size: 13px;

    color: #000;

    font-weight: 500;

}



.contact-checkbox .form-check-input[type=checkbox] {

    width: 1em;

    padding: 0px;

    height: 1em;

    border: 1px solid #ffc107;

    margin-top: 5px;

    box-shadow: unset;

}



.contact-checkbox {

    border: 0;

    background: #ffbf47;

    padding-left: 15px;
    padding-right: 15px;

    padding-top: 25px;

    margin-top: 5px;

    border-radius: 8px;

}



.contact-checkbox .form-check-input:checked {

    background-color: #000;

    border-color: #000;

}



.bugfree-feature-2 li .count-1 {

    min-height: 147px;

}



.slider-item-1 {

    background-image: url(//www.techindiasoftware.com/images/banner-2.webp);

}



.slider-item-2 {

    background-image: url(//www.techindiasoftware.com/images/banner-1.webp);

}



.client-testimonial .item img {

    border-radius: 20px;

}



/*** 31-01-2025 ***/



.new-offer-list li {

    line-height: 30px;

    margin-bottom: 10px;

    list-style: disc;

    max-height: unset !important;

    overflow: unset !important;

}



.benefits-container {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 30px;

}



.benefits-container>li:last-child {

    border-left: 1px solid #ccc;

    padding-left: 10%;

}



ul.benefits-list {

    padding-left: 10px;

}



.benefits-list li {

    color: #fff;

    line-height: 30px;

    margin-bottom: 10px;

    padding-left: 0;

}



.sqauare-newlist li {

    line-height: 30px;

    margin-bottom: 10px;

    list-style: square;

    overflow: unset !important;

}



/*** dev logo ***/

.dev-logo-contaner {

    max-width: 100%;

    overflow-x: hidden;

    text-align: center;

}



.dev-logo-contaner li {

    max-width: 150px;

    padding: 0 20px;

    color: #fff;

}



.dev-logo-contaner li img {

    max-width: 65px;

    margin-bottom: 5px;

}



/** 12-02-2025 **/



form.contact__form {

    padding: 35px;

    border-radius: 8px;

    border: 1px solid #ccc;

    position: relative;

    /* z-index: 999; */

}



.contact-information {

    background: #f1f1f1;

    margin-bottom: 0;

}



.cont-address li .icon {

    color: #0e0e0e;

    text-align: center;

    margin-right: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    background: #fff;

    padding: 8px;

    box-shadow: unset;

    border: 3px dashed;

    margin-top: -45px;

    position: relative;

    margin-bottom: 10px;

    width: auto;

    height: auto;

}



.cont-address p {

    color: #c9c9c9;

    font-size: 14px;

}



.us-iconimg {

    max-width: 50px;

}



.landline-iconimg {

    max-width: 50px;

    padding: 6px;

}



.address-text {

    margin-bottom: 0;

    line-height: 24px;

    color: #ffc107 !important;

}



.pt-rem-10 {

    padding-top: 10rem;

}



.book-call {

    animation: flash 1s infinite;

    background: #f3c63e;

    padding-left: 10px;

    padding-right: 10px;

    border-radius: 10px;

    margin-top: 5px;

    margin-bottom: 5px;

}





.book-call a {

    text-transform: uppercase;

}



@keyframes flash {

    0%,
    100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;
        /* Change opacity to create flash effect */

    }

}





#careerData input {

    border: 1px solid #fff;

    color: #000000;

    background-color: #fff;

}



#careerData {

    border: 1px solid #fff;

    border-top: 0;

    padding-bottom: 15px;

    margin-bottom: 25px;

}



#careerData span.error__msg {

    color: red;

}



/*** 17-02-2025 ***/

.webdev-sec {

    padding-top: 160px;

    padding-bottom: 120px;

}



.webdev-wrapper {

    border: 1px solid #ccc;

    border-radius: 10px;

    gap: 30px;

    padding: 10px;

    box-shadow: 0 0 10px #ccc;

}





.webdev-wrapper img {

    border-radius: 5px;

}





.service-v2-item .title {

    font-size: 22px;

}



.service-v2-wrap {

    background: #fff;

    box-shadow: 0 0 10px #ccc;

    border-radius: 10px;

}



.webdev-services {

    background: antiquewhite;

}



.service-v2-item .disc {

    color: #000
}



.service-v2-item .title {

    font-size: 22px;

    color: #000;

}











.client-testimonial-sec {

    background: #333;

}





.approach-sec .approach-title {

    font-size: 1.2rem;

    text-transform: unset;

}



.approach-sec .row {

    border: 1px solid #ccc;

    padding: 10px;

    box-shadow: 0 0 10px #cccccc;

    border-radius: 10px;

    background-color: #fff;

}



.accordion .accordion-item:last-child {

    border-bottom: none;

}





.approach-sec .accordion-item:first-of-type .accordion-button {

    border-radius: 0;

}



.approach-sec .accordion-button {

    border-radius: 0;

}



.approach-sec .approach-title {

    padding-left: 15px;

}



.phpdev-scroll {

    max-height: 446px;

    overflow-y: scroll;

}



.approach-sec {

    background-color: antiquewhite;

}







.home-service .service-v2-item:nth-child(1):hover .title {

    color: #000
}

.home-service .service-v2-item:nth-child(1):hover .disc {

    color: #000
}

.home-service .service-v2-item:nth-child(1) {

    background-color: #fff;

}





.home-service .service-v2-item:nth-child(1) .title {

    color: #000
}





.home-service .service-v2-item:nth-child(1) .disc {

    color: #000
}



.home-seo-result {

    background-color: #f8f8f8;

}



.webdev-services .disc a {

    color: var(--bg-theme-color);

}



/*** 26-02-2025 ***/





.benefits-list-v1 {

    list-style-type: none;
    /* Remove default list styling */

    padding: 0;
    /* Remove default padding */

}



.benefits-list-v1 li {

    display: flex;
    /* Use flexbox for alignment */

    align-items: flex-start;
    /* Align items to the start */

    margin-bottom: 15px;
    /* Space between list items */

    line-height: 30px;

}



.benefits-list-v1 li i {

    margin-right: 10px;
    /* Space between icon and text */

    color: var(--bg-theme-color);

    margin-top: 10px;

}





.benefits-list-v1 li span {

    display: block;
    /* Make the text a block element */

    color: #fff;

}



.benefits-list span {

    color: var(--bg-theme-color);

}



.home-seo-result .owl-theme .owl-dots .owl-dot.active span {

    background: #000000 !important;

}

.flag {
    max-width: 18px;
}

/*** 06-03-2025 ***/

.contact-sec form.contact__form {
    border: 1px solid #000;
}

.calendly-card {
    border: 1px solid #000;
    ;
}

/*** 23-05-2025 ***/
.footer-grid-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    /* Adjust spacing between columns as needed */

}

/*** face recognition redesign page ***/
.googleplay-grey {
    animation: flash 1s infinite;
    max-width: 200px;
    background: #fff;
    padding: 1px;
    border-radius: 8px;
    box-shadow: 0 0 10px 1px #ccc;
}

.face-recognition-sec {
    padding-top: 160px;
    padding-bottom: 50px;
}

.app-serviceitem {
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: 5px 7px 5px #ccc;
}

.app-grid-card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    padding: 1rem;
}

.fbox-4 {
    background: #fff;
    padding: 5px 15px;
    margin-bottom: 10px;
    box-shadow: 3px 4px 5px #6e6868;
    border-radius: 4px;
}

.border-left-4 {
    border-left: 4px solid #18191c
}

.border-right-4 {
    border-right: 4px solid #18191c
}

.fbox-4 h5 {
    font-size: 16px;
}

.fbox-4 img {
    padding: 8px;
    background: var(--bg-theme-color);
    border-radius: 50%;
    max-width: 55px;
}



.account-setup-card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    padding: 1rem;
}


.process-card {
    box-shadow: unset;
    border: 0;
}

.process-card img {
    max-height: 200px;
    border: 1px solid #ccc;
    padding: 15px;
    background-color: #ffffff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 8px;
}

.prgress-bar-item {
    max-width: 70%;
    position: relative;
}

.progress-bar {
    position: absolute;
    top: 173px;
    left: 10%;
    width: 80%;
    height: 5px;
    background-color: #ddd;
    z-index: 0;
}

.progress {
    height: 100%;
    background-color: var(--bg-theme-dark-color);
    width: 0;
    animation: progressAnimation 6s ease-in-out infinite;
}

@keyframes progressAnimation {
    0% {
        width: 0%;
    }

    33% {
        width: 33%;
    }

    66% {
        width: 66%;
    }

    100% {
        width: 100%;
    }
}

/* ===================================================================================
     11.  TESTIMONIALS
     =================================================================================== */

/*------------------------------------------*/
/*   TESTIMONIALS CAROUSEL
  /*------------------------------------------*/


.review-txt {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 45px 40px 55px;
    margin: 0 2px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.review-2 {
    opacity: 0.2;
    transform: scale(0.95);
    transition: all 0.3s ease;
}

.slick-center .review-2 {
    opacity: 1;
    transform: scale(1.05);
    z-index: 2;
}

.app-rating {
    margin-top: 10px;
    text-align: center;

}

.app-rating i {
    color: #ff8000;
    font-size: 0.8rem;
    line-height: 1;
    margin-right: 1px;
}

.app-grid-card .app-serviceitem {
    transition: all 0.3s ease;
}

.app-grid-card .app-serviceitem:hover {
    background-color: var(--bg-theme-color);
    transform: scale(0.95);

}


.privacy-policy li {
    list-style: square;
    line-height: 30px;
    margin-bottom: 25px;
}

.privacy-policy-wrapper {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 30px 30px;
    box-shadow: 0 0 10px #ccc;
}

.MobileApp__form {
    border: 1px solid var(--bg-theme-color);
    padding: 15px;
}

.currency .btn {
    padding: 7px 10px;
}

.btn-currency,
.btn-currency:focus,
.btn-currency:hover {
    background-color: transparent;
    color: #000;
    border-radius: 4;
    border: 1px solid #ccc;
}

/*2/8/2025*/
.clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 23-09-2025 */
.furniture-bugfree .count-1 {
    min-height: 115px !important;
}

.service-v2-item:hover p {
    color: #fff;
}

.local-retail li {
    list-style: square !important;
    color: #fff;
    line-height: 32px;
}

.header-form .modal-dialog {
    max-width: 600px !important;
}


/*** 22-04-2026 ***/


/* Image Container Styling - Static */
.offering-img-container img {
    max-height: 330px;
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
    /* max-height: fit-content; */
    /* overflow: auto; */
    object-fit: cover;
}

/* Sidebar Tabs: Smaller, No Border, More Spacing */
.nav-pills .nav-link {
    background: none;
    border: none;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    /* Small & Professional */
    text-align: left;
    padding: 12px 0;
    margin-bottom: 5px;
    transition: all 0.3s ease;
    opacity: 0.7;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

.nav-pills .nav-link.active {
    background: none;
    color: #000;
    opacity: 1;
    font-weight: 600;
    font-size: 17px;
    border-bottom: 1px solid #000;
}

.nav-pills .nav-link:hover {
    color: #000;
    opacity: 1;
    font-size: 17px;
    border-bottom: 1px solid #000;
}


.content-col {
    padding-left: 50px;
    /* Increased Breathing Space */
    position: relative;
}

/* The Main Vertical Line */
.content-col::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #ccc;
}

/* The Custom Triangular Nubs - Static and Repeating */
.custom-border-nubs {
    position: absolute;
    left: -5.5px;
    top: 25px;
    width: 11px;
    height: 11px;
    background: #f1f1f1;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transform: rotate(45deg);
}

/* Duplicate the nubs manually for each position */
.nub-2 {
    top: 70px;
}

.nub-3 {
    top: 115px;
}

.nub-4 {
    top: 160px;
}

.nub-5 {
    top: 205px;
}

.nub-6 {
    top: 250px;
}

.nub-7 {
    top: 295px;
}

/* Text Content Styling */
.tab-pane h3 {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.3;
    margin-bottom: 25px;
    color: var(--text-dark);
}

.tab-pane p {
    color: #555;
    line-height: 1.8;
    font-size: 0.95rem;
    margin-bottom: 20px;
    max-width: 90%;
}

/* Animation for content switch */
.fade {
    transition: opacity 0.25s linear;
}

/* --- FIXED Smooth Transition Styles --- */
.collapse-wrapper {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    /* This cubic-bezier gives a premium, non-mechanical feel */
    transition: max-height 0.7s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.5s ease,
        margin-top 0.4s ease;
}

/* Class added via JavaScript */
.collapse-wrapper.is-open {
    max-height: 1000px;
    /* High enough to fit the content */
    opacity: 1;
    margin-top: 15px;
}

.read-more-toggle {
    background: none;
    border: none;
    color: var(--link-blue);
    font-weight: 700;
    font-size: 0.9rem;
    padding: 0;
    margin-top: 15px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.read-more-toggle:hover {
    color: #1d1919;
    letter-spacing: 1.5px;
}

/* Fix for link color */
.theme-link {
    color: var(--text-dark);
    font-weight: 600;
    text-decoration: none;
}

.blockquote {
    font-size: 17px;
    padding-left: 15px;
    border-left: 4px solid #555;
}


/*** Construction Marketing ***/
.inner-hero-section {
    padding-top: 11rem;
    padding-bottom: 5rem;
    background-image: url(//www.techindiasoftware.com/images/3dline-bg.png);

}

.hero-badge {
    color: var(--bg-text-color);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 25px;
    letter-spacing: .4px;
    background: linear-gradient(135deg, #fec63f, #ffe39a);
}

.hero-title {
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2;
    color: #111827;
    margin-bottom: 25px;

}

.hero-title span {
    color: var(--bg-theme-color);
}

.hero-description {
    font-size: 18px;
    line-height: 1.8;
    color: var(--bg-text-color);
    margin-bottom: 40px;
    max-width: 650px;
}

/* Feature Cards */
.feature-box {
    background: #ffffff;
    border-radius: 22px;
    padding: 15px;
    text-align: center;
    transition: .35s;
    height: 100%;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .05);
}

.feature-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(109, 40, 217, .12);
}

.feature-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fec63f, #ffe39a);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto auto 18px;
    font-size: 20px;
    color: var(--bg-text-color);
}

.feature-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #111827;
}

.hero-btns {
    margin-top: 40px;
    margin-bottom: 35px;
}


/* Reviews */
.review-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.review-users {
    display: flex;
    align-items: center;
}

.review-users img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    margin-left: -15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}

.review-users img:first-child {
    margin-left: 0;
}

.stars {
    color: #f59e0b;
    font-size: 20px;
    letter-spacing: 2px;
}

.review-text {
    color: var(--bg-text-color);
}

/* Hero Image */
.inner-hero-section img {
    border-radius: 30px;
    box-shadow:
        0 25px 60px rgba(0, 0, 0, .08),
        0 10px 30px rgba(109, 40, 217, .08);
}

.form-card {
    position: absolute;
    top: 37px;
    right: 50px;
    background: var(--bg-theme-color);
    backdrop-filter: blur(10px);
    border-radius: 28px;
    padding: 35px;
    color: #fff;
    box-shadow: 0 25px 50px rgba(0, 0, 0, .25);
    max-width: 408px;
}

.form-title {
    font-size: 27px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 15px;
    color: var(--bg-theme-dark-color);
}

.form-description {
    color: rgba(0, 0, 0, .75);
    line-height: 1.7;
    margin-bottom: 25px;
    font-size: 14px;
}

.form-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--bg-theme-dark-color);
}

.custom-input {
    height: 58px;
    border: none;
    border-radius: 12px;
    background: #212529;
    color: #fff;
    padding: 0 18px;
    font-size: 15px;
    margin-bottom: 22px;
}

.custom-input::placeholder {
    color: rgba(255, 255, 255, .65);
}

.custom-input:focus {
    background: var(--bg-theme-dark-color);
    box-shadow: none;
    color: #fff;
}

.submit-btn {
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 14px;
    background: var(--bg-theme-dark-color);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    transition: .3s;
}

.submit-btn:hover {
    background: var(--theme-white-color);
    color: var(--bg-theme-dark-color);
    transform: translateY(-2px);
}

/* Platform Bar */



.platform-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    gap: 18px;
    align-items: center;
}

.platform-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #000;
    padding: 10px 22px;
    border-radius: 100px;

    font-size: 16px;
    font-weight: 700;

    transition: .3s ease;
}

.platform-item:hover {
    transform: translateY(-3px);
}

.platform-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.45),
        0 0 20px rgba(255, 215, 0, 0.08);
}

.platform-icon i {
    font-size: 18px;
    color: var(--bg-theme-color);
}

/* Construction Feature Cards */

.construction-feature-card {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 25px;
    background: #fff;
    transition: transform 0.3s;
}

.construction-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.construction-feature-icon {
    font-size: 2rem;
    color: var(--bg-theme-color);
    margin-bottom: 15px;
}

.cust-divder {
    height: 3px;
    width: 60px;
    background-color: var(--bg-theme-dark-color);
}

/* Case Studies */
.case-card {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    padding: 20px;
}

.metric-badge {
    background-color: #e6f7ee;
    color: var(--bg-theme-color);
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}


.real-growth-section {
    background-color: var(--bg-theme-dark-color);
}

/* heading */

.text-gradient {
    color: var(--bg-theme-color);
}

.section-text {
    max-width: 650px;
    font-size: 17px;
}

.mini-badge {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 8px 18px;
    border-radius: 50px;
    color: var(--bg-theme-color);
    font-size: 14px;
    display: inline-block;
    backdrop-filter: blur(10px);
}

/* card */

.saas-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 30px;
    height: 100%;
    backdrop-filter: blur(18px);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.saas-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #fec63f3b, transparent 40%);
    opacity: 0;
    transition: 0.4s;
}

.saas-card:hover::before {
    opacity: 1;
}

.saas-card:hover {
    transform: translateY(-10px);
    border-color: #fec63f61;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.35);
}

/* top */

.card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.location-badge {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    padding: 10px 16px;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.location-badge i {
    color: var(--bg-theme-color);
    margin-right: 6px;
}

.growth-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--bg-theme-color);
    box-shadow: 0 0 15px #fdfdfd;
}

/* title */

.card-title {
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
}

/* metrics */

.metric-box {
    display: flex;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 20px;
    font-size: 15px;
}

.metric-box strong {
    color: #fff;
}

/* growth number */
.growth-number {
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 25px;
    color: var(--bg-theme-color);
}

/* tag */
.growth-tag {
    display: inline-block;
    background: rgba(255, 255, 255, 0.06);
    color: var(--bg-theme-color);
    padding: 12px 18px;
    border-radius: 14px;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}


/*** construction adv ***/

/* IMAGE WRAPPER */
.construction-adv-image {
    transition: all .3s ease;
}

/* OVERLAY */
.construction-adv-overlay {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.15), rgba(0, 0, 0, 0.05));
}

/* BADGE */
.construction-adv-badge {
    backdrop-filter: blur(8px);
}

/* LABEL */
.construction-adv-label {
    letter-spacing: .08em;
}

/* TITLE */
.construction-adv-title {
    font-size: 34px;
    line-height: 1.2;
}

/* STEP CARD */
.construction-adv-card {
    background: #fff;
    transition: all .25s ease;
    border: 1px solid transparent;
}

.construction-adv-card:hover {
    transform: translateY(-3px);
    border-color: rgba(37, 99, 235, 0.15);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

/* STEP NUMBER */
.construction-adv-step {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    color: var(--bg-text-color);
    background: rgba(37, 99, 235, 0.10);
    flex-shrink: 0;
}

.badge-saas {
    display: inline-block;
    padding: 6px 14px;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #ff7a18, #af002d 70%);
    border-radius: 999px;
    margin-left: 6px;
    box-shadow: 0 6px 18px rgba(175, 0, 45, 0.25);
    letter-spacing: 0.3px;
}



/* =========================
   DARK MODE PACKAGE SECTION
========================= */

.const-pack {
    background: #0f172a;
    position: relative;
    overflow: hidden;
}

/* soft gradient glow */
.const-pack::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(34, 197, 94, 0.12), transparent 70%);
    top: -200px;
    right: -100px;
    z-index: 0;
}

.const-pack .container {
    position: relative;
    z-index: 2;
}

/* TEXT COLORS */
.const-pack h2,
.const-pack h3 {
    color: #fff;
}

.const-pack .text-muted {
    color: #cdcecf !important;
}

.const-pack .text-dark-blue {
    color: #fff !important;
}

/* PACKAGE CARD */
.package-card {
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

/* subtle border glow */
.package-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    background: linear-gradient(135deg,
            rgba(255, 255, 255, 0.08),
            rgba(255, 255, 255, 0.02));
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

/* hover effect */
.package-card:hover {
    transform: translateY(-8px);
    border-color: var(--bg-theme-color);
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.35),
        0 0 30px rgba(34, 197, 94, 0.10);
}

/* FEATURED CARD */
.package-card.featured {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(17, 24, 39, 0.95));
    border-color: #fec63f75;
    box-shadow: 0 20px 40px #fec63f3b;
}

/* FEATURED BADGE */
.package-badge {
    position: absolute;
    top: 18px;
    right: -42px;
    background: var(--bg-theme-color);
    color: #000000;
    transform: rotate(45deg);
    padding: 7px 45px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: 0 8px 20px #fec63fbf;
}

/* BADGES */
.const-pack .badge {
    border: 1px solid rgb(255 255 255 / 60%);
    backdrop-filter: blur(10px);
}

.const-pack .bg-light {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

.const-pack .bg-dark-blue {
    background: #111827 !important;
}


/* LIST ITEMS */
.package-card ul li {
    color: #e2e8f0;
    font-size: 15px;
}



/* BUTTONS */
.btn-pack {
    background: var(--bg-theme-color);
    border: none;
    color: var(--bg-text-color);
    border-radius: 14px;
    font-weight: 600;
    transition: all .3s ease;
    position: relative;
    z-index: 99;
}

.btn-pack:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px #fec63f47;
    color: var(--bg-theme-color);

}

/* OUTLINE BUTTON */
.btn-outline-dark {
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    border-radius: 14px;
    background: transparent;
    position: relative;
    z-index: 99;
}

.btn-outline-dark:hover {
    transform: translateY(-2px);
    background: #fff;
    color: #111827;
}

/* DIVIDER */
.package-card hr {
    border-color: rgb(255 255 255 / 87%);
}

/* TITLE HIGHLIGHT */
.const-pack h2 span {
    text-shadow: 0 0 20px rgba(34, 197, 94, 0.30);
}

/* SMALL TOP LABEL */
.tracking-wider {
    letter-spacing: .12em;
}


/* SECTION */
.premium-testi-section {
    background-color: #f8f9fa;
}

/* LABEL */
.premium-testi-label {
    color: #fec63f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

/* TITLE */
.premium-testi-title {
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: #0f172a;
}

/* HIGHLIGHT */
.premium-testi-highlight {
    color: #fec63f;
    text-shadow: 0 5px 18px rgba(254, 198, 63, 0.25);
}

/* SUBTITLE */
.premium-testi-subtitle {
    max-width: 650px;
    margin-top: 18px;
}

/* CARD */
.premium-slider-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 26px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: all .35s ease;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.05);
    margin: 10px;
}

/* HOVER */
.premium-slider-card:hover {
    transform: translateY(-8px);
    border-color: rgba(254, 198, 63, 0.25);
    box-shadow:
        0 20px 60px rgba(15, 23, 42, 0.10);
}

/* GLOW */
.premium-slider-card::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(254, 198, 63, 0.08);
    border-radius: 50%;
    top: -80px;
    right: -80px;
    filter: blur(20px);
}

/* ICON */
.premium-quote-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: rgba(254, 198, 63, 0.12);
    color: #fec63f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 22px;
}

/* TEXT */
.premium-slider-text {
    color: #334155;
    line-height: 1.9;
    font-size: 15px;
    margin-bottom: 5px;
}

/* AVATAR */
.premium-slider-avatar {
    width: 54px !important;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(254, 198, 63, 0.14);
}

/* NAVIGATION */
.premium-testi-slider .owl-nav {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    gap: 14px;
}

/* ARROWS */
.premium-testi-slider .owl-nav button {
    width: 56px;
    height: 56px;
    border-radius: 18px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 18px !important;
    transition: all .3s ease;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.08);
}

.premium-testi-slider .owl-nav button:hover {
    background: #fec63f !important;
    color: #fff !important;
    transform: translateY(-3px);
}

/* DOTS */
.premium-testi-slider .owl-dots {
    margin-top: 20px;
    text-align: center;
}

.premium-testi-slider .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    background: #cbd5e1 !important;
    transition: all .3s ease;
}

.premium-testi-slider .owl-dot.active span {
    width: 34px !important;
    border-radius: 30px !important;
    background: #fec63f !important;
}

/* MOBILE */
@media(max-width:768px) {

    .premium-slider-card {
        padding: 24px;
        border-radius: 22px;
    }

}


/* SECTION */
.modern-faq-section {
    background:
        radial-gradient(circle at top right,
            rgba(254, 198, 63, 0.10),
            transparent 30%),
        linear-gradient(180deg, #f8fafc, #ffffff);
}

/* GLOW */
.modern-faq-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(254, 198, 63, 0.08);
    filter: blur(100px);
    top: -200px;
    right: -150px;
    border-radius: 50%;
}

/* LABEL */
.modern-faq-label {
    color: #fec63f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

/* TITLE */
.modern-faq-title {
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
}

/* HIGHLIGHT */
.modern-faq-highlight {
    color: #fec63f;
    text-shadow: 0 5px 18px rgba(254, 198, 63, 0.25);
}

/* SUBTITLE */
.modern-faq-subtitle {
    max-width: 700px;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.8;
}

/* WRAPPER */
.modern-faq-wrapper {
    max-width: 950px;
    margin: auto;
}

/* ACCORDION */
.modern-faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ITEM */
.modern-faq-item {
    border: none !important;
    background: transparent !important;
}

/* BUTTON */
.modern-faq-btn {
    background: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(18px);
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    border-radius: 24px !important;
    padding: 15px 20px;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.05);
    transition: all .35s ease;
    display: flex;
    align-items: center;
    gap: 22px;
}

/* HOVER */
.modern-faq-btn:hover {
    transform: translateY(-4px);
    border-color: rgba(254, 198, 63, 0.22) !important;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.08);
}

/* REMOVE DEFAULT */
.modern-faq-btn .accordion-button::after {
    filter: brightness(0);
    opacity: .7;
}

/* ACTIVE */
.modern-faq-section .accordion-button:not(.collapsed) {
    background: #fff !important;
    color: #0f172a !important;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.08);
}

/* NUMBER */
.modern-faq-number {
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: 18px;
    background: rgba(254, 198, 63, 0.14);
    color: #fec63f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
}

/* QUESTION */
.modern-faq-question {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.5;
}

/* BODY */
.modern-faq-body {
    padding: 28px 32px 10px 105px;
    color: #64748b;
    line-height: 2;
    font-size: 15px;
}

/* MOBILE */
@media(max-width:768px) {

    .modern-faq-btn {
        padding: 22px 20px !important;
        gap: 16px;
        border-radius: 20px !important;
    }

    .modern-faq-number {
        width: 46px;
        height: 46px;
        min-width: 46px;
        border-radius: 14px;
        font-size: 13px;
    }

    .modern-faq-question {
        font-size: 15px;
    }

    .modern-faq-body {
        padding: 22px 20px 10px 20px;
        font-size: 14px;
        line-height: 1.9;
    }

}


/* SECTION */
.modern-cta-section {
    background: #f8f9fa;
}

/* GLOW */
.modern-cta-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(254, 198, 63, 0.10);
    filter: blur(100px);
    top: -220px;
    right: -120px;
}

/* WRAPPER */
.modern-cta-wrapper {
    position: relative;
    z-index: 2;
}

/* LABEL */
.modern-cta-label {
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    background: rgba(254, 198, 63, 0.14);
}

/* TITLE */
.modern-cta-title {
    font-size: clamp(2.7rem, 4vw, 2rem);
    font-weight: 800;
    line-height: 1.15;
    color: #0f172a;
}

/* HIGHLIGHT */
.modern-cta-highlight {
    color: #fec63f;
    text-shadow: 0 5px 18px rgba(254, 198, 63, 0.25);
}

/* TEXT */
.modern-cta-text {
    margin-top: 22px;
    color: var(--bg-text-color);
    font-size: 16px;
    line-height: 1.9;
    max-width: 580px;
}

/* FEATURES */
.modern-cta-features {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 35px;
}

/* FEATURE */
.modern-cta-feature {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 600;
    color: #0f172a;
}

/* ICON */
.modern-cta-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(254, 198, 63, 0.14);
    color: var(--bg-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* IMAGE */
.modern-cta-image {
    border-radius: 30px;
    box-shadow:
        0 25px 60px rgba(15, 23, 42, 0.10);
}

/* FORM CARD */
.modern-cta-form-card {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 32px;
    padding: 40px;
    box-shadow:
        0 20px 60px rgba(15, 23, 42, 0.08);
}

/* BADGE */
.modern-cta-form-badge {
    display: inline-flex;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(254, 198, 63, 0.14);
    color: var(--bg-text-color);
    font-size: 13px;
    font-weight: 700;
}

/* FORM TITLE */
.modern-cta-form-title {
    font-size: 34px;
    font-weight: 800;
    margin-top: 20px;
    color: #0f172a;
}

/* FORM SUBTITLE */
.modern-cta-form-subtitle {
    color: #64748b;
    margin-top: 12px;
    line-height: 1.8;
}

/* INPUT GROUP */
.modern-input-group {
    display: flex;
    flex-direction: column;
}

/* LABEL */
.modern-input-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #0f172a;
}

/* INPUT */
.modern-input {
    height: 58px;
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #fff;
    padding: 0 18px;
    font-size: 15px;
    transition: all .3s ease;
    box-shadow: none !important;
}

/* TEXTAREA */
.modern-textarea {
    height: auto;
    padding-top: 18px;
}

/* FOCUS */
.modern-input:focus {
    border-color: rgba(254, 198, 63, 0.55);
    box-shadow:
        0 0 0 5px rgba(254, 198, 63, 0.10) !important;
}

/* BUTTON */
.modern-cta-btn {
    height: 62px;
    border: none;
    border-radius: 12px;
    background: #fec63f;
    color: #0f172a;
    font-size: 16px;
    font-weight: 700;
    transition: all .35s ease;
    box-shadow:
        0 18px 40px rgba(254, 198, 63, 0.30);
}

/* BUTTON HOVER */
.modern-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow:
        0 25px 60px rgba(254, 198, 63, 0.38);
}

/* MOBILE */
@media(max-width:768px) {

    .modern-cta-form-card {
        padding: 28px;
        border-radius: 24px;
    }

    .modern-cta-title {
        font-size: 24px;
        line-height: 1.3em;
    }

    .modern-cta-form-title {
        font-size: 28px;
    }

}


/* SECTION */

.real-growth-card {
    background: linear-gradient(180deg, #202028 0%, #17171d 100%);
    border: 1px solid rgba(254, 198, 63, .18);
    border-radius: 30px;
    padding: 20px;
    height: 100%;
    transition: .35s ease;
}

.real-growth-card:hover {
    transform: translateY(-8px);
    border-color: rgba(254, 198, 63, .45);
}

.real-growth-title {
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 30px;
}

.real-growth-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.real-growth-label {
    display: block;
    color: rgba(255, 255, 255, .75);
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 10px;
}

.real-growth-value {
    color: var(--bg-theme-color);
    font-size: 1.2rem;
    font-weight: 700;
}

.real-growth-arrow {
    padding: 0 4px;
}

.real-growth-graph {
    width: 100%;
    height: auto;
    display: block;
    margin: 15px 0;
}

.real-growth-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-direction: column;

}

.real-growth-badge {
    color: #fff;
    background: rgba(254, 198, 63, .08);
    border: 1px solid rgba(254, 198, 63, .3);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
}

.real-growth-time {
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
}

@media(max-width:767px) {

    .real-growth-card {
        padding: 24px;
    }



    .real-growth-stats {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .real-growth-value {
        font-size: 1.5rem;
    }

    .real-growth-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .real-growth-graph {

        margin-top: 0;
    }


}


/*** New Landing Page ***/
.header {
    background-color: var(--bg-theme-dark-color);

}

/* HERO */
.hero-sass-section {
    padding-top: 12rem;
    padding-bottom: 5rem;
    background-image: url(//www.techindiasoftware.com/images/3dline-bg.png);

}



.hero-sass-badge {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #18191c;
    text-transform: uppercase;
    border: 1px solid #dee2e6;
    background-color: var(--bg-theme-color);
    padding: 12px;
    border-radius: 50px;
}


.hero-sass-title {
    font-size: 54px;
    line-height: 1.08;
    font-weight: 700;
    max-width: 650px;
}

.hero-sass-title span {
    color: var(--bg-theme-color);
}

.hero-sass-desc {
    max-width: 520px;
    margin-top: 25px;
    margin-bottom: 35px;
    line-height: 1.8;
    color: #6b7280;
}

.hero-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.btn-theme {
    background: #19191f;
    color: #fff;
    border-radius: 12px;
    padding: 14px 28px;
    font-weight: 600;
    transition: all 0.3s ease;

}

.btn-theme:hover {
    background: var(--bg-theme-color);
    color: #fff;
    color: #18191c;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.btn-outline-custom-v1 {
    border: 1px solid #d7d7d7;
    border-radius: 12px;
    padding: 14px 28px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-outline-custom-v1:hover {
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* DASHBOARD */
.dashboard-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 24px;
    padding: 28px;
    box-shadow:
        0 15px 40px rgba(0, 0, 0, .05);
    transition: .4s;
}

.dashboard-card:hover {
    transform: translateY(-6px);
}

.dashboard-header {
    font-weight: 700;
    margin-bottom: 25px;
    font-family: 'Lexend', sans-serif;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.metric-card {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 18px;
    padding: 18px;
}

.metric-card span {
    display: block;
    color: #6b7280;
    font-size: 13px;
    margin-bottom: 10px;
}

.metric-card h4 {
    font-size: 28px;
    margin-bottom: 15px;
}

/* Line Chart */
.chart-line {
    height: 55px;
    position: relative;
}

.chart-line::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='60'%3E%3Cpolyline points='0,40 25,35 50,20 75,28 100,15 130,22 160,5' fill='none' stroke='%236c63ff' stroke-width='4'/%3E%3C/svg%3E") center/contain no-repeat;
}

.chart-line.second::after {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='60'%3E%3Cpolyline points='0,30 20,25 40,40 60,20 80,28 100,18 120,24 160,8' fill='none' stroke='%2300c16e' stroke-width='4'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Bar Chart */
.bar-chart {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 55px;
}

.bar-chart span {
    flex: 1;
    background: linear-gradient(to top, #fec63f, #ffc10738);
    border-radius: 5px 5px 0 0;
    margin: 0;
}

.bar-chart span:nth-child(1) {
    height: 20px;
}

.bar-chart span:nth-child(2) {
    height: 28px;
}

.bar-chart span:nth-child(3) {
    height: 34px;
}

.bar-chart span:nth-child(4) {
    height: 45px;
}

.bar-chart span:nth-child(5) {
    height: 50px;
}

.bar-chart span:nth-child(6) {
    height: 60px;
}

/* Circular Progress */
.progress-circle {
    width: 90px;
    height: 90px;
    margin: auto;
    border-radius: 50%;
    background:
        conic-gradient(#00c16e 0deg,
            #00c16e 331deg,
            #e5e7eb 331deg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-circle {
    width: 65px;
    height: 65px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

/* Responsive */
@media (max-width:991px) {

    .hero-title {
        font-size: 48px;
    }

    .dashboard-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width:767px) {

    .hero-sass-section {
        padding-top: 12rem;
        padding-bottom: 5rem;
    }

    .hero-sass-title {
        font-size: 35px;
        line-height: 1.3;
    }

    .hero-sass-desc {
        margin-inline: auto;
    }

    .hero-sass-buttons {
        justify-content: center;
    }


}


.results-section {
    background: #fff;
}

.results-wrapper {
    border-radius: 24px;

}


/* Result Cards */

.result-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    transition: .3s;
}

.result-card:hover {
    transform: translateY(-5px);
}

.result-content span {
    color: #64748b;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.result-content h3 {
    color: var(--bg-text-color);
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 8px;
}

.result-content p {
    color: #64748b;
    margin: 0;
    font-size: 14px;
}

/* Mini Chart */

.mini-chart {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    height: 70px;
}

.mini-chart span {
    width: 8px;
    background: linear-gradient(to top, #ffc107, #ffe69d);
    border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.mini-chart span:nth-child(1) {
    height: 10px;
}

.mini-chart span:nth-child(2) {
    height: 18px;
}

.mini-chart span:nth-child(3) {
    height: 28px;
}

.mini-chart span:nth-child(4) {
    height: 40px;
}

.mini-chart span:nth-child(5) {
    height: 55px;
}

.mini-chart span:nth-child(6) {
    height: 70px;
}

.map-icon {
    max-width: 150px;
}

/* Audit CTA */

.audit-box {
    margin-top: 35px;
    background-color: var(--bg-theme-dark-color);
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    color: #fff;
}

.audit-box h3 {
    font-weight: 700;
    margin-bottom: 10px;
}

.audit-box p {
    opacity: .9;
    margin-bottom: 25px;
}

.audit-form {
    max-width: 750px;
    margin: auto;
    display: flex;
    gap: 12px;
}

.audit-form input {
    flex: 1;
    border: 0;
    border-radius: 10px;
    padding: 15px 20px;
    outline: none;
}

.audit-form button {
    border: 0;
    background: var(--bg-theme-color);
    color: var(--bg-text-color);
    border-radius: 10px;
    padding: 15px 25px;
    font-weight: 600;
    transition: all 0.3s ease;

}

.audit-form button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.audit-features {
    list-style: none;
    margin: 25px 0 0;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}

.audit-features li {
    font-size: 14px;
    font-weight: 500;
}



/*** trusted section ***/

.trusted-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    align-items: center;
}

/* same design as your old item */
.trusted-grid .item {
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 10px #cccccc70;
    padding: 8px;
    background: #fff;
    transition: all .3s ease;
}

.trusted-grid .item:hover {
    transform: translateY(-3px);
}

/* logo styling */
.trusted-grid .item img {
    max-width: 100%;
    height: auto;
}

/* responsive */
@media (max-width: 992px) {
    .trusted-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .trusted-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 576px) {
    .trusted-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive */

@media(max-width:767px) {

    .results-wrapper {
        padding: 15px;
    }

    .audit-form {
        flex-direction: column;
    }

    .map-icon {
        margin-left: 35px;
    }

}




/* ====================================
   CASE STUDIES SECTION
==================================== */

.custom-case-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.custom-case-view-all {
    text-decoration: none;
    color: var(--bg-text-color);
    font-weight: 600;
    padding: 12px 20px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    transition: all .3s ease;
}

.custom-case-view-all:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

/* ====================================
   CARD
==================================== */

.custom-case-card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #edf0f7;
    box-shadow:
        0 1px 2px rgba(16, 24, 40, .04),
        0 20px 40px rgba(16, 24, 40, .06);
    transition: all .35s ease;
    height: 100%;
}

.custom-case-card:hover {
    transform: translateY(-8px);
    box-shadow:
        0 10px 20px rgba(16, 24, 40, .08),
        0 30px 60px rgba(16, 24, 40, .12);
}

/* ====================================
   IMAGE
==================================== */

.custom-case-image {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.custom-case-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.custom-case-card:hover .custom-case-image img {
    transform: scale(1.08);
}

/* ====================================
   INDUSTRY TAGS
==================================== */

.custom-case-tag {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;

    padding: 9px 16px;
    border-radius: 50px;

    font-size: 13px;
    font-weight: 600;
    line-height: 1;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(255, 255, 255, .4);

    box-shadow:
        0 4px 10px rgba(0, 0, 0, .06),
        0 12px 24px rgba(0, 0, 0, .08);
}

/* Manufacturing */

.custom-case-tag.manufacturing {
    background: #fff;
    color: #000;
}

/* E-Commerce */

.custom-case-tag.ecommerce {
    background: #fff;
    color: #000;
    box-shadow: 6px 11px 10px #262424cc;
}

/* Healthcare */

.custom-case-tag.healthcare {
    background: rgba(16, 185, 129, .12);
    color: #059669;
}

/* Finance */

.custom-case-tag.finance {
    background: rgba(139, 92, 246, .12);
    color: #7c3aed;
}

/* SaaS */

.custom-case-tag.saas {
    background: rgba(236, 72, 153, .12);
    color: #db2777;
}

/* ====================================
   CONTENT
==================================== */

.custom-case-content {
    padding: 30px;
}

.custom-case-content h3 {
    font-size: 18px;

    margin-bottom: 12px;
    color: var(--bg-text-color);
}



.custom-case-content hr {
    margin: 25px 0;
    border-color: #edf0f7;
}

/* ====================================
   STATS
==================================== */

.custom-case-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 30px;
    border: 1px solid #f1f1f1;
}

.custom-case-stat {
    text-align: center;
    padding: 15px 10px;
    border-radius: 14px;
}

.custom-case-stat h4 {
    color: var(--bg-text-color);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
}

.custom-case-stat span {
    font-size: 13px;
    color: #64748b;
}

/* ====================================
   BUTTON
==================================== */

.custom-case-link {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;

    text-decoration: none;
    color: var(--bg-text-color);

    padding: 15px 20px;

    border: 1px solid #e5e7eb;
    border-radius: 14px;

    font-weight: 600;

    transition: all .3s ease;
}

.custom-case-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .12);
}

/* ====================================
   MOBILE
==================================== */

@media (max-width: 767px) {

    .custom-case-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .custom-case-content {
        padding: 24px;
    }

    .custom-case-content h3 {
        font-size: 22px;
    }

    .custom-case-image {
        height: 200px;
    }

    .custom-case-stats {
        gap: 10px;
    }

    .custom-case-stat h4 {
        font-size: 20px;
    }
}

.grey-50 {
    background-color: var(--secondary-color);
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .custom-case-stats {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .custom-case-stats {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
}


/* ====================================
   CUSTOM INDUSTRY SECTION
==================================== */



.custom-industry-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.custom-industry-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(254, 198, 63, 0.14);
    color: var(--bg-text-color);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.custom-industry-title {
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 18px;
    color: #0f172a;
}

.custom-industry-subtitle {
    font-size: 18px;
    color: #64748b;
    line-height: 1.8;
}

/* Cards */

.custom-industry-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 35px 30px;
    text-align: center;
    height: 100%;
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
}

.custom-industry-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
            rgba(76, 107, 87, .03),
            transparent);
    opacity: 0;
    transition: .3s;
}

.custom-industry-card:hover {
    transform: translateY(-8px);
    box-shadow:
        0 15px 35px rgba(15, 23, 42, .06),
        0 30px 70px rgba(15, 23, 42, .08);
}

.custom-industry-card:hover::before {
    opacity: 1;
}

/* Active Card */

.custom-industry-card.active {
    background-color: var(--bg-theme-dark-color);
    border: none;
}

.custom-industry-card.active h3,
.custom-industry-card.active p,
.custom-industry-card.active a,
.custom-industry-card.active i {
    color: #fff;
}

/* Icon */

.custom-industry-icon {
    width: 85px;
    height: 85px;
    margin: 0 auto 25px;
    border-radius: 22px;
    background: rgba(254, 198, 63, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.custom-industry-icon i {
    font-size: 34px;
    color: var(--bg-text-color);
}

.custom-industry-card.active .custom-industry-icon {
    background: rgba(255, 255, 255, .12);
}

.custom-industry-card:hover .custom-industry-icon {
    transform: scale(1.08);
}

/* Content */

.custom-industry-card h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    color: #0f172a;
    margin-bottom: 15px;
}



.custom-industry-link {
    text-decoration: none;
    color: var(--bg-text-color);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: .3s;
    border: 1px solid var(--bg-theme-color);
    padding: 15px 20px;
    border-radius: 14px;
    position: relative;
    z-index: 99;

}

.custom-industry-link:hover {
    gap: 12px;
}

/* Responsive */

@media (max-width: 991px) {

    .custom-industry-section {
        padding: 80px 0;
    }

    .custom-industry-header {
        margin-bottom: 50px;
    }

    .custom-industry-card {
        padding: 30px 24px;
    }
}

@media (max-width: 767px) {

    .custom-industry-section {
        padding: 70px 0;
    }

    .custom-industry-title {
        font-size: 34px;
    }

    .custom-industry-subtitle {
        font-size: 16px;
    }

    .custom-industry-card {
        padding: 24px;
    }

    .custom-industry-icon {
        width: 70px;
        height: 70px;
    }

    .custom-industry-icon i {
        font-size: 28px;
    }
}


.custom-premium-approach {
    padding: 120px 0;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.custom-premium-approach:before {
    content: '';
    width: 500px;
    height: 500px;
    background: #fec63f;
    opacity: .08;
    filter: blur(120px);
    position: absolute;
    top: -200px;
    right: -100px;
    border-radius: 50%;
}

.custom-premium-heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 80px;
}

.custom-premium-heading span {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 100px;
    background: rgba(254, 198, 63, .15);
    color: #000;
    font-weight: 700;
    letter-spacing: 2px;
}

.custom-premium-heading h2 {
    font-size: 64px;
    font-weight: 900;
    color: #000;
    margin: 25px 0;
    line-height: 1.1;
}

.custom-premium-heading p {
    font-size: 18px;
    color: #666;
    line-height: 1.8;
}

.custom-process-wrapper {
    position: relative;
}

.custom-process-line {
    position: absolute;
    top: 65px;
    left: 10%;
    right: 10%;
    height: 4px;
    background:
        linear-gradient(90deg,
            #fec63f 0%,
            #ffe59c 50%,
            #fec63f 100%);
    z-index: 1;
}

.custom-process-card {
    background: rgba(255, 255, 255, .75);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(254, 198, 63, .15);
    border-radius: 28px;
    padding: 45px 30px;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: .4s;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, .04);
}

.custom-process-card:hover {
    transform: translateY(-15px);
    box-shadow:
        0 35px 70px rgba(254, 198, 63, .20);
    border-color: #fec63f;
}

.custom-step-count {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 90px;
    font-weight: 900;
    color: rgba(254, 198, 63, .12);
    line-height: 1;
}

.custom-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    border-radius: 24px;
    background:
        linear-gradient(135deg,
            #fec63f,
            #ffd977);
    color: #000;
    font-size: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 20px 40px rgba(254, 198, 63, .35);
}

.custom-process-card h4 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 15px;
}

.custom-process-card p {
    color: #666;
    line-height: 1.8;
    margin: 0;
}

@media(max-width:991px) {

    .custom-process-line {
        display: none;
    }

    .custom-premium-heading h2 {
        font-size: 42px;
    }

    .custom-process-card {
        margin-bottom: 20px;
    }

}

@media(max-width:767px) {

    .custom-premium-heading h2 {
        font-size: 32px;
    }

}


:root {
    --theme-color: #fec63f;
    --dark-color: #000;
    --text-color: #666;
}

/*==============================
 Process Section
==============================*/

.custom-process-section {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.custom-process-section::before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: #fec63f;
    opacity: .08;
    filter: blur(140px);
    top: -250px;
    right: -150px;
    border-radius: 50%;
}

.custom-process-section::after {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    background: #fec63f;
    opacity: .05;
    filter: blur(120px);
    bottom: -200px;
    left: -100px;
    border-radius: 50%;
}

/*==============================
 Heading
==============================*/

.custom-process-heading {
    max-width: 850px;
    margin: auto;
    margin-bottom: 90px;
}

.custom-process-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    background: rgba(254, 198, 63, .15);
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}



.custom-process-heading p {
    font-size: 18px;
    color: #666;
    line-height: 1.8;
}

/*==============================
 Timeline
==============================*/

.custom-process-wrapper {
    position: relative;
}

.custom-process-line {
    position: absolute;
    top: 70px;
    left: 8%;
    right: 8%;
    height: 4px;
    border-radius: 30px;

    background: linear-gradient(90deg,
            #fec63f,
            #ffd978,
            #fec63f);

    background-size: 200% 100%;

    animation: processFlow 5s linear infinite;
}

@keyframes processFlow {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 200% 0;
    }
}

/*==============================
 Card
==============================*/

.custom-process-card {
    position: relative;
    background: #fff;
    min-height: 300px;
    border-radius: 24px;
    padding: 15px;
    overflow: hidden;
    transition: .4s ease;
    box-shadow:
        0 10px 30px rgba(0, 0, 0, .05);
}

/* Open Corner Effect */

.custom-process-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    width: 80px;
    height: 80px;

    border-top: 3px solid #fec63f;
    border-left: 3px solid #fec63f;

    border-radius: 24px 0 0 0;
}

.custom-process-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;

    width: 80px;
    height: 80px;

    border-bottom: 3px solid #fec63f;
    border-right: 3px solid #fec63f;

    border-radius: 0 0 24px 0;
}

.custom-process-card:hover {
    transform: translateY(-15px);

    box-shadow:
        0 30px 70px rgba(254, 198, 63, .25);
}

/*==============================
 Step Number
==============================*/

.custom-step-no {
    position: absolute;
    right: 20px;
    top: 10px;

    font-size: 80px;
    font-weight: 900;
    line-height: 1;

    color: rgba(254, 198, 63, .12);
}

/*==============================
 Icon
==============================*/

.custom-process-icon {
    width: 85px;
    height: 85px;

    border-radius: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 30px;

    font-size: 30px;
    color: #000;

    background: linear-gradient(135deg,
            #fec63f,
            #ffe39a);

    box-shadow:
        0 15px 40px rgba(254, 198, 63, .35);
}

.custom-process-card h4 {
    font-size: 24px;
    font-weight: 800;
    color: #000;
    margin-bottom: 15px;
}



/*==============================
 Responsive
==============================*/

@media(max-width:1199px) {

    .custom-process-line {
        display: none;
    }

}



@media(max-width:767px) {

    .custom-process-section {
        padding: 80px 0;
    }

    .custom-process-heading {
        margin-bottom: 60px;
    }

    .custom-process-card {
        min-height: auto;
    }

    .custom-step-no {
        font-size: 60px;
    }

}


/*=========================
WHY CHOOSE US
=========================*/

.prime-advantage-section {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.prime-advantage-section::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(254, 198, 63, .08);
    border-radius: 50%;
    top: -250px;
    left: -250px;
}

.prime-advantage-content {
    position: relative;
    z-index: 2;
}

.prime-advantage-tag {
    display: inline-block;
    background: rgba(254, 198, 63, .15);
    color: var(--prime-black);
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.prime-advantage-title {
    font-size: clamp(2.3rem, 5vw, 4rem);
    font-weight: 800;
    line-height: 1.15;
    color: var(--prime-black);
    margin-bottom: 25px;
}

.prime-advantage-description {
    font-size: 17px;
    line-height: 1.9;
    color: var(--prime-text);
    margin-bottom: 40px;
}

.prime-advantage-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

.prime-advantage-item {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #fff;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, .06);
    transition: .4s;
}

.prime-advantage-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.prime-advantage-icon {
    min-width: 65px;
    width: 65px;
    height: 65px;
    border-radius: 18px;
    background: var(--bg-theme-color);
    color: var(--bg-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.prime-advantage-item h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--bg-text-color);
}

.prime-advantage-item p {
    margin: 0;
    color: var(--bg-text-color);
    font-size: 14px;
    line-height: 1.7;
}

.prime-advantage-action {
    margin-top: 40px;
}

.prime-advantage-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    background: var(--bg-theme-color);
    color: var(--prime-black);
    font-weight: 700;
    padding: 18px 35px;
    border-radius: 60px;
    transition: .4s;
}

.prime-advantage-btn:hover {
    background: var(--bg-theme-dark-color);
    color: #fff;
}

/*=========================
RIGHT SIDE DASHBOARD
=========================*/

.prime-growth-panel {
    position: relative;
}

.prime-growth-card {
    background: #fff;
    border-radius: 35px;
    padding: 40px;
    box-shadow: 0 25px 80px rgba(0, 0, 0, .08);
    position: relative;
    overflow: hidden;
}

.prime-growth-card::before {
    content: '';
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(254, 198, 63, .08);
    top: -170px;
    right: -170px;
}

.prime-growth-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.prime-growth-header h4 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
}

.prime-growth-header span {
    background: var(--bg-theme-dark-color);
    padding: 10px 18px;
    border-radius: 50px;
    font-weight: 700;
    color: var(--bg-theme-color);
}

.prime-growth-bars {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 240px;
    gap: 18px;
    margin-bottom: 40px;
}

.prime-growth-bar {
    flex: 1;
    border-radius: 15px 15px 0 0;
    background: linear-gradient(to top,
            #fec63f,
            #ffd975);
}

.h-40 {
    height: 40%;
}

.h-55 {
    height: 55%;
}

.h-60 {
    height: 60%;
}

.h-80 {
    height: 80%;
}

.h-95 {
    height: 95%;
}

.prime-growth-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.prime-growth-stat {
    background: #fafafa;
    border-radius: 18px;
    padding: 20px;
    text-align: center;
}

.prime-growth-stat strong {
    display: block;
    font-size: 28px;
    color: var(--prime-black);
    font-weight: 800;
}

.prime-growth-stat span {
    color: var(--prime-text);
    font-size: 14px;
}

/* Floating Cards */

.prime-floating-card {
    position: absolute;
    background: #fff;
    border-radius: 20px;
    padding: 18px 22px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
}

.prime-floating-card.top {
    top: -67px;
    left: -32px;
}

.prime-floating-card.bottom {
    bottom: -58px;
    right: -40px;
}

.prime-floating-card h6 {
    margin: 0;
    font-weight: 700;
}

.prime-floating-card p {
    margin: 0;
    font-size: 13px;
    color: #777;
}

/*=========================
RESPONSIVE
=========================*/


@media(max-width:991px) {



    .prime-growth-panel {
        margin-top: 50px;
    }

    .prime-floating-card.top {
        left: 0;
    }

}

@media(max-width:767px) {

    .prime-advantage-action {
        text-align: center;
    }

    .prime-advantage-grid {
        grid-template-columns: 1fr;
    }

    .prime-growth-stats {
        grid-template-columns: 1fr;
    }

    .prime-growth-card {
        padding: 25px;
    }

    .prime-growth-bars {
        height: 180px;
        gap: 10px;
    }

    .prime-floating-card {
        display: none;
    }

    .prime-advantage-title {
        font-size: 38px;
    }

}


.custom-feature-item {
    display: flex;
    gap: 18px;
    margin-bottom: 30px;
}

.custom-feature-icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #000;
    border: 1px solid #ffc1078a;
    background: rgba(254, 198, 63, 0.12);
}

.custom-feature-content h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
}

.custom-feature-content p {
    color: var(--text-color);
    margin: 0;
    line-height: 1.7;
}


/* =========================
           PREMIUM COUNTER SECTION
        ========================== */

.premium-counter-section {
    padding: 20px 0 20px 0;
    position: relative;

}


/* =========================
           COUNTER ITEM
        ========================== */

.premium-counter-item {
    padding: 10px;
    transition: .4s ease;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 15px;
}




.premium-counter-item:hover {
    transform: translateY(-8px);
}

.premium-counter-item:hover .premium-icon {
    transform: rotate(-8deg) scale(1.08);
}

/* Divider */

@media(min-width:992px) {
    .premium-counter-item:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);

        width: 1px;
        height: 90px;

        background: linear-gradient(to bottom,
                transparent,
                rgba(0, 0, 0, .12),
                transparent);
    }
}

/* =========================
           ICON
        ========================== */

.premium-icon {
    width: 74px;
    height: 74px;

    border-radius: 22px;

    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fec63f, #ffe39a);

    border: 1px solid rgba(254, 198, 63, .25);
    font-size: 30px;
    transition: .4s ease;
    box-shadow:
        0 10px 25px rgba(254, 198, 63, .12);
}

/* =========================
           TEXT
        ========================== */

.premium-number {
    font-size: 1.7rem;
    line-height: 1;
    margin-bottom: 12px;

}

.premium-number span {
    background:
        linear-gradient(135deg,
            #111,
            #444);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.premium-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    color: var(--muted-grey);
    font-weight: 600;

}

.premium-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 7px 14px;

    border-radius: 50px;

    background: rgba(254, 198, 63, .12);

    border: 1px solid rgba(254, 198, 63, .22);

    font-size: 11px;
    font-weight: 700;
    color: #111;
}

.premium-badge i {
    color: var(--accent-yellow);
}

/* =========================
           RESPONSIVE
        ========================== */

@media(max-width:991px) {

    .premium-counter-item {
        border-right: 0;
        margin-bottom: 30px;
    }

}

@media(max-width:767px) {

    .premium-counter-section {
        padding: 40px 0;
    }

    .premium-counter-wrapper {
        border-radius: 24px;
    }

    .premium-counter-item {
        text-align: center;
        margin-bottom: 30px;
        border: 0;
        grid-template-columns: 1fr;
    }

    .premium-icon {
        margin: 0 auto 20px;
    }

    .premium-number {
        font-size: 2.3rem;
    }

}

.custom-services-section {
    background-image: url(//www.techindiasoftware.com/images/3dline-bg.png);
}

.custom-services-heading {
    max-width: 750px;
    margin: auto;
    margin-bottom: 70px;
}

.custom-services-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 50px;

    background: rgba(254, 198, 63, .15);

    color: #000;

    font-size: 14px;
    font-weight: 600;

    margin-bottom: 20px;
}

.custom-service-card {
    height: 100%;

    padding: 35px;

    background: #fff;

    border: 1px solid #eee;

    border-radius: 24px;

    position: relative;

    overflow: hidden;

    transition: .4s ease;
}

.custom-service-card::before {
    content: "";

    position: absolute;

    width: 130px;
    height: 130px;

    background: rgba(254, 198, 63, .12);

    border-radius: 50%;

    top: -70px;
    right: -70px;

    transition: .4s;
}

.custom-service-card:hover {
    transform: translateY(-10px);

    border-color: #fec63f;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, .08);
}

.custom-service-card:hover::before {
    transform: scale(1.5);
}

.custom-service-icon {
    width: 68px;
    height: 68px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 28px;
    margin-bottom: 25px;
    transition: .4s;
    background: linear-gradient(135deg, #fec63f, #ffe39a);
    box-shadow: 0 15px 40px rgba(254, 198, 63, .35);
}


.custom-service-card:hover .custom-service-icon {
    transform: rotate(-8deg) scale(1.08);
}

.custom-service-card h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
}

.custom-service-card p {
    color: #666;
    line-height: 1.8;
    margin-bottom: 25px;
}

.custom-service-card a {
    text-decoration: none;

    color: #000;

    font-weight: 600;

    display: inline-flex;
    align-items: center;
    gap: 10px;

    transition: .3s;
}

.custom-service-card:hover a {
    gap: 16px;
}



@media(max-width:767px) {
    .custom-service-card {
        padding: 28px;
    }
}


@media (min-width:1025px) and (max-width: 1280px) {
    .cta-1 {
        padding: 14px 20px;
    }
}

#auditBox {
    scroll-margin-top: 100px;
    scroll-behavior: smooth;
}

/*  recaptcha css   */
.recaptcha-wrapper {
    display: inline-block;
    padding: 12px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.testimonial-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 20px 0 16px;
}

.testimonial-rating span {
    font-weight: 700;
    font-size: 15px;
    color: #111827;
    margin-right: 4px;
}

.testimonial-rating i {
    color: #fec63f;
    font-size: 15px;
}

#openCanvasMenu {
    color: #000 !important;
    -webkit-text-fill-color: #000;
    appearance: none;
    -webkit-appearance: none;
}

#openCanvasMenu .fa-bars {
    color: #000 !important;
}


.audit-form {
    margin: auto;
}

.audit-form .form-step {
    display: none;
    animation-duration: 0.3s;
}

.audit-form .form-step.active {
    display: block;
}

.audit-form .step-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.audit-form .step-row .form-control {
    height: 58px;
    border-radius: 10px;
}

.audit-form .step-row .btn {
    height: 58px;
    white-space: nowrap;
    padding: 0 25px;
}

.audit-form .step-row .url-input {
    flex: 1;
}

.audit-form .step-row .name-input,
.audit-form .step-row .email-input {
    flex: 1;
}

.audit-form .slide-left {
    animation: slideLeft 0.3s ease;
}

.audit-form .slide-right {
    animation: slideRight 0.3s ease;
}

@keyframes slideLeft {
    from {
        opacity: 0;
        transform: translateX(40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideRight {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    .audit-form .step-row {
        flex-direction: column;
    }

    .aaudit-form .step-row .form-control,
    .audit-form .step-row .btn {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .audit-form .name-input,
    .audit-form .email-input {
        width: 100% !important;
    }

    .audit-form #backBtn,
    .audit-form .auditsub {
        width: 100%;
    }
}

.error-border {
    border: 2px solid red !important;
}

#auditMessage .alert {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-width: clamp(280px, 100%, 455px);
    margin: auto;
}

@media (min-width:1025px) and (max-width:1199px) {

    .header {
        top: 29px;
    }

}

.industries-menu {
    width: 650px;
    left: -380px !important;
}

@media (max-width:1199px) {
    #canvas-menu {
        max-height: 100vh;
        overflow-y: auto;
    }
}@media (max-width: 767px) {

    .header .row {

        flex-direction: column-reverse;

    }



    .inner-banner-sec {

        padding-top: 11rem;

    }



    .service-v2-wrap {

        grid-template-columns: 1fr;

    }



    .cta-1 {

        padding: 14px 12px;

        margin-left: 0;

        font-size: 12px;

    }



    .theme-btn-round {

        padding: 14px 12px;

    }



    #openCanvasMenu {

        margin-right: 15px;

        font-size: 12px !important;

    }



    .contact-info-block .inner .text {

        word-wrap: break-word;

    }



    .header {

        top: 0px;

    }



    .logo {

        margin-top: 15px;

        max-width: 100%;

        text-align: center;

    }



    .logo img {
        margin-top: 5px;
        max-width: 215px;
    }



    .btn-style-one {

        font-size: 12px;

        padding: 15px 8px;

    }



    .btn-style-two {

        font-size: 12px;

        padding: 15px 8px;

    }



    .slider-title {

        font-size: 2rem;

    }



    .top-branditem {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        gap: 10px;

        max-width: 90%;

    }



    .branditem-box {

        flex: 1 1 calc(33.33% - 10px);

        max-width: calc(33.33% - 10px);

        box-sizing: border-box;

        margin-bottom: 10px;

    }



    .industry-wrapper {

        grid-template-columns: 1fr;

    }



    .sec-pb-80 {

        padding-bottom: 40px;

    }



    .sec-pt-80 {

        padding-top: 40px;

    }



    .sec-title {

        font-size: 24px;

    }



    .sec-subtitle {

        line-height: 1.9rem;

        font-size: 1.2rem;

    }



    .service-v2-item .title {

        font-size: 24px;

    }



    .approach-sec .approach-title {

        font-size: 1.2rem;

    }



    .approach-img {

        border-radius: 0;

    }



    .service-v2-item {

        padding: 20px;

        border: 1px solid var(--bg-theme-color);

    }



    .approach-sec .accordion-item {

        margin-left: 10px;

    }



    .why-choose-section .accordion-item:last-of-type {

        margin-bottom: 30px;

    }



    .why-choose-img {

        border-bottom-left-radius: 0px;

    }



    .seo-data {

        font-size: 12px;

    }



    .bi-blog-meta {

        transform: translateX(0px);

    }



    .bi-blog-meta:after {

        top: -3px;

        right: 20px;

        width: 40px;

        content: "";

        height: 40px;

        background-size: cover;

    }



    .bi-blog-meta:before {

        right: 25px;

        top: 16px;

        width: 45%;

    }



    .cont-wrapper img {

        display: none;

    }



    .cont-wrapper {

        border-radius: 0;

        padding: 15px 20px;

    }



    .contact-form .form-control {

        margin-bottom: 15px;

        padding: 0;

    }



    .contact-form .btn-style-one {

        padding: 10px 20px;

    }



    .contact-info-block .inner .text a {

        font-size: 14px;

    }



    .cont-widget ul {

        margin: 15px 0;

    }



    .cont-numbers>a {

        font-size: 12px;

    }



    .copyright {

        font-size: 12px;

    }



    .widget-box {

        margin-top: 10px;

    }



    .blog-content {

        margin-top: 0;

    }



    .blog-img {

        margin-bottom: 30px;

    }



    #canvas-menu {

        right: -100%;

        width: 100%;

    }



    .form-modal .cont-title h2 {

        font-size: 24px;

    }



    .counter-wrapper {

        grid-template-columns: 1fr;

        padding: 15px;

        max-width: 85%;

    }



    .counter-item span {

        font-size: 20px;

    }



    .about-inner-shape-1 img {

        border-top-right-radius: 0px;

        margin-top: 45px;

        margin-bottom: 40px;

    }





    .seo-reseller-sec img {

        border-radius: 0;

    }



    .contact-sec .btn-style-one {

        width: 100%;

        width: 170px;

        max-width: 170px;

    }



    .sec-pb-150 {

        padding-bottom: 50px;

    }



    .cont-address {

        display: flex;

        flex-direction: column;

        row-gap: 40px;

    }



    .contact-details__right {

        margin-top: 25px;

    }



    .cont-title h2:before {

        top: 15px;

    }



    .project-title h4 {

        font-size: 16px;

    }



    .tg {

        display: block;

    }



    .tg-vl0s span {

        font-size: 18px !important;

    }



    tbody,

    td,

    tfoot,

    th,

    thead,

    tr {

        width: 100%;

    }



    .acc-title {

        font-size: 16px;

    }



    .accordion-body p {

        font-size: 14px;

    }



    .contribution-wrapper {

        grid-template-columns: 1fr;

    }



    .seo-result-page table {

        display: block;

    }



    .seo-result-page table td {

        font-size: 13px;

    }



    .seo-result-page table tr:nth-child(1) th {

        font-size: 18px;

    }



    .seo-result-page .table tr:nth-child(2) th {

        font-size: 14px;

    }



    .color-list {

        grid-template-columns: repeat(1, 1fr);

    }



    .result-table .table {

        overflow-x: auto;

        display: block;

    }



    .contact__submitBtn {

        width: 170px;

    }



    /*** Seo packages ***/

    .search-form {

        max-width: 100%;

    }



    .proposal-sec-v1 {

        padding-top: 40px;

    }



    .card-transform {

        transform: unset;

    }



    .case-studies-facts-new .case-study-card-new .des h4 {

        font-size: 18px;

    }



    .case-studies-facts-new .case-study-card-new .des p {

        font-size: 15px;

    }



    .case-studies-facts-new .case-study-card-new {

        grid-template-columns: repeat(1, 1fr);

    }



    .case-studies-facts-new .case-study-card-new .des {

        margin-bottom: 30px;

    }



    .case-studies-facts-new h3 {

        font-size: 20px;

    }



    .case-studies-facts-new .case-study-card-new .left img {

        border-radius: 0;

        border-right: 0;

    }



    .seo-rank-table.new-table-ui ul li {

        width: 100%;

    }



    .seo-package-area .package-geading h2 {

        line-height: 31px !important;

        font-size: 34px !important;

    }



    .package-tab.stick,

    .table-view {

        overflow: auto;

    }



    .scroll-tabel {

        width: 1000px;

    }



    .seo-package-area ul#pills-tab li a.active {

        font-size: 22px;

    }



    /*** form checkbox ***/

    .checkbox-wrapper {

        grid-template-columns: 1fr;

    }



    .counter-item p {

        font-size: 16px;

    }



    .mt-80 {

        margin-top: 20px;

    }



    .bugfree-feature li .count-1 {

        display: none;

    }



    .bugfree-feature {

        padding-left: 10px;

    }



    .bugfree-content h5 {

        font-size: 18px;

        margin-bottom: 10px !important;

    }



    .business-item {

        margin-bottom: 25px;

    }



    .slider-item-1 {

        background-image: unset;

        background-color: #000 !important;

    }



    .slider-item-2 {

        background-image: unset;

        background-color: #000 !important;

    }



    .client-testimonial {

        margin-bottom: 25px;

    }



    .benefits-container {

        grid-template-columns: 1fr;

        padding-left: 15px;

        padding-right: 15px;

        padding-bottom: 25px;

    }





    .benefits-container>li:last-child {

        border-left: 0;

        padding-left: 0;

    }



    /*** dev logo ***/

    .dev-logo-contaner {

        overflow-x: scroll;

        margin-left: 15px;

        margin-right: 15px;

    }



    /** 12-02-2025 **/

    .cont-address {

        grid-template-columns: 1fr;

    }



    .cont-title h2 {

        font-size: 1.7rem;

    }



    form.contact__form {

        padding: 20px;

    }



    .pt-rem-10 {

        padding-top: 12rem;

    }



    .fs-18 {

        font-size: 16px;

    }



    .contact-information {

        padding-top: 60px !important;

        padding-bottom: 30px !important;

    }



    .service-v2-item:nth-child(1) .ret-service-list li {

        color: #000000;

    }

    .service-v2-item:hover .ret-service-list li {

        color: #000000;

    }

    /*** face attendance redesign page ***/

    .footer-grid-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .app-grid-card {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        padding: 1rem;
    }

    .googleplay-grey {
        max-width: 150px;
    }

    .hero-app-img {
        margin-top: 25px
    }

    .account-setup-card {
        grid-template-columns: repeat(1, 1fr);
    }

    .process-card {
        box-shadow: unset;
        border: 0;
        margin-top: 0;
        padding: 0;
    }

    .prgress-bar-item {
        display: none;
    }

    .core-feature {
        text-align: center;
    }

    .custom-col-reverse {
        flex-direction: column-reverse;
    }

    ul.privacy-policy {
        padding-left: 10px;
    }

    .currency {
        margin-bottom: 15px;
    }


    .res-p {
        color: #000 !important;
    }

    .res-p:hover {
        color: #000 !important;
    }

    .res-p li {
        color: #000 !important;
    }

    .res-p li:hover {
        color: #000 !important;
    }



}



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

    .service-v2-wrap {

        grid-template-columns: 1fr 1fr;

        gap: 30px;

    }



    .top-branditem {

        max-width: 79%;

    }



    .why-choose-section .accordion-item:last-of-type {

        margin-bottom: 30px;

    }



    .bi-blog-meta {

        transform: translateX(0px);

    }



    .bi-blog-meta:after {

        right: 0;

    }



    .cont-form-img img {

        display: none;

    }



    .contact-info-block .inner .text a {

        font-size: 16px;

    }



    .widget-box {

        margin-top: 30px;

    }



    .cont-widget ul {

        margin: 5px 0;

    }



    .about-inner-shape-1 img {

        margin-top: 50px;

    }



    .seo-reseller-sec img {

        border-radius: 0;

    }



    .contact-sec .btn-style-one {

        width: 100%;

    }



    .contact-details__right {

        margin-top: 25px;

    }







    .inner-banner-sec {

        padding-top: 11rem;

    }



    .service-v2-item {

        border: 1px solid var(--bg-theme-color);

    }



    .retainer-item {

        border-top-left-radius: 0px;

    }



    /*** SEO Packages ***/

    .seo-package-area .package-geading h2 {

        line-height: 31px !important;

        font-size: 34px !important;

    }



    .package-tab.stick,

    .table-view {

        overflow: auto;

    }



    .scroll-tabel {

        width: 1000px;

    }



    .seo-package-area ul#pills-tab li a.active {

        font-size: 22px;

    }



    .card-transform {

        transform: unset;

    }



    .proposal-sec-v1 {

        padding-top: 80px;

    }



    .case-studies-facts-new .case-study-card-new .des h4 {

        font-size: 18px;

    }



    .case-studies-facts-new .case-study-card-new .des p {

        font-size: 15px;

    }



    .case-studies-facts-new .case-study-card-new {

        grid-template-columns: repeat(1, 1fr);

    }



    .case-studies-facts-new .case-study-card-new .des {

        margin-bottom: 30px;

    }



    .case-studies-facts-new h3 {

        font-size: 20px;

    }



    .case-studies-facts-new .case-study-card-new .left img {

        border-radius: 0;

        border-right: 0;

    }



    /*** form checkbox ***/

    .checkbox-wrapper .form-check {

        font-size: 13px;

    }



    .counter-wrapper {

        max-width: 85%;

    }



    .industry-wrapper {

        grid-template-columns: 1fr 1fr;

    }



    .business-item {

        margin-bottom: 25px;

    }



    .job-inquiry {

        display: none;

    }



    .top-info a {

        font-size: 13px;

    }



    .top-info span {

        font-size: 13px;

    }



    /*** dev logo ***/

    .dev-logo-contaner {

        overflow-x: scroll;

        margin-left: 15px;

        margin-right: 15px;

        padding-bottom: 25px;

    }



    .header {

        top: 29px;

    }



    .service-v2-item:nth-child(1) .ret-service-list li {

        color: #000000;

    }

    .service-v2-item:hover .ret-service-list li {

        color: #000000;

    }

    /*** 23-05-2025 ***/
    .footer-grid-container {
        grid-template-columns: repeat(3, 1fr);
    }

    /** face rcognition redesign **/
    .app-grid-card {
        grid-template-columns: repeat(2, 1fr);
    }


}





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

    .cont-form-img {

        display: none;

    }



    .cont-wrapper .row .col-lg-7 {

        width: 100% !important;

    }



    /*** SEO Packages ***/

    .card-transform {

        transform: unset;

    }



    .industry-wrapper {

        grid-template-columns: 1fr 1fr;

    }



    .business-item {

        margin-bottom: 25px;

    }



    .top-info span {

        font-size: 13px;

    }



    .top-info a {

        font-size: 13px;

    }



    /*** dev logo ***/

    .dev-logo-contaner {

        overflow-x: scroll;

        margin-left: 15px;

        margin-right: 15px;

        padding-bottom: 25px;

    }



    .header {

        top: 29px;

    }







}



@media (min-width: 992px) {

    .service-v2-item:nth-child(1) {

        border-right: 1px solid var(--bg-theme-color);

        border-bottom: 1px solid var(--bg-theme-color);

    }



    .service-v2-item:nth-child(2) {

        border-right: 1px solid var(--bg-theme-color);

        border-bottom: 1px solid var(--bg-theme-color);

    }



    .service-v2-item:nth-child(3) {

        border-bottom: 1px solid var(--bg-theme-color);

    }



    .service-v2-item:nth-child(4) {

        border-right: 1px solid var(--bg-theme-color);

    }



    .service-v2-item:nth-child(5) {

        border-right: 1px solid var(--bg-theme-color);

    }



    .seo-res-service .service-v2-item:nth-child(4) {

        border-bottom: 1px solid var(--bg-theme-color);

    }



    .seo-res-service .service-v2-item:nth-child(5) {

        border-bottom: 1px solid var(--bg-theme-color);

    }



    .seo-res-service .service-v2-item:nth-child(6) {

        border-bottom: 1px solid var(--bg-theme-color);

    }



    .seo-res-service .service-v2-item:nth-child(7) {

        border-right: 1px solid var(--bg-theme-color);

    }



    .seo-res-service .service-v2-item:nth-child(8) {

        border-right: 1px solid var(--bg-theme-color);

    }



    .retain-wordpress .service-v2-item:nth-child(4),

    .retain-wordpress .service-v2-item:nth-child(5),

    .retain-wordpress .service-v2-item:nth-child(6) {

        border-bottom: 0;

    }



    .testimonial-block {

        border-radius: 10px;
        /* Rounded corners */

        overflow-y: scroll;

        background-color: #f9f9f9;
        /* Light background */

        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        /* Subtle shadow */

        transition: all 0.3s ease;
        /* Smooth transition for hover effect */

        max-height: 400px;

    }



    .testimonial-block::-webkit-scrollbar {

        width: 5px;
        /* Scrollbar width */

    }



    .testimonial-block::-webkit-scrollbar-track {

        background: #19191f;
        /* Scrollbar track color */

        border-radius: 10px;

    }



    .testimonial-block::-webkit-scrollbar-thumb {

        background: #fec63f;
        /* Scrollbar thumb color */

        border-radius: 10px;

    }



    .testimonial-block::-webkit-scrollbar-thumb:hover {

        background: #fec63f;
        /* Scrollbar thumb color */

    }



    .cust-whitelabel-fs {

        font-size: 36px;

    }



    .custom-scroll::-webkit-scrollbar {

        width: 5px;
        /* Scrollbar width */

    }



    .custom-scroll::-webkit-scrollbar-track {

        background: #19191f;
        /* Scrollbar track color */

        border-radius: 10px;

    }



    .custom-scroll::-webkit-scrollbar-thumb {

        background: #fec63f;
        /* Scrollbar thumb color */

        border-radius: 10px;

    }



    .custom-scroll::-webkit-scrollbar-thumb:hover {

        background: #fec63f;
        /* Scrollbar thumb color */

    }



    .squarespace-scroll {

        max-height: 400px;

        overflow-y: scroll;

    }



    .squarespace-scroll-v1 {

        max-height: 308px;

        overflow-y: scroll;

    }



    .app-serviceitem {

        border: 1px solid;

        max-height: 300px;

        overflow-y: scroll;

        border-right: 0;

    }



    /*** 17-02-2025 ***/

    .webdev-wrapper {

        display: grid;

        grid-template-columns: 1fr 1fr;

    }



    .webdev-scroll {

        max-height: 207px;

        overflow-y: scroll;

        padding-bottom: 25px;

    }



    .service-v2-item:nth-child(1) {

        border-right: 1px solid #ccc;

        border-bottom: 1px solid #ccc;

        background: #000;

    }



    .service-v2-item:nth-child(1) .title {

        font-size: 22px;

        color: #ffc107;

    }



    .service-v2-item:nth-child(1) .disc {

        color: #ffffff;

    }



    .seo-res-service .service-v2-item:nth-child(5) {

        border-bottom: 1px solid var(--bg-theme-color);

        background: #ffc107;

    }



    .seo-res-service .service-v2-item:nth-child(9) {

        border-right: 1px solid var(--bg-theme-color);

        background: #000;

    }



    .seo-res-service .service-v2-item:nth-child(9) .title {

        font-size: 22px;

        color: #ffc107;

    }



    .seo-res-service .service-v2-item:nth-child(9) .disc {

        color: #ffffff;

    }





    .webdev-services .service-v2-wrap {

        margin-top: 2rem;

    }



    .webdev-services .service-v2-item:hover::after {

        background: #212121;

    }



    .webdev-services .service-v2-item:hover .title {

        color: #ffc107;

    }



    .webdev-services .service-v2-item:hover .disc {

        color: #fff
    }



    .webdev-services .service-v2-item {

        transition: all 0.3s ease;

    }



    .service-v2-wrap {

        display: grid;

        grid-template-columns: 1fr 1fr 1fr;

        margin-top: 5rem;

    }



    .webdev-wrapper li {

        max-height: 383px;

        overflow: hidden;

    }



    .methology-sec .col-lg-5 {

        max-height: 435px;

        overflow: hidden;

    }



    .mob-app-v1 .business-item {

        min-height: unset;

        max-height: 228px;

        overflow-y: scroll;

        border-right: 0;

        border-radius: 0;

    }









}



@media only screen and (min-width: 1199px) {

    .business-item {

        min-height: 364px;

    }



    .contact-sec .btn-style-one {

        width: 100%;

    }

}



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

    .contact-info-block .inner .text a {

        font-size: 14px;

    }



    .btn-style-one {

        font-size: 14px;

        padding: 20px 10px;

    }



    .btn-style-two {

        font-size: 14px;

        padding: 20px 10px;

    }



    .contact-details__right {

        margin-top: 30px;

    }



    .cont-address {

        grid-column-gap: 20px;

    }





}





@media(max-width:1199.98px) {

    .megamenu-wrapper {

        display: none;

    }



    /*** SEO Packages ***/

    .card-transform {

        transform: unset;

    }





}



@media(min-width:1200px) {

    .side-menu {

        display: none;

    }



}





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

    .call-to-action-sec .g-recaptcha {

        transform: scale(.8);

        margin-left: -31px;

    }



    .cont-form-img img {

        margin-right: -100px;

    }



}

@media (min-width: 768px) {
    .currency {
        margin-bottom: -25px;
    }

    .currency .btn-group {
        z-index: 9999;
    }

}


/*** Construction Marketing ***/

@media(max-width:1199px) {

    .hero-title {
        font-size: 48px;
    }

    .form-card {
        width: 330px;
    }

    .mob-menu-title {
        font-size: 11px;
        margin-left: 6px;
        display: inline-block;
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 50px;
    }
}

@media(max-width:991px) {

    .hero-section {
        padding: 60px 0;
    }

    .hero-title {
        font-size: 42px;
    }

    .hero-image-wrapper {
        min-height: auto;
    }

    .hero-image {
        height: 500px;
    }

    .form-card {
        position: relative;
        width: 100%;
        right: auto;
        top: auto;
        border-radius: 0 0 30px 30px;
    }

    .platform-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .feature-title {
        font-size: 12px;
    }

    .feature-box {
        padding: 10px 5px;
    }

    .feature-icon {
        width: 40px;
        height: 40px;
    }



}

@media(max-width:767px) {

    .hero-title {
        font-size: 30px;
    }

    .hero-description {
        font-size: 16px;
    }

    .btn-green,
    .btn-outline-custom {
        width: 100%;
    }

    .hero-btns {
        display: flex;
        flex-direction: column;
    }

    .hero-image {
        height: 350px;
        display: none;
    }

    .form-title {
        font-size: 28px;
    }


    .hero-image-wrapper {
        width: 94vw;
    }

    .review-wrapper {
        flex-wrap: nowrap;
    }

    .inner-hero-section {
        padding-top: 12rem;
        padding-bottom: 4rem;
    }

    .form-title {
        font-size: 24px;
    }

    .cust-case-study h2 {
        font-size: 24px;
    }

    .badge-saas {
        margin-top: 8px;
    }

    .feature-row {
        display: none;
    }

    .form-card {
        max-width: 540px;
    }

    .platform-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .mob-menu-title {
        font-size: 11px;
        margin-left: 6px;
        display: inline-block;
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 50px;
    }

    .webdev-sec {
        padding-top: 180px;
    }

    .audit_form_captcha {
        max-width: 277px;
    }

    .audit_form_captcha .g-recaptcha {
        transform: scale(0.8);
        margin-left: -20px;
    }


}