/*** global css ***/



:root {

    --bg-theme-color: #fec63f;

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

    --theme-white-color: #fff;

    --bg-theme-dark-color: #19191f;

}





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: 15px;

}



/* 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: 200px;

}



.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: var(--theme-white-color);

    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;

}





.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;

}



.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;

}



.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;

    padding-left: 0;

}



.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: 14px;

    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-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 #ffc107;
}

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

/*** 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;
}@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 {

        width: 50%;

    }



    .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(2, 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;
    }


}



@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;

    }



}