/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

@media (min-width: 1700px) {

}

@media (min-width: 1600px) and (max-width: 1699px){
}

@media (min-width: 1500px) and (max-width: 1599px){

}

@media (min-width: 1400px) and (max-width: 1499px){

}

@media (min-width: 1300px) and (max-width: 1399px){

    /*---------------common-start---------------------------------------*/
    .btn {
        padding: 14px 22px;
    }
    .sub-title {
        font-size: 24px;
        line-height: 34px;
    }
    /*---------------common-end-----------------------------------------*/

    /*------------------banner-start------------------------------------*/
    .banner-section {
        padding: 150px 0 150px 0;
    }
    .banner-title {
        font-size: 60px;
    }
    .banner-text {
        font-size: 40px;
        margin-bottom: 25px;
    }
    /*------------------banner-end--------------------------------------*/

    /*------------------services-start----------------------------------*/
    .services-left {
        padding: 0 100px 0 60px;
    }
    /*------------------services-end------------------------------------*/

    /*------------------trust-start-------------------------------------*/
    .trust-section {
        padding: 80px 0 80px 0;
    }
    .trust-section .section-title {
        margin-bottom: 40px;
    }
    /*------------------trust-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .we-do-text {
        font-size: 36px;
        line-height: 53px;
    }
    .we-do-left {
        padding: 82px 132px 102px 108px;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------values-start------------------------------------*/
    .values-list > .row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .values-list > .row > [class*=col-] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .values-section .section-title {
        margin-bottom: 40px;
    }
    /*------------------values-end--------------------------------------*/

    /*------------------process-start-----------------------------------*/
    .process-left {
        padding-right: 95px;
    }
    /*------------------process-end-------------------------------------*/

    /*------------------contact-start-----------------------------------*/
    .contact-section {
        padding: 75px 0 200px 0;
    }
    /*------------------contact-end-------------------------------------*/

    /*-------------------error-page-start-------------------------------*/
    .error-section {
        padding: 100px 0;
    }
    .error-section .section-title {
        margin-bottom: 40px;
    }
    .error-section .sub-title {
        margin-bottom: 40px;
    }
    /*-------------------error-page-end---------------------------------*/

    /*-------------------typography-start-------------------------------*/
    .typography-section h1 {
        font-size: 62px;
        line-height: 70px;
    }
    .typography-section h2 {
        font-size: 46px;
        line-height: 52px;
    }
    .typography-section h3 {
        font-size: 42px;
        line-height: 48px;
    }
    .typography-section h4 {
        font-size: 40px;
        line-height: 46px;
    }
    .typography-section h5 {
        font-size: 36px;
        line-height: 42px;
    }
    .typography-section h6 {
        font-size: 24px;
        line-height: 30px;
    }
    /*-------------------typography-end---------------------------------*/

    /* 28-9-2023 */
    .home-do-list-section {
        padding: 100px 0 100px 0;
    }
    /* 28-9-2023 */

}

@media (min-width: 1200px) and (max-width: 1299px){

    /*---------------common-start---------------------------------------*/
    .btn {
        padding: 14px 22px;
    }
    .sub-title {
        font-size: 24px;
        line-height: 34px;
    }
    /*---------------common-end-----------------------------------------*/

    /*------------------banner-start------------------------------------*/
    .banner-section {
        padding: 150px 0 150px 0;
    }
    .banner-title {
        font-size: 60px;
    }
    .banner-text {
        font-size: 40px;
        margin-bottom: 25px;
    }
    /*------------------banner-end--------------------------------------*/

    /*------------------services-start----------------------------------*/
    .services-left {
        padding: 0 100px 0 60px;
    }
    /*------------------services-end------------------------------------*/

    /*------------------trust-start-------------------------------------*/
    .trust-section {
        padding: 80px 0 80px 0;
    }
    .trust-section .section-title {
        margin-bottom: 40px;
    }
    /*------------------trust-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .we-do-text {
        font-size: 36px;
        line-height: 53px;
    }
    .we-do-left {
        padding: 82px 132px 102px 108px;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------values-start------------------------------------*/
    .values-list > .row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .values-list > .row > [class*=col-] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .values-section .section-title {
        margin-bottom: 40px;
    }
    /*------------------values-end--------------------------------------*/

    /*------------------process-start-----------------------------------*/
    .process-left {
        padding-right: 95px;
    }
    /*------------------process-end-------------------------------------*/

    /*------------------contact-start-----------------------------------*/
    .contact-section {
        padding: 75px 0 200px 0;
    }
    /*------------------contact-end-------------------------------------*/

    /*-------------------error-page-start-------------------------------*/
    .error-section {
        padding: 100px 0;
    }
    .error-section .section-title {
        margin-bottom: 40px;
    }
    .error-section .sub-title {
        margin-bottom: 40px;
    }
    /*-------------------error-page-end---------------------------------*/

    /*-------------------typography-start-------------------------------*/
    .typography-section h1 {
        font-size: 62px;
        line-height: 70px;
    }
    .typography-section h2 {
        font-size: 46px;
        line-height: 52px;
    }
    .typography-section h3 {
        font-size: 42px;
        line-height: 48px;
    }
    .typography-section h4 {
        font-size: 40px;
        line-height: 46px;
    }
    .typography-section h5 {
        font-size: 36px;
        line-height: 42px;
    }
    .typography-section h6 {
        font-size: 24px;
        line-height: 30px;
    }
    /*-------------------typography-end---------------------------------*/

    /* 28-9-2023 */
    .home-do-list-section {
        padding: 100px 0 100px 0;
    }
    /* 28-9-2023 */

}

