.contact-section{

padding-left:100px;
padding-right:100px;
}





/* careers page  30-06-2025 */

.container-careers {
    width: 1170px;
    padding: 0;
    margin: 0 auto;

}



.home_second_section-careers {
    padding: 90px 20px 40px;
}

.home_second_section-careers .col-md-10 {
    width: 83.3333%;
    margin: 0 auto;
}

.element_svg {
    height: 100px;
    width: auto;
    vertical-align: bottom;
    margin-bottom: 20px;
    display: inline-block;
    animation: fadeInLeftcareers 1s ease-out both;
}

.element_heading {
    display: inline-block;
    font-size: 2.5em;
    font-weight: 400;
    color: #000;

}

/* .element_heading i {
    font-style: italic;
    color: #67b38c;

} */

.text-left {
    text-align: left;
    display: block;
}

.text-right {
    text-align: right;
    display: block;
    animation: fadeInrightcareers 1s ease-out both;


}

@keyframes fadeInLeftcareers {
    from {
        opacity: 0;
        transform: translateX(-100px);

    }

    to {
        opacity: 1;
        transform: translateX(0);

    }
}

@keyframes fadeInrightcareers {
    from {
        opacity: 0;
        transform: translateX(100px);

    }

    to {
        opacity: 1;
        transform: translateX(0);

    }
}

/* careers page 1-07-2025 */

.container-careers-third-section {
    max-width: 1170px;
    margin: 0 auto;
    padding: 20px;
}

.careers_content_wrapper {
    margin: 50px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.careers_content_wrapper .items {
    padding: 15px;
}

.careers_content_wrapper .items:first-child {
    width: 66.66%;
    padding-right: 15px;
}

.careers_content_wrapper .items:last-child {
    width: 33.33%;
    padding-left: 15px;
}

/* Typography */
.careers_content_wrapper h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #333;
}

.careers_content_wrapper h4 {
    font-weight: 400;
    line-height: 1.5em;
    font-size: 1.2rem;
    margin-bottom: 20px;
}



.heading-fg{


}

.bottom{
margin-bottom:20px;


}

.ahref{

list-style: none;
    text-decoration: none;
 color: #000;

}
.sec_down{

padding:50px;

}
.text-center {
    text-align: center;
}

.heading-talent {
    font-size: 36px;
}

.heading-h4 {
    font-size: 18px;
}

/* Images */
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.margin_top {
    margin-top: 30px;

}

/* Social Icons */
.soc_ico {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.soc_ico li {
    display: block;
    padding: 5px 10px;
}

.soc_ico li a {
    color: #000;
    transition: all ease 0.2s;
}



.fa-2x {
    font-size: 25px;
}

/* Button */
.btnn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: transparent;
    cursor: pointer;
    padding: 15px 50px;
    display: inline-block;
    margin: 15px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: 0;
    position: relative;
    transition: all 0.3s ease;
    text-align: center;
    text-decoration: none;
}

.btn-1 {
    border: 3px solid #72c29b;
    color: #000;
}

.btn-1:hover {
    background-color: #72c29b;
    color: white;
}

.btn-1e {
    overflow: hidden;
}

.contact-btn {
    color: #000000;
    font-size: 23px;
}

.a-btn:hover {
    text-decoration: underline;
    text-decoration-color: #111111;
}

.a-btn {
    text-decoration: none;
}

