@media (min-width: 581px) and (max-width: 1024px) {
    /* Tablet view FAQ styles - ensure they don't conflict with laptop */
    .faq_section {
        position: relative !important;
        overflow-x: hidden !important;
    }
    
    .faq_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100% !important;
        margin-left: calc(-50vw + 50%) !important;
        overflow: hidden !important;
        z-index: 0 !important;
    }
    
    .faq_bg_img {
        width: 100vw !important;
        height: 100% !important;
        object-fit: cover !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: -1 !important;
        max-width: none !important;
        margin: 0 !important;
    }
    
    .agt_title_img_one {
        height: 343px !important;
        margin-top: 50px !important;
    }
    
    .mtn-80{
        margin-top:-80px;
    }
    
    .inner-box-dna{
        z-index:99 !important;
    }
    
    .award_img1{
       height: 190px;
pading: 21px; 
  margin-top: 61px;
    }
    
    .award_text{
        /*left: 37% !important;*/
        margin-top:20px !important;
    }
    .award_section{
    padding-top: 37px !important;
    }

    .agt_image_three{
        height: 390px !important;
    }
    .fix-mobile{
        padding-top: 0 !important;
margin-top: 0px !important;
    }
    .mtn-83{
        margin-top: -83px !important;
    }
    
    .padding-zero{
        padding:0 !important;
    }
    
    .inner-box_why_tab{
position: absolute !important;
    top: -93px !important;
    left: 16px !important;
    }
    
.remove-top-100{
    padding-top:0px !important;
}

.agt_image_four{
    height:388px !important;
}

.agt_image_five{
height: 359px !important;
margin-top: -52px;

}