@media (min-width: 1400px) {

    .new-c .container {
        max-width: 1336px;
    }

    /*------------------services-start----------------------------------*/
    .services-left {
        padding: 0 0 0 65px;
    }
    .services-right {
        text-align: right;
    }
    .services-right img {
        height: 340px;
        max-width: 540px;
        max-height: 340px;
    }
    /*------------------services-end------------------------------------*/

    /*------------------trust-start-------------------------------------*/
    .trust-left img {
        /* height: 320px; */
        max-width: 555px;
        /* max-height: 320px; */
    }
    .trust-right {
        margin-left: -93px;
        min-height: 320px;
    }
    /*------------------trust-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .we-do-right img {
        width: 635px;
        height: 466px;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------values-start------------------------------------*/
    .values-section {
        padding-left: 110px;
        padding-right: 110px;
    }
    .values-list > .row {
        margin-left: -55px;
        margin-right: -55px;
    }
    .values-list > .row > [class*=col-] {
        padding-left: 55px;
        padding-right: 55px;
    }
    /*------------------values-end--------------------------------------*/

    /*------------------contact-start-----------------------------------*/
    .contact-right .section-title {
        font-size: 36px;
        line-height: 40px;
    }
    /*------------------contact-end-------------------------------------*/

    /* 28-9-2023 */
    .priority-section .section-title {
        margin-bottom: 57px;
        line-height: 38px;
    }
    .home-do-list-section {
        padding-left: 95px;
        padding-right: 95px;
    }
    /* 28-9-2023 */

    /* 26-10-2023 */
    .we-look-left-text {
        font-size: 40px;
        line-height: 52px;
        margin-right: -20px;
    }
    .we-look-right-text {
        padding-left: 20px;
    }
    /* 26-10-2023 */

    /* 2-11-2023 */
    #cookie-notice .cookie-notice-container span {
        font-size: 18px;
        line-height: 18px;
    }
    #cookie-notice .cookie-notice-container span .cn-button {
        font-size: 18px;
        line-height: 18px;
        padding: 10px 20px;
        width: 110px;
        margin-left: 20px;
    }
    /* 2-11-2023 */

}

@media (min-width: 1200px) {

    .container {
        max-width: 1140px;
    }

    .banner-section .banner-title {
        font-size: 60px;
        line-height: 66px;
        margin-bottom: 9px;
    }

    /*------------------mission-start-----------------------------------*/
    .mission-section {
        padding-left: 50px;
        padding-right: 50px;
    }
    /*------------------mission-end-------------------------------------*/

    /*------------------we-look-start-----------------------------------*/
    .we-look-left {
        padding-right: 20px;
    }
    .we-look-right-text {
        padding-right: 75px;
    }
    /*------------------we-look-end-------------------------------------*/

    /*------------------process-start-----------------------------------*/
    .process-right {
        text-align: right;
    }
    .process-right img {
        width: 600px;
        height: 401px;
    }
    /*------------------process-end-------------------------------------*/

    /*------------------support-start-----------------------------------*/
    .support-item-title * {
        line-height: 32px;
    }
    /*------------------support-end-------------------------------------*/

    /*------------------contact-start-----------------------------------*/
    .contact-img img {
        max-width: 475px;
        height: 275px;
    }
    .contact-title {
        max-width: 465px;
    }
    .contact-text {
        max-width: 465px;
    }
    .contact-form-btn .btn {
        padding: 14px 43px;
    }
    .contact-right {
        margin-left: -30px;
    }
    /*------------------contact-end-------------------------------------*/

    /*------------------join-team-start---------------------------------*/
    .join-team-section > .section-title {
        font-size: 36px;
        line-height: 50px;
    }
    /* .join-team-left > .sub-title {
        line-height: 32px;
    } */
    .join-team-left {
        padding-right: 75px;
    }
    /*------------------join-team-end-----------------------------------*/

    /* 27-9-2023 */
    .we-do-list-item-heading * {
        font-size: 22px;
        line-height: 31px;
        text-transform: capitalize;
    }
    /* .we-do-list-section > .row > [class*=col-]:nth-child(3) .we-do-list-item {
        margin-left: -30px;
        margin-right: -30px;
    } */
    .we-do-list-item-text {
        max-width: 477px;
    }
    .support-text {
        padding: 0 130px;
    }
    .process-left .btn {
        padding: 14px 28px;
    }
    .join-team-btn .btn {
        width: 480px;
    }
    /* 27-9-2023 */

    /* 26-10-2023 */
    .support-section .section-title {
        line-height: 36px;
    }
    /* 26-10-2023 */

}