/* Animations */
.animated {
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

.fadeInLeftShort {
    animation-name: fadeInLeftShort;
}

.fadeInRightShort {
    animation-name: fadeInRightShort;
}

.fadeInDownShort {
    animation-name: fadeInDownShort;
}

@keyframes fadeInLeftShort {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRightShort {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInDownShort {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.go {
    opacity: 1;
}
/* blog page 1-07-2025 */



.home_second_section-blog {
    padding: 90px 200px 40px;

}



.element_svg {
    height: 100px;
    width: auto;
    vertical-align: bottom;
    margin-bottom: 20px;
    display: inline-block;
    animation: fadeInLeftblog 1s ease-out both;
}

.element_heading {
    display: inline-block;
    font-size: 2.5em;
    font-weight: 400;
    color: #000;
}

/* .element_heading i {
    font-style: italic;
    color: #67b38c;

} */

.text-left {
    text-align: left;
    display: block;
}

.text-right {
    text-align: right;
    display: block;
    animation: fadeInrightblog 1s ease-out both;
}

@keyframes fadeInLeftblog {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInrightblog {
    from {
        opacity: 0;
        transform: translateX(100px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.filter_links {
    margin: 0px 0;
    text-align: center;
padding-top:90px;
height:200px;
}

.filterOptions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
}

.filterOptions .filOpt {
    cursor: pointer;
    flex-basis: 30%;
    height: 55px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #919396;
    background-color: transparent;
    color: #333a47;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    transition: all 0.2s ease;
    text-decoration: none;
}

.filterOptions .filOpt.active,
.filterOptions .filOpt:hover,
.filterOptions .filOpt:focus {
    background: #333a47 url('https://www.tablonoir.com/wp-content/themes/tablonoir/img/workfilter/spill.png') no-repeat right top;
    color: #fff;
    border-color: #333a47;
}

.blog_banner_bg {
    display: block;
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    text-decoration: none;
}

.blog_banner_bg .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
}

.blog_banner_bg .overlay .container {
    width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.blog_banner_bg .overlay .cat {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 500;
}

.blog_banner_bg .overlay .title {
    font-size: 3em;
    font-style: italic;
    color: #72c29b;
    margin-bottom: 15px;
    line-height: 1.2;
    font-weight: 600;
    width: 100%;
}

.blog_banner_bg .overlay .date {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

@keyframes fadeInLeftShort {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.fadeInLeftShort {
    animation-name: fadeInLeftShort;
}

.blog_archive_wrapper{

padding-left:100px;

padding-right:100px;
}

/* .blog_archive_wrapper {
    max-width: 1200px;
    margin: 0 auto;
} */

.blog-row{
    display: flex;
    flex-wrap: wrap;
    /* margin-bottom: 40px; */
padding-left: 100px;
    padding-right: 100px;
}

.archive {
    padding: 10px;
    text-decoration: none;
    color: inherit;
    flex: 1;
}

.archive img {
    max-width: 100%;
    height: auto;
}


 /* .archive h4:hover {
    color: #72c29b;
} */

.thumb {
    position: relative;

}

.cat-1 {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 5px 15px;
    font-size: 12px;
}

.archive h4 {
    margin-top: 10px;
    font-size: 18px;
    color: inherit;
}

.row-2 .archive {
    width: 100%;
}

.row-3 .archive {
    width: 33.33%;
}

.row-1 .archive {
    width: 100%;
}

.element_svg-blog {
  max-height: 60px;       /* Controls size */
  width: auto;
  height: auto;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: bottom;
  animation: fadeInLeftblog 1s ease-out both;
}


/* carrers page  */

@media only screen and (max-width: 319.5px) {
.container-careers-banner{
padding-left:16px;
padding-right:16px;
padding-top:16px;

}
    .container-careers,
    .container-careers-third-section {
        width: 100% !important;
        padding: 10px !important;
    }

    .element_svg {
        height: 60px !important;
        margin-bottom: 10px !important;
    }

    .element_heading {
        font-size: 18px !important;
        text-align: center !important;
    }

    .home_second_section-careers {
        padding: 30px 10px !important;
    }

    .careers_content_wrapper {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .careers_content_wrapper .items {
        width: 100% !important;
        padding: 0 !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        font-size: 20px !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {
        font-size: 14px !important;
    }

    .btnn {
        width: 100% !important;
        font-size: 14px !important;
        padding: 10px !important;
    }

    .soc_ico {
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
    }

    .soc_ico li {
        padding: 0 5px !important;
    }

    .fa-2x {
        font-size: 18px !important;
    }

    .contact-btn {
        font-size: 16px !important;
    }
}


@media only screen and (min-width: 320px) and (max-width: 767.5px) {
.container-careers-banner{
padding-left:16px;
padding-right:16px;
padding-top:16px;

}
    .container-careers,
    .container-careers-third-section {
        width: 100% !important;
        padding: 15px !important;
    }

    .element_svg {
        height: 70px !important;
    }

    .element_heading {
        font-size: 20px !important;
        text-align: center !important;
        display: block !important;
    }

    .home_second_section-careers {
        padding: 50px 15px !important;
    }

    .careers_content_wrapper {
        flex-direction: column !important;
        gap: 25px !important;
    }

    .careers_content_wrapper .items {
        width: 100% !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        font-size: 24px !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {
        font-size: 16px !important;
    }

    .btnn {
        font-size: 15px !important;
    }

    .contact-btn {
        font-size: 18px !important;
    }

    .soc_ico {
        display: flex !important;
        justify-content: center !important;
        gap: 12px !important;
    }

    .soc_ico li {
        padding: 5px !important;
    }

    .fa-2x {
        font-size: 20px !important;
    }
}

/* ========== 768px – 1023.5px ========== */
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .container-careers {
        width: 100% !important;
        max-width: 100% !important;
        padding: 80px 20px !important;
        margin: 0 auto !important;
        /* text-align: center !important; */
    }

    .element_svg {
        height: 80px !important;
        display: block !important;
        /* margin: 0 auto 20px !important; */
    }

    .element_heading {
        font-size: 24px !important;
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    .careers_content_wrapper {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 30px !important;
    }

    .careers_content_wrapper .items {
        width: 100% !important;
        max-width: 700px !important;
        padding: 0 10px !important;
        margin: 0 auto !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        font-size: 28px !important;
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {
        font-size: 17px !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    .btnn {
        font-size: 16px !important;
        width: auto !important;
        display: inline-block !important;
        text-align: center !important;
        padding: 12px 24px !important;
        margin: 0 auto !important;
    }

    .contact-btn {
        font-size: 20px !important;
        display: inline-block !important;
        margin-top: 20px !important;
        text-align: center !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1279.5px) {
    .element_heading {
        font-size: 26px !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        font-size: 30px !important;
        text-align: center !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {
        font-size: 18px !important;
        text-align: center !important;
    }

    .container-careers {
        width: 100% !important;
        padding: 60px 20px !important;
        text-align: center !important;
    }

    .element_svg {
        padding-left: 100px;
    }

}

@media only screen and (min-width: 1280px) and (max-width: 1439.5px) {
    .container-careers {
        width: 100% !important;
        padding: 70px 40px !important;
        text-align: center !important;
    }

    .element_svg {
        display: block !important;
        margin: 50px auto 20px 250px !important;
    }

    .element_heading {
        font-size: 28px !important;
        text-align: center !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        font-size: 32px !important;
        text-align: center !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {
        font-size: 19px !important;
        text-align: center !important;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1599.5px) {
    .container-careers {
        width: 100% !important;
        padding: 80px 60px !important;
        text-align: center !important;
    }

    .element_svg {
        display: block !important;
        margin: 50px auto 20px 250px !important;
    }

    .element_heading {
        font-size: 30px !important;
        text-align: center !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        font-size: 36px !important;
        text-align: center !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {
        font-size: 20px !important;
        text-align: center !important;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919.5px) {
    .container-careers {
        width: 100% !important;
        padding: 90px 70px !important;
        text-align: center !important;
    }

    .element_svg {
        display: block !important;
        margin: 50px auto 20px 250px !important;
    }

    .element_heading {
        font-size: 32px !important;
        text-align: center !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        font-size: 38px !important;
        text-align: center !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {
        font-size: 22px !important;
        text-align: center !important;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2559.5px) {
    .container-careers {
        width: 100% !important;
        padding: 100px 80px !important;
        text-align: center !important;
    }

    .element_svg {
        display: block !important;
        margin: 50px auto 20px 380px !important;
    }

    .element_heading {
        font-size: 34px !important;
        text-align: center !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        text-align: center !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {
        font-size: 24px !important;
        text-align: center !important;
    }
}


@media only screen and (min-width: 2560px) and (max-width: 3840px) {
    .container-careers {
        width: 100% !important;
        padding: 120px 100px !important;
        text-align: center !important;
    }

    .element_svg {
        display: block !important;
        margin: 60px auto 30px 600px !important;
        height: 110px !important;
    }

    .element_heading {
        font-size: 38px !important;
        text-align: left !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        text-align: center !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {

        text-align: center !important;
    }

    .careers_content_wrapper {
        margin: 20px 0;
        text-align: center;
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

    .text-right {
        text-align: center;
        padding-left: 700px;
    }
}

@media only screen and (min-width: 3841px) and (max-width: 6144px) {
    .container-careers {
        width: 100% !important;
        padding: 140px 120px !important;
        text-align: center !important;
    }

    .element_svg {
        display: block !important;
        margin: 80px auto 30px 1000px !important;
        height: 130px !important;
    }

    .element_heading {
        font-size: 44px !important;
        text-align: left !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        text-align: center !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {
        text-align: center !important;
    }

    .careers_content_wrapper {
        margin: 30px 0;
        text-align: center;
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

    .text-right {
        text-align: center;
        padding-left: 800px;
    }
}

@media only screen and (min-width: 6144px) and (max-width: 7680px) {
    .container-careers {
        width: 100% !important;
        padding: 160px 160px !important;
        text-align: center !important;
    }

    .element_svg {
        display: block !important;
        margin: 100px auto 30px 1900px !important;
        height: 150px !important;
    }

    .element_heading {
        font-size: 52px !important;
        text-align: left !important;
    }

    .careers_content_wrapper h1,
    .heading-talent {
        text-align: center !important;
    }

    .careers_content_wrapper h4,
    .heading-h4 {
        text-align: center !important;
    }

    .careers_content_wrapper {
        margin: 40px 0;
        text-align: center;
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

    .text-right {
        text-align: center;
        padding-left: 1000px;
    }
}


/* contact page */

@media only screen and (max-width: 319.5px) {
    .contact_us_links_wrapper {
        width: 100% !important;
    }
.contact-section{

padding-left:16px;
padding-right:16px;
padding-top:25px;
}
    .contact-form-section {
        width: 100% !important;
        padding: 10px !important;
    }

    .form-inline {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .checkbox-group {
        flex-direction: column !important;
        gap: 10px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
    .contact_us_links_wrapper {
        width: 100%;
    }
.contact-section{

padding-left:16px;
padding-right:16px;
padding-top:25px;
}
    .contact-form-section {
        width: 100%;
        padding: 10px;
    }

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

    .checkbox-group {
        flex-direction: column;
        gap: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .contact_us_links_wrapper {
        width: 48%;
    }

    .contact-form-section {
        width: 95%;
        padding: 20px;
    }

    .form-inline {
        flex-direction: row;
        gap: 16px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .contact_us_links_wrapper {
        width: 30%;
    }

    .contact-form-section {
        width: 95%;
        padding: 30px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    .contact_us_links_wrapper {
        width: 23%;
    }

    .contact-form-section {
        width: 90%;
    }
}


@media only screen and (min-width: 1441px) and (max-width: 1599px) {
    .contact_us_links_wrapper {
        width: 22%;
    }

    .contact-form-section {
        width: 92%;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1823px) {
    .contact_us_links_wrapper {
        width: 21%;
    }

    .contact-form-section {
        width: 93%;
    }
}

@media only screen and (min-width: 1824px) and (max-width: 1920px) {
    .contact_us_links_wrapper {
        width: 20%;
    }

    .contact-form-section {
        width: 94%;
    }
}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    .contact_us_links_wrapper {
        width: 18%;
    }

    .contact-form-section {
        width: 95%;
    }
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .contact_us_links_wrapper {
        width: 16%;
    }

    .contact-form-section {
        width: 96%;
    }
}

@media only screen and (min-width: 3841px) and (max-width: 6144px) {
    .contact_us_links_wrapper {
        width: 14%;
    }

    .contact-form-section {
        width: 97%;
    }

    .contact-banner-section {
        margin-top: 50px;
    }
}

@media only screen and (min-width: 6145px) and (max-width: 7680px) {
    .contact_us_links_wrapper {
        width: 12%;
    }

    .contact-form-section {
        width: 98%;
    }

    .contact-banner-section {
        margin-top: 70px;
    }
}


/* blog page */
@media only screen and (max-width: 319.5px) {
    .blog_archive_wrapper {
        padding: 18px !important;
    }


    .home_second_section-blog {
       padding: 60px 20px;
        margin-top: 0px;
        width: 100%;
        font-size:18px


    }

.blog_banner_bg .overlay .title {
    font-size: 2em;


}
.blog-row {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog_banner_bg {
    background-size: cover;
    background-position: center;
    min-height: 280px;
    display: block;
    width: 100%;
    text-decoration: none;
  }

  .overlay {
    background-color: rgba(0, 0, 0, 0.5); /* Optional overlay style */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 20px;
  }

  .overlay .container {
    padding: 0;
  }

  .cat,
  .title,
  .date {
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
  }

  .title {
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
  }

  .date {
    font-size: 13px;
    margin-top: 4px;
  }

}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .blog_archive_wrapper {
        padding: 18px !important;
    }

    .home_second_section-blog {
        padding: 60px 35px;
        margin-top: 0px;
        width: 100%;
font-size:18px

    }
.blog_banner_bg .overlay .title {
    font-size: 2em;


}
.blog-row {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog_banner_bg {
    background-size: cover;
    background-position: center;
    min-height: 280px;
    display: block;
    width: 100%;
    text-decoration: none;
  }

  .overlay {
    background-color: rgba(0, 0, 0, 0.5); /* Optional overlay style */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 20px;
  }

  .overlay .container {
    padding: 0;
  }

  .cat,
  .title,
  .date {
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
  }

  .title {
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
  }

  .date {
    font-size: 13px;
    margin-top: 4px;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .blog_archive_wrapper {
        padding: 40px !important;
    }

    .home_second_section-blog {
        
        margin-top: 0px;
        font-size: 25px;
         width: 100%;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .blog_archive_wrapper {
        padding: 40px !important;
    }

    .home_second_section-blog {
        /* padding: 50px 20px; */
        margin-top: 0px;
         padding-left: 290px;
font-size: 25px;
         width: 100%;
    }

    .text-left {
        text-align: center;
        display: block;
    }

}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    .blog_archive_wrapper {
        padding: 50px !important;
    }

    .home_second_section-blog {
        /* padding: 50px 20px; */
        margin-top: 0px;
    padding-left: 450px;
   padding-right: 200px;
font-size: 30px;
    width: 100%;
    }

    .text-left {
        text-align: center;
        display: block;
    }

}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    .blog_archive_wrapper {
        padding: 50px !important;
    }

    .home_second_section-blog {
       argin-top: 0px;
        padding-left: 500px;
        padding-right: 255px;
        width: 100%;
        font-size: 35px;
    }

    .text-left {
        text-align: center;
        display: block;
    }

}

@media only screen and (min-width: 1600px) and (max-width: 1823px) {
    .blog_archive_wrapper {
        /* padding: 50px !important; */
    }

   .home_second_section-blog {
       margin-top: 0px;
        padding-left: 580px;
        padding-right: 300px;
        width: 100%;
        font-size: 35px;
    }

    .text-left {
        text-align: center;
        display: block;

    }

}

@media only screen and (min-width: 1824px) and (max-width: 1920px) {
    .blog_archive_wrapper {
        /* padding: 50px !important; */
    }

    .home_second_section-blog {
         margin-top: 0px;
        padding-left: 640px;
        padding-right: 360px;
        width: 100%;
        font-size: 38px;
    }

    .text-left {
        text-align: center;
        display: block;
    }

    .blog_archive_wrapper .archive .thumb img {
        width: 100%;
    }
}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    .blog_archive_wrapper {
        /* padding: 50px !important; */
    }

    .home_second_section-blog {
         margin-top: 0px;
        padding-left: 720px;
        padding-right: 420px;
        width: 100%;
        font-size: 38px;
    }

    .text-left {
        text-align: center;
        display: block;

    }

    .blog_archive_wrapper .archive .thumb img {
        width: 100%;
    }

}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .blog_archive_wrapper {
        /* Adjust padding for 4K displays */
        padding: 80px !important;
    }

.home_second_section-blog {
    margin-top: 0px;
        padding-left: 900px;
       padding-right: 1000px;
        width: 100%;
        font-size: 46px;
   
  }
   

    .text-left {
        text-align: center;
        display: block;
     padding-left: 780px;
    }
    

    .blog_archive_wrapper .archive .thumb img {
        width: 100%;
    }

   
}


@media only screen and (min-width: 3841px) and (max-width: 6144px) {
    .blog_archive_wrapper {
        padding: 100px !important;
    }

    .home_second_section-blog {
        margin-top: 0px;
        font-size: 30px;
      padding-left: 700px;
    padding-right: 1800px; 
    width: 100%;
    }

    .text-left {
        text-align: center;
        display: block;
 padding-left: 1850px;
    }


  .blog_archive_wrapper .archive .thumb img {
        width: 100%;
    }



}

@media only screen and (min-width: 6144px) and (max-width: 7680px) {
    .blog_archive_wrapper {
        padding: 140px !important;
    }

    .home_second_section-blog {
        margin-top: 0px;
        font-size: 38px;
padding-left: 900px;
    padding-right: 2000px; 
    width: 100%;
    }

    .text-left {
        text-align: center;
        display: block;
padding-left: 2500px;
    }

    .blog_archive_wrapper .archive .thumb img {
        width: 100%;
    }

 
}




@media only screen and (max-width: 319.5px) {

.blog-inner-page{

display:none;


}

}


@media only screen and (min-width: 320px) and (max-width: 767px) {

.blog-inner-page{

display:none;


}


}






/* 16-07-2025 contact new page --raju */
.contact-page-first-sec {

    padding: 150px 150px 100px;
}


.contact-first-sec-content {

    /* height: 500px;
    width: 600px; */
    /* padding-left: 100px; */
}

.contact-first-sec-content h1 {
    font-weight: 400;
    font-size: 80px;

}

.contact-form-sec {
    padding: 40px;
}

.heading-contact {
    padding-bottom: 25px;

}

.form-groups {
    padding-bottom: 40px;

}

.form-controls {
    border: none;
    border-bottom: 1px solid black;
    width: 100%;
    line-height: 1.5;
    padding-bottom: 20px;

}

.form-controls:focus {
    outline: none;
}


.form-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 15px;
    width: 100%;

}

.form-inline-div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
     /* height:50px; */
    background-color: #000000;
    color: white;
    width: 47%;
    flex-direction: row;
    align-items: center;



}

.chck-box {
    width: 10%;
    height: 24px;
    margin-left: 15px;

}


.chck-box:checked {
    accent-color:#70C39C;
}

.chck-hd {
    padding-top: 15px;
}

.type-msg {
    padding-top: 40px;
    width: 100%;
}

.text-chck {
    padding-top: 20px;
}


.para-recap {
    padding-top: 30px;
    font-size: 12px;
}

.contact-second-sec {
    height: 600px;
    width: 100%;
    background-color: #000000;
    /* padding-left: 300px;
    padding-top: 90px; */
    display: flex;
    align-items: center;
    justify-content: center;

}

.row-sec {
    display: flex;
    flex-direction: row;
    color: white;
    height: 400px;
    width: 100%;
    /* background-color: #6a1ac1; */
    padding-left: 100px;
    padding-right: 100px;
}

.cont-sec-inner-sec {
    /* border: 1px solid black; */
    height: 400px;
}

.cont-sec-inner-sec-para {
    padding-top: 50px;
}

.btn-white {
    padding-top: 50px;
}



.about_grid {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    background-color: #000;
    color: white;
    /* padding-bottom: 100px; */
}

.divider_content {
    grid-column-gap: 1.375rem;
    grid-row-gap: 1.375rem;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: flex;
    overflow: clip;
}

.divider_heading {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    white-space: nowrap;
    flex: 0 auto;
    align-items: center;
    display: flex;
}

#w-node-_632f0647-4619-bed3-5e98-599e2a001c22-d437a1ce {
    grid-area: span 1/span 3/span 1/span 3
}

.text-size-regular {
    font-size: 1rem;
}

.divider-line {
    background-color: var(--line-color);
    flex: 1;
    align-self: center;
    width: 100%;
    height: 1px;
    position: relative;
}

#w-node-a73a48f5-9c71-5d73-9cf3-b2f9579f6f2f-d437a1ce,
#w-node-_09187be5-5caf-3d62-93ad-8b5b7bacb934-d437a1ce,
#w-node-d05a0574-f1a3-095a-c744-ce23f49f50c6-d437a1ce,
#w-node-eec139f4-fa30-418e-75a3-d5488c912898-d437a1ce {
    grid-area: span 1/span 3/span 1/span 3
}

.wrapper_col_3 {
    width: 100%;
    display: flex;
}


.col_3_item {
    flex: 1;
    max-width: 33.33%;
    position: relative;
    overflow: hidden;
    border: 1px solid #2B2B2B;
    border-bottom: none;
    border-top: none;
}

.about_col_item {
    grid-column-gap: 4.688rem;
    grid-row-gap: 4.688rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    display: flex;
}

.about_col_item_content {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    padding-left: 4rem;
    padding-right: 4rem;
    display: flex;
}


.text-size-x-large {
    font-size: 2rem;
    line-height: 110%;
}

.text-weight-semibold {
    font-weight: 600;
}

.about_img_container_mobile {
    display: none;
}

.img_full {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

img {
    max-width: 100%;
    display: inline-block;
}

.text-color-primary {
    color: var(--text-color--text-primary);
}

.about_img_container {
    width: 100%;
    display: flex;
    overflow: hidden;
    /* padding-left: 80px;
    padding-right: 80px; */
}

.about_img_container_inner {
    width: 100%;
    height: 21rem;
    position: relative;
    overflow: hidden;
}


.img_full {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.about_col_hover {
    position: absolute;
    inset: 0;
    /* pointer-events: none; */
    pointer-events: auto;
}


.button-pointer {
    position: relative;
    z-index: 9;
}



.hide-tablet-up,
.hide-mobile-landscape-up {
    display: none;
}

.align-center {
    margin-left: auto;
    margin-right: auto;
}




/* 
@media only screen and (max-width: 319.5px) {


    .contact-page-first-sec {
        padding: 50px;
        padding-left: 10px;

    }




} */



@media only screen and (max-width: 319.5px) {
    .contact-page-first-sec {

        padding: 80px 20px 20px;
    }


    .contact-first-sec-content h1 {
        font-size: 40px;

    }

    .contact-first-sec-content {
        padding-left: 25px;
    }

    .contact-form-sec {
        padding: 20px;
    }

    .form-inline-div {
        width: 100%;


    }

    .chck-hd {
        padding-top: 18px;
    }

    .type-msg {
        padding: 25px;

    }

    .msg-tp {
        /* padding-left: 10px; */
        text-align: center;
    }

    .para-recap {
        text-align: center;
    }

    .about_grid {

        flex-direction: column;
    }

    .col_3_item {
        max-width: 100%;
          padding-top: 30px;

    }

    .wrapper_col_3 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .about_col_item {
        width: auto;
    }

    .about_col_item_content {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }

    .about_img_container_inner {

        overflow: unset;
    }

}










@media only screen and (min-width: 320px) and (max-width: 767.5px) {
    .contact-page-first-sec {

        padding: 80px 20px 20px;
    }


    .contact-first-sec-content h1 {
        font-size: 40px;

    }

    .contact-first-sec-content {
        padding-left: 25px;
    }

    .contact-form-sec {
        padding: 20px;
    }

    .form-inline-div {
        width: 100%;


    }

    .chck-hd {
        padding-top: 18px;
    }

    .type-msg {
        padding: 25px;

    }

    .msg-tp {
        /* padding-left: 10px; */
        text-align: center;
    }

    .para-recap {
        text-align: center;
    }

    .about_grid {

        flex-direction: column;
    }

    .col_3_item {
        max-width: 100%;
       padding-top: 30px;
    }

    .wrapper_col_3 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .about_col_item {
        width: auto;
    }

    .about_col_item_content {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }

    .about_img_container_inner {

        overflow: unset;
    }
.button-pointer {
    margin-top: 30px;
    
}

}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {


    .contact-page-first-sec {
        padding: 100px 30px 30px;
    }

    .contact-first-sec-content h1 {
        font-size: 52px;
    }

    .contact-first-sec-content {
        padding-left: 30px;
    }

    .contact-form-sec {
        padding: 0px;
    }

    .chck-hd {
        padding-top: 18px;
    }

    .form-inline-div {
        width: 100%;
    }

    .about_grid {
        flex-direction: column;
  
    }

    .col_3_item {
        max-width: 100%;
        padding-top: 40px;
    }

    .about_col_item_content {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }

    .about_img_container_inner {

        overflow: unset;
    }
 .button-pointer {
        margin-top: 20px;
        
    }

}



@media only screen and (min-width: 1024px) and (max-width: 1280px) {


    .contact-page-first-sec {
        padding: 100px 40px 40px;

    }
 .button-pointer {
        margin-top: 20px;
        
    }

    .col_3_item {
        max-width: 100%;
        padding-top: 40px;
    }
    .about_col_item_content {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }
}
@media only screen and (min-width: 1281px) and (max-width:1440px) {


    .contact-page-first-sec {
        padding: 120px 100px 40px;

    }

    .button-pointer {
        margin-top: 20px;

    }

    .col_3_item {
        max-width: 100%;
        padding-top: 50px;
    }

    .about_col_item_content {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }
 .button-pointer {
        margin-top: 20px;
        
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    .contact-page-first-sec {
           padding: 120px 90px 40px;
    }

.contact-first-sec-content h1 {

        width: 60%;

    }

    .button-pointer {
        margin-top: 20px;

    }

    .col_3_item {
        max-width: 100%;
        padding-top: 50px;
    }

    .about_col_item_content {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }
}


@media only screen and (min-width: 1600px) and (max-width: 1823px) {

    .contact-page-first-sec {
      padding: 130px 90px 40px;
    }


.contact-first-sec-content h1 {
        font-size: 80px;

        width: 60%;

    }

    .button-pointer {
        margin-top: 20px;

    }

    .col_3_item {
        max-width: 100%;
        padding-top: 50px;
    }

    .about_col_item_content {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }

}



@media only screen and (min-width: 1824px) and (max-width: 1920px) {

    .contact-page-first-sec {
        padding: 150px 90px 40px;

    }
.contact-first-sec-content h1 {
        font-size: 80px;

        width: 60%;

    }
    .button-pointer {
        margin-top: 20px;

    }

    .col_3_item {
        max-width: 100%;
        padding-top: 60px;
    }

    .about_col_item_content {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }

}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {

    .contact-page-first-sec {
                     padding: 200px 100px 40px;

    }

    .button-pointer {
        margin-top: 35px;
font-size:22px;

    }

    .col_3_item {
        max-width: 100%;
        padding-top: 60px;
    }

    .about_col_item_content {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }

.form-inline-div {

height:auto;
}


.about_img_container_inner {
    
    height: 50rem;
   
}

.form-controls::placeholder {
font-size:23px;
  
}
.btn-primary-inner{
font-size:22px;
}

.para-recap{

font-size:22px;
}

.contact-form-sec h4{

font-size:32px;
}



.contact-first-sec-content h1 {
          width: 60%;
        font-size: 100px;

}
}



 @media only screen and (min-width: 2561px) and (max-width: 3840px) {

        .contact-page-first-sec {
            padding: 250px 100px 60px 100px;
        }

        .button-pointer {
            margin-top: 50px;
        }

        .col_3_item {
            max-width: 100%;
            padding-top: 80px;
        }

        .about_col_item_content {
           grid-column-gap: 1.875rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
        }

        .form-inline-div {
            height: auto;
width: 100%;
        }
.contact-first-sec-content h1 {
          width: 60%;
        font-size: 100px;

}
 
.form-controls::placeholder {
font-size:28px;
  
}
.btn-primary-inner{
font-size:30px;
}

.para-recap{

font-size:30px;
}

.contact-form-sec h4{

font-size: 45px;
padding-bottom: 40px;
}



.about_img_container_inner {
    
    height: 50rem;
   
}

.chck-box {
    height: 44px;

}
.form-groups {
    padding-bottom: 100px;
}
.check-box h3{

        font-size: 45px;
}

.form-groups h3{
padding-bottom: 40px;

}

.form-controls {
   
    line-height: 2.9;
   
}

   }



@media only screen and (min-width: 3841px) and (max-width: 6144px) {
 .contact-page-first-sec {
            padding: 350px 100px 60px 100px;
        }


    .button-pointer {
        margin-top: 70px;
    }

    .col_3_item {
        max-width: 100%;
        padding-top: 120px;
    }

    .about_col_item_content {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 3rem;
        padding-right: 3rem;
        display: flex;
    }

    .form-inline-div {
        height: auto;
        width: 100%;
    }
.contact-first-sec-content h1 {
          width: 60%;
        font-size: 150px;

}
.para-recap{

font-size:35px;
}

.chck-box {
    height: 44px;

}
.form-groups {
    padding-bottom: 100px;

}
.check-box h3{

        font-size: 45px;
}

.form-groups h3{
padding-bottom: 40px;

}
.contact-form-sec h4{

font-size: 45px;
padding-bottom: 40px;
}

.form-controls::placeholder {
font-size:35px;
  
}
.about_img_container_inner {
    
    height: 70rem;
   
}
.btn-primary-inner{
font-size:35px;
}

.form-controls {
    padding-bottom: 20px;
line-height: 3.0;
    }


.msg-tp{
font-size:30px;

}
 .button-pointer {
           font-size:35px;
  
      }
}



@media only screen and (min-width: 6145px) and (max-width: 7680px) {
   .contact-page-first-sec {
            padding: 450px 100px 60px 100px;
        }
.contact-first-sec-content h1 {
          width: 60%;
        font-size: 150px;

}
    .button-pointer {
        margin-top: 90px;
    }

    .col_3_item {
        max-width: 100%;
        padding-top: 140px;
    }

    .about_col_item_content {
        grid-column-gap: 3rem;
        grid-row-gap: 2.5rem;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 4rem;
        padding-right: 4rem;
        display: flex;
    }

    .form-inline-div {
        height: auto;
        width: 100%;
    }
.form-controls {
    padding-bottom: 20px;
line-height: 6.0;
    }


.msg-tp{
font-size: 75px;

}
 .button-pointer {
           font-size:35px;
  
      }

.para-recap{

font-size:45px;
}

.chck-box {
    height: 64px;

}
.form-groups {
    padding-bottom: 100px;

}
.check-box h3{

        font-size: 75px;
}

.form-groups h3{
padding-bottom: 40px;

}
.contact-form-sec h4{

font-size: 100px;
        padding-bottom: 40px;
    
}

.form-controls::placeholder {
font-size:75px;
  
}
.text-chck::placeholder {
font-size:75px;
  
}
.about_img_container_inner {
    
    height: 80rem;
   
}
.btn-primary-inner{
font-size:55px;
}
.button-pointer {
           font-size:55px;
  
      }
}


/* 18 -07-2025 careers page */
.container-careers-banner {
    background-image: url(../img/careers-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.careers-second-sec {
    padding: 100px 80px 100px 80px;
}

.career-heading {
    padding-left: 80px;
    padding-top: 80px;
}

.carrers-second-heading {
    /* padding-left: 80px;
    padding-right: 200px; */
    padding: 40px 350px 0px 80px;
    line-height: 1.4;
}

.career-para {
    padding-left: 80px;
    margin-bottom: 4rem;
}

/* .txt-bg {
    padding-left: 100px;
    padding-right: 100px;



} */

.box {
    background-color: #000;
    padding: 500px 80px 100px 80px;
    border-radius: 25px;


}


/* 22-07-2025  careers page */


.bg-gradient-red {
    background: linear-gradient(135deg, #ff6b6b, #ee0979);
}

.bg-gradient-dark-blue {
    background: linear-gradient(135deg, #2a2a72, #009ffd);

}

.bg-gradient-green {
    background: linear-gradient(135deg, #4CAF50, #8BC34A);
    /* Example green gradient */
}

.bg-gradient-purple {
    background: linear-gradient(135deg, #8A2BE2, #9370DB);

}

.bg-gradient-yellow {
    background: linear-gradient(135deg, #FFC107, #FFEB3B);

}

.bg-gradient-blue {
    background: linear-gradient(135deg, #2196F3, #03A9F4);

}

.bg-gradient-pink {
    background: linear-gradient(135deg, #E91E63, #FF4081);

}



/* Styles for the scrolling_story component */
.relative {
    position: relative;
}

.z-10 {
    z-index: 10;
}

.absolute {
    position: absolute;
}

.top-0 {
    top: 0;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.sticky {
    position: sticky;
}

.h-screen {
    height: 100vh;
}

.overflow-hidden {
    overflow: hidden;
}


.bg-gradient-red {
    background: linear-gradient(135deg, #ff6b6b, #ee0979);

}

.rounded-full {
    border-radius: 9999px;
}

.blur-3xl {
    filter: blur(48px);
    /* Tailwind's blur-3xl */
}

.w-80 {
    width: 20rem;
    /* 320px */
}

.h-80 {
    height: 20rem;
    /* 320px */
}

.duration-150 {
    transition-duration: 150ms;
}


.bg-gradient-red.absolute.-top-40.-right-40 {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    top: -10rem;
    /* -160px */
    right: -10rem;
    /* -160px */
}


.max-w-6xl {
    max-width: 1188px;

}

.px-6 {
    padding-left: 1.5rem;
    /* 24px */
    padding-right: 1.5rem;
    /* 24px */
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.py-12 {
    padding-top: 3rem;
    /* 48px */
    padding-bottom: 3rem;
    /* 48px */
}


h2.w-full {
    width: 100%;
    font-size: 2.25rem;
    /* text-4xl */
    line-height: 2.5rem;
    /* text-4xl */
    color: #fff;
    /* text-white */
    transition-duration: 1000ms;
    text-align: left;

}

/* Styles for the grid container of value cards */
.z-20 {
    z-index: 20;
}

.overflow-visible {
    overflow: visible;
}

.pb-12 {
    padding-bottom: 3rem;
    /* 48px */
}

.grid {
    display: grid;
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gap-16 {
    gap: 4rem;
    /* 64px */
}

/* .-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
} */

/* Styles for individual value cards */
.p-4 {
    padding: 2.71rem;
    /* 16px */
}

.text-white {
    color: #fff;
}

.rounded-3xl {
    border-radius: 20px;
}

.h-\[460px\] {
    height: 460px;
}

.row-span-4 {
    grid-row: span 4 / span 4;
}

.relative.flex.flex-col.justify-end.h-full {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    position: relative;
}

h3.text-\[2\.8rem\] {
    font-size: 2.8rem;
    line-height: 1.1;
    font-weight: 500;
    /* font-medium */
    word-break: break-words;
    /* break-words */
    white-space: pre-line;
    /* whitespace-pre-line */
}

.mt-5 {
    margin-top: 1.25rem;
    /* 20px */
}

.font-normal {
    font-weight: 400;
}

/* Default styles for elements that had responsive overrides */
/* These values are taken from the 'lg' breakpoint as a baseline,
   or the original non-responsive values if no 'lg' was present. */
.bg-gradient-red.absolute {
    filter: blur(100px);
    /* Using md:blur-[100px] as default */
    top: -540px;
    /* Using lg:-top-[540px] as default */
    right: -540px;
    /* Using lg:-right-[540px] as default */
    width: 1080px;
    /* Using lg:w-[1080px] as default */
    height: 1080px;
    /* Using lg:h-[1080px] as default */
}

.py-12 {
    /* Original was py-12, md:py-20, lg:py-24. Keeping py-12 as base */
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.max-w-6xl {
    /* Original was max-w-6xl, md:max-w-lg, lg:max-w-none. Keeping max-w-6xl as base */
    max-width: 1188px;
}

h2.w-full {
    /* Original was text-4xl, md:text-5xl, lg:text-9xl. Keeping text-4xl as base */
    font-size: 4.25rem;
    line-height: 2.5rem;
}

.pb-12 {
    /* Original was pb-12, md:pb-20, lg:pb-[90vh]. Keeping pb-12 as base */
    padding-bottom: 3rem;
}

.lg\:h-screen {
    /* This class was used for sticky behavior, now applied generally */
    height: 100vh;
}

.lg\:sticky {
    /* This class was used for sticky behavior, now applied generally */
    position: sticky;
}

.row-start-1 {
    grid-row-start: 1;
}

.row-start-3 {
    grid-row-start: 3;
}

.row-start-4 {
    grid-row-start: 4;
}

.careers-third-sec {
    background-color: #000;
}




.section-padding {
    padding-top: 160px;
    padding-bottom: 160px;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
}

.color-primary {
    color: #0f1112;

}

.heading-h-ii {
    font-size: 50px;
}

.faq-item-wrap {
    box-sizing: border-box;
    clear: none;
    grid-column-gap: 100px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.75fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: static;
    overflow: visible;
}



.faq-block-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.faq-bottom-item {
    border-bottom: 1.5px solid #c6cacc;
    width: 100%;
    overflow: hidden;
}

.faq-item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 20px 40px 20px 0;
    /* Adjusted padding-right */
}

.faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.faq-title {
    color: #0f1112;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 80px;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    flex-grow: 1;
    /* Allow title to take available space */
}



.faq-arrow-wrap {
    background-color: #edf0f2;
    border-radius: 9999px;
    /* 100% for full circle */
    flex-shrink: 0;
    /* Prevent shrinking */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    position: relative;
    transition: background-color 0.3s ease-in-out;
    /* Smooth background transition */
}

.faq-arrow-wrap.open {
    background-color: #0f1112;
    /* Change to black when open */
}

.faq-expand-icon svg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq-arrow-wrap.open .faq-expand-icon svg path {
    fill: white;
    /* Change SVG icon to white when open */
    transition: fill 0.3s ease-in-out;
}

.faq-answer-content {
    background-color: transparent;
    /* Matches #ddd0 */
    padding-left: 0;
    padding-right: 100px;
    display: block;
    position: relative;
    overflow: hidden;
    max-height: 0;
    /* Initial state for collapse */
    opacity: 0;
    /* Initial state for fade */
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, padding-top 0.5s ease-in-out, padding-bottom 0.5s ease-in-out;
}

.faq-answer-content.open {
    max-height: 500px;
    /* Sufficiently large value for expansion */
    opacity: 1;
    padding-top: 20px;
    /* Add padding when open */
    padding-bottom: 20px;
    /* Add padding when open */
}

.answer-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq-paragraph {
    color: #4b5154;
    letter-spacing: .2px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.5em;
}



/* Added CSS rules */
.current-openning-area {
    background-color: #f5f6f7;
}

.openning-section-header {
    grid-column-gap: 316px;
    grid-row-gap: 316px;
    border-bottom: 1px solid #c6cacc;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 80px;
    display: grid;
}

.h2-20-px {
    color: #0f1112;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
}

.text-block-11 {
    color: #0f1112;
    font-size: 24px;
    font-weight: 500;
}

.job-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 60px;
    display: grid;
}

.job-item.slide-top-100 {
    border-radius: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.job-item {
    background-color: #fff;
    padding: 24px;
}

.team-name {
    color: #0f1112;
    font-size: 16px;
    font-weight: 500;
}

.job-title {
    color: #0f1112;
    margin-top: 32px;
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 500;
}

.div-block-20 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    display: flex;
}

.job-type {
    color: #7e8385;
    font-size: 16px;
}

.job-footer {
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    display: flex;
}

.salary-range-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #f5f6f7;
    border-radius: 100px;
    padding: 16px 24px;
    display: none;
}

.salary-range {
    color: #0f1112;
    font-size: 16px;
    font-weight: 500;
}

.salary-span {
    color: #7e8385;
}

.career-button-wrap {
    display: flex;
}

.primary-button-12-20 {
    z-index: 1;
    background-color: #0f1112;
    color: white;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    font-size: 18px;
    line-height: 1.2em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block;
}

.faq-item-title {
    white-space: normal;
    width: 100%;
    padding: 20px 20px 20px 0;
    display: block;
}

.faq-title.color-black {
    overflow: visible;
}

.faq-expand-icon {
    justify-content: center;
    align-items: center;
    display: flex;
}

svg:not(:root) {
    overflow: hidden;
}

.w-dropdown-list.w--open {
    display: block;
}

.w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute;
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block
}

.w-dropdown-toggle:focus {
    outline: 0
}

.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute
}

.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block
}

.w-dropdown-link.w--current {
    color: #0082f3
}

.w-dropdown-link:focus {
    outline: 0
}




.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.who-we-area {
    z-index: 0;
    z-index: 0;
    position: relative;
    overflow: hidden;
}

.trusted-slider-area.mt-0 {
    margin-top: 0;
}

.trusted-slider-area {
    margin-top: 100px;
}

.trusted-by-swiper {
    position: relative;
}

.swiper-wrapper.align-center {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.swiper-wrapper {
    transition-timing-function: linear;
}

.trusted-by-item.swiper-slide {
    width: 100%;
    height: auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.trusted-image {
    aspect-ratio: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* Keen Slider specific styles */
.keen-slider__slide {
    flex-shrink: 0;
    /* Important for slider behavior */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Styles for navigation arrows */
.arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    /* For browser compatibility */
    fill: #fff;
    /* White arrows */
    cursor: pointer;
    z-index: 10;
    /* Ensure arrows are above slides */
}

.arrow--left {
    left: 10px;
}

.arrow--right {
    right: 10px;
}

.arrow--disabled {
    fill: rgba(255, 255, 255, 0.5);
    /* Dim disabled arrows */
}

/* Styles for dots pagination */
.dots {
    display: flex;
    padding: 10px 0;
    justify-content: center;
    margin-top: 15px;
    /* Space above dots */
}

.dot {
    border: none;
    width: 10px;
    height: 10px;
    background: #c5c5c5;
    border-radius: 50%;
    margin: 0 5px;
    padding: 5px;
    cursor: pointer;
}

.dot:focus {
    outline: none;
}

.dot.active {
    background: #fff;
}

/* Responsive display for grid and slider */
@media (max-width: 1023.98px) {

    /* Screens smaller than lg breakpoint (up to 1023.98px) */
    .grid-disp {
        display: none !important;
        /* Hide the grid on mobile */
    }

    #mobileSlider {
        display: flex;
        /* Show slider as flex on mobile */
        flex-direction: row;
        /* Arrange slides in a row */
        padding: 0 20px;
        /* Add padding to the slider container */
    }

    /* Ensure arrows and dots are visible on mobile */
    .arrow,
    .dots {
        display: flex;
        /* Or block, depending on desired layout */
    }


}


@media (min-width: 1024px) {

    /* lg breakpoint and up */
    #mobileSlider {
        display: none !important;
        /* Hide the slider on desktop */
    }

    .grid-disp {
        display: grid !important;
        /* Ensure grid is displayed on desktop */
    }

    /* Ensure arrows and dots are hidden on desktop */
    .arrow,
    .dots {
        display: none !important;
    }
}

/* responsive for careers page 23-07-25 */
@media only screen and (max-width: 319.5px) {

    .container-careers-banner {
        height: 600px;
    }

    .careers-second-sec {
        padding: 30px 30px 30px 30px;
    }

    .career-heading {
        padding-left: 0px;
        padding-top: 30px;
        text-align: center;
    }

    .carrers-second-heading {
        padding: 20px;
        text-align: center;
        font-size: 1.15rem;
    }

    .career-para {
        padding-left: 10px;
        text-align: center;
        font-size: 1rem;

    }

    h2.w-full {
        font-size: 2.9rem;

    }

    .grid-disp {
        display: flex;
        flex-direction: column;
        padding: 0px;
        row-gap: 12px;
    }


    h3.text-\[2\.8rem\] {
        font-size: 1.9rem;
    }

    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }


    .openning-section-header {

        display: flex;
        flex-direction: column;
        row-gap: 12px;
        text-align: center;

    }

    .text-block-11 {
        padding: 18px;
    }

    .job-list {
        display: flex;
        flex-direction: column;
    }

    .job-item {
        padding-left: 20px;
    }

    .faq-item-wrap {
        display: flex;
        flex-direction: column;
        padding: 18px;
    }

    .heading-h-ii {
        font-size: 1.9rem;
    }

    .faq-title {
        font-size: 18px;
        margin-right: 3px;
    }

    .faq-answer-content {
        padding-right: 0px;
        text-align: center;

    }

    .trusted-by-item.swiper-slide {
        width: 50% !important;
    }
.relative.flex.flex-col.justify-end.h-full {
 
    justify-content: center;
    
}
}



@media only screen and (min-width: 320px) and (max-width: 767.5px) {

    .container-careers-banner {
        height: 600px;
    }

    .careers-second-sec {
        padding: 30px 30px 30px 30px;
    }

    .career-heading {
        padding-left: 0px;
        padding-top: 30px;
        text-align: center;
    }

    .carrers-second-heading {
        padding: 20px;
        text-align: center;
        font-size: 1.15rem;
    }

    .career-para {
        padding-left: 10px;
        text-align: center;
        font-size: 1rem;

    }

    h2.w-full {
        font-size: 2.9rem;

    }

    .grid-disp {
        display: flex;
        flex-direction: column;
        padding: 0px;
        row-gap: 12px;
    }


    h3.text-\[2\.8rem\] {
        font-size: 1.9rem;
    }

    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }


    .openning-section-header {

        display: flex;
        flex-direction: column;
        row-gap: 12px;
        text-align: center;

    }

    .text-block-11 {
        padding: 18px;
    }

    .job-list {
        display: flex;
        flex-direction: column;
    }

    .job-item {
        padding-left: 20px;
    }

    .faq-item-wrap {
        display: flex;
        flex-direction: column;
        padding: 18px;
    }

    .heading-h-ii {
        font-size: 1.9rem;
    }

    .faq-title {
        font-size: 18px;
        margin-right: 4px;
    }

    .faq-answer-content {
        padding-right: 0px;
        text-align: center;

    }

    .trusted-by-item.swiper-slide {
        width: 50% !important;
    }
.relative.flex.flex-col.justify-end.h-full {
 
    justify-content: center;
    
}
}



@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .container-careers-banner {
        height: 700px;
    }

    .careers-second-sec {
        padding: 50px;
    }

    .career-heading {
        padding-left: 40px;
        padding-top: 40px;

    }

    .carrers-second-heading {
        padding: 40px;

    }

    .career-para {
        padding-left: 40px;

    }

    .grid-disp {
        padding: 26px;
    }

    h3.text-\[2\.8rem\] {
        font-size: 1.5rem;
    }

    .relative.flex.flex-col.justify-end.h-full {

        justify-content: center;

    }

    .openning-section-header {

        display: flex;
        flex-direction: column;
        row-gap: 12px;
        text-align: center;

    }

    .faq-item-wrap {
        display: flex;
        flex-direction: column;
        padding: 18px;
    }

    .section-title-wrap {
        padding-bottom: 40px;
    }


}



@media only screen and (min-width: 1024px) and (max-width: 1280px) {

    .container-careers-banner {
        height: 700px;
    }

    .careers-second-sec {
        padding: 40px;
    }

    .carrers-second-heading {
        padding: 40px 50px 0px 80px;
    }


    .openning-section-header {

        display: flex;
        flex-direction: column;
        row-gap: 12px;
        text-align: center;
    }

    .faq-item-wrap {
        display: flex;
        flex-direction: column;
        padding: 18px;
    }

    .section-title-wrap {
        padding-bottom: 50px;
    }
    .grid-disp {
        padding-left: 30px;
        padding-right: 30px;
    }

    h3.text-\[2\.8rem\] {
        font-size: 1.8rem;
    }

}




@media only screen and (min-width: 1281px) and (max-width:1440px) {
    .container-careers-banner {
        height: 700px;
    }


    .carrers-second-heading {
       padding: 40px 120px 20px 80px;

    }

    .heading-h-ii {
        font-size: 36px;
    }
}


@media only screen and (min-width: 1440px) and (max-width:1599px) {

    .container-careers-banner {
        height: 700px;
    }


    .carrers-second-heading {
        padding: 40px 70px 20px 80px;

    }

    .heading-h-ii {
        font-size: 36px;
    }



}


@media only screen and (min-width: 1600px) and (max-width:1823px) {

    .container-careers-banner {
        height: 800px;
    }

    .carrers-second-heading {
        padding: 40px 80px 30px 80px;

    }

    .heading-h-ii {
        font-size: 36px;
    }
h2.w-full {
    font-size: 6.25rem;
   
}
}



@media only screen and (min-width: 1824px) and (max-width: 1920px) {
    .container-careers-banner {
        height: 900px;
    }

  

    .carrers-second-heading {
        padding: 40px 90px 40px 80px;

    }

    /* .heading-h-ii {
        font-size: 40px;
    } */
    .box {

        padding: 500px 80px 100px 80px;

    }

.career-para {
        font-size: 1.7rem;

    }

    /* .common-tn-para {
        font-size: 1.7rem;

    } */
h2.w-full {
    font-size: 6.25rem;
  
}
.h2-20-px {
   
    font-size: 40px;
}
.career-heading {
font-size: 40px;
    
}

.team-name{
   
    font-size: 24px;
  
}
.job-type {
  
    font-size: 24px;
}
.job-title {
    
    font-size: 24px;
    
}
.btn-primary {
    padding: 20px 40px;
    font-size: 1.15rem;
  }

  .btn-primary-content .btn-primary-text {
    font-size: 1.25rem;
  }

  .btn-primary-ic svg {
    width: 20px;
    height: 20px;
  }

.faq-title {
    
    font-size: 28px;
  
}
.faq-paragraph {
   
    font-size: 25px;

}
.text-block-11 {
  
    font-size: 25px;
    
}
}



@media only screen and (min-width: 1921px) and (max-width: 2560px) {

    .container-careers-banner {
        height: 1000px;
    }

    .career-heading {
        font-size: 40px;

    }

    .career-para {
        font-size: 1.7rem;

    }
.font-para{
font-size: 1.3rem;
}

    .font-normal {
        font-size: 24px;
    }

    .box {

        padding: 550px 80px 100px 80px;

    }

    .h2-20-px {
        font-size: 28px;
    }

    .text-block-11 {

        font-size: 28px;

    }

    .team-name {

        font-size: 24px;

    }

    .job-type {

        font-size: 24px;
    }

    .job-title {

        font-size: 24px;

    }

    .btn-primary {
        padding: 20px 40px;
        font-size: 1.15rem;
    }

    .btn-primary-content .btn-primary-text {
        font-size: 1.25rem;
    }

    .btn-primary-ic svg {
        width: 20px;
        height: 20px;
    }

    .faq-title {

        font-size: 28px;

    }

    .faq-paragraph {
        font-size: 25px;
    }
}




@media only screen and (min-width: 2561px) and (max-width: 3840px) {

    .container-careers-banner {
        height: 1200px;
    }

    .career-heading {
        font-size: 48px;
    }

    .career-para {
        font-size: 2.5rem;
    }
  .font-para {
       font-size: 1.5rem;
    }
    .font-normal {
        font-size: 28px;
    }

    .box {
        padding: 750px 100px 120px 100px;
    }

    .h2-20-px {
        font-size: 34px;
    }

    .text-block-11 {
        font-size: 32px;
    }

    .team-name,
    .job-type,
    .job-title {
        font-size: 34px;
    }

    .btn-primary {
        font-size: 1.4rem;
    }

    .btn-primary-content .btn-primary-text {
        font-size: 2.5rem;
    }

.testimonials-swiper-new .swiper-pagination-fraction {

    font-size: 34px;
}
    .faq-title {
        font-size: 34px;
        line-height: 2.0;
    }


    .faq-paragraph {
        font-size: 34px;
    }

    h3.text-\[2\.8rem\] {
        font-size: 2.2rem;
    }

    h2.w-full {
        font-size: 6.25rem;
    }
.heading-h-ii {
    font-size: 55px;
}

}


@media only screen and (min-width: 3841px) and (max-width: 6144px) {

    .container-careers-banner {
        height: 1600px;
    }

    .career-heading {
        font-size: 60px;
    }
.font-para{
font-size: 1.6rem;

}
    .career-para {
        font-size: 2.8rem;
    }

    /* .font-normal {
      font-size: 32px;
    } */

    .box {
        padding: 900px 140px 160px 140px;
    }

    .h2-20-px {
        font-size: 44px;
    }

    .text-block-11 {
        font-size: 40px;
    }

    .team-name,
    .job-type,
    .job-title {
        font-size: 42px;
    }

    .btn-primary {
        padding: 40px 80px;
        font-size: 1.75rem;
    }

    .btn-primary-content .btn-primary-text {
               font-size: 3.5rem;
    }

    .btn-primary-ic svg {
        width: 32px;
        height: 32px;
    }

.btn-primary-content {
    padding: 0.75rem 2.5rem;
}

.btn-primary-ic {
    padding: 2rem;
}




    .faq-title {
        font-size: 44px;
        line-height: 2.2;
    }

    .faq-paragraph {
        font-size: 40px;
    }

    h3.text-\[2\.8rem\] {
        font-size: 2.8rem;
    }

    h2.w-full {
        font-size: 8rem;
    }

    .heading-h-ii {
        font-size: 55px;
    }


}

@media only screen and (min-width: 6145px) and (max-width: 7680px) {

    .container-careers-banner {
        height: 2000px;
    }

    .career-heading {
        font-size: 80px;
    }
.font-para{
        font-size: 1.5rem;

}
    .career-para {
        font-size: 3.5rem;
    }

    .box {
        padding: 1350px 180px 200px 180px;
    }

    .h2-20-px {
        font-size: 56px;
    }

    .text-block-11 {
        font-size: 52px;
    }

    .team-name,
    .job-type,
    .job-title {
        font-size: 52px;
    }

    .btn-primary {
        padding: 56px 110px;
        font-size: 2.3rem;
    }

    .btn-primary-content .btn-primary-text {
               font-size: 4.9rem;
    }

    .btn-primary-ic svg {
       width: 80px;
        height: 80px;
    }

    .faq-title {
        font-size: 58px;
        line-height: 2.4;
    }

    .faq-paragraph {
        font-size: 54px;
    }

    h3.text-\[2\.8rem\] {
        font-size: 3.6rem;
    }

    h2.w-full {
        font-size: 10rem;
    }

    .heading-h-ii {
        font-size: 72px;
        line-height: 1.2;
    }

}
/* blog page responsive -raju -24-07-25 */
@media only screen and (max-width: 319.5px) {
    .blog-page-new-list-sec {
        padding: 10px 10px 10px 10px;
    }

    .blog-page-new-grid-div {
        display: flex;
        flex-direction: column;
    }
 .blog-page-new-grid-card-img {

        height: auto;

    }
}


@media only screen and (min-width:320px) and (max-width:767px) {

    .blog-page-new-list-sec {
        padding: 10px 10px 10px 10px;
    }

    .blog-page-new-grid-div {
        display: flex;
        flex-direction: column;
    }

    .blog-page-new-grid-card-img {

        height: auto;

    }

    
}

@media only screen and (min-width:768px) and (max-width:1023.5px) {
    .blog-page-new-list-sec {
        padding: 50px 50px 50px 50px;
    }

    .blog-page-new-grid-card-img {

        height: auto;

    }
}


@media only screen and (min-width:1024px) and (max-width:1280px) {

    .blog-page-new-list-sec {
        padding: 80px 80px 0px 80px;
    }


}
@media only screen and (min-width:1281px) and (max-width:1440px) {
    .blog-page-new-list-sec {
        padding: 80px 80px 0px 80px;
    }
}

@media only screen and (min-width:1441px) and (max-width:1599px) {
    .blog-page-new-list-sec {
        padding: 90px 90px 0px 90px;
    }
}

@media only screen and (min-width:1600px) and (max-width:1823px) {
    .blog-page-new-list-sec {
        padding: 90px 100px 0px 100px;
    }
}
@media only screen and (min-width:1824px) and (max-width:1920px) {

    .blog-page-new-list-sec {
        padding: 100px 100px 0px 100px;
    }

}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    .blog-page-new-list-sec {
        padding: 110px 110px 0px 110px;
    }

    .nav-links-blog a {

        font-size: 24px;
    }
 .blog-page-new-grid-card-img {
        height: 30vh;
    }

}




@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .blog-page-new-list-sec {
        padding: 120px 110px 0px 110px;
    }

    .blog-page-new-grid-card-img {
        height: 40vh;
    }

    .nav-links-blog a {

        font-size: 38px;
    }

    .blog-page-new-grid-date {

        font-size: 2.2rem;
    }

    .blog-page-new-grid-content h2 {
        font-size: 40px;
        text-transform: none;
    }

    .search-form {

        max-width: 550px;
    }

    .blog-page-new-grid-category a {

        font-size: 28px;
    }

    .new-blog-swiper-content h1 {
        font-size: 4rem;
    }

    .new-blog-top p {
        font-size: 3rem;
    }

    .new-blog-date {
        font-size: 2.3rem;
    }

}
@media only screen and (min-width: 3841px) and (max-width: 6144px) {
    .blog-page-new-list-sec {
        padding: 160px 220px 160px 220px;
    }

    .nav-links-blog a {
        font-size: 70px;
    }
.nav-links-blog ul {

    gap: 4.5rem;
  
}
    .blog-page-new-grid-date {
        font-size: 2.9rem;
    }

    .blog-page-new-grid-content h2 {
        font-size: 80px;
        text-transform: none;
    }

    .search-form {
        max-width: 700px;
    }

    .blog-page-new-grid-category a {
        font-size: 36px;
    }

    .new-blog-swiper-content h1 {
        font-size: 5.2rem;
    }

    .new-blog-top p {
        font-size: 4rem;
    }

    .new-blog-date {
        font-size: 3rem;
    }

    .blog-page-new-grid-card-img {
        height: 50vh;
    }
}




@media only screen and (min-width: 6145px) and (max-width: 7680px) {
    .blog-page-new-list-sec {
        padding: 220px 380px 220px 380px;
    }

    .blog-page-new-grid-card-img {
        height: 40vh;
    }

    .nav-links-blog a {
        font-size: 80px;
    }
.nav-links-blog ul {

    gap: 4.5rem;
  
}
    .blog-page-new-grid-date {
        font-size: 3.7rem;
    }

    .blog-page-new-grid-content h2 {
        font-size: 80px;
        text-transform: none;
    }

    .search-form {
        max-width: 900px;
    }

    .blog-page-new-grid-category a {
        font-size: 46px;
    }

    .new-blog-swiper-content h1 {
        font-size: 6.5rem;
    }

    .new-blog-top p {
        font-size: 5rem;
    }

    .new-blog-date {
        font-size: 3.8rem;
    }
}






@media only screen and (max-width:319px) {

    .what-we-do-banner-sec {
        height: 600px !important;
    }

    .what-we-do-content h4 {
        font-size: 2rem;
    }

    .what-we-do-second-sec {
        padding: 30px 10px;
    }

    .tags-wrapper {
        padding-top: 25px;
    }

.stats-wrapper {
  
    display: flex
;
    flex-direction: column;
}
    .case-description {
        font-size: 1.5rem;
    }

    .what-we-do-page-list-sec {
        padding: 10px 10px 10px 10px;
    }

    .what-we-do-page-list-row .what-we-do-page-list-col.col-md-6 {
        width: auto;
    }

    .what-we-do-page-list-col {

        row-gap: 10px;
    }

    .padding-top-space {
        padding-top: 10px;
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .what-we-do-banner-sec {
        height: 600px !important;
    }

    .what-we-do-content h4 {
        font-size: 2rem;
    }

    .what-we-do-second-sec {
        padding: 30px 10px;
    }

    .tags-wrapper {
        padding-top: 25px;
    }

 .stats-wrapper {
  
    display: flex
;
    flex-direction: column;
}


    .case-description {
        font-size: 1.5rem;
    }

    .what-we-do-page-list-sec {
        padding: 10px 10px 10px 10px;
    }

    .what-we-do-page-list-row .what-we-do-page-list-col.col-md-6 {
        width: auto;
    }

    .what-we-do-page-list-col {

        row-gap: 10px;
    }

    .padding-top-space {
        padding-top: 10px;
    }
}




@media only screen and (min-width:768px) and (max-width:1023px) {



    .what-we-do-second-sec {
        padding: 50px 50px;
    }

    .what-we-do-content h4 {
        font-size: 2rem;
    }

    .tags-wrapper {
        padding-top: 20px;
    }

    .what-we-do-page-list-sec {
        padding: 0px 40px 40px 40px;
    }
}



@media only screen and (min-width: 1024px) and (max-width: 1280px) {

 

    .what-we-do-second-sec {
        padding: 70px 80px;
    }

    .what-we-do-content h4 {
        font-size: 2.4rem;
    }

    .tags-wrapper {
        padding-top: 30px;
    }

    .what-we-do-page-list-sec {
        padding: 0px 60px 60px 60px;
    }
}



@media only screen and (min-width: 1281px) and (max-width: 1440px) {



    .what-we-do-second-sec {
        padding: 90px 100px;
    }

    .what-we-do-content h4 {
        font-size: 2.8rem;
    }

    .tags-wrapper {
        padding-top: 40px;
    }

    .what-we-do-page-list-sec {
        padding: 0px 80px 80px 80px;
    }
}


@media only screen and (min-width: 1440px) and (max-width: 1599px) {

    

    .what-we-do-second-sec {
        padding: 90px 100px;
    }

    .what-we-do-content h4 {
        font-size: 3rem;
    }

    .tags-wrapper {
        padding-top: 40px;
    }

    .what-we-do-page-list-sec {
        padding: 0px 80px 80px 80px;
    }
}



@media only screen and (min-width: 1600px) and (max-width: 1823px) {

    

    .what-we-do-second-sec {
        padding: 130px 120px;
    }

    .what-we-do-content h4 {
        font-size: 3.2rem;
    }

    .tags-wrapper {
        padding-top: 60px;
    }

    .what-we-do-page-list-sec {
        padding: 0px 120px 120px 120px;
    }
}
@media only screen and (min-width: 1824px) and (max-width: 1920px) {

  

    .what-we-do-second-sec {
        padding: 140px 130px;
    }

    .what-we-do-content h4 {
        font-size: 3.2rem;
    }

    .what-we-do-page-list-sec {
        padding: 0px 120px 120px 120px;
    }

}


@media only screen and (min-width: 1921px) and (max-width: 2560px) {

    .what-we-do-banner-sec {
        height: 100% !important;
    }

    .what-we-do-second-sec {
        padding: 150px 180px;
    }

    .what-we-do-content h4 {
        font-size: 3.6rem;
    }

  .tag {
        font-size: 1.9rem;

    }

    .what-we-do-page-list-sec {
        padding: 0px 150px 150px 150px;
    }
}



@media only screen and (min-width: 2561px) and (max-width: 3840px) {

  

    .what-we-do-second-sec {
        padding: 180px 220px;
    }

    .what-we-do-content h4 {
        font-size: 4rem;
    }

    .what-we-do-page-list-sec {
        padding: 0px 180px 180px 180px;
    }

    .tags-wrapper {
        gap: 25px;
    }

    .tag {
        font-size: 2.6rem;

    }

    .stat-label {
        font-size: 2.9rem;
    }

    .stats-wrapper {
        gap: 50px;
    }

    .case-description {
        font-size: 3.6rem;

    }
.stat-number {
    font-size: 4.5rem;
}
.padding-top-space {
    padding-top: 900px;
}

}



@media only screen and (min-width: 3841px) and (max-width: 6144px) {



    .what-we-do-second-sec {
        padding: 220px 280px;
    }

    .what-we-do-content h4 {
        font-size: 5.4rem;
    }

    .what-we-do-page-list-sec {
        padding: 0px 220px 220px 220px;
    }

    .tags-wrapper {
        gap: 30px;
        padding-top: 100px;
    }

    .tag {
        font-size: 3.6rem;
    }

    .stat-label {
        font-size: 3.8rem;
    }

    .stats-wrapper {
        gap: 60px;
    }

    .case-description {
        font-size: 5.2rem;
    }

    .stat-number {
        font-size: 6.5rem;
    }

    .padding-top-space {
        padding-top: 900px;
    }
}
@media only screen and (min-width: 6145px) and (max-width: 7680px) {


    .what-we-do-second-sec {
        padding: 280px 360px;
    }

    .what-we-do-content h4 {
        font-size: 6.4rem;
    }

    .what-we-do-page-list-sec {
        padding: 0px 300px 300px 300px;
    }

    .tags-wrapper {
        gap: 40px;
        padding-top: 120px;
    }

    .tag {
        font-size: 4.2rem;
    }

    .stat-label {
        font-size: 4.4rem;
    }

    .stats-wrapper {
        gap: 80px;
    }

    .case-description {
        font-size: 6rem;
    }

    .stat-number {
        font-size: 7.5rem;
    }

    .padding-top-space {
        padding-top: 1100px;
    }
}



@media only screen and (max-width:319px) {

    .testimonials-swiper-new-sec {
        position: relative;
        padding: 10px 20px;
        padding-bottom: 40px;
    }

    .testimonials-swiper-slide-content h5 {
        font-size: 1rem;

    }

}



@media only screen and (min-width:320px) and (max-width:767px) {
    .testimonials-swiper-new-sec {
        position: relative;
        padding: 10px 20px;
        padding-bottom: 40px;
    }

    .testimonials-swiper-slide-content h5 {
        font-size: 1rem;


    }
}


@media only screen and (min-width:768px) and (max-width:1023px) {
    .testimonials-swiper-new-sec {

        padding: 40px 40px;

    }
}


@media only screen and (min-width:1024px) and (max-width:1280px) {
    .testimonials-swiper-new-sec {

        padding: 40px 40px;

    }
}


@media only screen and (min-width:1281px) and (max-width:1440px) {
    .testimonials-swiper-new-sec {

        padding: 100px 50px;

    }
}



@media only screen and (min-width:1600px) and (max-width:1823px) {
    .testimonials-swiper-new-sec {

        padding: 100px 70px;

    }
}

@media only screen and (min-width:1824px) and (max-width:1920px) {
    .testimonials-swiper-new-sec {

        padding: 130px 80px;

    }
}
@media only screen and (min-width:1921px) and (max-width:2560px) {
    .testimonials-swiper-new-sec {

        padding: 190px 90px;

    }

    .testimonials-swiper-slide-content h5 {
        font-size: 1.6rem;


    }
}





@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .testimonials-swiper-new-sec {
        padding: 300px 150px;
    }

    .testimonials-swiper-slide-content h5 {
        font-size: 2.5rem;
    }
}


@media only screen and (min-width: 3841px) and (max-width: 6144px) {
    .testimonials-swiper-new-sec {
        padding: 400px 200px;
    }

    .testimonials-swiper-slide-content h5 {
        font-size: 3.6rem;
        line-height: 1.8;
    }

    .testimonials-swiper-new-head h2 {
        font-size: 6rem;

    }
}
@media only screen and (min-width: 6145px) and (max-width: 7680px) {
    .testimonials-swiper-new-sec {
        padding: 450px 250px;
    }

    .testimonials-swiper-slide-content h5 {
               font-size: 5.4rem;
        line-height: 2;
    }

    .testimonials-swiper-new-head h2 {
        font-size: 8rem;

    }
.testimonials-swiper-new .swiper-pagination-fraction {
 

    font-size: 75px;
}
}





@media only screen and (max-width:319px) {
    .meet-team-section {
        padding: 10px;
    }

  .meet-team-card h6 {
        font-size: 1.4rem;
    }
}



@media only screen and (min-width:320px) and (max-width:767px) {
    .meet-team-section {
        padding: 10px;
    }



    .meet-team-card h6 {
        font-size: 1.4rem;
    }
}



@media only screen and (min-width:768px) and (max-width:1023px) {
    .meet-team-section {
        padding: 18px;
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .meet-team-section {
        padding: 40px;
    }
}


@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    .meet-team-section {
        padding: 15px 60px 15px 60px;
    }
}


@media only screen and (min-width: 1600px) and (max-width: 1823px) {
    .meet-team-section {
        padding: 20px 60px 20px 60px;
    }
}


@media only screen and (min-width: 1824px) and (max-width: 1920px) {
    .meet-team-section {
        padding: 30px 70px 30px 70px;
    }
}


@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    .meet-team-section {
        padding: 40px 80px 40px 80px;
    }
    .meet-team-card h6 {
        font-size: 2.7rem;
    }
}


@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .meet-team-section {
        padding: 50px 100px 50px 100px;
    }

    .meet-team-card h6 {
        font-size: 3.75rem;
    }
}

@media only screen and (min-width: 3841px) and (max-width: 6144px) {
    .meet-team-section {
        padding: 100px 120px 100px 120px;
    }

    .meet-team-card h6 {
        font-size: 4.9rem;
    }
}


@media only screen and (min-width: 6145px) and (max-width: 7680px) {
    .meet-team-section {
        padding: 100px 120px 100px 120px;
    }

    .meet-team-card h6 {
        font-size: 6.1rem;
    }
}
@media only screen and (max-width: 319px) {
    .what-we-do-new-section {
        padding: 40px 10px;
    }
}
@media only screen and (min-width:320px) and (max-width:767px) {
     .what-we-do-new-section {
        padding: 40px 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .what-we-do-new-section {
        padding: 40px 40px;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .what-we-do-new-section {
        padding: 50px 30px;
    }

}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    .what-we-do-new-section {
        padding: 60px 40px;
    }

    .what-we-do-new-section .card-service {
        padding: 30px 10px;
    }



}

@media only screen and (min-width: 1600px) and (max-width: 1823px) {
    .what-we-do-new-section {
        padding: 60px 50px;
    }

    .what-we-do-new-section .card-service {
        padding: 40px 20px;
    }


}

@media only screen and (min-width: 1824px) and (max-width: 1920px) {
    .what-we-do-new-section {
        padding: 70px 60px;
    }

    .what-we-do-new-section .card-service {
        padding: 50px 30px;
    }

}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    .what-we-do-new-section {
        padding: 70px 60px;
    }

    .what-we-do-new-section .card-service {
        padding: 80px 50px;
    }

    .what-we-do-new-section .staggered-card {
        font-size: 26px;
    }

    .what-we-do-new-section .card-service .service-row .title-col h3 {
        font-size: 3rem;
    }
 .our-clients-logo-container {
        max-width: 4000px;


    }




}


@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .what-we-do-new-section {
        padding: 80px 70px;
    }

    .what-we-do-new-section .card-service {
        padding: 80px 60px;
    }

    .what-we-do-new-section .staggered-card {
        font-size: 36px;
    }

    .what-we-do-new-section .card-service .service-row .title-col h3 {
        font-size: 3.7rem;
    }
.What-Our-Client-Says-heading {
        font-size: 5rem;

    }

    .text-3xl {
        font-size: 3.9rem;
line-height: 1.5;
    }

    .pt-3 {
        padding-top: 5rem !important;
    }

    .our-clients-logo-container {
        max-width: 4500px;
        margin: 0 auto;

    }

    .center-head-with-desc p {
        font-size: 3.5rem;
    }
.testimonials-swiper-new-head h2 {
    font-size: 4rem;


}
.testimonials-swiper-slide-content h5 {
        line-height: 2;
}


.heading-smll---white--left {
        font-size: 3.2rem;
        width: auto;
    }

    .v2-heading-1-team {
        width: auto;
        font-size: 6.8rem;
    }

    .div-block---card {
        width: 680px;
        height: 880px;
    }

    .div-icon-1 {
        width: 85px;
        height: 95px;
    }

    .heading-smll---white---cards {
        font-size: 6.8rem;
    }

    .paragraph-card {
        font-size: 3.4rem;
    }
}


@media only screen and (min-width: 3841px) and (max-width:6144px) {
    .what-we-do-new-section {
        padding: 150px 120px;
    }

    .what-we-do-new-section .card-service {
        padding: 100px 80px;
    }

    .what-we-do-new-section .staggered-card {
        font-size: 48px;
    }

    .what-we-do-new-section .card-service .service-row .title-col h3 {
        font-size: 4.9rem;
    }

    .What-Our-Client-Says-heading {
        font-size: 6.8rem;

    }
 .text-3xl {
        font-size: 5.5rem;
line-height: 1.3;
    }

    .pt-3 {
        padding-top: 5rem !important;
    }

    .our-clients-logo-container {
        max-width: 5500px;
        margin: 0 auto;

    }

    .center-head-with-desc p {
        font-size: 5.5rem;
    }
.testimonials-swiper-new .swiper-pagination-fraction {

    font-size: 60px;
}


 .heading-smll---white--left {
        font-size: 4.9rem;
        width: auto;
    }

    .v2-heading-1-team {
        width: auto;
        font-size: 8rem;
    }

    .div-block---card {
        width: 800px;
        height: 1000px;
    }

    .div-icon-1 {
        width: 100px;
        height: 110px;
    }

    .heading-smll---white---cards {
        font-size: 8rem;
    }

    .paragraph-card {
        font-size: 4.1rem;
    }
}

@media only screen and (min-width: 6145px) and (max-width:7680px) {
    .what-we-do-new-section {
        padding: 200px 150px;
    }

    .what-we-do-new-section .card-service {
        padding: 150px 120px;
    }

    .what-we-do-new-section .staggered-card {
        font-size: 68px;
    }

    .what-we-do-new-section .card-service .service-row .title-col h3 {
        font-size: 6.9rem;
    }

    .What-Our-Client-Says-heading {
        font-size: 8rem;

    }
.text-3xl {
        font-size: 5.5rem;
line-height: 1.4;
    }

    .pt-3 {
        padding-top: 5rem !important;
    }

    .our-clients-logo-container {
        max-width: 5900px;
        margin: 0 auto;

    }

    .center-head-with-desc p {
        font-size: 5.5rem;
    }
.heading-smll---white--left {
        font-size: 4.9rem;
        width: auto;
    }



    .v2-heading-1-team {
        width: auto;
        font-size: 8rem;

    }

    .div-block---card {
       width: 1000px;
        height: 1400px;
    }

    .div-icon-1 {
        width: 100px;
        height: 110px;
    }

    .heading-smll---white---cards {
        font-size: 8rem;
    }

    .paragraph-card {
        font-size: 5rem;
    }
}