/* main footer styles*/
    .container-fulid {
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        position: relative;
        background-color: #000;
    }

    /* footer Image Styles */
    footer>div {
        width: 100%;
        background: url('../img/footer_1.webp');
        background-size: cover;
        background-position: center;
    }

    /* footer main div styless */
    .text {
        padding: 10px 0px 0px 100px;
        color: white;
    }

.text-justify-custom {
  text-align: justify;
}

    /* main heading styles */
    footer>div>div>h3 {
        color: #e6b000;
        font-family: 'Libre Baskerville', cursive;
        font-size: 26px;
        padding-bottom: 30px;
    }

    /* about us paragraph styles */
    footer>div>div:nth-child(1)>p {
        font-size: 18px;
        font-weight: 500;
    }

    /* links unorder list styles */
    footer>div>div:nth-child(2)>ul {
        padding-left: 20px;
    }

    /* links unorder list name styles */
    footer>div>div:nth-child(2)>ul>a {
        text-decoration: none;
        list-style: none;
        display: block;
    }

    /* links unorder list -> list styles */
    footer>div>div:nth-child(2)>ul>a>i>li {
        color: #fff;
        margin-bottom: 10px;
        font-family: var(--bs-font-sans-serif);
        font-weight: 500;
        font-size: 16px;
        display: inline-block;
        padding: 7px;
    }

    /* links unorder list icon styles */
    footer>div>div:nth-child(2)>ul>a>i {
        color: #fff;
    }

    footer>div>div:nth-child(2)>ul>a>i:hover {
        color: #e6b000;
    }

    /* list hover styles */
    footer>div>div:nth-child(2)>ul>a>i>li:hover {
        color: #e6b000;
    }

    /* footer main div (3) styles */
    footer>div>div:nth-child(3) {
        padding-left: 0;
    }

    /* footer main unorderlist styles */
    footer>div>div:nth-child(3)>ul:nth-child(2) {
        list-style: none;
        color: white;
        display: inline-grid;
        padding-left: 0;
    }


    footer>div>div:nth-child(3)>ul:nth-child(2)>a {
        color: white;
        padding: 5px;
    }

    /* main div(3) unorderlist -> list styles */
    footer>div>div:nth-child(3)>ul:nth-child(2)>a>i>li {
        display: inline-block;
        width: max-content;
        color: white;
        padding-left: 10px;
        font-family: var(--bs-font-sans-serif);
        font-weight: 500;
        font-size: 16px;
    }

    /* social media logo styles */
    footer>div>div:nth-child(3)>ul:nth-child(3) {
        padding: 20px;
    }

    body>footer>div>div>ul:nth-child(3)>a {
        color: transparent;
        text-decoration: none;
    }

    /* social media logo styles */
    footer>div>div:nth-child(3)>ul:nth-child(3)>a>i {
        font-size: 25px;
        padding: 5px 10px 5px 10px;
        color: #e6b000;
    }

    /* social media logo styles -> hover styles */
    footer>div>div:nth-child(3)>ul:nth-child(3)>a>i:hover {
        color: #fff;
    }

    /* footer hypertext ruler styles */
    hr {
        border: 1px solid white;
    }

    /* footer copy right text styles */
    .samp {
        text-align: center;
        color: white;
    }

    /* ---------------------- mobile small view responsive styles ------------------------*/
    @media  all and (max-width: 320px) {
        .row {
            padding: 1rem ! important;
        }

        .text {
            padding: 0px 0px 10px 0px;
            color: white;
        }

        footer>div>div>h3 {
            color: #e6b000;
            font-family: 'Shojumaru', cursive;
            font-size: 26px;
            padding-bottom: 10px;
        }

        footer>div>div:nth-child(1)>p {
            font-size: 16px;
            font-weight: 500;
        }

        footer>div>div:nth-child(2)>ul {
            padding-left: 0;
        }

        footer>div>div:nth-child(2)>ul>a>i>li {
            color: #fff;
            margin-bottom: 10px;
            font-family: var(--bs-font-sans-serif);
            font-weight: 500;
            font-size: 16px;
            display: inline-block;
            padding: 1px 8px;
        }

        footer>div>div:nth-child(3)>ul:nth-child(2)>a>i>li {
            display: inline-block;
            width: max-content;
            color: white;
            padding-left: 10px;
            font-family: var(--bs-font-sans-serif);
            font-weight: 500;
            font-size: 16px;
        }

        footer>div>div:nth-child(3)>ul:nth-child(2)>a>i>li>p {
            width: 63vw;
        }

        footer>div>div:nth-child(3)>ul:nth-child(3) {
            padding: 20px;
            text-align: center;
        }

        .samp {
            text-align: center;
            color: white;
        }
    }

    /* ---------------------- mobile medium & large view responsive styles ------------------------*/
    @media  all and (min-width: 320px) and (max-width: 425px) {
        .row {
            padding: 2rem ! important;
        }

        .text {
            padding: 0px 0px 10px 0px;
            color: white;
        }

        footer>div>div>h3 {
            color: #e6b000;
            font-family: 'Shojumaru', cursive;
            font-size: 26px;
            padding-bottom: 10px;
        }

        footer>div>div:nth-child(1)>p {
            font-size: 16px;
            font-weight: 500;
        }

        footer>div>div:nth-child(2)>ul {
            padding-left: 5px;
        }

        footer>div>div:nth-child(2)>ul>a>i>li {
            color: #fff;
            margin-bottom: 10px;
            font-family: var(--bs-font-sans-serif);
            font-weight: 500;
            font-size: 16px;
            display: inline-block;
            padding: 1px 8px;
        }

        footer>div>div:nth-child(3)>ul:nth-child(2)>a>i>li {
            display: inline-block;
            width: max-content;
            color: white;
            padding-left: 10px;
            font-family: var(--bs-font-sans-serif);
            font-weight: 500;
            font-size: 16px;
        }

        footer>div>div:nth-child(3)>ul:nth-child(2)>a>i>li>p {
            width: 66vw;
        }

        footer>div>div:nth-child(3)>ul:nth-child(3) {
            padding: 20px;
            text-align: center;
        }

        .samp {
            text-align: center;
            color: white;
        }
    }

    /* ---------------------- mobile Tablet view responsive styles -------------------------*/
    @media  all and (min-width: 425px) and (max-width: 768px) {
        .row {
            padding: 2rem ! important;
        }

        .text {
            padding: 0px 0px 10px 0px;
            color: white;
        }

        footer>div>div>h3 {
            color: #e6b000;
            font-family: 'Shojumaru', cursive;
            font-size: 26px;
            padding-bottom: 10px;
        }

        footer>div>div:nth-child(1)>p {
            font-size: 16px;
            font-weight: 500;
        }

        footer>div>div:nth-child(2) {
            padding: 0px 0px 10px 0px;
        }

        footer>div>div:nth-child(2)>ul {
            padding-left: 5px;
            width: max-content;
        }

        footer>div>div:nth-child(2)>ul>a>i>li {
            color: #fff;
            margin-bottom: 10px;
            font-family: var(--bs-font-sans-serif);
            font-weight: 500;
            font-size: 16px;
            display: inline-block;
            padding: 1px 8px;
        }

        footer>div>div:nth-child(3)>ul:nth-child(2)>a>i>li {
            display: inline-block;
            width: max-content;
            color: white;
            padding-left: 10px;
            font-family: var(--bs-font-sans-serif);
            font-weight: 500;
            font-size: 16px;
        }

        footer>div>div:nth-child(3)>ul:nth-child(2)>a>i>li>p {
            width: 66vw;
        }

        footer>div>div:nth-child(3)>ul:nth-child(3) {
            padding: 20px;
            text-align: center;
        }

        .samp {
            text-align: center;
            color: white;
        }
    }

    /* ---------------------- mobile small view responsive styles ------------------------*/
    @media  all and (min-width: 768px) and (max-width: 992px) {
        .row {
            padding: 3rem ! important;
        }

        .text {
            padding: 0px 0px 10px 0px;
            color: white;
        }

        footer>div>div>h3 {
            color: #e6b000;
            font-family: 'Shojumaru', cursive;
            font-size: 26px;
            padding-bottom: 10px;
        }

        footer>div>div:nth-child(1)>p {
            font-size: 16px;
            font-weight: 500;
        }

        footer>div>div:nth-child(2) {
            padding: 0px 0px 10px 100px;
        }

        footer>div>div:nth-child(2)>ul {
            padding-left: 5px;
            width: max-content;
        }

        footer>div>div:nth-child(2)>ul>a>i>li {
            color: #fff;
            margin-bottom: 10px;
            font-family: var(--bs-font-sans-serif);
            font-weight: 500;
            font-size: 16px;
            display: inline-block;
            padding: 1px 8px;
        }

        footer>div>div:nth-child(3)>ul:nth-child(2)>a>i>li {
            display: inline-block;
            width: max-content;
            color: white;
            padding-left: 10px;
            font-family: var(--bs-font-sans-serif);
            font-weight: 500;
            font-size: 16px;
        }

        footer>div>div:nth-child(3)>ul:nth-child(2)>a>i>li>p {
            width: 22vw;
        }

        footer>div>div:nth-child(3)>ul:nth-child(3) {
            padding: 20px;
            text-align: center;
            width: 90vw;
        }

        .samp {
            text-align: center;
            color: white;
        }
    }