.sec-title {
    text-align: justify;
    line-height: 1.2;
    font-weight: 700;
    position: relative;
    font-size: 36px;
    line-height: 1.2;
    word-break: keep-all;
    overflow-wrap: break-word;
}
.footer-section .footer-brand .contact-info .contact-item .title {
    opacity: 1;
    }
   
   .brand-info .logo img {
    width: 50%;
} 
.footer-section .footer-brand .contact-info .contact-item a i {
    color: var(--theme-color);
    background: #fff;
    padding: 0.5em;
    border-radius: 25px;
}
.footer-section .footer-brand::before
 {
    width: 0px;
 }
    .tv-hero-section.style-2 .hero-area .hero-left-content {
    margin: 45px 0;
}
.tv-hero-section.style-2 .hero-area .hero-left-content .title {
    font-size: 50px !important;
}
.tv-service-single-box {
    padding: 30px 30px;
}
    .space, .space-bottom ,.space-top{
        padding-bottom: 60px !important;
    }
 .space, .space-bottom {
        padding-top: 60px !important;;
    }
     .space, .space-top {
        padding-top:60px !important;;
    }

/*@media (max-width: 1199px) {*/
/*    .space, .space-top {*/
/*        padding-top: calc(var(--section-space) - 30px);*/
/*    }*/
/*}*/
 .tv-hero-section.style-2 .hero-area .hero-left-content .title {
        font-size: 60px!important;
    }
.sec-title.custom-sub-title {
    font-size: 30px;
}
.career-contact-info p{
    font-size:16px;
    color:#555;
    margin-bottom:10px;
}
.career-contact-info a{
    color:#1053f3;
    font-weight:600;
}

.tv-about-section.style-2 .about-right .about-right-content .counter .about-counter .count {
    font-size: 50px;
}

.tv-service-single-box .inner-box .title {
    min-height: 70px!important;
}
.why-choose-section .sec-title {
    font-size: 34px;
    line-height: 1.4;
}
.tv-service-single-box .inner-box .text {
    min-height: 115px;
    font-size: 14px;
}
.tv-breadcrumb-section .tv-breadcrumb-inner {
    /*padding: 80px 0;*/
        padding: 40px 0;
}
.main-menu ul li:last-child {
    margin-right: 16px !important;
}
.team-number.custome-team-member {
    left: 20px !important;
}

/* ==========================
   Technologies Section
========================== */
.technology-section {
    padding: 100px 0;
    background: #f4f9ff;
}

/* ==========================
   Technology Card
========================== */
.tech-card {
    position: relative;
    height: 100%;
    padding: 35px 30px;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid rgba(13, 110, 253, 0.08);
    box-shadow: 0 10px 30px rgba(13, 110, 253, 0.08);
    overflow: hidden;
    transition: all 0.4s ease;
    z-index: 1;
}

/* Top Gradient Border */
.tech-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #0d6efd, #00c2ff);
}

/* Background Glow */
.tech-card::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(13, 110, 253, 0.06);
    border-radius: 50%;
    top: -120px;
    right: -120px;
    transition: all 0.5s ease;
    z-index: -1;
}

/* Hover Effect */
.tech-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(13, 110, 253, 0.18);
    border-color: rgba(13, 110, 253, 0.2);
}

.tech-card:hover::after {
    transform: scale(1.4);
}

/* ==========================
   Icon
========================== */
.tech-icon {
    width: 75px;
    height: 75px;
    border-radius: 18px;
    background: linear-gradient(135deg, #0d6efd, #00c2ff);
    color: #fff;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: all 0.5s ease;
}

.tech-card:hover .tech-icon {
    transform: rotateY(180deg);
}

/* ==========================
   Heading
========================== */
.tech-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #0b3d91;
    margin-bottom: 20px;
    transition: color 0.3s ease;
}

/* ==========================
   List
========================== */
.tech-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tech-card ul li {
    position: relative;
    padding: 8px 0 8px 24px;
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    transition: all 0.3s ease;
}

.tech-card ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 8px;
    height: 8px;
    background: #0d6efd;
    border-radius: 50%;
}

/* Hover Text */
.tech-card:hover h4,
.tech-card:hover ul li {
    color: #0d47a1;
}

