/* ===========================
TABLET
=========================== */

@media(max-width:991px){

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

.hero-section h1{
    font-size:48px;
}

.hero-section img{
    margin-top:40px;
}

}

/* ===========================
MOBILE
=========================== */

@media(max-width:576px){

.hero-section{
    padding:60px 0;
}

.hero-section h1{
    font-size:36px;
}

.hero-section p{
    font-size:16px;
}

.hero-section .btn{
    width:100%;
    margin-bottom:15px;
}

.hero-section img{
    margin-top:30px;
}

}
/*==========================
      MOBILE
==========================*/

@media(max-width:991px){

.hero-section{
    text-align:center;
    padding:80px 0;
}

.hero-title{
    font-size:42px;
}

.hero-buttons{
    justify-content:center;
}

.hero-image{
    margin-top:50px;
}

}
@media(max-width:991px){

    .industries-section{

        padding:90px 0;

    }

}

@media(max-width:768px){

    .industry-card{

        padding:35px 25px;

    }

    .industry-card h3{

        font-size:24px;

    }

    .industry-icon{

        width:75px;

        height:75px;

        font-size:30px;

    }

}
@media (max-width: 991px) {

    .custom-toggler {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 45px;
        height: 42px;
        padding: 0;
        border: 1px solid #2b3139;
        border-radius: 5px;
        background: transparent;
        box-shadow: none !important;
        position: relative;
        z-index: 10001;
    }

    .custom-toggler span {
        display: block !important;
        width: 23px;
        height: 2px;
        background: #f0b90b !important;
        border-radius: 5px;
    }
}