@media (max-width: 1199px){

}

@media (min-width: 992px) and (max-width: 1199px){

    /*---------------common-start---------------------------------------*/
    .btn {
        font-size: 16px;
        line-height: 16px;
        padding: 14px 20px;
    }
    /* .section-title {
        font-size: 34px;
        line-height: 44px;
    } */
    .sub-title {
        font-size: 22px;
        line-height: 32px;
    }
    /*---------------common-end-----------------------------------------*/

    /*---------------footer-start---------------------------------------*/
    .footer-btn .btn {
        margin-right: 10px;
    }
    .social-icons ul {
        justify-content: center;
        margin-top: 15px;
    }
    .footer-top {
        padding: 40px 0;
    }
    /*---------------footer-end-----------------------------------------*/

    /*------------------banner-start------------------------------------*/
    .banner-section {
        padding: 130px 0 130px 0;
    }
    .banner-title {
        font-size: 55px;
        line-height: 62px;
    }
    .banner-text {
        font-size: 35px;
        line-height: 46px;
        margin-bottom: 25px;
    }
    .banner-btn .btn {
        max-width: 240px;
    }
    /*------------------banner-end--------------------------------------*/

    /*------------------services-start----------------------------------*/
    .services-left .section-title {
        margin-bottom: 20px;
    }
    .services-section {
        padding: 70px 0 70px 0;
    }
    /*------------------services-end------------------------------------*/

    /*------------------priority-start----------------------------------*/
    .priority-section {
        padding: 70px 0 70px 0;
    }
    .priority-item {
        padding: 20px;
    }
    .priority-item-title {
        margin-bottom: 10px;
        font-size: 19px;
        line-height: 28px;
    }
    .priority-item-list ul li {
        padding-left: 10px;
    }
    /*------------------priority-end------------------------------------*/

    /*------------------trust-start-------------------------------------*/
    .trust-section {
        padding: 70px 0 70px 0;
    }
    .trust-section .section-title {
        margin-bottom: 30px;
    }
    .trust-right {
        padding: 60px 26px 60px 26px;
    }
    /*------------------trust-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .we-do-text {
        font-size: 32px;
        line-height: 49px;
    }
    .we-do-left {
        padding: 60px 88px 60px 88px;
    }
    .we-do-right {
        margin-left: -130px;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .mission-section {
        padding: 70px 0 70px 0;
    }
    .mission-section .section-title {
        margin-bottom: 10px;
    }
    .mission-quote {
        font-size: 32px;
        line-height: 46px;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------values-start------------------------------------*/
    .values-section .section-title {
        margin-bottom: 40px;
    }
    .values-section {
        padding: 67px 0 37px 0;
    }
    .values-img img {
        width: 55px;
        height: 55px;
    }
    /*------------------values-end--------------------------------------*/

    /*------------------we-look-start-----------------------------------*/
    .we-look-section {
        padding: 70px 0 100px 0;
    }
    .we-look-left-text {
        font-size: 32px;
        line-height: 46px;
    }
    /*------------------we-look-end-------------------------------------*/

    /*------------------process-start-----------------------------------*/
    .process-right {
        margin-top: -30px;
        padding-bottom: 40px;
    }
    .process-right img {
        height: 300px;
    }
    .process-left {
        padding-top: 40px;
        padding-left: 85px;
        padding-right: 20px;
    }
    .process-left .section-title {
        margin-bottom: 10px;
    }
    /*------------------process-end-------------------------------------*/

    /*------------------support-start-----------------------------------*/
    .support-section {
        padding: 70px 0 45px 0;
    }
    .support-section .section-title {
        margin-bottom: 15px;
    }
    .support-text {
        margin-bottom: 40px;
    }
    .support-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .supporrt-item-img {
        padding: 20px;
    }
    .supporrt-item-img img {
        width: 50px;
        height: 50px;
    }
    /*------------------support-end-------------------------------------*/

    /*------------------contact-start-----------------------------------*/
    .contact-section {
        padding: 70px 0 70px 0;
    }
    .contact-img {
        margin-bottom: 30px;
    }
    .contact-title {
        font-size: 26px;
        line-height: 32px;
    }
    .contact-right .section-title {
        margin-bottom: 30px;
    }
    .contact-form {
        padding: 30px;
    }
    .contact-form .form-control {
        margin-bottom: 20px;
    }
    /*------------------contact-end-------------------------------------*/

    /*------------------join-team-start---------------------------------*/
    .join-team-section {
        padding: 80px 0 80px 0;
    }
    .join-team-img {
        margin-bottom: 60px;
    }
    .join-team-left > .section-title {
        margin-bottom: 30px;
    }
    /*------------------join-team-end-----------------------------------*/

    /*-------------------error-page-start-------------------------------*/
    .error-section {
        padding: 100px 0;
    }
    .error-section .section-title {
        margin-bottom: 30px;
    }
    .error-section .sub-title {
        margin-bottom: 30px;
    }
    /*-------------------error-page-end---------------------------------*/

    /*-------------------typography-start-------------------------------*/
    .typography-section {
        padding: 70px 0;
    }
    .typography-section h1 {
        font-size: 58px;
        line-height: 66px;
    }
    .typography-section h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .typography-section h3 {
        font-size: 40px;
        line-height: 46px;
    }
    .typography-section h4 {
        font-size: 38px;
        line-height: 44px;
    }
    .typography-section h5 {
        font-size: 34px;
        line-height: 40px;
    }
    .typography-section h6 {
        font-size: 22px;
        line-height: 28px;
    }
    /*-------------------typography-end---------------------------------*/

    /* 27-9-2023 */
    .we-do-list-section {
        padding: 74px 0 33px 0;
    }
    .we-do-list-item-text {
        padding: 20px 15px 20px 15px;
    }
    .join-team-detail {
        margin-bottom: 50px;
    }
    /* .join-team-btn {
        margin-bottom: 30px;
    } */
    /* 27-9-2023 */

    /* 28-9-2023 */
    .home-do-list-section {
        padding: 70px 0 70px 0;
    }
    .hdl-writing {
        padding: 80px 40px 80px 40px;
    }
    .hdl-writing .section-title {
        font-size: 26px;
        line-height: 30px;
    }
    /* 28-9-2023 */

}