.choose-box p {
    color: #fff;
}
.testi-box-five .content p {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.testi-box-five .content p i {
    margin-top: 4px;
}
.tv-testimonial-section.style-5 .testi-box-five .content p {
    font-size: 16px;
    margin: 6px 0;
}
    .tv-testimonial-section.style-5 .testi-box-five {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .career-email{
    color: #0d6efd; /* Use your brand color */
    font-weight: 600;
    text-decoration: none;
}

.career-email:hover{
    text-decoration: underline;
}
.cultuer-text {
    color: white;
    margin-top: 0.5em;
}
.industries-box {
    border-radius: 24px;
    padding: 30px 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px!important;
    right: 10px!important;
}
.tv-breadcrumb-section .title-outer .title {
    font-size: 30px;
    margin-bottom: 8px;
}
.tv-about-section.style-3 .about-right .video-box{
    position: absolute;
    bottom: 0%;
}
.tv-about-section.style-3 .about-left .about-thumb::before {
    width: 0px;
}
/* ==========================
   Responsive
========================== */
@media (max-width: 991px) {
    .tech-card {
        padding: 30px 25px;
    }

    .tech-card h4 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .technology-section {
        padding: 70px 0;
    }

    .tech-card {
        padding: 25px 20px;
    }

    .tech-icon {
        width: 65px;
        height: 65px;
        font-size: 24px;
    }

    .tech-card h4 {
        font-size: 18px;
    }
}


/*.services-details__content {*/
/*    display: none;*/
/*}*/

/*.services-details__content.active {*/
/*    display: block;*/
/*}*/
.header-logo img {
    width: 180px;
}
@media (max-width: 1199px) {
    .tv-hero-section.style-2 .hero-area .hero-left-content .title {
        font-size: 55px!important;
    }
}
/* Technology Colors */
.dotnet-icon{
    color:#512bd4;
}

.node-icon{
    color:#68a063;
}

.react-icon,
.react-native-icon{
    color:#61dafb;
}

.next-icon{
    color:#111111;
}

.angular-icon{
    color:#dd0031;
}

.php-icon{
    color:#777bb4;
}

.laravel-icon{
    color:#ff2d20;
}

.flutter-icon{
    color:#02569b;
}

.android-icon{
    color:#3ddc84;
}

.ios-icon{
    color:#111111;
}

.aws-icon{
    color:#ff9900;
}

.azure-icon{
    color:#0078d4;
}

.docker-icon{
    color:#2496ed;
}

.kubernetes-icon{
    color:#326ce5;
}

.cicd-icon{
    color:#0d6efd;
}

.selenium-icon{
    color:#43b02a;
}

.cypress-icon{
    color:#17202c;
}

.playwright-icon{
    color:#45ba63;
}

.appium-icon{
    color:#8a2be2;
}

.api-icon{
    color:#ff6b35;
}

.openai-icon{
    color:#10a37f;
}

.ml-icon{
    color:#7b61ff;
}

.chatbot-icon{
    color:#00bcd4;
}

.automation-icon{
    color:#ff9800;
}

.tv-choose-section .tv-choose-left .tv-choose-boxs.case-studies-box .tv-choose-single-box {
    padding: 20px 20px;
        min-height: 300px;
}
.tv-choose-left .tv-choose-boxs.case-studies-box {
    display: flex;
    align-items: center;
    gap: 20px 0; /* row-gap column-gap */
}
.feature-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

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

.feature-card h5{
    margin-bottom:15px;
    font-size:22px;
}

.feature-card ul{
    padding-left:18px;
    margin:0;
}

.feature-card ul li{
    margin-bottom:10px;
        color: #21262b;
}
.case-studies-seperator {
    border: 1px solid #ccc;
    margin-top: 1.5em;
    margin-bottom: 1em;
}
.blog-single-box .blog-content .title {
    font-size: 20px;
    min-height: 85px;
}
@media (max-width: 767px) {
    .contact-list-one li .contact-info-box .icon {
    top: -10px;
    font-size: 27px;

    }
    .tv-about-section.style-6 .about-left .right-thumb .video-box {
        bottom: -60px;
    }
    .case-study {
    padding: 18px!important;
    }
    .tv-contact-section.inner .contact-form {
    padding: 35px 20px 60px;
}
    .frontend-tech{
        flex-direction: column-reverse;
    }
        .tv-achivement-section {
        padding-bottom: 0px;
    }
    .space-top.custom-space {
    padding-top: 12px !important;
    padding-bottom: 0px !important;
}
        .tv-about-section.style-3 .about-right .video-box .circle-box {
        display: none;
        }
        .tv-hero-section.style-2 .hero-area .hero-left-content .title {
        font-size: 32px !important;
        text-align: center;
        line-height: 1.4;
    }
    .tv-hero-section.style-2 .hero-area {
        text-align: center;
    }
    .feature-grid {
        display: block;
    }
.footer-brand .brand-info .logo {
    width: 200px;
}
    .feature-item {
        text-align: center;
        margin-bottom: 30px;
    }

    .feature-item .icon {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }

    .feature-item .icon img {
        display: block;
        margin: 0 auto;
    }

    .feature-item h4,
    .feature-item p {
        text-align: center;
    }
}