.award_img1_div{
        text-align:center;
    }
}


    @media (min-width: 581px) and (max-width: 991px){
        /*agt css starts*/
        
    .section_stories{
        height:650px;
    }
    
    .agt_col{
        height: auto;
    }
    
    
    .outer-box{
        position: relative;
        height : 600px;
    }
    .inner-box{
        position: relative;
        top    : 50px;
        left   : 85px;
    }
    .outer-box2{
        height:550px;
    }
    
    .agt_title{
        font-weight : 100;
        color: lightgrey;
    }
    
    .agt_title_1{
        color: #1D164D;
        font-weight: bolder;
        font-size : 28px;
    }
    .agt_title_2{
        color: #434343;
        font-weight: 300;
        font-size: 24px;
    }
    .agt_bar{
        background-color:#B0FADA; 
        height: 10px; 
        width : 230px;
        border: 1px solid #B0FADA;
        border-radius: 7px 7px 7px 7px;
    }
    .agt_title_btn{
        background-color: #4099F1;
        color:white;
        border: 1px solid #4099F1;
        border-radius: 7px 7px 7px 7px;
        position: absolute;
        top: 15px;
    }
    

    /*agt dna starts here */
    
    .agt_title_dna{
        color: #1D164D;
        font-weight: bolder;
        font-size: 28px;
    }
    .agt_title_dna2{
        color: #434343;
        font-weight :300;
        font-size: 24px;
    }
    .agt_bar_dna{
        background-color:#B0FADA; 
        height: 10px; 
        width : 180px;
        border: 1px solid #B0FADA;
        border-radius: 7px 7px 7px 7px;
    }
    
    /*why agt starts here*/
    .agt_title_img_3{
        height: 500px;
    }
    
    .inner-box_why{
        position: absolute;
        top: 100px;
        left: 140px;
    }
    .agt_title_why{
        color: #1D164D;
        font-weight: bolder;
        font-size : 28px;
    }
    
    .agt_title_why2{
        color:#434343;
        font-weight :300;
        font-size: 24px;
    }
    
    
    .hear-read-more{
        display: block;
cursor: pointer;
background: #4AAEE7;
width: 123px;
color: white;
margin-top: 19px;
padding: 8px 20px;
box-shadow: 1px 1px 9px -1px #47A6DC;
    }
    .agt_title_btn_why{
        background-color: #4099F1;
        color:white;
        border: 1px solid #4099F1;
        border-radius: 7px 7px 7px 7px;
        position: absolute;
        top: -8px;
    }
    
    .agt_bar_why{
        background-color:#B0FADA; 
        height: 10px; 
        width : 150px;
        border: 1px solid #B0FADA;
        border-radius: 7px 7px 7px 7px; 
    }
    
    .dn_text{
        text-align: center;
        font-weight: 700;
        font-size: 28px;
        line-height: 50px;
        margin:  40px 0 80px 0;
        color: #212121;
        

    }
    .dna_text_spcl{
        color:#4099F1;
        font-weight: 700;
        font-size:28px;
    }
    
    
    
    .ts-facts-title1{
        color: black;
        font-size: 19px;
        height: 68.4px;
    }
    
    /*carousel CSS Starts here*/
    
    /*carousel CSS Starts here*/
    
    
    .caro_title_text_detail{
        font-size: 24px;
        color : #434343;
    }
    
    .card_carou{
        width: 350px;
        height: 250px;
    }
    
    .pcc{
        width: 380px ;
        height: 350px !important;
    }
    
    .caro_img{
        width 350px;
        height: 250px;
    }
    
    .pc_r{
        height: 50px;
    }
    
    .pc_ccs{
        padding-left: 18px;
    }
    .pcs{
        
        font-size : 14px !important;
        color: grey;
    }
    
    /*carousel ends */
    
    .tt_saliva_test{
        font-size: 28px;
        color: #1D164D;
        font-weight: bolder;
    }
    
    .tt_saliva_test_detail{
        font-size: 24px;
        color : #434343;
    }
    
    .inner-box-dna{
        position: absolute;
        top    : 100px;
        /*left   : 140px;*/
    }
    
    /*how we do it section */
    
    .outer_box_steps{
        position: relative;
        height: 710px;
    }
    
    .hwdi_1{
        border-bottom: 3px solid #C6C5FF !important;
    }
    
    .hwdi_2{
        border-bottom: 3px solid #81EAF8;
    }
    
    .hwdi_3{
        border-bottom: 3px solid #FF818F;
    }
    .hwdi_4{
        border-bottom: 3px solid #908CFC;
    }
    
    .hwdi{
        height: 250px;
        width : 250px;
    }
    
    .hwdi_img_div{
      height: 80px;
      width : 80px;
    }
    
    .hwdi_img{
        border-radius: 50%;
        width : 81px;
        margin-top: 8px;
    }
    
    .steps{
        font-size : 18px;
        font-weight: 900;
        color : black;
    }
    
    .hwdi_attl{
        margin-top: 5px;
        font-size: 13px;
        color: grey;
        
    }
    
    .pos_up1{
        position: absolute;
        top: -78px;
    }
    .pos_up3{
        position: absolute;
        top: 200px;
    }
    
    .pos_down2{
        position: absolute;
        left: 280px;
        top: -30px;
    }
    .pos_down4{
        position: absolute;
        left: 280px;
        top: 240px;
    }
    
    /*steps mobile view*/
    
    
    
    /*stories part starts*/
    
    .inner-box_story{
        position: absolute;
        top: 100px;
        left: 66px;   
        width: 478px;
        
    }
    
    .agt_title_story{
        color:#1D164D;
        font-weight :bolder;
        font-size: 28px;
    }
    
    .agt_title_story_details{
        color:#434343;
        font-weight :300;
        font-size: 24px;
    }
    
    .agt_bar_story{
        position: absolute;
        left:165px;
        top:120px;
        background-color:#B0FADA; 
        height: 10px; 
        width : 111px;
        border: 1px solid #B0FADA;
        border-radius: 7px 7px 7px 7px;
        
    }
    
    .agt_col_story{
        height: 400px;
    }
    
    /*stories part ends*/
    
    
    /*award part starts*/
    .award_text{
        position: absolute;
        top: 50%;
        bottom: 50%;
        left: 50%;
        transform:translateX(-50%);
        
    }
    
    
    /*award part ends*/
    
    /*faq part*/
    
    .faq_img1{
        width: 600px;
    }
    
    .dpdown_card{
        width: 520px;
    }
    
    .faq-area{
        position:relative;
    }
    
    .faq_title{
        font-size: 28px;
        font-weight: bolder;
        color: #1D164D;
    }
    
    .faq-bar{
        position:absolute;
        background: #B0FADA;
        height: 11px;
        width: 44px;
        top: -4px;
        right: 40px;
        z-index: -1;
        border-radius: 7px 7px 7px 7px;
        margin-top:40px;
    }
    
    .accordian_holder{
        width: 95% !important;
        max-width: 600px;
        margin: 0;
        margin-left: 0;
        padding: 0 15px;
        position: relative !important;
        z-index: 2 !important;
    }
    
    /* Ensure content elements are above background */
    .faq_box,
    .faq_texts,
    .faq_img1_box {
        position: relative !important;
        z-index: 2 !important;
    }
    
    /*faq part ends*/
}


    @media only screen and (min-width: 581px) and (max-width: 768px) {
        .inner-box{
            left:0px;
        }

        .agt_img_two{
            width:350px !important;
            height:auto;
        }
        .index-card-google-review {
            background-color: white;
            padding: 0;
            height: 300px;
            position: relative;
            margin: 15px;
            box-shadow: 0px 0px 4px -1px black;
        }
    
        .index-card-google-review .col-lg-3 {
            width: 25%;
        }
    
        .index-card-google-review .col-lg-9 {
            width: 75%;
        }
    
        .img-google-review {
            padding: 20px 5px 10px 10px;
            border-radius: 50%;
            position: relative;
            top: 15px;
            left: 15px;
            height: 90px;
        }
    
        .google-google-review {
            width: 15% !important;
            position: absolute;
            left: 82.5%;
            top: 5%;
        }
    
        .star-google-review {
            width: 7%;
            padding-left: 1%;
        }
    
        .row-google-review {
            padding-left: 8%;
            display: flex;
            padding-top:3%;
        }
    
        .content-padding {
            padding: 15px;
        }
    
        .google-review {
            padding: 25px 10px 10px 10px;
        }
    }


     @media only screen and (min-width: 769px) and (max-width: 991px) {
        @media only screen and (min-width: 768px) and (max-width: 991px) {
            .agt_img_two{
                width:400px !important;
                height:auto;
            }
            
            .inner-box{
                left:50px;
            }

            .index-card-google-review {
                background-color: white;
                padding: 0;
                height: 350px;
                position: relative;
                margin: 15px;
                box-shadow: 0px 0px 4px -1px black;
            }
        
            .index-card-google-review .col-lg-3 {
                width: 25%;
            }
        
            .index-card-google-review .col-lg-9 {
                width: 75%;
            }
        
            .img-google-review {
                padding: 20px 5px 10px 10px;
                border-radius: 50%;
                position: relative;
                top: 15px;
                left: 15px;
                height: 90px;
            }
        
            .google-google-review {
                width: 15% !important;
                position: absolute;
                left: 82.5%;
                top: 5%;
            }
        
            .star-google-review {
                width: 7%;
                padding-left: 1%;
            }
        
            .row-google-review {
                padding-left: 8%;
                display: flex;
                padding-top:3%;
            }
        
            .content-padding {
                padding: 15px;
            }
        
            .google-review {
                padding: 25px 10px 10px 10px;
            }
        }
        
        /* Add card-what-you-get image fixes here too */
        .card-what-you-get {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        
        .card-what-you-get .row {
            flex-wrap: nowrap;
            min-width: 100%;
        }
        
        .card-what-you-get .col-lg-3 {
            flex: 0 0 auto;
            min-width: 200px;
            width: 200px;
        }
        
        .card-what-you-get img{
            width: 100% !important;
            height: auto !important;
            max-height: none !important;
            object-fit: contain !important;
            border-radius: 8px;
        }
    }

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: left !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: left !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    /* Center the heading text */
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    /* Center the heading text */
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
   
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    /* Center the heading text */
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1 !important;
    }
    
    
    
    /* Center the text overlay */
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 30px !important;
    }
    
    /
    
    /* Ensure DNA-Based span styling */
    .image-text-container .dna_text_spcl {
        color: #4099F1 !important;
        font-weight: 700 !important;
    }
    
    /* Remove float from title_bg */
    .image-text-container .title_bg {
        float: none !important;
    }
    
    /* Ensure container wrapper centers properly */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Mobile view styling */
@media only screen and (max-width: 580px) {
    .image-text-container {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 180px !important;
        padding: 25px 0 !important;
        margin: 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    
    
    
    .image-text-container .title_text {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    
}
    
    /* Background image positioning */
    .image-text-container .title_bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100%