@media (min-width: 992px) {

    /*------------------services-start----------------------------------*/
    .services-right img {
        width: 100%;
    }
    /*------------------services-end------------------------------------*/

    /*------------------trust-start-------------------------------------*/
    .trust-left img {
        width: 100%;
        height: 100%;
    }
    /*------------------trust-end---------------------------------------*/

    /*------------------join-team-start---------------------------------*/
    /* .join-team-left > .section-title {
        font-size: 32px;
        line-height: 38px;
    } */
    /*------------------join-team-end-----------------------------------*/

}

@media (max-width: 991px){

    /*---------------haeder-start---------------------------------------*/
    .header .navbar-toggler {
        position: relative;
        z-index: 99;
        border: none;
        padding: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .header .navbar-toggler span {
        position: relative;
        display: block;
        width: 20px;
        height: 3px;
        background-color: #002868;
        margin-bottom: 4px;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }
    .navbar-nav {
        justify-content: center;
        align-items: center;
        margin: 20px 0;
    }
    .navbar .nav-item {
        margin: 0;
        margin-bottom: 15px;
    }
    .navbar .nav-item:last-child {
        margin-bottom: 0;
    }

    .navbar-nav {
        margin: 40px 0;
    }
    .navbar-nav .nav-item {
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
    .navbar-nav .nav-item:last-child {
        margin-bottom: 0 !important;
    }
    .navbar-nav .nav-item .nav-link {
        padding-top: 0;
        padding-bottom: 10px;
        margin: 0 !important;
    }
    .navbar-brand {
        margin-bottom: 0;
    }
    /*---------------haeder-end-----------------------------------------*/

}

@media (min-width: 768px) and (max-width: 991px){

    /*---------------common-start---------------------------------------*/
    .btn {
        font-size: 16px;
        line-height: 16px;
        padding: 14px 20px;
    }
    .section-title {
        font-size: 30px;
        line-height: 40px;
    }
    .sub-title {
        font-size: 22px;
        line-height: 32px;
    }
    /*---------------common-end-----------------------------------------*/

    /*---------------footer-start---------------------------------------*/
    .footer-btn .btn {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .social-icons ul {
        justify-content: center;
        margin-top: 15px;
    }
    .footer-top {
        padding: 30px 0;
    }
    /*---------------footer-end-----------------------------------------*/

    /*------------------banner-start------------------------------------*/
    .banner-section {
        padding: 100px 0 100px 0;
    }
    .banner-title {
        font-size: 50px;
        line-height: 56px;
    }
    .banner-text {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .banner-btn .btn {
        max-width: 220px;
    }
    /*------------------banner-end--------------------------------------*/

    /*------------------services-start----------------------------------*/
    .services-left .section-title {
        margin-bottom: 10px;
    }
    .services-section {
        padding: 70px 0 70px 0;
    }
    .services-section > .row {
        flex-direction: column-reverse;
    }
    .services-right {
        margin-bottom: 30px;
    }
    /*------------------services-end------------------------------------*/

    /*------------------priority-start----------------------------------*/
    .priority-section {
        padding: 70px 0 40px 0;
    }
    .priority-item {
        padding: 20px;
        margin-bottom: 30px;
        height: calc(100% - 30px);
    }
    .priority-item-title {
        margin-bottom: 10px;
        font-size: 19px;
        line-height: 28px;
    }
    .priority-item-list ul li {
        padding-left: 10px;
    }
    /*------------------priority-end------------------------------------*/

    /*------------------trust-start-------------------------------------*/
    .trust-section {
        padding: 70px 0 70px 0;
    }
    .trust-section .section-title {
        margin-bottom: 30px;
    }
    .trust-right {
        padding: 40px 30px;
    }
    /*------------------trust-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .we-do-text {
        font-size: 30px;
        line-height: 47px;
    }
    .we-do-left {
        padding: 50px 68px 50px 68px;
    }
    .we-do-right {
        margin-left: 0;
        bottom: 0;
    }
    .we-do-section > .row {
        flex-direction: column-reverse;
    }
    .we-do-section {
        padding: 66px 0 35px 0;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .mission-section {
        padding: 35px 0 70px 0;
    }
    .mission-section .section-title {
        margin-bottom: 10px;
    }
    .mission-quote {
        font-size: 28px;
        line-height: 42px;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------values-start------------------------------------*/
    .values-section .section-title {
        margin-bottom: 40px;
    }
    .values-section {
        padding: 67px 0 37px 0;
    }
    .values-img img {
        width: 55px;
        height: 55px;
    }
    /*------------------values-end--------------------------------------*/

    /*------------------we-look-start-----------------------------------*/
    .we-look-section {
        padding: 70px 0 100px 0;
    }
    .we-look-left-text {
        font-size: 30px;
        line-height: 44px;
    }
    .we-look-right-text {
        padding-top: 20px;
    }
    /*------------------we-look-end-------------------------------------*/

    /*------------------process-start-----------------------------------*/
    .process-right {
        margin-top: -30px;
        padding-bottom: 0;
    }
    .process-right img {
        height: unset;
        width: unset;
    }
    .process-left {
        padding-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    .process-left .section-title {
        margin-bottom: 10px;
    }
    .process-section > .row {
        flex-direction: column-reverse;
    }
    .process-section {
        padding-bottom: 70px;
    }
    /*------------------process-end-------------------------------------*/

    /*------------------support-start-----------------------------------*/
    .support-section {
        padding: 70px 0 45px 0;
    }
    .support-section .section-title {
        margin-bottom: 10px;
    }
    .support-text {
        margin-bottom: 30px;
    }
    .support-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .supporrt-item-img {
        padding: 18px;
    }
    .supporrt-item-img img {
        width: 45px;
        height: 45px;
    }
    /*------------------support-end-------------------------------------*/

    /*------------------contact-start-----------------------------------*/
    .contact-section {
        padding: 70px 0 70px 0;
    }
    .contact-img {
        margin-bottom: 30px;
    }
    .contact-title {
        font-size: 24px;
        line-height: 32px;
    }
    .contact-right .section-title {
        margin-bottom: 30px;
    }
    .contact-form {
        padding: 30px;
    }
    .contact-form .form-control {
        margin-bottom: 20px;
    }
    .contact-left {
        margin-bottom: 40px;
    }
    /*------------------contact-end-------------------------------------*/

    /*------------------join-team-start---------------------------------*/
    .join-team-section {
        padding: 70px 0 40px 0;
    }
    .join-team-img {
        margin-bottom: 50px;
    }
    .join-team-left > .section-title {
        margin-bottom: 15px;
    }
    .join-team-left {
        margin-bottom: 30px;
    }
    .join-team-left > .sub-title {
        margin-bottom: 10px;
    }
    .join-team-text * {
        margin-bottom: 15px;
    }
    .join-team-section > .section-title {
        margin-bottom: 30px;
    }
    /*------------------join-team-end-----------------------------------*/

    /*-------------------error-page-start-------------------------------*/
    .error-section {
        padding: 100px 0;
    }
    .error-section .section-title {
        margin-bottom: 30px;
    }
    .error-section .sub-title {
        margin-bottom: 30px;
    }
    /*-------------------error-page-end---------------------------------*/

    /*-------------------typography-start-------------------------------*/
    .typography-section {
        padding: 70px 0;
    }
    .typography-section h1 {
        font-size: 54px;
        line-height: 62px;
    }
    .typography-section h2 {
        font-size: 42px;
        line-height: 48px;
    }
    .typography-section h3 {
        font-size: 38px;
        line-height: 44px;
    }
    .typography-section h4 {
        font-size: 36px;
        line-height: 42px;
    }
    .typography-section h5 {
        font-size: 32px;
        line-height: 38px;
    }
    .typography-section h6 {
        font-size: 20px;
        line-height: 26px;
    }
    /*-------------------typography-end---------------------------------*/

    /* 27-9-2023 */
    .we-do-list-section {
        padding: 70px 0 33px 0;
    }
    .we-do-list-item-text {
        padding: 15px;
    }
    .join-team-detail {
        margin-bottom: 30px;
    }
    .join-team-btn {
        margin-bottom: 30px;
    }
    /* 27-9-2023 */

    /* 19-10-2023 */
    .footer-btn {
        margin-right: 0;
    }
    /* 19-10-2023 */

    /* 28-9-2023 */
    .home-do-list-section {
        padding: 70px 0 70px 0;
    }
    .hdl-writing {
        padding: 35px 20px 20px 20px;
    }
    .hdl-writing .section-title {
        font-size: 24px;
        line-height: 30px;
    }
    /* 28-9-2023 */

}

@media (min-width: 768px) {

    /* 19-10-2023 */
    .footer-btn {
        justify-content: flex-end;
    }
    /* 19-10-2023 */

    /* 26-10-2023 */
    .mission-section .section-title {
        font-size: 28px;
        line-height: 34px;
    }
    .values-section .section-title {
        font-size: 28px;
        line-height: 34px;
    }
    .process-left .section-title {
        font-size: 28px;
        line-height: 34px;
    }
    .join-team-left > .section-title {
        font-size: 28px;
        line-height: 36px;
    }
    /* 26-10-2023 */

}

@media (max-width: 767px) {

    body {
        font-size: 16px;
        line-height: 24px;
    }

    /*---------------common-start---------------------------------------*/
    .btn {
        font-size: 14px;
        line-height: 14px;
        padding: 12px 14px;
    }
    .section-title {
        font-size: 24px;
        line-height: 34px;
    }
    .sub-title {
        font-size: 20px;
        line-height: 30px;
    }
    /*---------------common-end-----------------------------------------*/

    /*---------------footer-start---------------------------------------*/
    .footer-btn .btn {
        margin-right: 10px;
    }
    .social-icons ul {
        justify-content: flex-start;
        margin-top: 15px;
    }
    .footer-top {
        padding: 30px 0;
    }
    .footer-btn {
        margin-top: 15px;
    }
    .social-icons ul li a {
        padding: 8px;
    }
    .social-icons ul li a svg, .social-icons ul li a i, .social-icons ul li a img {
        font-size: 17px;
        line-height: 17px;
        width: 17px;
        height: 17px;
    }
    .footer-copyright * {
        font-size: 12px;
        line-height: 20px;
    }
    .footer-link ul li {
        font-size: 14px;
        line-height: 28px;
    }
    .footer-link ul li a {
        font-size: 14px;
        line-height: 28px;
    }
    /*---------------footer-end-----------------------------------------*/

    /*------------------banner-start------------------------------------*/
    .banner-section {
        padding: 80px 0 80px 0;
    }
    .banner-title {
        font-size: 46px;
        line-height: 54px;
    }
    .banner-text {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .banner-btn .btn {
        max-width: 200px;
    }
    /*------------------banner-end--------------------------------------*/

    /*------------------services-start----------------------------------*/
    .services-left .section-title {
        margin-bottom: 5px;
    }
    .services-section {
        padding: 50px 0 50px 0;
    }
    .services-section > .row {
        flex-direction: column-reverse;
    }
    .services-right {
        margin-bottom: 20px;
    }
    /*------------------services-end------------------------------------*/

    /*------------------priority-start----------------------------------*/
    .priority-section {
        padding: 50px 0 20px 0;
    }
    .priority-item {
        padding: 20px;
        margin-bottom: 30px;
        height: calc(100% - 30px);
    }
    .priority-item-title {
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 22px;
    }
    .priority-item-list ul li {
        padding-left: 10px;
    }
    /*------------------priority-end------------------------------------*/

    /*------------------trust-start-------------------------------------*/
    .trust-section {
        padding: 50px 0 50px 0;
    }
    .trust-section .section-title {
        margin-bottom: 20px;
    }
    .trust-right {
        padding: 30px;
    }
    /*------------------trust-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .we-do-text {
        font-size: 28px;
        line-height: 45px;
    }
    .we-do-left {
        padding: 30px;
    }
    .we-do-right {
        margin-left: 0;
        bottom: 0;
    }
    .we-do-section > .row {
        flex-direction: column-reverse;
    }
    .we-do-section {
        padding: 50px 0 25px 0;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .mission-section {
        padding: 25px 0 50px 0;
    }
    .mission-section .section-title {
        margin-bottom: 10px;
    }
    .mission-quote {
        font-size: 24px;
        line-height: 38px;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------values-start------------------------------------*/
    .values-section .section-title {
        margin-bottom: 30px;
    }
    .values-section {
        padding: 50px 0 20px 0;
    }
    .values-img img {
        width: 45px;
        height: 45px;
    }
    .values-img {
        margin-bottom: 10px;
    }
    /*------------------values-end--------------------------------------*/

    /*------------------we-look-start-----------------------------------*/
    .we-look-section {
        padding: 50px 0 80px 0;
    }
    .we-look-left-text {
        font-size: 26px;
        line-height: 38px;
    }
    .we-look-right-text {
        padding-top: 20px;
    }
    /*------------------we-look-end-------------------------------------*/

    /*------------------process-start-----------------------------------*/
    .process-right {
        margin-top: -30px;
        padding-bottom: 0;
    }
    .process-right img {
        height: unset;
        width: unset;
    }
    .process-left {
        padding-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    .process-left .section-title {
        margin-bottom: 10px;
    }
    .process-section > .row {
        flex-direction: column-reverse;
    }
    .process-section {
        padding-bottom: 50px;
    }
    /*------------------process-end-------------------------------------*/

    /*------------------support-start-----------------------------------*/
    .support-section {
        padding: 50px 0 25px 0;
    }
    .support-section .section-title {
        margin-bottom: 10px;
    }
    .support-text {
        margin-bottom: 30px;
    }
    .support-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .supporrt-item-img {
        padding: 16px;
    }
    .supporrt-item-img img {
        width: 40px;
        height: 40px;
    }
    /*------------------support-end-------------------------------------*/

    /*------------------contact-start-----------------------------------*/
    .contact-section {
        padding: 50px 0 50px 0;
    }
    .contact-img {
        margin-bottom: 20px;
    }
    .contact-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .contact-right .section-title {
        margin-bottom: 20px;
    }
    .contact-form {
        padding: 30px;
    }
    .contact-form .form-control {
        margin-bottom: 20px;
    }
    .contact-left {
        margin-bottom: 40px;
    }
    /*------------------contact-end-------------------------------------*/

    /*------------------join-team-start---------------------------------*/
    .join-team-section {
        padding: 50px 0 20px 0;
    }
    .join-team-img {
        margin-bottom: 30px;
    }
    .join-team-left > .section-title {
        margin-bottom: 15px;
    }
    .join-team-left {
        margin-bottom: 30px;
    }
    .join-team-left > .sub-title {
        margin-bottom: 5px;
    }
    .join-team-text * {
        margin-bottom: 15px;
    }
    .join-team-section > .section-title {
        margin-bottom: 20px;
    }
    .join-team-section > .sub-title {
        margin-bottom: 5px;
    }
    /*------------------join-team-end-----------------------------------*/

    /*-------------------error-page-start-------------------------------*/
    .error-section {
        padding: 100px 0;
    }
    .error-section .section-title {
        margin-bottom: 30px;
    }
    .error-section .sub-title {
        margin-bottom: 30px;
    }
    /*-------------------error-page-end---------------------------------*/

    /*-------------------typography-start-------------------------------*/
    .typography-section {
        padding: 50px 0;
    }
    .typography-section h1 {
        font-size: 50px;
        line-height: 58px;
    }
    .typography-section h2 {
        font-size: 40px;
        line-height: 46px;
    }
    .typography-section h3 {
        font-size: 36px;
        line-height: 42px;
    }
    .typography-section h4 {
        font-size: 34px;
        line-height: 40px;
    }
    .typography-section h5 {
        font-size: 30px;
        line-height: 36px;
    }
    .typography-section h6 {
        font-size: 18px;
        line-height: 24px;
    }
    .typography-section .alignnone,
    .typography-section .alignleft,
    .typography-section .alignright,
    .typography-section .aligncenter {
        float: left;
        width: 100%;
        margin: 15px 0 !important;
        object-fit: cover;
    }
    /*-------------------typography-end---------------------------------*/

    /* 27-9-2023 */
    .we-do-list-section {
        padding: 50px 0 13px 0;
    }
    .we-do-list-item-text {
        padding: 15px;
    }
    .we-do-list-item {
        margin-bottom: 30px;
        height: calc(100% - 30px);
    }
    .join-team-detail {
        margin-bottom: 30px;
    }
    .join-team-btn {
        margin-bottom: 30px;
    }
    /* 27-9-2023 */

    /* 28-9-2023 */
    .home-do-list-section {
        padding: 50px 0 50px 0;
    }
    .hdl-writing {
        padding: 20px 20px 20px 20px;
    }
    .hdl-writing .section-title {
        font-size: 24px;
        line-height: 30px;
    }
    .home-do-list-item > .row {
        flex-direction: column-reverse;
    }
    .home-do-list-item:nth-child(even) > .row {
        flex-direction: column-reverse;
    }
    .home-do-list-item {
        margin-bottom: 30px;
    }
    .home-do-list-item:last-child {
        margin-bottom: 0;
    }
    .hdl-text {
        max-width: unset;
    }
    /* 28-9-2023 */

}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){

    /*---------------common-start---------------------------------------*/
    .section-title {
        font-size: 22px;
        line-height: 32px;
    }
    .sub-title {
        font-size: 18px;
        line-height: 24px;
    }
    /*---------------common-end-----------------------------------------*/

    /*---------------haeder-start---------------------------------------*/
    .navbar-brand {
        width: 200px;
    }
    /*---------------haeder-end-----------------------------------------*/

    /*---------------footer-start---------------------------------------*/
    .footer-link {
        margin-top: 15px;
    }
    .footer-logo {
        text-align: center;
    }
    .footer-link ul {
        text-align: center;
    }
    .footer-btn {
        justify-content: center;
    }
    .social-icons ul {
        justify-content: center;
    }
    /*---------------footer-end-----------------------------------------*/

    /*------------------banner-start------------------------------------*/
    .banner-section {
        padding: 70px 0 70px 0;
    }
    .banner-title {
        font-size: 34px;
        line-height: 44px;
    }
    .banner-text {
        font-size: 22px;
        line-height: 30px;
    }
    .banner-btn .btn {
        max-width: 180px;
    }
    /*------------------banner-end--------------------------------------*/

    /*------------------priority-start----------------------------------*/
    .priority-item-list ul {
        max-width: unset;
    }
    /*------------------priority-end------------------------------------*/

    /*------------------trust-start-------------------------------------*/
    .trust-right {
        padding: 20px;
    }
    /*------------------trust-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .we-do-text {
        font-size: 24px;
        line-height: 36px;
    }
    .we-do-left {
        padding: 20px;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------we-do-start-------------------------------------*/
    .mission-quote {
        font-size: 20px;
        line-height: 34px;
    }
    /*------------------we-do-end---------------------------------------*/

    /*------------------we-look-start-----------------------------------*/
    .we-look-left-text {
        font-size: 24px;
        line-height: 34px;
    }
    /*------------------we-look-end-------------------------------------*/

    /*------------------contact-start-----------------------------------*/
    .contact-form {
        padding: 20px;
    }
    .contact-title {
        font-size: 18px;
    }
    /*------------------contact-end-------------------------------------*/

    /*-------------------typography-start-------------------------------*/
    .typography-section h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .typography-section h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .typography-section h3 {
        font-size: 28px;
        line-height: 34px;
    }
    .typography-section h4 {
        font-size: 24px;
        line-height: 30px;
    }
    .typography-section h5 {
        font-size: 20px;
        line-height: 26px;
    }
    .typography-section h6 {
        font-size: 16px;
        line-height: 22px;
    }
    .typography-section blockquote {
        padding-left: 20px;
    }
    /*-------------------typography-end---------------------------------*/

    /* 28-9-2023 */
    .hdl-writing .section-title {
        font-size: 22px;
        line-height: 28px;
    }
    /* 28-9-2023 */

}