@import url("../fonts/stylesheet.css");

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
  }

a {
    color: #C5C3C8;
    text-decoration: none;
}
body {
    font-family: Nuckle;
    font-weight: 500;
    font-size: 1rem;
    background-color: #0C0C1E;
}

#ethical-ai,.textPara4,.custmBox,#case-study-wrapper {
    background-color: #030318;
}
.logo{
    width: 80%;
}
.nomargin-bottom{
    margin-bottom: 0px;
}
.fasttrack{
    width: 70%;
    margin: 0 auto;

}
.fasttrack-gradient{
    background: linear-gradient(135.87deg, #e08aef 35.85%, #00B8F0 51.05%, #CD71D3 61.11%, #F576B6 71.16%, #FDA576 80.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.about-us-text{
    width:70%;
    margin:0 auto;
}
.plus-icon, .minus-icon{
    width:25px;
    height: 25px;
}
.faq-toggle .plus-icon {
    display: inline; /* Show plus-icon by default */
    margin-right:20px;
}
.mobile-arrow{
    width:20px;
}
.faq-toggle .minus-icon {
    display: none; /* Hide minus-icon by default */
}

.faq-toggle[data-state="minus"] .plus-icon {
    display: none; /* Hide plus-icon when state is "minus" */
}

.faq-toggle[data-state="minus"] .minus-icon {
    display: inline !important; /* Show minus-icon when state is "minus" */
}
/* Css: */
.backgroundImg {
    background: url('../images/background.png') no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 50.5rem;
    min-height: 100vh; 
    margin-top:-90px;
}
.full-divider-navbar{
    background: linear-gradient(90deg, #070720 0%, rgba(217, 217, 217, 1) 38.9%, rgba(217, 217, 217, 1) 59.4%, #070720 100%);
    filter: blur(1.5px);
    height: 4px;
    width: 100%;
    margin:0px !important;
}
.navbar{
    padding-top:100px;
}
.nav-link{
    /* transition: all 0.3s ease;  */
}
.nav-link:hover{
    /* font-size: 0.88rem; */
}
.navbar-nav .nav-link {
    /* font-weight: 500;  */
    transition: scale 0.1s;
    /* display: inline-block; */
  }

  /* Hover effect */
  .navbar-nav .nav-link:hover {
    /* font-weight: 510; */
    transform: scale(1.025);
  }
.swal2-container{
    font-family: 'Nuckle' !important;
}
.swal2-popup.swal2-modal.swal2-show{
    background-color: #201F39;
    color: white;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    background: #201F39;
    box-shadow: 0px 4px 41px 0px rgba(42, 174, 252, 0.19);
}
.footer-social-icon{
    width:35px;
    height: 35px;
    transition: background-image 0.3s ease;
}

.facebook {
    background-image: url('../images/facebook.png'); /* Regular icon */
}

.facebook:hover {
    background-image: url('../images/facebook-hover.png'); /* Filled icon on hover */
}

.linkedin {
    background-image: url('../images/linkedin.png'); /* Regular icon */
}

.linkedin:hover {
    background-image: url('../images/linkedin-hover.png'); /* Filled icon on hover */
}

.twitter {
    background-image: url('../images/twitter.png'); /* Regular icon */
}

.twitter:hover {
    background-image: url('../images/twitter-hover.png'); /* Filled icon on hover */
}

div#swal2-html-container {
    color: white;
    font-family: 'Nuckle';
    font-weight: 500;
}

.swal2-styled
{
    width: 10.3rem;
    height: 3rem;
    border-radius: 48px;
    font-size: 20px;
    font-weight: 600;
    color: white;
    background: var(--Linear, linear-gradient(94deg, #2AAEFC 6.95%, #BE6BEC 40.6%, #F059B7 74.85%, #FC5B6C 104.79%)) !important;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important; */
    border-radius: 48px;
    transition: filter 0.4s ease-in-out;
}
.swal2-styled:hover{
    filter: brightness(1.2);
}
div:where(.swal2-container) button:where(.swal2-styled){
    padding: 0 !important;
}
.nav_background {
    color: #d9d9d900 !important;
}

.navbar-nav .nav-link {
    margin: 0 10px;
}

.navbar-brand img {
    margin-right: 10px;
}

.navbar-collapse {
    font-size: 20px !important;
}

.copyright{
    color: #FFF;
    font-family: Nuckle;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 1.5rem;
}

.full-divider{
    background: linear-gradient(90deg, #070720 0%, rgba(255, 255, 255, 0.22) 38.9%, rgba(255, 255, 255, 0.19) 59.4%, #070720 100%);
    filter: blur(1.5px);
    height:4px;
    width:100%;
}

.navset {
    /* padding: 0 160px; */
}

/* .faq-minus{
    display: none !important;
} */

.custom-btn {
    background-color: #2E2E45;
    color: white;
    font-size: 1rem;
    border: none;
    border-radius: 26px;
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(104, 104, 157, 0.91);
    font-weight: 500;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.custom-btn:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.icon {
    background: var(--Linear, linear-gradient(94deg, #2AAEFC 6.95%, #BE6BEC 40.6%, #F059B7 74.85%, #FC5B6C 104.79%));

    width: 30px;
    height: 30px;
    border-radius: 18.5px;
    margin-left: 10px;
    font-size: 20px;
    color: white;
    transition: all 0.3s ease-in-out;
}

.custom-btn:hover .icon {
    transform: scale(1.1);
}


/* Page1 Css */

.center_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-size: cover;
    color: white;
    /* min-height: 80vh; */
}

.center_sub_text {
    margin-top: 6rem !important;
    margin-bottom: 1rem;
}



.combine1 {
    margin-top: 3rem;
}

.combine1row {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 70%;
}


.center_text h1 {
    font-size: 3rem;
    margin: 0;
}

.center_text span {
    margin-top: 0.5rem;
}

/* 
.gradient-text {
    font-size: 4.3rem;
    text-align: center;
    background: linear-gradient(135.87deg, #FFFFFF 35.85%, #00B8F0 51.05%, #CD71D3 61.11%, #F576B6 71.16%, #FDA576 80.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
} */

.gradient-text {
    font-size: 3.0rem;
    text-align: center;
    background: linear-gradient(135.87deg, #FFFFFF 35.85%, #00B8F0 51.05%, #CD71D3 61.11%, #F576B6 71.16%, #FDA576 80.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}


/* 
.sub_text {
    color: #595967;
    margin-bottom: 2rem !important;
    font-size: 20px;
    font-weight: 600;
} */
.sub_text {
    color: #595967;
    text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 1rem !important;
    font-size: 20px;
    font-weight: 600;
}
.custom-ai-container{
    display: flex; 
    /* justify-content: center; */
    max-width: 40%;
    margin: auto;
    margin-top: 1rem;
}
/* .text-para {
    color: #E7EEFF8C;
    font-weight: 300;
    margin-top: 1.5rem;
} */
.text-para {
    color: rgba(231, 238, 255, 0.55);
    font-weight: 500;
    margin-top: 1.5rem;
    font-size: 1.2rem;
    text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.emailSection {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    padding: 1rem;
}

.mailBox {
    color: rgba(255, 255, 255, 0.83) !important;
    font-size: 1rem;
    font-weight: 600;
    width: 20rem;
    height: 3.0rem;
    border-radius: 33px;
    border: 0.7px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(25px);
    display: flex;
    padding-left: inherit;
}



/* Media Queries */


/* .sub_heading {
    color: rgba(255, 255, 255, 0.678);
    font-weight: 500;
    margin-top: 12.5rem;
    font-size: 22px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
} */

.sub_heading {
    color: rgba(255, 255, 255, 0.678);
    font-weight: 500;
    margin-top: 5rem;
    font-size: 1rem;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    margin-bottom: -10px !important;
}


/* .sub_heading1 {
    color: white;
    font-weight: 500;
    font-size: 45px;
    display: flex;
    justify-content: center;
    margin-top: 12.5rem !important;
} */

.sub_heading1 {
    color: rgba(255, 255, 255, 0.95);
    font-weight: 500;
    font-size: 2.0rem;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    margin-top: 2px;
}


/* .section-title {
    font-size: 35px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.92);
    text-align: left;
    margin-bottom: 1rem;
} */

.section-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.92);
    text-align: left;
    margin-bottom: 1rem;
    margin-left:1.563rem
}

/* .section-divider {
    background: linear-gradient(99deg, #A46CF0 6.82%, #F576B6 45.54%, #FDA576 90.27%) !important;
    border: 2px solid;
    border: 2px solid;
    border-image-slice: 1;
    margin: 0;
    text-align: left;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
} */
.section-divider {
    border: 2px solid;
    margin-left: 1.563rem;
    width: 75%;
    height: 2px;
    opacity: 0.73;
    background: linear-gradient(99deg, #A46CF0 6.82%, #F576B6 45.54%, #FDA576 90.27%);
}
.section-divider-casestudy{
    border: 2px solid;
    width: 100%;
    height: 2px;
    opacity: 0.73;
    background: linear-gradient(99deg, #A46CF0 6.82%, #F576B6 45.54%, #FDA576 90.27%);
}
.section-divider1 {
    width: 80%;
    height: 4px;
    border: 2px solid;
    border: 2px solid;
    border-image-source: linear-gradient(99.16deg, rgba(164, 108, 240, 0.32) 6.82%, rgba(245, 118, 182, 0.32) 45.54%, rgba(253, 165, 118, 0.32) 90.27%);
    border-image-slice: 1;
    margin: 0;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;

}

.section-divider2 {
    width: 80%;
    height: 4px;
    border: 2px solid;
    border: 2px solid;
    border-image-source: linear-gradient(99.16deg, rgba(164, 108, 240, 0.32) 6.82%, rgba(245, 118, 182, 0.32) 45.54%, rgba(253, 165, 118, 0.32) 90.27%);
    border-image-slice: 1;
    margin: 0;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}



/* 
.sub_para {

    width: 72%;
    height: 93px;
    line-height: 35px;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    font-weight: 600px;
    size: 22px;
    color: rgba(255, 255, 255, 0.82);


} */
.sub_para {
    width: 75%;
    line-height: 20px;
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: 600px;
    size: 22px;
    color: rgba(255, 255, 255, 0.82);
    margin-left: 1.563rem;
}

.features-list {
    padding: 0;
    margin: 0;
    margin-left: 5%;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 20px;
    width: 70%;
    color: rgba(255, 255, 255, 0.50);
}


.EnterpriseIS {
    display: flex;
    flex-direction: column;
}

.enterprise-wrapper,
.ai-consulting-wrapper {
    margin-left: 5rem;
}



.features-list li {
    margin-bottom: 10px;
}

.leftside {
    padding-left: 150px !important;
    margin-top: 2rem;
}

/* second page css end */

/* Third Page Css Start */
.brLine {
    box-shadow: 0px 0px 20px 0px rgba(42, 174, 252, 0.22);

}

/* Third Page Css End */
.ethicalPara1 {
    color: rgba(255, 255, 255, 0.678);
    font-weight: 500;
    margin-top: 6rem;
    font-size: 1rem;
    text-transform: uppercase;
    display: flex
;
    justify-content: center;
}

.ethicalPara2 {
    color: white;
    font-weight: 600;
    font-size: 2rem;
    display: flex
;
    justify-content: center;
}

.customBoxes1 {
    width: 100%;
    padding: 3.5rem;
    display: flex
;
    flex-direction: column;
    align-items: center;
}


.custmCard {
    width: 100%;
    height: 20rem;
    border-radius: 5px;
    background: rgba(3, 3, 24, 1);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    padding: 25px 40px;
}

.custmCard:hover {
    box-shadow: 0px 0px 15px 8px rgba(0, 16, 49, 0.774), 0px 0px 30px 15px rgba(1, 58, 145, 0.2);
}

.textPara1 {
    font-size: 1rem;
    font-weight: 600;
    color: white;
}

.textPara2 {
    font-size: 1rem;
    font-weight: 500;
    color: white;
    opacity: 50%;

}

.textPara3 {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.consultBtn {
    display: flex;
    justify-content: center;
    margin-bottom: 6rem;
}

.btn-counsultBtn {
    width: 11rem;
    height: 3rem;
    border-radius: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
    color: white !important;
    background: var(--Linear, linear-gradient(94deg, #2AAEFC 6.95%, #BE6BEC 40.6%, #F059B7 74.85%, #FC5B6C 104.79%));
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
    border-radius: 48px;
    transition: filter 0.4s ease-in-out;
    font-size: 1rem;
    font-weight: 600;
    border: none;
}

/* Third Page Css End */

/* Fourth Page Css Start */
.textPara4 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top:6rem;
}

.text-Para1 {
    font-weight: 500;
    text-align: center;
    color: rgba(255, 255, 255, 0.678);
    font-weight: 500;
    margin-top: 3.5rem;
    font-size: 1.0rem;
    text-transform: uppercase;
}

.text-Para2 {
    font-weight: 600;
    font-size: 2.0rem;
    color: #fff;
    text-align: center;

}

/* Fourth Page Css Start */
.custmBox {
    padding:3.5rem;
    display: flex;
    justify-content: center !important;
    flex-direction: row;
    justify-items: center;
    justify-content: center;
    align-items: center;

}

.custmBox1 {
    height: auto;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #030318;
    background: #030318;
    padding: 30px 30px;
    border: 2px solid transparent;
    /* background: linear-gradient(#030318, #030318) padding-box, linear-gradient(94deg, #2AAEFC, #BE6BEC, #F059B7, #FC5B6C) border-box; */
    transition: border-color 0.4s ease, 0.4s ease;
}
.custmBox1:hover {
    border-color: transparent;
    background: linear-gradient(#030318, #030318) padding-box, 
                linear-gradient(94deg, #fc5b6b9b, #f059b6a5, #BE6BEC, #2aaffc8e) border-box;
}

.Para3 {
    color: rgba(255, 255, 255, 0.66);
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 1rem;
    margin-bottom: 5rem;
}

.videoPlay {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-top: 3rem;
    margin-bottom: 6rem;
    display: none;
}

.responsive-video {
    width: 100%;
    height: auto;
    max-width: 800px;
    border-radius: 20px;

}

/* Fifth Page Css Start  */

.caseStudies {
    padding-left: 6rem;
    margin-top: 3rem;
}

@media (max-width: 992px) {
    .back-to-top{
        display: none !important;
    }
}



@media (max-width: 576px) {

    /* For extra small screens */
    .caseStudies {
        padding-left: 20px;
        /* Minimal padding for very small screens */
        margin-top: 1.5rem;
        /* Compact margin for smaller screens */
    }
}

.caseStudy1 {
    color: rgba(255, 255, 255, 0.67) !important;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 1rem;
    display: contents;
}

.caseStudy2 {
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 2rem;
    font-weight: 700;
}

.case-studies-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem;
    padding: 2rem;
    color: white;
}

.menu {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.menu-item {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.73);
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer;
    text-align: left;
}

.menu-item.active {
    color: white;
    font-weight: bold;
}

#image-section img {
    width: 55.749rem;
    height: 31.387rem;
    transform: rotate(-7.672deg);
    background: url(<path-to-image>) lightgray -0.259px 0px / 101.401% 101.999% no-repeat;
}

.description {
    font-size: 0.9rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.74);
    margin-bottom: 3rem;
}

.viewBtn {
    height: 3.125rem;
    width: 10.188rem;
    border-radius: 25px;
    border: 2px solid var(--Linear, #2AAEFC);
    font-size: 16px;
    font-weight: 500;
    background: var(--Linear, linear-gradient(94deg, #2AAEFC 6.95%, #BE6BEC 40.6%, #F059B7 74.85%, #FC5B6C 104.79%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.caseStudies1 {
    width: 85%;
    display: flex;
    flex-direction: row;
    margin:0 auto;
    margin-bottom: 6rem !important;
    padding-bottom: 6rem !important;
}

.detail2 {
    width: 100%;
    height: auto;
    flex-shrink: 0;
    /* background-image: url(../images/detailimg.png); */
    /* margin-left: 6rem;
    margin-top: 4rem; */
    margin-top:-20px;
    /* filter: blur(2px); */
}

.square {
    width: 40%;
    height: auto;
    flex-shrink: 0;
    border-radius: 12px;
    /* border: 1px solid rgba(255, 255, 255, 0.33); */
    /* background: #030318; */
    /* box-shadow: 0px 4px 30px 0px rgba(42, 174, 252, 0.19); */
}
.text-Para3 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}


/* Fifth Page Css End  */

/* Sixth Page Css Start */

.sixthPage {
    padding: 3.5rem;
    padding-bottom:30px;
    padding-top: 0;
}

.faq {
    color: rgba(255, 255, 255, 0.67);
    font-size: 1rem;
    font-weight: 500;
    margin-left: 3rem;
}

.faq1 {
    color: rgba(255, 255, 255, 0.95);
    font-size: 2rem;
    font-weight: 600;
    margin-left: 3rem;
}

.faq-container {
    width:70%;
    margin: 0 auto;
}

.faq-item {
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
    padding: 10px 0;
    /* margin-bottom: 70px; */

}
.faq-divider{
    height:1px;
    color:rgba(255, 255, 255, 0.2);
    /* margin-top:2rem;
    margin-bottom: 2rem; */
}
.faq-item.active {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.35), ;
    background: #09091B;
    padding: 20px;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 1rem;
    color: white;
}

.faq-toggle {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    transition: color 0.3s ease;
}

.faq-answer {
    display: none;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.48);
    position: relative;
    margin-right:5rem;
    font-size:0.8rem;
    /* opacity: 0;
    max-height: 0;
    transition: opacity 0.5s ease, max-height 0.5s ease; */
}

.faq-minus {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    position: absolute;
    bottom: -20px;
    right: 0;
    cursor: pointer;
    display: none;
}

.faq-item.active .faq-answer {
    display: block;
    /* opacity: 1;
    max-height: 100%; */
    /* Show the answer */
}

.faq-item.active .faq-minus {
    display: inline-block;
    /* Show the '-' */
}




/* Sixth Page Css End */

/* Seventh Page Css Start */
.Para {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 9rem;
    width: 75%;
    margin: 0 auto;
    margin-top: 6rem;
}

.textPara5 {
    color: rgba(255, 255, 255, 0.95);
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    line-height: 45px;
}

/* Seventh Page Css End */

/* Footer Css Start */
.custmFooter {
    display: flex;
    /* padding: 33px 160px 32px; */
    color: #C5C3C8;
    margin-top:5rem;
    line-height: 1.5rem;
    padding-left:3rem;
    font-size:0.8rem;
}

.logoText {
    color: #C5C3C8;
    font-size: 0.8rem;
    font-weight: 500;
    width:85%;
}

.innostratLogo {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.icons {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}

.heading1 {
    color: #FFF;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 500;
}

.headingPara1 {
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.8rem;
    display: contents;
    font-weight: 500;
}

.headingPara2 {
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    font-weight: 500;
}


/*  Media Queries Section */

/* For medium screens (Tablets and below) */
@media (max-width: 992px) {
    .gradient-text {
        font-size: 3.5rem;
        /* Slightly smaller font size for medium screens */
    }
    .deny-button{
        margin-left:-5px;
    }
    .caseStudies {
        padding-left: 80px;
        /* Reduce padding for medium screens */
    }

    .enterprise-wrapper,
    .ai-consulting-wrapper {
        margin-left: 5rem !important;
        /* Reduced margin for medium screens */
    }

    .caseStudies1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        
    }

    .col-lg-2 {
        margin-bottom: 20px;
    }

    .col-lg-6 {
        margin-bottom: 20px;
    }

    #text-section {
        margin-left: 0 !important;
        width: 100%;
        margin-top: 20px;
    }

    .menu {
        display: flex;
        justify-content: center;
        gap: 1rem;
        font-size: 20px;
    }
    .mobile-arrow{
        width:20px;
    }
    .mobile-box{
        background-color: #030318;
    }
    .text-para{
        font-size:1.0rem;
        line-height: 1.5rem;
    }
    .navbar-toggler:focus{
        box-shadow: none !important;
    }
    .menu-item {
        font-size: 1rem !important;
        padding: 10px;
    }

    .detail2 {
        width: 80%;
        max-width: 794px;
    }

    .viewBtn {
        width: 100%;
        font-size: 14px;
    }

    .sixthPage {
        padding: 80px;
    }
    .caseStudies1{
        margin-bottom: 0px !important;
    }
    .textPara1,.textPara2{
        font-size:0.9rem;
    }
    
    .custom-btn{
        margin:0 auto;
    }
    .ms-0-mobile{
        margin:0 !important;
    }
    .faq {
        font-size: 18px;
        margin-left: 2rem;
    }

    .faq1 {
        font-size: 35px;
        margin-left: 2rem;
    }
    .ethicalPara1{
        text-align: center;
    }
    .faq-container {
        max-width: 500px;
    }

    .faq-item {
        margin-bottom: 50px;
    }
    .custmBox1{
        height: 100%;
    }
}



/* For extra small screens (Mobile Portrait) */
@media (max-width: 576px) {
    .gradient-text {
        font-size: 4rem;
        /* Even smaller font size for extra small screens */
    }
}

/* Add responsiveness for small screens */
@media only screen and (max-width: 768px) {
    .combine1{
        margin-top:3rem;
    }
    .sixthPage {
        padding: 60px 20px;
    }

    .faq {
        font-size: 16px;
        margin-left: 1rem;
    }

    .faq1 {
        font-size: 28px;
        margin-left: 1rem;
    }

    .faq-container {
        max-width: 90%;
    }

    .faq-item {
        margin-bottom: 40px;
    }

    .faq-question {
        font-size: 1rem;
    }
    .faq1,.faq{
        margin-left:0px !important;
    }
    .faq-toggle,
    .faq-minus {
        font-size: 16px;
    }

    .caseStudies1 {
        padding: 10px;
    }

    .menu-item {
        font-size: 14px;
        padding: 8px;
    }

    .col-lg-6 {
        width: 100%;
    }

    .detail2 {
        width: 100%;
    }

    .viewBtn {
        font-size: 12px;
    }

    .responsive-video {
        width: 100%;
        max-width: 100%;
        /* Ensure the video doesn't exceed the screen size */
        height: auto;
    }

    .custmCard {
        height: 50rem;
        /* Further reduce height */
        border-radius: 15px;
        padding: 8%;
        /* Increase padding for better spacing on mobile */
    }
    .zero-margin-mobile{
        margin-bottom:0px !important;
        margin-top:0px !important;
    }
    .sub_heading {
        font-size: 1.2rem;
    }
    .fasttrack{
        font-size:2rem;
    }
    .sub_heading1 {
        font-size: 2.0rem;
            /* margin-top: 3.5rem !important; */
    }
    .section-title{
        margin-left:0 !important;
    }
    .img-fluid{
        max-width: 100%;
    }
    .sub_para{
        width: 85% !important;
    }
    .custmCard:hover {
        box-shadow: 0px 0px 8px 4px rgba(0, 16, 49, 0.6),
            0px 0px 15px 7px rgba(1, 58, 145, 0.2);
    }

    .customBoxes1 {
        padding: 80px;
        /* Reduce padding for tablets */
    }

    .ethicalPara2 {
        font-size: 40px;
        /* Reduce font size further for smaller devices */
        text-align: center;
        /* Center text for small screens */
    }

    .leftside {
        padding-left: 0 !important;
        /* Remove padding-left */
    }

    .enterprise-wrapper,
    .ai-consulting-wrapper {
        margin-left: 2rem !important;
        /* Further reduced margin for small screens */
    }

    .features-list {
        font-size: 1.2rem;
        /* Smaller font size for tablets and large phones */
        width: 95%;
        /* Increase width for better readability */
    }

    .sub_para {
        width: 80%;
        /* Adjust width for smaller screens */
        font-size: medium;
        /* Reduce font size */
        line-height: 25px;
        /* Adjust line height */
        margin: 0 auto;


    }

    .section-divider {
        width: 90%;
        /* Adjust width for tablet screens */
        height: 3px;
        /* Slightly thinner for smaller screens */
    }

    .custmFooter {
        flex-direction: column;
        padding: 33px 16px;
        /* Narrow padding for mobile */
        align-items: center;
        margin-left: 4rem;
    }

    .custmFooter>div {
        flex: 1 1 100%;
        /* Full width for each column */
        max-width: 100%;
        align-items: center;

    }

    .icons {
        justify-content: flex-start;
        /* Center icons on small screens */
    }

    .navset {

        padding: 0px !important;
    }

    .navbar-brand {
        margin-left: 15px;
        margin-top: 5px;
    }
    .navbar-toggler{
        margin-top:25px;
    }
    .center_sub_text {
        margin-top: 2rem !important;
        margin-bottom: 2rem;
    }
    .btnletsconnet {
        /* margin-left: 111px; */
        margin-top: 5px;
    }

    .caseStudies {
        padding-left: 15px;
        margin-top: 2rem;
    }

    .gradient-text {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .navbar-collapse {
        font-size: medium;
        background: url('../images/background.png') no-repeat center center;
        width: 100%;
        padding-bottom: 20px;
    }

    .mailBox {
        width: 100%;
        /* Full width on mobile */
        font-size: 14px;
        /* Smaller font size */
    }

    .gradient-button {
        width: 100%;
        /* Full width on mobile */
        font-size: 16px;
        /* Smaller font size */
    }

    .emailSection {
        flex-direction: column;
        /* Stack items vertically */
        gap: 1rem;
    }

    .second_page {
        /* margin-top: 280px !important; */
        /* Adjust margin for tablets */
    }

    .section-title {
        font-size: 2rem;
        text-align: center;

    }
}







/* Media Query for Mobile */
@media (max-width: 480px) {
    .second_page {
        /* margin-top: 280px !important; */
        /* Adjust margin for mobile */
    }
}




/* Media Query for Mobile */
@media (max-width: 480px) {
    .section-title {
        font-size: 1.6rem;
        /* Smaller font size for mobile screens */
        text-align: center;
        /* Center-align text for better appearance */
        margin-bottom: 0.8rem;
        /* Adjust margin for smaller screens */
    }
}



/* Media Query for Mobile */
@media (max-width: 480px) {
    .section-divider {
        width: 95%;
        /* Further reduce width for mobile */
        height: 2px;
        /* Make the divider thinner */
    }
}




@media (max-width: 480px) {

    /* For mobile screens */
    .sub_para {
        width: 85%;
        /* Full width for mobile screens */
        font-size: small;
        /* Further reduce font size */
        line-height: 22px;
        /* Adjust line height */
        margin: 0 auto;

    }
}





@media (max-width: 480px) {
    .features-list {
        padding: 10px 30px;
        font-size: 1rem;
        /* Small font size for mobile phones */
        line-height: 1.5;
        /* Adjust line height for smaller screens */
        width: 100%;
        /* Full width on mobile for maximum readability */
    }
}


/* For medium screens (Tablets and below) */
@media (max-width: 992px) {}



/* For very small screens (Mobile Portrait) */
@media (max-width: 576px) {

    .enterprise-wrapper,
    .ai-consulting-wrapper {
        margin-left: 0 !important;
        /* No margin for extra small screens */
    }
}



/* Extra Small Screens (Very Small Mobile Devices) */
@media (max-width: 480px) {
    .ethicalPara2 {
        font-size: 2.0rem;
        /* Further reduce font size for extra small devices */
        line-height: 1.4;
        /* Adjust line spacing for readability */
        padding: 0 10px;
        /* Add some padding for smaller screens */
        justify-content: center;
        /* Center align if used with flex */
    }
}


/* Media Query for Mobile Devices (480px and below) */
@media (max-width: 480px) {
    .customBoxes1 {
        padding: 40px;
        /* Further reduce padding for smaller screens */
    }
}




/* Extra Small Screens (Very Small Mobile Devices) */
@media (max-width: 480px) {
    .custmCard {
        height: 30rem;
        /* Reduce height further for small devices */
        border-radius: 10px;
        padding: 10%;
        /* Provide sufficient spacing */
    }

    .custmCard:hover {
        box-shadow: 0px 0px 5px 2px rgba(0, 16, 49, 0.5),
            0px 0px 10px 5px rgba(1, 58, 145, 0.2);
    }
}

/* Responsive Design */
@media (max-width: 480px) {
    .text-Para1 {
        font-size: 1.4rem;
    }

    .text-Para2 {
        font-size: 2rem;
    }

    .custmBox {
        flex-direction: column;
        padding: 10px;
        /* Stack cards vertically */
    }

    .custmBox1 {
        max-width: 100%;
        /* Full-width on small screens */
        padding: 20px;
        /* Reduce padding */
    }

    .custmBox1 .textPara1 {
        font-size: 1.2rem;
    }

    .custmBox1 .textPara2 {
        font-size: 1rem;
    }
    .caseStudy2{
        font-size:2rem;
    }
    .caseStudies1{
        margin-top:0px !important;
    }
}




/* Media query for medium screens (tablets) */
@media screen and (min-width: 769px) and (max-width: 1200px) {
    .responsive-video {
        width: 90%;
        /* Slightly smaller than the screen width */
        height: auto;
    }
    .custmFooter {
        flex-direction: column;
        align-items: center;
        margin-left: 4rem;
    }
    a.nav-link {
        font-size: 0.65rem;
    }
    .enterprise-wrapper,.ai-consulting-wrapper{
        margin-left:0 !important;
    }
    .custom-btn {
        margin: 0 auto;
    }
    .ms-0-mobile{
        margin:0 !important;
    }
}





@media (max-width: 576px) {
    .caseStudies1 {
        padding: 10px;
    }

    .menu {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }

    .menu-item {
        font-size: 12px;
        padding: 8px;
    }

    .col-lg-6 {
        width: 100%;
        margin-bottom: 15px;
    }

    .detail2 {
        width: 1000px;
    }

    #text-section {
        margin-left: 0 !important;
    }

    .viewBtn {
        width: 100%;
        font-size: 12px;
    }
}




@media (max-width: 576px) {
    .sixthPage {
        padding: 50px 10px;
    }

    .faq {
        font-size: 14px;
        margin-left: 1rem;
    }

    .faq1 {
        font-size: 24px;
        margin-left: 1rem;
    }

    .faq-container {
        width: 100%;
    }

    .faq-item {
        margin-bottom: 30px;
    }

    .faq-question {
        font-size: 14px;
    }

    .faq-toggle,
    .faq-minus {
        font-size: 14px;
    }
}


/* 
@media (max-width: 1024px) {
    .mailBox {
        width: 20rem;
        font-size: 16px;
    }

    .gradient-button {
        width: 20rem;
        font-size: 18px;
    }

    .emailSection {
        gap: 1rem;
    }

    .features-list {
        font-size: 1.3rem;
        width: 90%;
    }
    .ethicalPara2 {
        font-size: 55px;
    }

    .custmCard {
        height: 50rem;
        border-radius: 20px;
        padding: 5%;
    }

    .custmCard:hover {
        box-shadow: 0px 0px 10px 5px rgba(0, 16, 49, 0.7),
            0px 0px 20px 10px rgba(1, 58, 145, 0.2);
    }
} */

a.nav-link{
    font-size: 0.85rem;
}

.gradient-button {
    width: 15rem;
    height: 3.0rem;
    border-radius: 48px;
    font-size: 1rem;
    font-weight: 600;
    color: white;
    background: var(--Linear, linear-gradient(94deg, #2AAEFC 6.95%, #BE6BEC 40.6%, #F059B7 74.85%, #FC5B6C 104.79%));
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 48px;
    transition: filter 0.4s ease-in-out;
    border:none;
}

.gradient-button:hover, .btn-counsultBtn:hover {
    filter: brightness(1.3); /* Slightly brightens the colors */
}
.gradient-button:focus {
    outline: none;
}
.solutions-text-bold{
    font-weight: 600;
    color:rgba(255, 255, 255, 0.84);
}

/* .social-icon:hover{
    background: var(--Linear, linear-gradient(94deg, #2AAEFC 6.95%, #BE6BEC 40.6%, #F059B7 74.85%, #FC5B6C 104.79%));
} */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px !important;
    }
    .navbar-brand {
        margin-left:15px;
    }
    .gradient-text{
        line-height: 3.8rem;
    }
    .text-para {
        line-height: 1.5rem;
    }
    .client-logo1{
        width:42%;
    }
    .client-logo2{
        width:95%;
    }
    .client-logo3{
        width:54%;
    }
    .client-logo4{
        width:80%;
    }
    .client-logo5{
        width:65%;
    }
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 1.5rem;
    }
}

@media (min-width: 1920px) {
    .container-large-screen{
        max-width: 1800px;
        margin:0 auto;
    }
    .navbar {
        padding-top: 0px;
    }
}


.cd-icon {
    --size: 1em;
    font-size: var(--size);
    height: 1.5em;
    width: 1.5em;
    display: inline-block;
    color: inherit;
    fill: currentColor;
    line-height: 1;
    flex-shrink: 0;
    max-width: initial;
  }
  
  .cd-icon use { /* SVG symbols - enable icon color corrections */
    color: inherit;
    fill: currentColor;
  }

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #201F39;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 3px;
    /* transition: background-color 0.2s ease-in-out; */
  }
  
  #myBtn:hover {
    background-color: #28283d;
  }


  .cookie-consent {
    position: fixed;
    bottom: 8px;
    left: 20px;
    width: 350px;
    padding: 15px;
    height: auto;
    line-height: 20px;
    font-size: 14px;
    z-index: 120;
    cursor: pointer;
    color: white;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    background: #201F39;
    box-shadow: 0px 4px 41px 0px rgba(42, 174, 252, 0.19);
}

.modal-content{
    color: rgba(255, 255, 255, 0.82);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    background: #201F39;
    box-shadow: 0px 4px 41px 0px rgba(42, 174, 252, 0.19);
}
.modal-header{
    border-bottom: 1px solid #dee2e626;
    justify-content: space-between;
}

.modal-footer{
    border-top: 1px solid #dee2e626;
}

.btn-cookies{
    height:2rem !important;
}
.close{
    cursor: pointer;
    padding: 1rem !important;
    margin: -1rem -1rem -1rem auto;
    padding: 0;
    background-color: transparent;
    overflow: visible;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #FFF;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}