/********** Template CSS **********/

/* ADDING START MODIFY START*/

@font-face {
    font-family: "MADETOMMY-Black";
    src: url("../fonts/Made-Tommy/MADETOMMY-Black.eot");
    src: url("../fonts/Made-Tommy/MADETOMMY-Black.eot?#iefix")format("embedded-opentype"), url("../fonts/Made-Tommy/MADETOMMY-Black.woff2")format("woff2"), url("../fonts/Made-Tommy/MADETOMMY-Black.woff")format("woff"), url("../fonts/Made-Tommy/MADETOMMY-Black.ttf")format("truetype"), url("../fonts/Made-Tommy/MADETOMMY-Black.svg#MADETOMMY-Medium")format("svg");
}

@font-face {
    font-family: "Roboto-Black";
    src: url("../fonts/Roboto/Roboto Black.eot");
    src: url("../fonts/Roboto/Roboto Black.eot?#iefix")format("embedded-opentype"), url("../fonts/Roboto/Roboto Black.woff2")format("woff2"), url("../fonts/Roboto/Roboto Black.woff")format("woff"), url("../fonts/Roboto/Roboto Black.ttf")format("truetype"), url("../fonts/Roboto/Roboto Black.svg#Roboto-Black")format("svg");
}

@font-face {
    font-family: "Roboto-Bold-Condensed-Italic";
    src: url("../fonts/Roboto-Bold-Condensed-Italic/Roboto-Bold-Condensed-Italic.eot");
    src: url("../fonts/Roboto-Bold-Condensed-Italic/Roboto-Bold-Condensed-Italic.eot?#iefix")format("embedded-opentype"), url("../fonts/Roboto-Bold-Condensed-Italic/Roboto-Bold-Condensed-Italic.woff2")format("woff2"), url("../fonts/Roboto-Bold-Condensed-Italic/Roboto-Bold-Condensed-Italic.woff")format("woff"), url("../fonts/Roboto-Bold-Condensed-Italic/Roboto-Bold-Condensed-Italic.ttf")format("truetype"), url("../fonts/Roboto-Bold-Condensed-Italic/Roboto-Bold-Condensed-Italic.svg#Roboto-Black")format("svg");
}

@font-face {
    font-family: "Roboto-Flex";
    src: url("../fonts/Roboto-Flex/Roboto-Flex.eot");
    src: url("../fonts/Roboto-Flex/Roboto-Flex.eot?#iefix")format("embedded-opentype"), url("../fonts/Roboto-Flex/Roboto-Flex.woff2")format("woff2"), url("../fonts/Roboto-Flex/Roboto-Flex.woff")format("woff"), url("../fonts/Roboto-Flex/Roboto-Flex.ttf")format("truetype"), url("../fonts/Roboto-Flex/Roboto-Flex.svg#Roboto-Black")format("svg");
}

@font-face {
    font-family: "Roboto-Black-Italic";
    src: url("../fonts/Roboto-Black-Italic/Roboto-Black-Italic.eot");
    src: url("../fonts/Roboto-Black-Italic/Roboto-Black-Italic.eot?#iefix")format("embedded-opentype"), url("../fonts/Roboto-Black-Italic/Roboto-Black-Italic.woff2")format("woff2"), url("../fonts/Roboto-Black-Italic/Roboto-Black-Italic.woff")format("woff"), url("../fonts/Roboto-Black-Italic/Roboto-Black-Italic.ttf")format("truetype"), url("../fonts/Roboto-Black-Italic/Roboto-Black-Italic.svg#Roboto-Black")format("svg");
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("../fonts/Roboto-Bold/Roboto-Bold.eot");
    src: url("../fonts/Roboto-Bold/Roboto-Bold.eot?#iefix")format("embedded-opentype"), url("../fonts/Roboto-Bold/Roboto-Bold.woff2")format("woff2"), url("../fonts/Roboto-Bold/Roboto-Bold.woff")format("woff"), url("../fonts/Roboto-Bold/Roboto-Bold.ttf")format("truetype"), url("../fonts/Made-Tommy/MADETOMMY-Black.otf")format("opentype"), url("../fonts/Roboto-Bold/Roboto-Bold.svg#Roboto-Black")format("svg");
}

@font-face {
    font-family: "Roboto-Bold-v2";
    src: url("../fonts/Roboto-Bold-v2/Roboto-Bold-v2.eot");
    src: url("../fonts/Roboto-Bold-v2/Roboto-Bold-v2.eot?#iefix")format("embedded-opentype"), url("../fonts/Roboto-Bold-v2/Roboto-Bold-v2.woff2")format("woff2"), url("../fonts/Roboto-Bold-v2/Roboto-Bold-v2.woff")format("woff"), url("../fonts/Roboto-Bold-v2/Roboto-Bold-v2.ttf")format("truetype"), url("../fonts/Roboto-Bold-v2/Roboto-Bold-v2.otf")format("opentype"), url("../fonts/Roboto-Bold-v2/Roboto-Bold-v2.svg#Roboto-Black")format("svg");
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("../fonts/Roboto-Medium/Roboto-Medium.eot");
    src: url("../fonts/Roboto-Medium/Roboto-Medium.eot?#iefix")format("embedded-opentype"), url("../fonts/Roboto-Medium/Roboto-Medium.woff2")format("woff2"), url("../fonts/Roboto-Medium/Roboto-Medium.woff")format("woff"), url("../fonts/Roboto-Medium/Roboto-Medium.ttf")format("truetype"), url("../fonts/Roboto-Medium/Roboto-Medium.otf")format("opentype"), url("../fonts/Roboto-Medium/Roboto-Medium.svg#Roboto-Black")format("svg");
}

@font-face {
    font-family: "Tango-Sans";
    src: url("../fonts/Tango Sans/Tango Sans.eot");
    src: url("../fonts/Tango Sans/Tango Sans.eot?#iefix")format("embedded-opentype"), url("../fonts/Tango Sans/Tango Sans.woff2")format("woff2"), url("../fonts/Tango Sans/Tango Sans.woff")format("woff"), url("../fonts/Tango Sans/Tango Sans.ttf")format("truetype"), url("../fonts/Tango Sans/Tango Sans.otf")format("opentype"), url("../fonts/Tango Sans/Tango Sans.svg#Roboto-Black")format("svg");
}

@font-face {
    font-family: "Made-Tommy-Soft";
    src: url("../fonts/Made-Tommy-Soft/Made-Tommy-Soft.eot");
    src: url("../fonts/Made-Tommy-Soft/Made-Tommy-Soft.eot?#iefix")format("embedded-opentype"), url("../fonts/Made-Tommy-Soft/Made-Tommy-Soft.woff2")format("woff2"), url("../fonts/Made-Tommy-Soft/Made-Tommy-Soft.woff")format("woff"), url("../fonts/Made-Tommy-Soft/Made-Tommy-Soft.ttf")format("truetype"), url("../fonts/Made-Tommy-Soft/Made-Tommy-Soft.otf")format("opentype"), url("../fonts/Made-Tommy-Soft/Made-Tommy-Soft.svg#Roboto-Black")format("svg");
}

@font-face {
    font-family: "MADETOMMY-Light";
    src: url("https://db.onlinewebfonts.com/t/14017f3078764efe276574aeb7fbe049.eot");
    src: url("https://db.onlinewebfonts.com/t/14017f3078764efe276574aeb7fbe049.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/14017f3078764efe276574aeb7fbe049.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/14017f3078764efe276574aeb7fbe049.woff")format("woff"), url("https://db.onlinewebfonts.com/t/14017f3078764efe276574aeb7fbe049.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/14017f3078764efe276574aeb7fbe049.svg#MADETOMMY-Light")format("svg");
}

@font-face {
    font-family: "Montserrat-Bold-Italic";
    src: url("../fonts/Montserrat-Bold-Italic/Montserrat-Bold-Italic.eot");
    src: url("../fonts/Montserrat-Bold-Italic/Montserrat-Bold-Italic.eot?#iefix")format("embedded-opentype"), url("../fonts/Montserrat-Bold-Italic/Montserrat-Bold-Italic.woff2")format("woff2"), url("../fonts/Montserrat-Bold-Italic/Montserrat-Bold-Italic.woff")format("woff"), url("../fonts/Montserrat-Bold-Italic/Montserrat-Bold-Italic.ttf")format("truetype"), url("../fonts/Montserrat-Bold-Italic/Montserrat-Bold-Italic.svg#MADETOMMY-Medium")format("svg");
}

body {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

/*** Spinner ***/

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

.xl-privacy-f-order-content ol {
    counter-reset: item;
}

.xl-privacy-f-order-content ol>li {
    display: table !important;
    counter-increment: item !important;
}

.xl-privacy-f-order-content ol>li:before {
    content: counters(item, ".") ". " !important;
    display: table-cell !important;
    padding-right: 0.6em !important;
    font-weight: bold;
}

.xl-privacy-f-order-content li ol>li:before {
    content: counters(item, ".") !important;
    font-weight: bold;
}

@media (min-width: 1281px) {
    /*-------------------------------------------------------------------------------------------- STARTING INDEX PAGE --------------------------------------------------------------------------------------------*/
    /*---------------------------- STARTING NAV FB NUMBER CSS ----------------------------*/
    .container-xl-navFB {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-nav-lite {
        font-weight: bolder !important;
    }
    .xl-nav-hamburger {
        display: none;
    }
    .xl-nav-hamburger-bar {
        display: none;
    }
    .xl-nav-menu-mobile {
        display: none;
    }
    .xl-nav-menu-mobile-div {
        display: none;
    }
    .xl-navFB-f {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin: 0.3% 3% 0.3% 0.5%;
    }
    .xl-navFB-f-a {
        color: darkblue;
        font-weight: bolder;
        font-size: 18px;
        padding: 0% 0% 0% 0.4%;
        font-family: 'Montserrat', sans-serif !important;
    }
    .xl-navFB-f-a2 {
        color: darkblue;
        font-weight: bolder;
        font-size: 18px;
        padding: 0% 3% 0% 0.4%;
        font-family: 'Montserrat', sans-serif !important;
    }
    .xl-nav-icon-support {
        width: 23px;
    }
    .xl-nav-number {
        color: #01008c;
        font-weight: bold;
    }
    .xl-nav-icon-support-tele {
        width: 22px;
        vertical-align: middle;
    }
    .carousel-indicators {
        z-index: 2 !important;
    }
    .carousel-indicators [data-bs-target] {
        margin-right: 7px;
        margin-left: 7px;
        height: 5px;
    }
    .space-nav {
        margin: 0% 0.2% 0% 0.2%;
    }
    /*---------------------------- ENDING NAV FB NUMBER CSS ----------------------------*/
    /*---------------------------- STARTING NEW NAVIGATIONAL CSS ----------------------------*/
    .container-xl-navigation {
        display: flex;
        justify-content: center;
        width: 100%;
        flex-direction: column;
    }
    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 3 !important;
    }
    .pull-right {
        float: right;
    }
    .xl-nav {
        display: flex;
        flex-direction: row;
        width: 100%;
        min-height: 90px;
        background-image: url('../images/Navigational/header-background.jpg');
    }
    .xl-nav-all-pic {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 14.28%;
        padding: 0.5%;
        padding-left: 5%;
    }
    .xl-nav-all-pic-FB {
        height: 55px;
    }
    .xl-nav-all-text {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 14.28%;
    }
    .xl-nav-all-text-F {
        padding-left: 4%;
    }
    .xl-nav-all-a {
        text-decoration: none;
        font-family: 'montserrat', sans-serif !important;
        font-size: 18px;
        font-weight: 700;
        color: white;
        background: transparent;
        cursor: pointer;
    }
    .xl-nav-all-text:hover .dropdown-content-a {
        display: block;
    }
    .dropdown-content-a {
        display: none;
        position: absolute;
        background-color: #111499;
        min-width: 210px;
        margin-top: 1.93rem;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 10;
    }
    .dropdown-fix {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .dropdown-fix-a {
        text-decoration: none;
        color: white;
        font-family: 'montserrat', sans-serif !important;
        font-size: 18px;
        font-weight: 700;
        padding: 20px 30px 20px 20px;
        cursor: pointer;
    }
    .dropdown-fix-a:hover {
        background-color: #ff7e00;
    }
    .active {
        background-color: #ff7e00;
    }
    /*---------------------------- ENDING OLD NAVIGATIONAL CSS ----------------------------*/
    .carousel-control-prev-icon {
        background-image: url("../images/Navigational/Nav-Larrow.png") !important;
        width: 4rem !important;
        height: 4rem !important;
    }
    .carousel-control-next-icon {
        background-image: url("../images/Navigational/Nav-Rarrow.png") !important;
        width: 4rem !important;
        height: 4rem !important;
    }
    /*---------------------------- STARTING OLD NAVIGATIONAL CSS ----------------------------
.nav-pos-f
{
    padding-top: 0 !important;
    padding-right: 3rem !important;
    padding-left: 3rem !important;
    padding-bottom: 0.5rem !important;
}
.nav-pos-f-f
{
    margin-right: 1rem;
    margin-left: 10rem;
    font-size: 1.25rem;
    white-space: nowrap;
    margin-top: 0.5rem !important;
    padding: 0;
    padding-right: 1.5rem !important;
}
.nav-pos-f-a
{
    text-decoration: none;
    font-family: 'montserrat', sans-serif !important;
    font-size: 18px;
    font-weight: 500;
}
---------------------------- ENDING OLD NAVIGATIONAL CSS ----------------------------*/
    /*---------------------------- STARTING ABOUT US CSS ----------------------------*/
    .container-xl-about {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 2% 0 0.5% 0;
        flex-direction: column;
    }
    .xl-about-f {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-about-fx {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row-reverse;
    }
    .xl-about-h1 {
        font-family: "Roboto-Bold";
        color: #12007a;
        text-align: center;
        font-weight: 900 !important;
        font-size: xxx-large;
        margin: auto;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .xl-about-x {
        height: 100%;
        width: 100%;
    }
    .xl-about-x {
        height: 100%;
        width: 100%;
    }
    .xl-aboutimg-x {
        margin: 1.5rem 1.5rem 1.5rem 3.5rem;
        height: 89%;
    }
    .xl-aboutimg-xx {
        margin: 1.5rem 3.5rem 1.5rem 1.5rem;
        height: 89%;
    }
    .xl-about-img {
        width: 100%;
        height: 100%;
    }
    .xl-aboutP-x {
        margin: 1.5rem 3.5rem 1.5rem 1.5rem;
        height: 89%;
        box-shadow: 1.5px 0.3px 3.125px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-aboutP-xx {
        margin: 1.5rem 1.5rem 1.5rem 3.5rem;
        height: 89%;
        box-shadow: 1.5px 0.3px 3.125px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-aboutP-xxx {
        height: auto;
        width: 100%;
        line-height: 35px;
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
        padding-bottom: 1.5rem !important;
        padding-top: 2rem !important;
    }
    .orange-text {
        color: #f16a28 !important;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 900 !important;
        margin: auto;
    }
    .about-prx {
        font-size: 20px;
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 600 !important;
        margin-bottom: 0.5rem !important;
    }
    .about-prxl {
        font-weight: 800 !important;
    }
    .hr-line {
        border: 1px solid #d3d3d3;
    }
    /*---------------------------- ENDING ABOUT US CSS ----------------------------*/
    /*---------------------------- STARTING CONTACT US CSS ----------------------------*/
    .container-xl-contact {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin: 0rem 0rem 1.5rem 0rem;
    }
    .xl-contact-x {
        width: 80%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }
    .xl-contact-xx {
        width: 120%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }
    .xl-contact-f-icon {
        width: 6%;
        margin-top: 0.4%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-f-icon-mobile {
        display: none;
    }
    .xl-contact-f {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-fx {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-h1 {
        font-family: "Roboto-Bold";
        color: #12007a;
        text-align: center;
        font-weight: 900 !important;
        font-size: xxx-large;
        margin: auto;
        padding-top: 2rem;
    }
    .xl-contact-s {
        width: 100%;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    .xl-contact-if {
        border-radius: 15px !important;
        border: 0;
        width: 100%;
        margin: 1.5rem 1.5rem 1.5rem 3.5rem;
    }
    .xl-contact-form {
        width: 100%;
        margin: 1.5rem 3.5rem 1.5rem 1.5rem;
        box-shadow: 1.5px 0.3px 3.125px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-contact-form-all {
        width: 100%;
        padding: 2rem 2rem 1rem 2rem;
    }
    .xl-contact-form-x {
        width: 100%;
        font-family: 'montserrat', sans-serif !important;
    }
    .xl-contact-form-h2 {
        margin: auto;
        font-size: 36px;
        font-weight: 800 !important;
        letter-spacing: 1px;
        padding-bottom: 0.8rem;
        color: #2b2b2b;
    }
    .xl-contact-form-span {
        margin: auto;
        font-size: 20px;
    }
    .xl-contact-form-xxx {
        text-align: center;
    }
    .xl-contact-form-xx {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-contact-form-xx-f {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-contact-form-xx-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-contact-form-xx-text {
        height: 3rem;
        width: 93%;
        border-radius: 10px;
        border: 1px solid grey;
        margin: 1rem 1rem 1rem 0rem;
        font-size: 20px;
        padding: 1rem;
    }
    .xl-contact-form-xx-text-select {
        width: 100%;
        height: 3rem;
        border: 1px solid grey;
        border-radius: 10px;
        background: white;
        font-size: 20px;
        padding: 0.5rem 1rem 0.5rem 1rem;
        margin: 1rem 0rem 0rem 0rem;
        appearance: none;
        background-image: url("../images/Others/Down-Arrow.png");
        background-repeat: no-repeat;
        background-position: right 0.7rem top 50%;
        background-size: 1rem auto;
    }
    .form-1rem {
        padding: 1rem !important;
        background-image: none;
        display: none;
    }
    .xl-contact-form-xx-text-Mirco {
        height: 3rem;
        width: 93%;
        border-radius: 10px;
        border: 1px solid grey;
        margin: 1rem 1rem 1rem 0rem;
        font-size: 20px;
        padding: 1rem;
    }
    .xl-contact-form-xx-textA {
        height: 55%;
        width: 100%;
        border-radius: 10px;
        margin: 1rem 0rem 1rem 0rem;
        font-size: 20px;
        resize: none;
        padding: 1rem;
    }
    .xl-contact-form-xx-textA-Micro {
        height: 55%;
        width: 100%;
        border-radius: 10px;
        margin: 1rem 0rem 1.5rem 0rem;
        font-size: 20px;
        resize: none;
        padding: 1rem;
    }
    .xl-contact-form-xx-button {
        text-align: center;
        margin-bottom: 20px;
        border: 2px solid black;
        border-radius: 30px;
        background-color: orangered;
        color: white;
        font-size: 1.2rem;
        border-color: orangered;
        padding: 1.5% 2.5% 1.5% 2.5%;
        transition: all 0.3s ease-in-out;
    }
    .xl-contact-form-xx-button-Micro {
        margin-bottom: 20px;
        border: 2px solid black;
        border-radius: 30px;
        background-color: orangered;
        color: white;
        font-size: 1.2rem;
        border-color: orangered;
        padding: 1.5% 3% 1.5% 3%;
        transition: all 0.3s ease-in-out;
    }
    .xl-contact-form-xx-button:hover {
        transform: scale(1.1);
    }
    .response_form_success {
        font-family: 'montserrat', sans-serif !important;
        font-weight: bold;
        font-size: 20px;
        color: #5cb85c;
    }
    .response_form_failed {
        font-family: 'montserrat', sans-serif !important;
        font-weight: bold;
        font-size: 20px;
        color: #d9534f;
    }
    /*---------------------------- ENDING CONTACT US CSS ----------------------------*/
    /*OWL CAROUSEL*/
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 5px !important;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 15px !important;
        height: 15px !important;
        border: 2px solid #b2b1b4 !important;
        background: white !important;
    }
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #6c6b70 !important;
    }
    /*---------------------------- STARTING PLANS CSS ----------------------------*/
    .xl-plans-hide {
        display: none;
    }
    .xl-plans-t-x-terms {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .xl-plans-t-x-terms-container {
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: #f6f6f6;
    }
    .xl-plans-t-x-terms-container-lite {
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: #fbfbfb;
    }
    .xl-plans-t-x-terms-container-f {
        width: 50%;
    }
    .xl-plans-t-x-terms-container-f-pic1-lite {
        width: 80%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic1 {
        width: 100%;
        height: 100%;
    }
    .xl-plans-t-x-terms-container-f-pic2 {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-s {
        width: 50%;
        display: flex;
        flex-direction: column;
    }
    .xl-plans-t-x-terms-container-s-f {
        width: 100%;
    }
    .xl-plans-t-x-terms-container-s-f .xl-plans-t-x-terms-container-f-pic1-mobile {
        display: none;
    }
    .xl-plans-t-x-terms-container-s-f-title1 {
        font-family: "Tango-Sans";
        font-weight: bolder;
        letter-spacing: 0.5vw;
        text-align: center;
        font-size: 5vw;
        color: #000267;
        margin: 3% 0% 0% 0%;
    }
    .xl-plans-t-x-terms-container-s-f-title2 {
        font-family: "Tango-Sans";
        font-weight: bold;
        letter-spacing: 0.2vw;
        text-align: center;
        font-size: 2.5vw;
        color: #000267;
        margin: 0% 0% 3% 0%;
    }
    .xl-plans-t-x-terms-container-s-s {
        width: 100%;
    }
    .xl-plans-t-x-terms-container-s-s-div {
        width: 100%;
        padding: 0% 8% 0% 8%;
    }
    .xl-plans-t-x-terms-container-s-s-div-h1 {
        text-align: center;
        font-family: "Tango-Sans";
        font-weight: 600;
        letter-spacing: 0.8px;
        font-size: 2.2vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1.2vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol i {
        font-family: "Roboto-Black-Italic" !important;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol-lite {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1.2vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol li:nth-child(2) {
        margin-top: 2.5%;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4 {
        font-family: "Roboto-Black";
        font-weight: bolder;
        margin-top: 5%;
        margin-left: 1vw;
        font-size: 1.5vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4-ent {
        font-family: "Roboto-Black";
        font-weight: bolder;
        margin-top: 5%;
        margin-left: 1vw;
        font-size: 1.5vw;
        color: #04775e;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4-lite {
        font-family: "Tango-Sans";
        font-weight: bolder;
        margin-top: 5%;
        letter-spacing: 1px;
        margin-left: 1vw;
        font-size: 1.5vw;
        color: #323232;
        text-align: left;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2 {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2-ent {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2-lite {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2 li:nth-child(1) {
        margin-top: 2%;
    }
    .xl-plans-img-tercon-mobile {
        display: none;
    }
    .xl-plans-fiberLite {
        width: 100%;
    }
    .xl-plans-fiberLite-picture {
        width: 100%;
    }
    .xl-plans-fiberLite-pictures {
        width: 100%;
    }
    .xl-plans-fiberLite-pictures-Mobile {
        display: none;
    }
    .xl-plans-fiberLite-content {
        width: 100%;
        margin-top: 1%;
        text-align: center;
    }
    .xl-plans-fiberLite-content-text-h2 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #373737;
    }
    .xl-plans-fiberLite-content-text-h3 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 400 !important;
        font-style: italic;
        margin-top: 0.3%;
        color: #969696;
    }
    .container-xl-plans {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .xl-plans-f {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 1% 0% 0% 0%;
    }
    .xl-plans-f-x {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin: auto;
    }
    .xl-plans-f-x-img {
        width: 42%;
    }
    .xl-plans-f-x-h1-f {
        font-family: "MADETOMMY-Black";
        text-shadow: 0px 2px #E2DFD2;
        margin: auto;
        font-size: 4.5rem;
        padding: 20px 0px 15px 0px;
        color: #12007a;
    }
    .xl-plans-f-x-h1 {
        color: #4b4b4b;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        margin: auto;
        font-size: 1.5rem;
    }
    .xl-plans-s-mobileview {
        display: none;
    }
    .xl-plans-s {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 1% 0% 1% 0%;
    }
    .xl-plans-s-x {
        width: 25%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .xl-plans-s-x-in {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .xl-plans-s-x-img {
        width: 85%;
        margin: 3%;
        /*box-shadow: 0px 2px 8px 1px #888888 !important;*/
        border-radius: 10% !important;
    }
    .xl-plans-s-x:hover {
        transition: 1s !important;
        -webkit-transform: scale(1.05) !important;
    }
    .xl-plans-s-x-p {
        font-size: 100%;
        color: #464646;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        text-align: center;
        padding: 1% 5% 5% 5%;
        margin: auto;
    }
    .xl-plans-t {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0% 0% 1% 0%;
    }
    .xl-plans-t-x {
        width: 100%;
        text-align: center;
    }
    .xl-plans-t-x-h1 {
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder !important;
        margin: auto;
        font-size: 2.3rem;
    }
    .xl-plans-t-xx {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
    .xl-plans-t-xx-in-h1 {
        border-radius: 50rem !important;
        background: #F9F9F9 !important;
        color: #464646 !important;
        padding: 0.8rem !important;
        box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -webkit-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -moz-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        font-family: 'montserrat', sans-serif !important;
        font-weight: bolder !important;
        font-size: 130%;
        margin: 1% 1% 1% 0.5%;
    }
    .xl-plans-t-x-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 400 !important;
        margin: auto;
    }
    .xl-plans-t-xxx {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1% 0% 0.5% 0%;
    }
    .xl-plans-t-xxx-btn {
        border-radius: 50px !important;
        border: solid white !important;
        background: #12007a !important;
        color: white !important;
        font-size: 240% !important;
        font-weight: 800 !important;
        padding: 0.3% 1.7% 0.3% 1.7%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
        transition: all 0.3s ease-in-out;
    }
    .xl-plans-t-xxx-btn:hover {
        transform: scale(1.1);
    }
    /*---------------------------- ENDING PLANS CSS ----------------------------*/
    /*---------------------------- STARTING OTHERS CSS ----------------------------*/
    .container-xl-others {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin: 2.5% 0% 0% 0%;
    }
    .xl-others-logo {
        width: 25%;
        height: auto;
        display: flex;
        justify-content: center;
    }
    .xl-others-logo-a {
        text-align: center;
    }
    .xl-others-logo-img {
        width: 80%;
        height: auto;
        padding: 2%;
    }
    .xl-others-text {
        width: 75%;
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
    .xl-others-text-f {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0% 0% 0% 5%;
    }
    .xl-others-text-s {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0% 0% 0% 2.5%;
    }
    .xl-others-text-t {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .xl-others-text-in-x {
        width: 100%;
        height: 25%;
        display: flex;
        align-items: flex-start;
    }
    .xl-others-text-in-xx {
        width: 100%;
        height: 50%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .xl-others-text-h1 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        font-size: 230%;
        width: 100%;
        margin: 0;
    }
    .xl-others-text-h3 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: normal;
        font-size: 130%;
        width: 100%;
        margin: 0;
        text-decoration: none;
        cursor: pointer;
    }
    /*---------------------------- ENDING OTHERS CSS ----------------------------*/
    /*---------------------------- STARTING LOCATION CSS ----------------------------*/
    .container-xl-location {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 0%;
    }
    .xl-location-f {
        width: 100%;
        padding: 3% 3% 1% 3%;
    }
    .xl-location-f-h3 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        font-size: 160%;
        width: 100%;
        margin: 0;
    }
    .xl-location-s-mothF {
        display: flex;
        flex-direction: row;
    }
    .xl-location-s-mothS {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .xl-location-s-frame-moth {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .xl-location-s-frame-f-moth {
        width: 33%;
        display: flex;
        flex-direction: column;
        margin: 0.8% 0% 0.8% 0%;
        padding-right: 3%;
    }
    .xl-location-s {
        width: 100%;
        display: flex;
        justify-content: center;
        justify-content: flex-start;
        flex-direction: column;
        padding: 0% 3% 1% 3%;
    }
    .xl-location-s-frame {
        width: 34%;
        display: flex;
        flex-direction: column;
    }
    .xl-location-s-frame-f {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0% 10% 0% 0%;
        margin: 0% 0% 2.2% 0%;
    }
    .xl-location-s-frame-h2-bold {
        font-weight: 700 !important;
        font-style: italic;
    }
    .xl-location-s-frame-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 2.2% 0% 2.2% 0%;
        padding: 0% 10% 0% 0%;
    }
    .xl-location-s-frame-f-f {
        width: 100%;
        margin: 0% 0% 1% 0%;
    }
    .xl-location-s-frame-h2-f {
        color: #f16a28;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 100;
        font-size: 140%;
        margin: 0;
        text-decoration: none;
    }
    .xl-location-s-frame-f-s {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 0% 0% 1% 0%;
    }
    .xl-location-s-frame-f-s-divf {
        width: 5%;
        text-align: center;
    }
    .xl-location-s-frame-f-s-divs {
        width: 95%;
        margin-left: 1.5%;
    }
    .xl-location-s-frame-f-s-img {
        width: 100%;
    }
    .xl-location-s-frame-f-s-img-mobile {
        display: none;
    }
    .xl-location-s-frame-f-s-h4 {
        color: #636365;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 100;
        font-size: 110%;
        margin: 0;
    }
    .xl-location-s-frame-f-t {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .xl-location-s-frame-f-t-img {
        width: 4%;
        height: 80%;
        margin: 0.2% 0.6% 0% 0%;
    }
    .xl-location-s-frame-f-t-h2 {
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        font-size: 130%;
        width: 100%;
        margin: 0%;
    }
    /*---------------------------- ENDING OTHERS CSS ----------------------------*/
    /*---------------------------- STARTING FOOTER CSS ----------------------------*/
    .container-xl-footer {
        width: 100%;
        background-color: #1a1a1a;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-footer-frame {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30%;
        padding: 1%;
    }
    .xl-footer-frame-h4 {
        margin: 0%;
        width: 100%;
        color: white;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 75%;
        text-align: center;
    }
    .xl-footer-frame-h4 .xl-footer-frame-h4-bold {
        font-family: "Montserrat-Bold-Italic";
        font-weight: 800;
    }
    .xl-footer-frame-A {
        text-decoration: none;
        color: white;
        padding: 0% 3% 0% 3%;
    }
    /*---------------------------- ENDING FOOTER CSS ----------------------------*/
    /*-------------------------------------------------------------------------------------------- ENDING INDEX PAGE --------------------------------------------------------------------------------------------*/
    /*------ PER PAGES ------*/
    /*-------------------------------------------------------------------------------------------- STARTING ENTERPRISE PAGE --------------------------------------------------------------------------------------------*/
    .xl-plans-t-xxx-btn-enterprise {
        border-radius: 50px !important;
        border: solid white !important;
        background: #087757 !important;
        color: white !important;
        font-size: 240% !important;
        font-weight: 800 !important;
        padding: 0.3% 1.7% 0.3% 1.7%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
    }
    .xl-plans-t-x-h1-enterprise-mobile {
        display: none;
    }
    .xl-plans-t-x-h1-enterprise {
        color: #087757;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bold !important;
        margin: 0% 0% 0.25% 0%;
        font-size: 2.3rem;
    }
    .xl-plans-t-x-h1-enterprise-between-f {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder !important;
        font-style: italic;
        color: #087757;
        margin: auto;
        font-size: 2.3rem;
    }
    .xl-plans-t-x-h1-enterprise-between-s {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder !important;
        color: #087757;
        margin: auto;
        font-size: 2.3rem;
    }
    .xl-plans-f-x-h1-enterprise {
        color: #474747;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        margin: auto;
        font-size: 1.5rem;
    }
    .xl-plans-f-f-x-h1-enterprise {
        color: #087757;
        font-family: "MADETOMMY-Black";
        text-shadow: 0px 2px #E2DFD2;
        margin: auto;
        font-size: 3rem;
        /*padding: 20px 0px 15px 0px;*/
    }
    .xl-plans-t-xx-in-h1-enterprise {
        border-radius: 50rem !important;
        background: #F9F9F9 !important;
        color: #464646 !important;
        padding: 0.8rem !important;
        box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -webkit-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -moz-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        font-family: 'montserrat', sans-serif !important;
        font-weight: bolder !important;
        font-size: 130%;
        margin: 0.5% 1% 0.5% 0.5%;
    }
    .xl-plans-t-xx-in-h1-enterprise-mobile {
        display: none;
    }
    .xl-plans-t-x-h3-enterprise {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: normal;
        margin: 1% 0% 0% 0%;
    }
    /*-------------------------------------------------------------------------------------------- ENDING ENTERPRISE PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING CAREER PAGE --------------------------------------------------------------------------------------------*/
    .container-xl-career-text {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-career-heading {
        font-family: "MADETOMMY-Black";
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .xl-career-heading-h3 {
        color: #12007a;
        font-size: 40px;
        margin: 30px 0px 0px 0px;
    }
    .xl-career-orangefont {
        color: #f16a28;
        font-weight: bolder;
    }
    .xl-career-content {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 0% 5% 3% 5%;
        align-items: center;
    }
    .xl-career-content-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        color: #12007a;
        font-size: 20px;
    }
    .xl-career-resume {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .xl-career-resume-f {
        display: flex;
        flex-direction: column;
        width: 50%;
        padding: 0% 2% 1.5% 3.5%;
    }
    .xl-career-resume-f-h3 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 30px;
        letter-spacing: 1px;
        margin: 0px;
    }
    .xl-career-resume-f-h4 {
        font-family: 'Montserratbold', sans-serif !important;
        letter-spacing: 0.5px;
        font-size: 24px;
        color: #12007a;
        padding: 2.5% 0% 5% 0%;
        margin: 0%;
    }
    .xl-career-resume-f-qualification {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-career-resume-f-qualification-h3 {
        font-family: "Roboto-Black";
        color: #f16a28;
        font-size: 30px;
        letter-spacing: 1px;
        margin: 0px;
    }
    .xl-career-resume-f-qualification-ul {
        list-style: none;
        margin: 10px 0px 0px 20px;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 600;
        color: #12007a;
        font-size: 24px;
        padding: 0px;
        letter-spacing: 1px;
    }
    .xl-career-resume-f-qualification-ul-li {
        padding: 0% 0% 5% 0%;
        list-style: "\2022\0020";
    }
    .xl-career-resume-f-qualification-ul-li-ENDING {
        padding: 0% 0% 3% 0%;
        list-style: "\2022\0020";
    }
    .xl-career-resume-s {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 50%;
        padding: 0% 3% 1.5% 2%;
    }
    .xl-career-resume-s-h3 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 30px;
        letter-spacing: 1px;
        margin: 0px;
        padding: 0% 0% 3% 0%;
    }
    .xl-career-resume-s-form {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0% 7% 0% 7%;
        align-items: center;
    }
    .xl-career-resume-s-form-input {
        width: 100%;
        padding: 15px;
        background-color: #eeeeee;
        border: none;
        outline: none;
        border-bottom: 3px solid #a2a2a2;
        font-size: 18px;
        margin: 0px 0px 20px 0px;
    }
    .xl-career-resume-s-form-input-left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .xl-career-resume-s-form-input::placeholder {
        color: #a5a5a5;
        font-size: 18px;
    }
    .xl-career-resume-s-form-input-ending {
        margin: 0px 0px 0px 0px;
    }
    .xl-career-resume-s-form-filetype {
        font-family: 'Montserratbold', sans-serif !important;
        margin: 5px 0px 5px 0px;
        font-size: 14px;
    }
    .xl-career-resume-s-form-file {
        font-size: 18px;
    }
    .xl-career-resume-s-form-check {
        font-family: 'Montserratbold', sans-serif !important;
        margin: 20px 0px 20px 0px;
        font-size: 14px;
    }
    .xl-career-resume-s-form-check-error {
        font-family: 'Montserratbold', sans-serif !important;
        margin: 20px 0px 20px 0px;
        font-size: 14px;
        color: red;
        font-weight: bold;
    }
    .xl-career-resume-s-form-submit {
        color: white;
        width: 100%;
        background-color: #f16a28;
        padding: 1%;
        border: none;
        border-radius: 5px;
        font-size: 30px;
        font-family: "MADETOMMY-Black";
        cursor: pointer;
    }
    /*-------------------------------------------------------------------------------------------- ENDING CAREER PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING ABOUT US PAGE --------------------------------------------------------------------------------------------*/
    .container-xl-banner {
        width: 100%;
    }
    .xl-banner-f-bgpic {
        background-image: url("../images/Aboutus-Page/Aboutus-Banner.jpg");
        width: 100%;
        height: auto;
        background-position: 25% 45%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .xl-banner-f-h1 {
        margin: 0%;
        background: rgba(0, 0, 0, 0.65);
        color: white;
        backdrop-filter: blur(5px);
        text-align: center;
        width: 100%;
        padding: 10% 10% 12.5% 10%;
        font-family: "MADETOMMY-Black";
        font-size: 60px;
        text-decoration: underline;
        text-underline-offset: 10px;
    }
    .container-xl-intro {
        padding: 1% 0.8% 1% 0.8%;
        width: 100%;
    }
    .xl-intro-f {
        width: 100%;
        border: 2px solid #e5e5e5;
        border-width: 2px 2px 3.5px 2px;
        border-radius: 25px;
        box-shadow: 0px 15px 10px -15px #e5e5e5;
    }
    .xl-intro-f-p {
        margin: 0px;
        padding: 1.2%;
        font-size: 25px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #12007a;
        letter-spacing: 0.8px;
        line-height: 1.6;
    }
    .xl-intro-f-p-span {
        font-weight: bold;
        color: #f16a28;
    }
    .container-xl-history {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-history-f {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .xl-history-f-con-f {
        padding: 1% 0.8% 1.5% 2.5%;
        width: 42%;
        max-height: 450px;
    }
    .xl-history-f-con-f-aboutus {
        padding: 1% 0.8% 1.5% 2.5%;
        width: 42%;
        max-height: 450px;
    }
    .xl-history-f-con-s {
        padding: 0% 2.5% 1.5% 0.8%;
        /*width: 50%;*/
    }
    .xl-history-f-con-s-Main {
        padding: 1% 2.5% 1.5% 0.8%;
        /*width: 50%;*/
        width: 58%;
    }
    .xl-history-f-con-f-Micro {
        /*width: 50%;*/
        width: 100%;
    }
    .xl-history-f-con-s-Micro {
        padding: 1.5% 0% 1.5% 0%;
        /*width: 50%;*/
        width: 100%;
    }
    .xl-history-f-con-t-Micro {
        /*width: 50%;*/
        width: 100%;
    }
    .xl-history-f-con-img {
        width: 100%;
        height: 100%;
        border-radius: 25px;
        object-fit: cover;
    }
    .xl-history-f-con-bor {
        padding: 0% 3.5% 0% 3.5%;
        /*border: 2px solid #e5e5e5;*/
        /*border-width: 0px 2px 3.5px 2px;*/
        /*box-shadow: 0px 15px 10px -10px #e5e5e5;*/
        /*border-radius: 25px;*/
        /*height: 100%;*/
    }
    .accordion {
        display: none;
    }
    .xl-history-f-con-text {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .xl-history-f-con-text-f {
        width: 90%;
        text-align: center;
    }
    .xl-history-f-con-text-s {
        width: 90%;
        text-align: center;
        padding: 1% 0% 1% 0%;
    }
    .xl-history-f-con-text-t {
        width: 90%;
        text-align: center;
    }
    .xl-history-f-con-content-city {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 800;
        font-style: italic;
    }
    .xl-history-f-con-content-Micro {
        font-size: 18px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
    }
    .xl-history-f-con-content-Micro-Imus {
        font-size: 22px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
    }
    .xl-history-f-con-content {
        font-size: 16px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
    }
    .xl-history-f-con-pictures {
        display: flex;
        flex-direction: row;
        padding-top: 2%;
        width: 100%;
    }
    .xl-history-f-con-pictures-f {
        width: 33.3%;
        text-align: right;
    }
    .xl-history-f-con-pictures-s {
        width: 33.3%;
        text-align: center;
    }
    .xl-history-f-con-pictures-t {
        width: 33.3%;
        text-align: left;
    }
    .xl-history-f-con-pictures-f-class {
        width: 85%;
        min-height: 300px;
        max-height: 300px;
        border-radius: 25px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }
    .xl-history-f-con-pictures-f-class:hover {
        transform: scale(1.1);
    }
    .xl-history-f-con-h1 {
        margin: 2% 0% 0% 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 800;
        letter-spacing: -1px;
        color: #12007a;
        font-size: 300%;
        text-align: center;
    }
    .xl-history-f-con-p {
        font-size: 25px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        text-align: justify;
        overflow: hidden;
    }
    .xl-history-f-con-p-elip {
        display: -webkit-box;
        -webkit-line-clamp: 15;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .fix-height {
        height: 600px;
    }
    .xl-area-avail-contain-mobile {
        display: none;
    }
    .xl-area-avail-contain {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .expandable {
        overflow: hidden;
        /* all style changes will ease-in-out for 1s */
        -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s;
    }
    #grow {
        -moz-transition: height .5s;
        -ms-transition: height .5s;
        -o-transition: height .5s;
        -webkit-transition: height .5s;
        transition: height .5s;
        overflow: hidden;
        text-align: justify;
    }
    .xl-history-f-con-p-span {
        font-weight: bolder !important;
        color: #f16a28;
    }
    .xl-history-f-con-h3 {
        font-family: "MADETOMMY-Black";
        letter-spacing: 1px;
        color: #2b2b2b;
        margin-top: 10px;
        float: right;
        cursor: pointer;
    }
    .xl-history-f-con-p-middle {
        font-size: 25px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        padding: 3% 0% 3% 0%;
    }
    .xl-history-s {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
    }
    .xl-history-s-mobileview {
        display: none;
    }
    .xl-history-s-con-f {
        padding: 1.5% 2.5% 1.5% 1.3%;
        width: 50%;
    }
    .xl-history-s-con-s {
        padding: 1.5% 1.3% 1.5% 2.5%;
        width: 50%;
    }
    .xl-history-t {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .xl-history-t-con-f {
        padding: 1.5% 1.3% 1.5% 2.5%;
        width: 50%;
    }
    .xl-history-t-con-s {
        padding: 1.5% 2.5% 1.5% 1.3%;
        width: 50%;
    }
    /* AREA AVAILABILITY */
    .container-xl-area-avail {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-area-avail-h1 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 50px;
        margin: 2% 0% 1.3% 0%;
    }
    .xl-area-avail-h2 {
        font-size: 43px;
        font-family: "MADETOMMY-Black";
        margin: 1.3% 0% 2.6% 0%;
        color: #12007a;
        text-align: center;
    }
    .xl-area-avail-h2-img-mobile {
        width: 15%;
        vertical-align: baseline;
    }
    .xl-area-avail-h1-mobile {
        display: none;
    }
    .xl-area-avail-h2-mobile {
        display: none;
    }
    .xl-area-avail-span {
        font-family: "MADETOMMY-Black";
        color: #f16a28;
    }
    /*SELECT*/
    .xl-area-avail-select-city {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 10px;
        padding: 0.5%;
        width: 17%;
        border: 1.8px solid #658dfe;
        margin-bottom: 0.5%;
        font-size: 18px;
    }
    .xl-area-avail-select-barangay {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 10px;
        padding: 0.5%;
        width: 17%;
        border: 1.8px solid gray;
        margin-bottom: 0.5%;
        font-size: 18px;
    }
    .xl-area-avail-select-subdivision {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 10px;
        padding: 0.5%;
        width: 17%;
        border: 1.8px solid gray;
        margin-bottom: 0.5%;
        font-size: 18px;
    }
    .xl-area-avail-select,
    .xl-area-avail-select option {
        color: #000000;
    }
    .xl-area-avail-select:invalid,
    .xl-area-avail-select option[value=""] {
        color: #999999;
    }
    /*Added for browser compatibility*/
    .xl-area-avail-select option[hidden] {
        display: none;
    }
    .accordion-panel-area-PC {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .accordion-area-PC {
        width: 100%;
    }
    .xl-area-avail-button {
        border: none;
        background-color: gray;
        color: white;
        padding: 0.4% 0.9% 0.4% 0.9%;
        font-size: 20px;
        border-radius: 8px;
        cursor: pointer;
        margin: 0.3% 0% 1.5% 0%;
        transition: all 1s;
    }
    .xl-area-avail-button-hover:hover {
        transform: scale(1.2);
    }
    .xl-area-avail-h4-not {
        display: none;
        font-size: 24px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #f44336;
        margin: 0% 0% 0.5% 0%;
    }
    .xl-area-avail-h4-good {
        display: none;
        font-size: 24px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #32ba7c;
        margin: 0% 0% 0.5% 0%;
    }
    .xl-area-avail-img {
        width: 18px;
        margin-right: 3px;
    }
    .xl-area-avail-h3-brgy {
        font-family: "Made-Tommy-Soft";
        color: #12007a;
        font-size: 33px;
        margin: 0%;
        text-transform: uppercase;
    }
    .xl-area-avail-h3-subd {
        font-family: "Made-Tommy-Soft";
        color: #12007a;
        font-size: 33px;
        margin: 0%;
        text-transform: uppercase;
    }
    .accordion-trigger-area {
        display: none;
    }
    .xl-area-avail-button-apply {
        display: none;
        cursor: pointer;
        padding: 0.3% 0.6% 0.3% 0.6%;
        font-size: 30px;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        color: white;
        background-color: #ff7e00;
        border-radius: 10px;
        width: 22.8%;
        text-align: left;
        padding-left: 1.5em;
        text-indent: -1em;
        margin: 1.5% 0% 1.5% 0%;
        border: 1px solid #fff;
        box-shadow: 0px 15px 10px -7px #e6e6e6;
        transition: all 1s;
    }
    .xl-area-avail-button-apply-img {
        width: 16%;
        padding-right: 3%;
    }
    .xl-area-avail-button-apply-div {
        transition: transform .2s;
    }
    .xl-area-avail-button-apply:hover {
        transform: scale(1.2);
    }
    /* AREA AVAILABILITY */
    /*-------------------------------------------------------------------------------------------- ENDING ABOUT US PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING INDEX PAGE --------------------------------------------------------------------------------------------*/
    .index-xl-plans-f-x {
        width: 55%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        margin: auto;
    }
    .index-xl-plans-f-x-img {
        width: 35%;
        padding: 0% 1.5% 0% 0%;
    }
    .index-xl-plans-f-x-h1 {
        color: #12007a;
        font-family: "MADETOMMY-Black";
        margin: 0px;
        font-size: 3rem;
    }
    /* SERVICES */
    .container-xl-index-services {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-index-f {
        width: 100%;
        text-align: center;
    }
    .xl-index-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 3rem;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
    }
    .xl-index-s {
        width: 94%;
        display: flex;
        justify-content: center;
    }
    .xl-index-service-mobile-view {
        display: none;
    }
    .xl-index-s-div {
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0% 3% 1.5% 3%;
        text-align: center;
    }
    .xl-index-s-div-image {
        width: 50%;
    }
    .xl-index-s-div-h3 {
        font-family: "MADETOMMY-Black";
        font-size: 1.5rem;
        color: #12007a;
        margin: 0px;
    }
    .xl-index-s-div-h3-s {
        font-family: "MADETOMMY-Black";
        font-size: 1.1rem;
        color: #12007a;
        margin: 0px;
    }
    .xl-index-s-div-h5 {
        margin: 0px;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 1.3rem;
        color: #6b6b6b;
        text-align: center;
        padding: 2% 0% 0% 0%;
    }
    /* NEWS */
    .xl-index-news-mobile-view {
        display: none;
    }
    .container-xl-index-news {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-index-news-f {
        width: 100%;
        text-align: center;
    }
    .xl-index-news-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 3rem;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
        margin: 2% 0% 0.3% 0%;
    }
    .xl-index-news-s {
        width: 35%;
        text-align: center;
    }
    .xl-index-news-s-h1 {
        margin: 0% 0% 1% 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 700;
        font-size: 1.3rem;
        color: gray;
        text-align: center;
    }
    .xl-index-news-t {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-bottom: 0.8%;
    }
    .xl-index-news-t-arrows {
        display: none;
    }
    .xl-index-news-t-full {
        width: 80%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .xl-index-news-t-div {
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
    }
    .xl-index-news-t-div-body {
        margin: 7% 5% 5% 5%;
        border-radius: 20px;
        box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.1);
        /*text-align: center;*/
        cursor: pointer;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body:hover {
        transform: scale(1.1);
        /*background-color: #060a92;*/
    }
    .xl-index-news-t-div-body:hover>.xl-index-news-t-div-one>.xl-index-news-t-div-body-date>.xl-index-news-t-div-body-date-span {
        color: white;
    }
    .xl-index-news-t-div-body:hover>.xl-index-news-t-div-one>.xl-index-news-t-div-body-date {
        background-color: #060a92;
    }
    /*.xl-index-news-t-div-body:hover > .xl-index-news-t-div-sec > .xl-index-news-t-div-sec-body-f > .xl-index-news-t-div-sec-title*/
    /*{*/
    /*    color: white;*/
    /*}*/
    /*.xl-index-news-t-div-body:hover > .xl-index-news-t-div-sec > .xl-index-news-t-div-sec-body-s > .xl-index-news-t-div-body-span*/
    /*{*/
    /*    color: white;*/
    /*}*/
    /*.xl-index-news-t-div-body:hover > .xl-index-news-t-div-sec > .xl-index-news-t-div-sec-body-t > .xl-index-news-t-div-body-span-sec*/
    /*{*/
    /*    color: white;*/
    /*}*/
    .xl-index-news-t-div-one {
        width: 100%;
        min-height: 250px;
        max-height: 250px;
    }
    .xl-index-news-t-div-body-date {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 50px;
        height: 50px;
        padding: 1.5%;
        background-color: white;
        border-radius: 20px 0px 0px 0px;
        -webkit-border-radius: 20px 0px 0px 0px;
        -moz-border-radius: 20px 0px 0px 0px;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-date-span {
        font-family: "Roboto-Bold" !important;
        font-size: 1rem;
        color: #12007a;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-img {
        width: 100%;
        min-height: 250px;
        max-height: 250px;
        border-radius: 20px 20px 0px 0px;
        object-fit: cover;
    }
    .xl-index-news-t-div-sec {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-index-news-t-div-sec-body-l {
        padding: 4% 5% 0% 5%;
    }
    .xl-index-news-t-div-sec-body-f {
        padding: 1% 5% 0% 5%;
    }
    .xl-index-news-t-div-sec-body-s {
        padding: 3% 5% 3% 5%;
        min-height: 9vh;
    }
    .xl-index-news-t-div-sec-body-t {
        padding: 0% 5% 3% 5%;
        min-height: 35px;
    }
    .xl-index-news-t-div-sec-title {
        margin: 0px;
        font-family: "MADETOMMY-Black" !important;
        font-size: 1.3vw;
        color: #484848;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-span {
        margin: 0px;
        font-family: "Roboto-Medium" !important;
        font-size: 1rem;
        color: #484848;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* number of lines to show */
        line-clamp: 3;
        -webkit-box-orient: vertical;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-span-sec {
        margin: 0px;
        font-family: "Roboto-Medium" !important;
        font-size: 0.9rem;
        color: #484848;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0% 0% 1.5% 0%;
    }
    .xl-index-news-btn-f {
        border-radius: 50px !important;
        border: solid white !important;
        background: #12007a !important;
        color: white !important;
        font-size: 150% !important;
        font-weight: 800 !important;
        padding: 0.3% 1.1% 0.3% 1.1%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-btn-f:hover {
        transform: scale(1.1);
    }
    /*-------------------------------------------------------------------------------------------- ENDING INDEX PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING SUPPORT PAGE --------------------------------------------------------------------------------------------*/
    .xl-index-news-s-h1-support {
        color: #12007a;
    }
    .xl-index-news-f-h1-support {
        font-family: "MADETOMMY-Black";
        font-size: 3rem;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
        margin: 3% 0% 0% 0%;
    }
    .container-xl-support-faq {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-support-f {
        text-align: center;
    }
    .xl-support-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 3rem;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
    }
    .xl-support-f-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 2rem;
        color: #2b2b2b;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
    }
    .xl-support-s {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
    }
    .xl-support-s-f {
        width: 100%;
        margin: 0% 2% 0% 2%;
    }
    .xl-support-s-s {
        width: 100%;
        margin: 0% 2% 0% 2%;
    }
    .xl-support-s-f-div {
        padding: 1% 2% 1% 2%;
        margin-bottom: 3%;
        border-radius: 15px;
        box-shadow: 0px 4px 21px -6px rgba(115, 89, 89, 0.75);
        -webkit-box-shadow: 0px 4px 21px -6px rgba(115, 89, 89, 0.75);
        -moz-box-shadow: 0px 4px 21px -6px rgba(115, 89, 89, 0.75);
    }
    .xl-support-s-f-div-f {
        width: 100%;
        display: flex;
    }
    .xl-support-s-f-div-title {
        width: 100%;
    }
    .xl-support-s-f-div-img {
        float: right;
    }
    .xl-support-s-f-div-h3 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 2rem;
        color: #12007a;
    }
    .xl-support-s-f-div-span {
        display: none;
    }
    .xl-contact-s-support {
        width: 50%;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    .xl-contact-xx-support {
        width: 100%;
        display: flex;
        justify-content: center;
        height: auto;
        align-items: center;
        flex-direction: column;
    }
    .xl-contact-form-h2-support {
        margin: auto;
        font-size: 36px;
        font-weight: 800 !important;
        letter-spacing: 1px;
        padding-bottom: 0.8rem;
        color: #2b2b2b;
    }
    .xl-contact-form-support {
        width: 100%;
        margin: 3% 0% 2% 0%;
        box-shadow: 1.5px 0.3px 3.125px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-contact-h1-support {
        font-family: "Made-Tommy-Soft";
        color: #2a2a2a;
        font-size: 22px;
        text-align: center;
        margin: auto;
    }
    .xl-contact-icon-support {
        width: 100%;
    }
    .banner-support {
        width: 100%;
    }
    /*-------------------------------------------------------------------------------------------- ENDING SUPPORT PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING MOBILE APP PAGE --------------------------------------------------------------------------------------------*/
    .container-xl-mobileapp {
        margin: 2% 0% 2% 0%;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-mobileapp {
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-mobileapp-f {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .xl-mobileapp-s {
        width: 100%;
    }
    .xl-mobileapp-f-img {
        width: 18%;
    }
    .xl-mobileapp-f-h1 {
        color: #12007a;
        font-size: 4vw;
        font-family: "MADETOMMY-Black";
        margin: 0px;
        padding-left: 3%;
    }
    .xl-mobileapp-f-img-phone {
        width: 35%;
    }
    .xl-mobileapp-f-img-phone-mobile {
        display: none;
    }
    .xl-mobileapp-f-sub {
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .xl-mobileapp-f-sub-div {
        margin: 3% 0% 0% 0%;
    }
    .xl-mobileapp-f-sub-div-h1 {
        font-family: "MADETOMMY-Light";
        font-weight: 700;
        color: #12007a;
        font-size: 1.55vw;
        text-align: center;
        margin: 0%;
    }
    .xl-mobileapp-f-sub-div-buttons {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-two-s-div-img {
        width: 13vw;
        cursor: pointer;
        padding: 0% 3% 0% 3%;
    }
    .accordion-content-area-PC {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 500ms;
    }
    .accordion-content-area-PC[aria-hidden="false"] {
        grid-template-rows: 1fr;
    }
    .accordion-content-area-PC>div {
        overflow: hidden;
    }
    .accordion-area-PC {
        width: 100%;
    }
    .accordion-panel-area-PC {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* STARTING TERMS AND CONDITION */
    .container-tercon {
        width: 100%;
        margin-top: 2%;
        margin-bottom: 5%;
    }
    .xl-tercon-f {
        width: 100%;
        padding: 0% 10%;
    }
    .xl-tercon-f-title {
        text-align: center;
        padding: 8% 0% 10% 0%;
    }
    .xl-tercon-f-title-h1 {
        font-weight: 700;
        font-size: 250%;
    }
    .xl-tercon-f-minititle {
        text-align: center;
        padding: 5% 0% 1% 0%;
    }
    .xl-tercon-f-minititle-h3 {
        font-size: 150%;
        text-decoration: underline;
    }
    .xl-tercon-f-content {
        text-align: justify;
        font-size: 120%;
    }
    .xl-tercon-f-content p {
        margin: 4% 0% 0% 0%;
    }
    .xl-tercon-s {
        width: 100%;
        padding: 0% 10%;
    }
    .xl-tercon-s-minititle {
        text-align: center;
        margin: 10% 0% 5% 0%;
    }
    .xl-tercon-s-minititle-h3 {
        font-size: 150%;
        text-decoration: underline;
    }
    .xl-tercon-s-content {
        text-align: justify;
        font-size: 120%;
    }
    .xl-tercon-s-content p {
        margin: 0.5% 0% 0% 0%;
    }
    .xl-tercon-s-content-bold {
        font-weight: 700;
    }
    .xl-tercon-s-content-second {
        text-align: justify;
        font-size: 120%;
        margin: 4% 0% 0% 0%;
    }
    .xl-tercon-s-content-second p {
        margin: 0.5% 0% 0% 0%;
    }
    .xl-tercon-s-content-second-bold {
        font-weight: 700;
    }
    /* ENDING TERMS AND CONDITION */
    /* STARTING PRIVACY AND POLICY */
    .container-privacy {
        width: 100%;
        margin-bottom: 3%;
    }
    .xl-privacy-f {
        margin-left: 10%;
        margin-right: 10%;
    }
    .xl-privacy-f-title {
        text-align: center;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .xl-privacy-f-title-h1 {
        font-weight: 700;
        font-size: 250%;
        margin: 0%;
    }
    .xl-privacy-f-mini-content {
        text-align: center;
        font-size: 120%;
    }
    .xl-privacy-f-mini-content p {
        margin: 0%;
    }
    .xl-privacy-f-order-content {
        margin-top: 4%;
    }
    .xl-privacy-f-li {
        font-size: 120%;
        margin-top: 3%;
        text-align: justify;
    }
    .xl-privacy-f-li span {
        display: block;
        margin-top: 0.8%;
    }
    .xl-privacy-f-li-inside {
        font-size: 120%;
        margin-top: 4%;
        text-align: justify;
    }
    .xl-privacy-f-li-inside span {
        display: block;
        margin-top: 1%;
    }
    /* ENDING PRIVACY AND POLICY */
}

/*-------------------------------------------------------------------------------------------- ENDING DESKTOP PAGE --------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------- STARTING MOBILE STYLE --------------------------------------------------------------------------------------------*/

@media (min-width: 0px) and (max-width: 480px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START BASIC INFO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /* ~~~~~~~~~~~~~ HEADER NUMBER ~~~~~~~~~~~~~ */
    .hr-line {
        border: 1px solid #d3d3d3;
        margin: 1rem 0px !important;
    }
    .carousel-indicators {
        z-index: 1 !important;
        margin-bottom: 0.1rem !important;
    }
    .carousel-indicators [data-bs-target] {
        width: 15px !important;
    }
    .carousel-control-prev-icon {
        background-image: url("../images/Navigational/Nav-Larrow.png") !important;
        width: 2rem !important;
        height: 2rem !important;
    }
    .carousel-control-next-icon {
        background-image: url("../images/Navigational/Nav-Rarrow.png") !important;
        width: 2rem !important;
        height: 2rem !important;
    }
    .scroll-fiberblazetop {
        overflow-y: scroll;
    }
    .scroll-fiberblazetop.active {
        overflow-y: hidden;
    }
    .xl-nav-icon-support {
        width: 23px;
    }
    .xl-nav-number {
        color: #01008c;
        font-weight: bold;
    }
    .xl-nav-icon-support-tele {
        width: 22px;
        vertical-align: middle;
    }
    .container-xl-navFB {
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 5 !important;
        background-color: white;
    }
    .xl-navFB-f {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1% 0% 0.8% 0%;
    }
    .xl-navFB-f-a {
        font-size: 17px;
        color: darkblue;
        padding: 0% 0% 0% 0.6%;
        font-family: 'Montserrat', sans-serif !important;
    }
    .xl-navFB-f-a2 {
        color: darkblue;
        font-size: 14px;
        letter-spacing: -0.5px;
        font-family: "Roboto-Black";
        padding-left: 1.5%;
    }
    .xl-navFB-f-a-space {
        padding-right: 1.5%;
    }
    /* ~~~~~~~~~~~~~ NAV BAR ~~~~~~~~~~~~~ */
    .container-xl-navigation {
        display: block;
        position: sticky;
        z-index: 2 !important;
        width: 100%;
    }
    .con-nav {
        position: relative;
        z-index: 2 !important;
    }
    .xl-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 60px;
        background-image: url('../images/Navigational/header-background.jpg');
    }
    .xl-nav-all-pic {
        display: block;
        margin-left: 7%;
    }
    .xl-nav-all-pic-FB {
        height: 45px;
    }
    .xl-nav-all-text {
        display: none;
    }
    /* ~~~~~~~~~~~~~ HAMBURGER ~~~~~~~~~~~~~ */
    .xl-nav-hamburger {
        display: block;
        margin-right: 5%;
        cursor: pointer;
    }
    .xl-nav-hamburger-bar {
        display: block;
        width: 30px;
        height: 3px;
        margin: 5px auto;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-color: white;
        border-radius: 5px;
    }
    .xl-nav-hamburger.active .xl-nav-hamburger-bar:nth-child(2) {
        opacity: 0;
    }
    .xl-nav-hamburger.active .xl-nav-hamburger-bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    .xl-nav-hamburger.active .xl-nav-hamburger-bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
    .xl-nav-menu-mobile {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        overflow-y: scroll;
        z-index: 1 !important;
        background-color: #010078;
        width: 100%;
        height: 100%;
        transition: 0.3s;
    }
    .xl-nav-menu-mobile.active {
        z-index: 1 !important;
        right: -30%;
        height: 100%;
        position: fixed;
    }
    /* ~~~~~~~~~~~~~ HAMBURGER LINKS ~~~~~~~~~~~~~ */
    .xl-nav-menu-mobile-div {
        display: flex;
        flex-direction: column;
        margin-top: 25%;
        margin-left: 10%;
    }
    .xl-nav-menu-mobile-links {
        margin: 8% 0% 8% 0%;
    }
    .xl-nav-menu-mobile-links-a {
        text-decoration: none;
        font-family: "Roboto-Medium";
        font-size: 18px;
        color: white;
        cursor: pointer;
    }
    .xl-nav-menu-mobile-links-right {
        float: right;
        margin-right: 40%;
    }
    .xl-nav-menu-mobile-links-right-show {
        display: none;
        float: right;
        margin-right: 40%;
    }
    .xl-nav-menu-mobile-dropdown-location {
        display: none;
        flex-direction: column;
        margin-left: 3.5%;
        margin-top: 2.5%;
        width: 60%;
    }
    .xl-nav-menu-mobile-dropdown-plans {
        display: none;
        flex-direction: column;
        margin-left: 3.5%;
        margin-top: 2.5%;
    }
    .xl-nav-menu-mobile-dropdown-a {
        text-decoration: none;
        font-family: "Roboto-Medium";
        font-size: 18px;
        color: white;
        cursor: pointer;
        margin: 1.5% 0% 1.5% 0%;
    }
    /* ~~~~~~~~~~~~~ FOOTER LINKS ~~~~~~~~~~~~~ */
    .container-xl-footer {
        width: 100%;
        background-color: #1a1a1a;
        padding: 2% 0% 2% 0%;
    }
    .xl-footer-frame {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .xl-footer-frame-h4 {
        color: white;
        margin: 0% 0% 0% 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 80%;
    }
    .xl-footer-frame-h4 .xl-footer-frame-h4-bold {
        font-family: "Montserrat-Bold-Italic";
        font-weight: 800;
    }
    .xl-footer-frame-h6 {
        margin: 0.5% 0% 2% 0%;
        color: white;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 8.5px;
    }
    .xl-footer-frame-A {
        text-decoration: none;
        color: white;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 80%;
    }
    /* ~~~~~~~~~~~~~ LOCATIONS LINKS ~~~~~~~~~~~~~ */
    .container-xl-location {
        width: 100%;
        margin: 0%;
    }
    .xl-location-f {
        width: 100%;
        padding: 0% 5% 0% 5%;
    }
    .xl-location-f-h3 {
        color: #525252;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 700;
        font-size: 100%;
        width: 100%;
        margin: 0;
    }
    .xl-location-s-mothF {
        display: flex;
        flex-direction: column;
    }
    .xl-location-s-mothS {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-bottom: 2%;
    }
    .xl-location-s-frame-moth {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .xl-location-s-frame-f-moth {
        width: 50%;
        display: flex;
        flex-direction: column;
        margin: 2.5% 0% 0.5% 0%;
    }
    .xl-location-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0% 5% 0% 5%;
    }
    .xl-location-s-frame {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .xl-location-s-frame-f {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 2.5%;
        margin-top: 2.5%;
    }
    .xl-location-s-frame-f-f {
        width: 100%;
        margin: 0% 0% 1% 0%;
    }
    .xl-location-s-frame-h2-f {
        color: #f16a28;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 700;
        font-size: 70%;
        margin: 0;
        text-decoration: none;
    }
    .xl-location-s-frame-f-s {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 0% 0% 1% 0%;
        align-items: center;
    }
    .xl-location-s-frame-f-s-divf {
        /*width: 8%;*/
        /*text-align: center;*/
        display: none;
    }
    .xl-location-s-frame-f-s-img-mobile {
        width: 5%;
    }
    .xl-location-s-frame-f-s-divs {
        width: 95%;
        margin-left: 1.5%;
        display: inline-block;
        line-height: 60%;
        font-weight: 'Montserratbold', sans-serif !important;
    }
    .xl-location-s-frame-f-s-h4 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 600;
        font-size: 70%;
        margin: 0;
    }
    .xl-location-s-frame-f-t {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .xl-location-s-frame-f-t-img {
        width: 10%;
        /*height: 80%;*/
    }
    .xl-location-s-frame-f-t-h2 {
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 700;
        font-size: 60%;
        letter-spacing: 0.5px;
        width: 100%;
        margin: 0%;
        margin: 0% 0% 0% 1%;
    }
    .xl-location-s-frame-h2-bold {
        font-family: "Roboto-Medium" !important;
        font-style: italic !important;
        letter-spacing: 0.5px !important;
    }
    .xl-location-s-frame-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }
    /* ~~~~~~~~~~~~~ SUMMARY OWL ~~~~~~~~~~~~~ */
    .container-xl-others {
        width: 100%;
    }
    .xl-others-logo {
        display: none;
        /*width: 80%;*/
        /*margin: 0 auto;*/
        /*text-align: center;*/
        /*padding-top: 4%;*/
        /*padding-bottom: 9%;*/
    }
    .xl-others-logo-img {
        width: 100%;
    }
    .xl-others-text {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0% 0% 2.5% 0%;
    }
    .xl-others-text-f {
        width: 50%;
        padding: 0% 5% 5% 5%;
    }
    .xl-others-text-s {
        width: 50%;
        padding: 0% 5% 5% 5%;
    }
    .xl-others-text-t {
        width: 50%;
        padding: 0% 5% 0% 5%;
    }
    .xl-others-text-in-xx {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-top: 1.5%;
    }
    .xl-others-text-h3 {
        margin: 0%;
        text-decoration: none;
        color: gray;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500;
        font-size: 70%;
    }
    .xl-others-text-h1 {
        color: #525252;
        font-family: "MADETOMMY-Black";
        font-size: 100%;
        width: 100%;
        margin: 0;
    }
    /* ~~~~~~~~~~~~~ CAROUSEL OWL ~~~~~~~~~~~~~ */
    .container-xxxl {
        position: relative;
        z-index: 0 !important;
        width: 100%;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ENDING BASIC INFO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /* ~~~~~~~~~~~~~ STARTING PLANS ~~~~~~~~~~~~~ */
    .xl-plans-hide {
        display: none;
    }
    .xl-plans-t-x-terms {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .xl-plans-t-x-terms-container {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 1%;
    }
    .xl-plans-t-x-terms-container-lite {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-plans-t-x-terms-container-f {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic1-lite {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic1 {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-s-f .xl-plans-t-x-terms-container-f-pic1 {
        display: none;
    }
    .xl-plans-t-x-terms-container-s-f .xl-plans-t-x-terms-container-f-pic2 {
        display: none;
    }
    .xl-plans-t-x-terms-container-f-pic1-mobile {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic2 {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-s {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-plans-t-x-terms-container-s-f {
        width: 100%;
    }
    .xl-plans-t-x-terms-container-s-f-title1 {
        font-family: "Tango-Sans";
        font-weight: bolder;
        letter-spacing: 0.5vw;
        text-align: center;
        font-size: 12vw;
        color: #000267;
        margin: 1% 0% 0% 0%;
    }
    .xl-plans-t-x-terms-container-s-f-title2 {
        font-family: "Tango-Sans";
        font-weight: bold;
        letter-spacing: 0.2vw;
        text-align: center;
        font-size: 6vw;
        color: #000267;
        margin: 0% 0% 3% 0%;
    }
    .xl-plans-t-x-terms-container-s-s {
        width: 100%;
    }
    .xl-plans-t-x-terms-container-s-s-div {
        width: 100%;
        padding: 0% 8% 0% 8%;
    }
    .xl-plans-t-x-terms-container-s-s-div-h1 {
        text-align: center;
        font-family: "Tango-Sans";
        font-weight: 600;
        letter-spacing: 0.8px;
        font-size: 140%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 80%;
        padding-left: 2%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol i {
        font-family: "Roboto-Black-Italic" !important;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol-lite {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 65%;
        padding-left: 2%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol li:nth-child(2) {
        margin-top: 2.5%;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4 {
        font-family: "Roboto-Black";
        font-weight: bolder;
        margin-top: 5%;
        margin-left: 1vw;
        font-size: 120%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4-ent {
        font-family: "Roboto-Black";
        font-weight: bolder;
        margin-top: 5%;
        margin-left: 1vw;
        font-size: 120%;
        color: #04775e;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4-lite {
        font-family: "Tango-Sans";
        font-weight: bolder;
        margin-top: 5%;
        letter-spacing: 1px;
        margin-left: 1vw;
        font-size: 120%;
        color: #323232;
        text-align: left;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2 {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        padding-left: 2%;
        font-size: 65%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2-ent {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        padding-left: 2%;
        font-size: 65%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2-lite {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        padding-left: 2%;
        font-size: 65%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2 li:nth-child(1) {
        margin-top: 2%;
    }
    .container-xl-plans {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-plans-f {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .index-xl-plans-f-x {
        width: 100%;
        text-align: center;
    }
    .xl-plans-f-x {
        width: 70%;
        text-align: center;
    }
    .index-xl-plans-f-x-h1 {
        color: #12007a;
        font-family: "MADETOMMY-Black";
        margin: 0%;
        font-size: 140%;
    }
    .xl-plans-f-x-h1 {
        color: #474747;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        margin: 0%;
        font-size: 80%;
    }
    .xl-plans-s {
        display: none;
    }
    .xl-plans-s-mobileview {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 3% 0% 3% 0%;
    }
    .xl-plans-s-mobileview .xl-plans-s-savior {
        max-height: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        transition: all 1s;
    }
    .xl-plans-s-x {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .xl-plans-s-x-in {
        width: 80%;
        text-align: center;
    }
    .xl-plans-s-x-img {
        width: 80%;
        text-align: center;
    }
    .xl-index-plans-arrows-left {
        position: absolute;
        text-align: center;
        top: 32%;
        left: 6%;
        padding: 2.6% 3% 2.6% 2.6%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    .xl-index-plans-arrows-right {
        left: 85.5%;
        position: absolute;
        text-align: center;
        top: 32%;
        padding: 2.6% 2.6% 2.6% 3%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    .xl-plans-s-x-p {
        margin: 0%;
        font-size: 80%;
        color: #464646;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 600 !important;
        padding: 0% 10% 0% 10%;
    }
    .xl-plans-t {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0% 3% 0% 3%;
    }
    .xl-plans-t-x {
        text-align: center;
        width: 100%;
        margin-bottom: 1.5%;
    }
    .xl-plans-t-x-h1 {
        color: #12007a;
        font-family: "MADETOMMY-Black";
        margin: 0%;
        font-size: 140%;
    }
    .xl-plans-t-xx {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 0% 0% 0% 0%;
    }
    .xl-plans-t-xx-in-h1 {
        border-radius: 50rem;
        background: #F9F9F9 !important;
        color: #464646 !important;
        padding: 2% 1% 2% 1% !important;
        text-align: center;
        box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -webkit-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -moz-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        font-family: 'montserrat', sans-serif !important;
        font-weight: bolder !important;
        font-size: 65%;
        margin: 0% 0% 2% 0%;
    }
    .xl-plans-t-x-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: normal;
        font-size: 60%;
        margin: 0%;
        color: #464646;
    }
    .xl-plans-fiberLite {
        width: 100%;
    }
    .xl-plans-fiberLite-picture {
        width: 100%;
    }
    .xl-plans-fiberLite-pictures {
        display: none;
    }
    .xl-plans-fiberLite-pictures-Mobile {
        width: 100%;
    }
    .xl-plans-fiberLite-content {
        width: 100%;
        margin: 2% 0% 0% 0%;
        text-align: center;
    }
    .xl-plans-fiberLite-content-text-h2 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #373737;
    }
    .xl-plans-fiberLite-content-text-h3 {
        margin: 0%;
        font-size: 60%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 400 !important;
        font-style: italic;
        margin-bottom: 3%;
        color: #969696;
    }
    .xl-plans-t-xxx {
        width: 100%;
        margin: 1% 0% 1% 0%;
        text-align: center;
    }
    .xl-plans-t-xxx-mobile {
        margin-bottom: 0% !important;
    }
    .xl-plans-t-xxx-btn {
        font-family: "MADETOMMY-Black";
        font-size: 100% !important;
        font-weight: 800 !important;
        letter-spacing: 2px;
        text-align: center !important;
        background: #12007a !important;
        color: white !important;
        border-radius: 50px !important;
        padding: 1% 4% 1% 4%;
        cursor: pointer;
        text-decoration: none;
    }
    /* ~~~~~~~~~~~~~ ENDING PLANS ~~~~~~~~~~~~~ */
    /* ~~~~~~~~~~~~~ STARTING SERVICES ~~~~~~~~~~~~~ */
    .xl-index-service-mobile-view {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 0% 0% 0% 0%;
        align-items: center;
    }
    .xl-index-service-mobile-view .xl-index-service-t-div-fullhouse {
        max-height: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        transition: all 1s;
    }
    .xl-index-service-t-div-savior {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .xl-index-service-arrows-left {
        position: absolute;
        text-align: center;
        top: 47%;
        left: 6%;
        padding: 2.6% 3% 2.6% 2.6%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    .xl-index-service-arrows-right {
        left: 85.5%;
        position: absolute;
        text-align: center;
        top: 47%;
        padding: 2.6% 2.6% 2.6% 3%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    .container-xl-index-services {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-index-f {
        text-align: center;
        width: 100%;
    }
    .xl-index-f-h1 {
        margin: 0;
        font-family: "MADETOMMY-Black";
        font-size: 160%;
        color: #12007a;
    }
    .xl-index-s {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*width: 100%;*/
        /*justify-content: center;*/
        /*padding: 0% 3% 0% 3%;*/
        display: none;
    }
    .xl-index-s-div {
        width: 75%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0% 3% 1.5% 3%;
        text-align: center;
    }
    .xl-index-s-div-image {
        width: 60%;
    }
    .xl-index-s-div-h3 {
        font-family: "MADETOMMY-Black";
        font-size: 120%;
        color: #12007a;
        margin: 0px;
    }
    .xl-index-s-div-h3-s {
        font-family: "MADETOMMY-Black";
        font-size: 110%;
        color: #12007a;
        margin: 0px;
    }
    .xl-index-s-div-h5 {
        margin: 0px;
        font-family: "Roboto-Medium";
        font-size: 90%;
        color: #6b6b6b;
        text-align: center;
        padding: 1% 0% 0% 0%;
    }
    /* ~~~~~~~~~~~~~ ENDING SERVICES ~~~~~~~~~~~~~ */
    /* ~~~~~~~~~~~~~ NEWS ~~~~~~~~~~~~~ */
    .container-xl-index-news {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 4% 0% 5% 0%;
    }
    .xl-index-news-f {
        margin-bottom: 1.5%;
    }
    .xl-index-news-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 160%;
        color: #12007a;
        margin: 0%;
    }
    .xl-index-news-s {
        width: 90%;
        text-align: center;
        margin-bottom: 3%;
    }
    .xl-index-news-s-h1 {
        margin: 0%;
        padding: 0% 3% 0% 3%;
        width: 100%;
        font-family: "Roboto-Flex";
        font-weight: bolder;
        font-size: 80%;
        color: #373737;
    }
    .xl-index-news-btn {
        width: 100%;
        text-align: center;
    }
    .xl-index-news-btn-f {
        border-radius: 50px !important;
        background: #12007a !important;
        color: white !important;
        font-size: 120% !important;
        font-weight: 800 !important;
        padding: 1% 2.8% 1% 2.8%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 1px;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t {
        display: none;
    }
    .xl-index-news-t-div {
        width: 60%;
    }
    .xl-index-news-t-div-body {
        border-radius: 20px;
        box-shadow: 0px 6px 14px -3px rgba(0, 0, 0, 0.48);
        -webkit-box-shadow: 0px 6px 14px -3px rgba(0, 0, 0, 0.48);
        -moz-box-shadow: 0px 6px 14px -3px rgba(0, 0, 0, 0.48);
        text-align: center;
        cursor: pointer;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-date {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 50px;
        height: 50px;
        padding: 1.5%;
        background-color: white;
        border-radius: 20px 0px 0px 0px;
        -webkit-border-radius: 20px 0px 0px 0px;
        -moz-border-radius: 20px 0px 0px 0px;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-date-span {
        font-family: "Roboto-Bold" !important;
        font-size: 1rem;
        color: #12007a;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-img {
        width: 100%;
        border-radius: 10px 10px 0px 0px;
    }
    .xl-index-news-t-div-sec {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-index-news-t-div-sec-body-l {
        padding: 10% 5% 0% 5%;
    }
    .xl-index-news-t-div-sec-body-f {
        padding: 1% 5% 0% 5%;
    }
    .xl-index-news-t-div-sec-body-s {
        padding: 3% 5% 0% 5%;
        min-height: 6vh;
    }
    .xl-index-news-t-div-sec-body-t {
        padding: 0% 5% 4% 5%;
        min-height: 35px;
        text-align: left;
    }
    .xl-index-news-t-div-sec-title {
        margin: 0px;
        font-family: "MADETOMMY-Black" !important;
        font-size: 3vw;
        color: #484848;
        text-align: left;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-span {
        margin: 0px;
        font-family: "Roboto-Medium" !important;
        font-size: 0.6rem;
        color: #484848;
        float: left;
        text-align: left;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* number of lines to show */
        line-clamp: 3;
        -webkit-box-orient: vertical;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-span-mobile {
        font-size: 2.6vw !important;
    }
    .xl-index-news-t-div-body-span-sec {
        margin: 0px;
        font-family: "Roboto-Medium" !important;
        font-size: 2.4vw;
        color: #484848;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-mobile-view {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 3% 0% 5% 0%;
    }
    .xl-index-news-mobile-view .xl-index-news-t-div-fullhouse {
        max-height: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        transition: all 1s;
    }
    .xl-index-news-t-div-savior {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .xl-index-news-arrows-left {
        position: absolute;
        text-align: center;
        top: 47%;
        left: 6%;
        padding: 2.6% 3% 2.6% 2.6%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    .xl-index-news-arrows-right {
        left: 85.5%;
        position: absolute;
        text-align: center;
        top: 47%;
        padding: 2.6% 2.6% 2.6% 3%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ ABOUT US PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /* STARTING BANNER */
    .container-xl-banner {
        width: 100%;
    }
    .xl-banner-f-bgpic {
        background-image: url("../images/Aboutus-Page/Aboutus-Banner.jpg");
        width: 100%;
        height: auto;
        background-position: 25% 45%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .xl-banner-f-h1 {
        margin: 0%;
        background: rgba(0, 0, 0, 0.65);
        color: white;
        backdrop-filter: blur(1px);
        text-align: center;
        width: 100%;
        padding: 10% 10% 12.5% 10%;
        font-family: "MADETOMMY-Black";
        font-size: 180%;
        text-decoration: underline;
        text-underline-offset: 10px;
    }
    /* ENDING BANNER */
    .container-xl-history {
        width: 100%;
    }
    .xl-history-f {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0% 5% 2% 5%;
    }
    .xl-history-f-con-content-Micro {
        font-size: 80%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 2% 0% 0% 0%;
        text-align: justify;
    }
    .xl-history-f-con-content-Micro-Imus {
        font-size: 80%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
        margin: 2% 0% 0% 0%;
        text-align: justify;
    }
    .xl-history-f-con-f {
        width: 100%;
        margin-top: 3%;
    }
    .xl-history-f-con-f-aboutus {
        display: none;
    }
    .xl-history-f-con-img {
        width: 100%;
        border-radius: 10px;
    }
    .xl-history-f-con-s {
        width: 100%;
        margin-top: 2%;
    }
    .xl-history-f-con-bor {
        /*border-width: 0px 2px 3.5px 2px;*/
        /*box-shadow: 0px 3px 3px 1px rgba(229, 229, 229, 1);*/
        /*-webkit-box-shadow: 0px 3px 3px 1px rgba(229, 229, 229, 1);*/
        /*-moz-box-shadow: 0px 3px 3px 1px rgba(229, 229, 229, 1);*/
        padding: 2.5% 3.5% 3% 3.5%;
        /*border-radius: 0px 0px 25px 25px;*/
        /*height: 100%;*/
    }
    .xl-history-f-con-text {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .xl-history-f-con-text-f {
        width: 90%;
        text-align: justify;
    }
    .xl-history-f-con-text-s {
        width: 90%;
        text-align: justify;
        padding: 1% 0% 1% 0%;
    }
    .xl-history-f-con-text-t {
        width: 90%;
        text-align: justify;
    }
    .xl-history-f-con-h1 {
        margin: 3% 0% 0% 0%;
        text-align: center;
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 140%;
    }
    .xl-history-f-con-pictures {
        display: none;
    }
    .xl-history-s-mobileview {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 3% 0% 3% 0%;
    }
    .xl-history-s-mobileview .xl-history-s-savior {
        max-height: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        transition: all 1s;
    }
    .xl-history-f-con-pictures-f {
        width: 100%;
        padding: 0% 6%;
    }
    .xl-history-f-con-pictures-s {
        width: 100%;
        padding: 0% 6%;
    }
    .xl-history-f-con-pictures-t {
        width: 100%;
        padding: 0% 6%;
    }
    .xl-history-f-con-pictures-f-class {
        width: 100%;
        border-radius: 20px;
        height: 250px;
        object-fit: cover;
    }
    .xl-history-f-con-h3 {
        display: none;
    }
    .hide {
        display: none;
    }
    .xl-history-f-con-p {
        font-size: 90%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        text-align: justify;
    }
    .xl-history-f-con-p-middle {
        font-size: 90%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        text-align: justify;
        padding: 3% 0% 0% 0%;
    }
    .xl-history-f-con-p-mobile {
        font-size: 90%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        padding-top: 4%;
        text-align: justify;
    }
    .xl-history-f-con-p-p {
        display: none;
    }
    .xl-history-f-con-p-span {
        font-weight: bold;
        color: #f16a28;
    }
    .xl-history-f-con-p-br {
        display: none;
    }
    .accordion {
        padding-top: 2%;
    }
    .accordion-trigger {
        float: right;
        border: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 1px;
        color: #2b2b2b;
        background-color: transparent;
    }
    .accordion-content {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 500ms;
    }
    .accordion-content[aria-hidden="false"] {
        grid-template-rows: 1fr;
    }
    .accordion-content>div {
        overflow: hidden;
    }
    /* AREA AVAILABILITY */
    .container-xl-area-avail {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 2.5%;
    }
    .xl-area-avail-h1-mobile {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        margin: 2% 0% 0.5% 0%;
        font-size: 140%;
        text-align: center;
    }
    .xl-area-avail-h2-mobile {
        font-size: 100%;
        font-family: "MADETOMMY-Black";
        margin: 0% 0% 4% 0%;
        color: #12007a;
        text-align: center;
    }
    .xl-area-avail-h2-img-mobile {
        width: 25%;
        vertical-align: baseline;
    }
    .xl-area-avail-h1 {
        display: none;
    }
    .xl-area-avail-h2 {
        display: none;
    }
    /*SELECT*/
    .xl-area-avail-select-city {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 5px;
        padding: 1.5%;
        width: 50%;
        border: 1.8px solid gray;
        margin-bottom: 1.5%;
        font-size: 80%;
    }
    .xl-area-avail-select-barangay {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 5px;
        padding: 1.5%;
        width: 50%;
        border: 1.8px solid gray;
        margin-bottom: 1.5%;
        font-size: 80%;
    }
    .xl-area-avail-select-subdivision {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 5px;
        padding: 1.5%;
        width: 50%;
        border: 1.8px solid gray;
        margin-bottom: 2%;
        font-size: 80%;
    }
    .xl-area-avail-select,
    .xl-area-avail-select option {
        color: #000000;
    }
    .xl-area-avail-select:invalid,
    .xl-area-avail-select option[value=""] {
        color: #999999;
    }
    /*Added for browser compatibility*/
    .xl-area-avail-select option[hidden] {
        display: none;
    }
    .xl-area-avail-button {
        display: none;
        border: none;
        background-color: gray;
        color: white;
        padding: 1% 3% 1% 3%;
        font-size: 100%;
        border-radius: 8px;
        margin: 0.3% 0% 1.5% 0%;
    }
    .xl-area-avail-contain {
        display: none;
    }
    .xl-area-avail-contain-mobile {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-area-avail-h4-not-mobile {
        display: none;
        font-size: 110%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #f44336;
        text-align: center;
        margin: 0% 0% 1.5% 0%;
    }
    .xl-area-avail-h4-good-mobile {
        display: none;
        font-size: 110%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #32ba7c;
        text-align: center;
        margin: 0% 0% 1.5% 0%;
    }
    .xl-area-avail-img-mobile {
        width: 5%;
        margin-right: 3px;
    }
    .xl-area-avail-h3-brgy-mobile {
        font-family: "Made-Tommy-Soft";
        color: #12007a;
        font-size: 120%;
        text-align: center;
        margin: 0%;
        text-transform: uppercase;
        width: 80%;
    }
    .xl-area-avail-h3-subd-mobile {
        font-family: "Made-Tommy-Soft";
        color: #12007a;
        font-size: 120%;
        text-align: center;
        margin: 0%;
        text-transform: uppercase;
    }
    .xl-area-avail-button-apply-mobile {
        display: none;
        cursor: pointer;
        padding: 2% 2% 2% 2%;
        font-size: 4vw;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        color: white;
        background-color: #ff7e00;
        border-radius: 10px;
        width: 33%;
        text-align: left;
        padding-left: 1.5em;
        text-indent: -1em;
        margin: 1.5% 0% 0% 0%;
        border: 1px solid #fff;
        box-shadow: 0px 15px 10px -10px #e6e6e6;
    }
    .xl-area-avail-button-apply-img {
        width: 16%;
        padding-right: 3%;
    }
    .accordion-area {
        width: 100%;
    }
    .accordion-panel-area {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .accordion-trigger-area {
        border: none;
        background-color: gray;
        color: white;
        padding: 1.5% 2.5% 1.2% 2.5%;
        font-size: 80%;
        border-radius: 5px;
        margin: 0.3% 0% 5% 0%;
    }
    .accordion-content-area {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 500ms;
    }
    .accordion-content-area[aria-hidden="false"] {
        grid-template-rows: 1fr;
    }
    .accordion-content-area>div {
        overflow: hidden;
    }
    /*ENDING ABOUT US PAGE*/
    /*RESIDENTIAL / ENTERPRISE PAGE*/
    /* START RESIDENTIAL*/
    .space-top {
        margin-top: 5%;
    }
    /*ENDING RESIDENTIAL*/
    /*START ENTERPRISE*/
    .xl-plans-f-x {
        width: 90vw;
        text-align: center;
    }
    .xl-plans-f-f-x-h1-enterprise {
        color: #087757;
        font-family: "MADETOMMY-Black";
        margin: 0%;
        font-size: 140%;
    }
    .xl-plans-f-x-h1-enterprise {
        color: #474747;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder !important;
        margin: 0%;
        font-size: 90%;
    }
    .xl-plans-t {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0%;
    }
    .xl-plans-t-x {
        text-align: center;
        width: 100%;
        margin-bottom: 1.5%;
    }
    .xl-plans-t-x-h1-enterprise {
        color: #087757;
        font-family: "MADETOMMY-Black";
        margin: 0%;
        font-size: 120%;
    }
    .xl-plans-t-xx-in-h1-enterprise {
        display: none;
    }
    .xl-plans-t-xx-in-h1-enterprise-mobile-div {
        width: 100%;
        text-align: center;
        margin-bottom: 3.2%;
        margin-top: 1.5%;
    }
    .xl-plans-t-xx-in-h1-enterprise-mobile {
        border-radius: 50rem !important;
        background: #F9F9F9 !important;
        color: #464646 !important;
        padding: 0.7rem 0.3rem 0.5rem 0.3rem !important;
        box-shadow: 0px 5px 10px -6px rgba(206, 212, 210, 1);
        -webkit-box-shadow: 0px 5px 10px -6px rgba(206, 212, 210, 1);
        -moz-box-shadow: 0px 5px 10px -6px rgba(206, 212, 210, 1);
        font-family: 'montserrat', sans-serif !important;
        font-weight: bolder !important;
        font-size: 65%;
        text-align: center;
        margin: 0.5% 1% 2% 0.5%;
    }
    .xl-plans-t-x-h3-enterprise {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: normal;
        font-size: 60%;
        margin: 3% 0% 0% 0%;
    }
    .c {
        width: 100%;
        margin: 1% 0% 4% 0%;
        text-align: center;
    }
    .xl-plans-t-xxx-btn-enterprise {
        border-radius: 50px !important;
        background: #087757 !important;
        color: white !important;
        font-size: 100% !important;
        font-weight: 800 !important;
        padding: 0.8% 5% 1% 5%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
    }
    /*ENDING ENTERPRISE*/
    /*STARTING MOBILE APP*/
    .container-xl-mobileapp {
        margin: 6% 0% 3% 0%;
        width: 100%;
    }
    .xl-mobileapp {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .xl-mobileapp-f {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .xl-mobileapp-f-img {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
    .xl-mobileapp-f-h1 {
        text-align: center;
        color: #12007a;
        font-size: 220%;
        font-family: "MADETOMMY-Black";
        margin: 5% 0% 0% 0%;
    }
    .xl-mobileapp-f-img-phone {
        display: none;
    }
    .xl-mobileapp-f-img-phone-mobile {
        margin-top: 5%;
        width: 75%;
    }
    .xl-mobileapp-f-sub {
        width: 80%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .xl-mobileapp-f-sub-div {
        margin: 3% 0% 0% 0%;
    }
    .xl-mobileapp-f-sub-div-h1 {
        font-family: "MADETOMMY-Light";
        font-weight: 700;
        color: #12007a;
        font-size: 120%;
        text-align: center;
        margin: 0% 0% 1.5% 0%;
    }
    .xl-mobileapp-f-sub-div-buttons {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-mobileapp-f-sub-div-buttons a {
        text-align: center;
    }
    .xl-two-s-div-img {
        width: 95%;
        cursor: pointer;
    }
    /*ENDING MOBILE APP*/
    /*STARTING SUPPORT PAGE*/
    .container-xxxl {
        width: 100%;
    }
    .banner-support {
        width: 100%;
    }
    .container-xl-contact {
        width: 100%;
        margin: 1% 0% 3% 0%;
    }
    .xl-contact-xx-support {
        width: 100%;
        padding: 0% 3% 0% 3%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .xl-contact-h1 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        text-align: center;
        font-size: 140%;
        font-weight: bolder;
        margin: 0%;
    }
    .xl-contact-s-support {
        width: 100%;
        border-width: 0px 2px 3.5px 2px;
        box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        -webkit-box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        -moz-box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        padding: 1.5% 3% 0% 3%;
        border-radius: 0px 0px 25px 25px;
    }
    .xl-contact-form-h2-support {
        font-family: "Made-Tommy-Soft";
        margin: 0% 0% 0% 1.5%;
        font-size: 100%;
        letter-spacing: 1px;
        color: #2b2b2b;
    }
    .xl-contact-form-xx-f {
        display: flex;
        flex-wrap: wrap;
    }
    .xl-contact-form-xx-f {
        width: 100%;
    }
    .xl-contact-form-xx-text {
        width: 47%;
        border-radius: 10px;
        border: 1px solid grey;
        margin: 1.5%;
        font-size: 80%;
        padding: 2.5%;
    }
    .xl-contact-form-xx-text-Mirco {
        width: 47%;
        border-radius: 10px;
        border: 1px solid grey;
        margin: 1.5%;
        font-size: 80%;
        padding: 2.5%;
    }
    .xl-contact-form-xx-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-contact-form-xx-text-select {
        width: 97%;
        border: 1px solid grey;
        background: white;
        border-radius: 10px;
        background: white;
        padding: 2.5%;
        margin: 1.5%;
        font-size: 80%;
        appearance: none;
        background-image: url(../images/Others/Down-Arrow.png);
        background-repeat: no-repeat;
        background-position: right 0.7rem top 50%;
        background-size: 1rem auto;
    }
    .form-1rem {
        background-image: none;
        display: none;
    }
    .xl-contact-form-xxx {
        text-align: center;
        margin: 0.5% 0% 1.5% 0%;
    }
    .xl-contact-form-xx-textA {
        width: 97%;
        height: 90px;
        border-radius: 10px;
        margin: 2% 0% 3% 0%;
        resize: none;
        padding: 2.5%;
    }
    .xl-contact-form-xx-textA-Micro {
        width: 97%;
        height: 90px;
        border-radius: 10px;
        margin: 2% 0% 3% 0%;
        resize: none;
        padding: 2.5%;
    }
    .xl-contact-form-xx-button {
        margin-bottom: 1%;
        border: 2px solid black;
        border-radius: 10px;
        background-color: #f16a28;
        color: white;
        font-size: 80%;
        border-color: orangered;
        padding: 1% 2% 1% 2%;
    }
    .xl-contact-form-xx-button-Micro {
        margin-bottom: 1%;
        border: 2px solid black;
        border-radius: 10px;
        background-color: #f16a28;
        color: white;
        font-size: 80%;
        border-color: orangered;
        padding: 1% 2% 1% 2%;
    }
    .response_form_success {
        font-family: 'montserrat', sans-serif !important;
        font-weight: bold;
        font-size: 80%;
        color: #5cb85c;
        margin-bottom: 1%;
    }
    .response_form_failed {
        font-family: 'montserrat', sans-serif !important;
        font-weight: bold;
        font-size: 80%;
        color: #d9534f;
        margin-bottom: 1%;
    }
    .xl-contact-f {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-h1-support {
        margin: 3% 0% 0% 0%;
        font-family: "Made-Tommy-Soft";
        color: #2a2a2a;
        text-align: center;
        font-size: 110%;
    }
    .xl-contact-icon-support {
        width: 8%;
    }
    .xl-contact-f-icon {
        display: none;
    }
    .xl-contact-f-icon-mobile {
        width: 100%;
        display: flex;
        flex-direction: row;
        text-align: center;
        justify-content: center;
    }
    .xl-contact-f-icon-div {
        width: 7.5%;
    }
    .xl-contact-f-icon-img {
        width: 100%;
    }
    /*ENDING SUPPORT PAGE*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~STARTING MICROSITES PAGE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /*STARTING MICROSITE DASMARIÑAS PAGE*/
    .xl-contact-x {
        width: 100%;
        height: 100%
    }
    .xl-contact-s {
        width: 100%;
        margin: 1% 0% 5% 0%;
    }
    .xl-contact-if {
        border: 0;
        width: 100%;
        height: 300px;
    }
    .xl-contact-xx {
        width: 94%;
        margin: auto;
        border-width: 0px 2px 3.5px 2px;
        box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        -webkit-box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        -moz-box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        padding: 0% 3.5% 0% 3.5%;
        border-radius: 0px 0px 25px 25px;
    }
    .xl-contact-form-x {
        margin: 0% 0% 0% 1.3%
    }
    .xl-contact-form-h2 {
        font-family: "Made-Tommy-Soft";
        font-size: 80%;
        letter-spacing: 1px;
        margin: 0%;
        color: #2b2b2b;
    }
    /*ENDING MICROSITE DASMARIÑAS PAGE*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ENDING MICROSITES PAGE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* STARTING TERMS AND CONDITION */
    .container-tercon {
        width: 100%;
        margin-top: 2%;
        margin-bottom: 5%;
    }
    .xl-tercon-f {
        width: 100%;
        padding: 0% 10%;
    }
    .xl-tercon-f-title {
        text-align: center;
        padding: 10% 0% 10% 0%;
    }
    .xl-tercon-f-title-h1 {
        font-weight: 700;
        font-size: 4.3vw;
    }
    .xl-tercon-f-minititle {
        text-align: center;
        padding: 5% 0% 1% 0%;
    }
    .xl-tercon-f-minititle-h3 {
        font-size: 2.8vw;
        text-decoration: underline;
    }
    .xl-tercon-f-content {
        text-align: justify;
        font-size: 2.3vw;
    }
    .xl-tercon-f-content p {
        margin: 4% 0% 0% 0%;
    }
    .xl-tercon-s {
        width: 100%;
        padding: 0% 10%;
    }
    .xl-tercon-s-minititle {
        text-align: center;
        margin: 10% 0% 5% 0%;
    }
    .xl-tercon-s-minititle-h3 {
        font-size: 2.8vw;
        text-decoration: underline;
    }
    .xl-tercon-s-content {
        text-align: justify;
        font-size: 2.3vw;
    }
    .xl-tercon-s-content p {
        margin: 4% 0% 0% 0%;
    }
    .xl-tercon-s-content-bold {
        font-weight: 700;
    }
    .xl-tercon-s-content-second {
        text-align: justify;
        font-size: 2.3vw;
        margin: 6% 0% 0% 0%;
    }
    .xl-tercon-s-content-second p {
        margin: 0.5% 0% 0% 0%;
    }
    .xl-tercon-s-content-second-bold {
        font-weight: 700;
    }
    /* ENDING TERMS AND CONDITION */
    /* STARTING PRIVACY AND POLICY */
    .container-privacy {
        width: 100%;
        margin-bottom: 3%;
    }
    .xl-privacy-f {
        margin-left: 8%;
        margin-right: 8%;
    }
    .xl-privacy-f-title {
        text-align: center;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .xl-privacy-f-title-h1 {
        font-weight: 700;
        font-size: 4vw;
        margin: 0%;
    }
    .xl-privacy-f-mini-content {
        text-align: justify;
        text-align-last: center;
        font-size: 2.5vw;
    }
    .xl-privacy-f-mini-content p {
        margin: 0%;
    }
    .xl-privacy-f-order-content {
        margin-top: 4%;
    }
    .xl-privacy-f-li {
        font-size: 2.3vw;
        margin-top: 9%;
        text-align: justify;
    }
    .xl-privacy-f-li span {
        display: block;
        margin-top: 3%;
    }
    .xl-privacy-f-li-inside {
        font-size: 2.3vw;
        margin-top: 6%;
        text-align: justify;
    }
    .xl-privacy-f-li-inside span {
        display: block;
        margin-top: 3%;
    }
    .xl-privacy-f-ol {
        padding: 0%;
    }
    .xl-privacy-f-ol-inside {
        padding-left: 2%;
    }
    /* ENDING PRIVACY AND POLICY */
    .xl-plans-t-x-terms {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .xl-plans-img-tercon {
        display: none;
    }
    .xl-plans-img-tercon-mobile {
        width: 100%;
    }
}

/*ENDING FOR 480px


/*-------------------------------------------------------------------------------------------- ENDING MOBILE STYLE --------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------- 481px - 768px TABLETS IPAD --------------------------------------------------------------------------------------------*/

@media (min-width: 481px) and (max-width: 768px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START BASIC INFO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /* ~~~~~~~~~~~~~ HEADER NUMBER ~~~~~~~~~~~~~ */
    .hr-line {
        border: 1px solid #d3d3d3;
        margin: 1rem 0px !important;
    }
    .carousel-indicators {
        z-index: 1 !important;
        margin-bottom: 0.1rem !important;
    }
    .carousel-indicators [data-bs-target] {
        width: 15px !important;
    }
    .carousel-control-prev-icon {
        background-image: url("../images/Navigational/Nav-Larrow.png") !important;
        width: 2rem !important;
        height: 2rem !important;
    }
    .carousel-control-next-icon {
        background-image: url("../images/Navigational/Nav-Rarrow.png") !important;
        width: 2rem !important;
        height: 2rem !important;
    }
    .scroll-fiberblazetop {
        overflow-y: scroll;
    }
    .scroll-fiberblazetop.active {
        overflow-y: hidden;
    }
    .xl-nav-icon-support {
        width: 23px;
    }
    .xl-nav-number {
        color: #01008c;
        font-weight: bold;
    }
    .xl-nav-icon-support-tele {
        width: 22px;
        vertical-align: middle;
    }
    .container-xl-navFB {
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 5 !important;
        background-color: white;
    }
    .xl-navFB-f {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1% 0% 0.8% 0%;
    }
    .xl-navFB-f-a {
        font-size: 17px;
        color: darkblue;
        padding: 0% 0% 0% 0.6%;
        font-family: 'Montserrat', sans-serif !important;
    }
    .xl-navFB-f-a2 {
        color: darkblue;
        font-size: 14px;
        letter-spacing: -0.5px;
        font-family: "Roboto-Black";
        padding-left: 1.5%;
    }
    .xl-navFB-f-a-space {
        padding-right: 1.5%;
    }
    /* ~~~~~~~~~~~~~ NAV BAR ~~~~~~~~~~~~~ */
    .container-xl-navigation {
        display: block;
        position: sticky;
        z-index: 2 !important;
        width: 100%;
    }
    .con-nav {
        position: relative;
        z-index: 2 !important;
    }
    .xl-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 60px;
        background-image: url('../images/Navigational/header-background.jpg');
    }
    .xl-nav-all-pic {
        display: block;
        margin-left: 7%;
    }
    .xl-nav-all-pic-FB {
        height: 45px;
    }
    .xl-nav-all-text {
        display: none;
    }
    /* ~~~~~~~~~~~~~ HAMBURGER ~~~~~~~~~~~~~ */
    .xl-nav-hamburger {
        display: block;
        margin-right: 5%;
        cursor: pointer;
    }
    .xl-nav-hamburger-bar {
        display: block;
        width: 30px;
        height: 3px;
        margin: 5px auto;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-color: white;
        border-radius: 5px;
    }
    .xl-nav-hamburger.active .xl-nav-hamburger-bar:nth-child(2) {
        opacity: 0;
    }
    .xl-nav-hamburger.active .xl-nav-hamburger-bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    .xl-nav-hamburger.active .xl-nav-hamburger-bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
    .xl-nav-menu-mobile {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        overflow-y: scroll;
        z-index: 1 !important;
        background-color: #010078;
        width: 100%;
        height: 100%;
        transition: 0.3s;
    }
    .xl-nav-menu-mobile.active {
        z-index: 1 !important;
        right: -50vw;
        height: 100%;
        position: fixed;
    }
    /* ~~~~~~~~~~~~~ HAMBURGER LINKS ~~~~~~~~~~~~~ */
    .xl-nav-menu-mobile-div {
        display: flex;
        flex-direction: column;
        margin-top: 15vh;
        margin-left: 5%;
    }
    .xl-nav-menu-mobile-links {
        margin: 4% 0% 4% 0%;
    }
    .xl-nav-menu-mobile-links-a {
        text-decoration: none;
        font-family: "Roboto-Medium";
        font-size: 140%;
        color: white;
        cursor: pointer;
    }
    .xl-nav-menu-mobile-links-right {
        float: right;
        margin-right: 55vw;
    }
    .xl-nav-menu-mobile-links-right-show {
        display: none;
        float: right;
        margin-right: 55vw;
    }
    .xl-nav-menu-mobile-dropdown-location {
        display: none;
        flex-direction: column;
        margin-left: 3.5%;
        margin-top: 2.5%;
        width: 60%;
    }
    .xl-nav-menu-mobile-dropdown-plans {
        display: none;
        flex-direction: column;
        margin-left: 3.5%;
        margin-top: 2.5%;
    }
    .xl-nav-menu-mobile-dropdown-a {
        text-decoration: none;
        font-family: "Roboto-Medium";
        font-size: 120%;
        color: white;
        cursor: pointer;
        margin: 1.5% 0% 1.5% 0%;
    }
    /* ~~~~~~~~~~~~~ FOOTER LINKS ~~~~~~~~~~~~~ */
    .container-xl-footer {
        width: 100%;
        background-color: #1a1a1a;
        padding: 2% 0% 2% 0%;
    }
    .xl-footer-frame {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .xl-footer-frame-h4 {
        color: white;
        margin: 0% 0% 0% 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 80%;
    }
    .xl-footer-frame-h4 .xl-footer-frame-h4-bold {
        font-family: "Montserrat-Bold-Italic";
        font-weight: 800;
    }
    .xl-footer-frame-h6 {
        margin: 0.5% 0% 2% 0%;
        color: white;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 8.5px;
    }
    .xl-footer-frame-A {
        text-decoration: none;
        color: white;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 80%;
    }
    /* ~~~~~~~~~~~~~ LOCATIONS LINKS ~~~~~~~~~~~~~ */
    .container-xl-location {
        width: 100%;
        margin: 0%;
    }
    .xl-location-f {
        width: 100%;
        padding: 0% 5% 0% 5%;
    }
    .xl-location-f-h3 {
        color: #525252;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 700;
        font-size: 160%;
        width: 100%;
        margin: 0;
    }
    .xl-location-s-mothF {
        display: flex;
        flex-direction: column;
    }
    .xl-location-s-mothS {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-bottom: 2%;
    }
    .xl-location-s-frame-moth {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .xl-location-s-frame-f-moth {
        width: 50%;
        display: flex;
        flex-direction: column;
        margin: 2.5% 0% 2.5% 0%;
    }
    .xl-location-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0% 5% 0% 5%;
    }
    .xl-location-s-frame {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .xl-location-s-frame-f {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 2.5%;
        margin-top: 2.5%;
    }
    .xl-location-s-frame-f-f {
        width: 100%;
        margin: 0% 0% 1% 0%;
    }
    .xl-location-s-frame-h2-f {
        color: #f16a28;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 700;
        font-size: 120%;
        margin: 0;
        text-decoration: none;
    }
    .xl-location-s-frame-f-s {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 0% 0% 1% 0%;
        align-items: center;
    }
    .xl-location-s-frame-f-s-divf {
        /*width: 8%;*/
        /*text-align: center;*/
        display: none;
    }
    .xl-location-s-frame-f-s-img-mobile {
        width: 5%;
    }
    .xl-location-s-frame-f-s-divs {
        width: 95%;
        margin-left: 1.5%;
        display: inline-block;
        line-height: 100%;
        font-weight: 'Montserratbold', sans-serif !important;
    }
    .xl-location-s-frame-f-s-h4 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 600;
        font-size: 90%;
        margin: 0;
    }
    .xl-location-s-frame-f-t {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .xl-location-s-frame-f-t-img {
        width: 10%;
        height: 80%;
    }
    .xl-location-s-frame-f-t-h2 {
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 700;
        font-size: 90%;
        letter-spacing: 0.5px;
        width: 100%;
        margin: 0%;
        margin: 0% 0% 0% 1%;
    }
    .xl-location-s-frame-h2-bold {
        font-family: "Roboto-Medium" !important;
        font-style: italic !important;
        letter-spacing: 0.5px !important;
    }
    .xl-location-s-frame-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }
    /* ~~~~~~~~~~~~~ SUMMARY OWL ~~~~~~~~~~~~~ */
    .container-xl-others {
        width: 100%;
    }
    .xl-others-logo {
        display: none;
        /*width: 80%;*/
        /*margin: 0 auto;*/
        /*text-align: center;*/
        /*padding-top: 4%;*/
        /*padding-bottom: 9%;*/
    }
    .xl-others-logo-img {
        width: 100%;
    }
    .xl-others-text {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0% 0% 2.5% 0%;
    }
    .xl-others-text-f {
        width: 50%;
        padding: 0% 5% 5% 5%;
    }
    .xl-others-text-s {
        width: 50%;
        padding: 0% 5% 5% 5%;
    }
    .xl-others-text-t {
        width: 50%;
        padding: 0% 5% 0% 5%;
    }
    .xl-others-text-in-xx {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-top: 1.5%;
    }
    .xl-others-text-h3 {
        margin: 0%;
        text-decoration: none;
        color: gray;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500;
        font-size: 110%;
    }
    .xl-others-text-h1 {
        color: #525252;
        font-family: "MADETOMMY-Black";
        font-size: 140%;
        width: 100%;
        margin: 0;
    }
    /* ~~~~~~~~~~~~~ CAROUSEL OWL ~~~~~~~~~~~~~ */
    .container-xxxl {
        position: relative;
        z-index: 0 !important;
        width: 100%;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ENDING BASIC INFO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /* ~~~~~~~~~~~~~ STARTING PLANS ~~~~~~~~~~~~~ */
    .xl-plans-hide {
        display: none;
    }
    .xl-plans-t-x-terms {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .xl-plans-t-x-terms-container {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 1%;
    }
    .xl-plans-t-x-terms-container-lite {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-plans-t-x-terms-container-f {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic1-lite {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic1 {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-s-f .xl-plans-t-x-terms-container-f-pic1 {
        display: none;
    }
    .xl-plans-t-x-terms-container-s-f .xl-plans-t-x-terms-container-f-pic2 {
        display: none;
    }
    .xl-plans-t-x-terms-container-f-pic1-mobile {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic2 {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-s {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-plans-t-x-terms-container-s-f {
        width: 100%;
    }
    .xl-plans-t-x-terms-container-s-f-title1 {
        font-family: "Tango-Sans";
        font-weight: bolder;
        letter-spacing: 0.5vw;
        text-align: center;
        font-size: 12vw;
        color: #000267;
        margin: 1% 0% 0% 0%;
    }
    .xl-plans-t-x-terms-container-s-f-title2 {
        font-family: "Tango-Sans";
        font-weight: bold;
        letter-spacing: 0.2vw;
        text-align: center;
        font-size: 6vw;
        color: #000267;
        margin: 0% 0% 3% 0%;
    }
    .xl-plans-t-x-terms-container-s-s {
        width: 100%;
    }
    .xl-plans-t-x-terms-container-s-s-div {
        width: 100%;
        padding: 0% 8% 0% 8%;
    }
    .xl-plans-t-x-terms-container-s-s-div-h1 {
        text-align: center;
        font-family: "Tango-Sans";
        font-weight: 600;
        letter-spacing: 0.8px;
        font-size: 190%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 110%;
        padding-left: 2%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol i {
        font-family: "Roboto-Black-Italic" !important;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol-lite {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 90%;
        padding-left: 2%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol li:nth-child(2) {
        margin-top: 2.5%;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4 {
        font-family: "Roboto-Black";
        font-weight: bolder;
        margin-top: 5%;
        margin-left: 1vw;
        font-size: 150%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4-ent {
        font-family: "Roboto-Black";
        font-weight: bolder;
        margin-top: 5%;
        margin-left: 1vw;
        font-size: 150%;
        color: #04775e;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4-lite {
        font-family: "Tango-Sans";
        font-weight: bolder;
        margin-top: 5%;
        letter-spacing: 1px;
        margin-left: 1vw;
        font-size: 150%;
        color: #323232;
        text-align: left;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2 {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        padding-left: 2%;
        font-size: 90%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2-ent {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        padding-left: 2%;
        font-size: 90%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2-lite {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        padding-left: 2%;
        font-size: 90%;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2 li:nth-child(1) {
        margin-top: 2%;
    }
    .container-xl-plans {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 3%;
    }
    .xl-plans-f {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .index-xl-plans-f-x {
        width: 100%;
        text-align: center;
    }
    .xl-plans-f-x {
        width: 70%;
        text-align: center;
    }
    .index-xl-plans-f-x-h1 {
        color: #12007a;
        font-family: "MADETOMMY-Black";
        margin: 0%;
        font-size: 190%;
    }
    .xl-plans-f-x-h1 {
        color: #474747;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        margin: 0%;
        font-size: 110%;
        padding: 1% 0% 0% 0%;
    }
    .xl-plans-s {
        display: none;
    }
    .xl-plans-s-mobileview {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 3% 0% 3% 0%;
    }
    .xl-plans-s-mobileview .xl-plans-s-savior {
        max-height: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        transition: all 1s;
    }
    .xl-plans-s-x {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .xl-plans-s-x-in {
        width: 80%;
        text-align: center;
    }
    .xl-plans-s-x-img {
        width: 60%;
        text-align: center;
    }
    .xl-index-plans-arrows-left {
        position: absolute;
        text-align: center;
        top: 32%;
        left: 15%;
        padding: 2.6% 3% 2.6% 2.6%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    .xl-index-plans-arrows-right {
        left: 77.5%;
        position: absolute;
        text-align: center;
        top: 32%;
        padding: 2.6% 2.6% 2.6% 3%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    .xl-plans-s-x-p {
        margin: 0%;
        font-size: 110%;
        color: #464646;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 600 !important;
        padding: 0% 10% 0% 10%;
    }
    .xl-plans-t {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0% 3% 0% 3%;
    }
    .xl-plans-t-x {
        text-align: center;
        width: 100%;
        margin-bottom: 1.5%;
    }
    .xl-plans-t-x-h1 {
        color: #12007a;
        font-family: "MADETOMMY-Black";
        margin: 0%;
        font-size: 190%;
    }
    .xl-plans-t-xx {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 0% 0% 0% 0%;
    }
    .xl-plans-t-xx-in-h1 {
        border-radius: 50rem;
        background: #F9F9F9 !important;
        color: #464646 !important;
        padding: 2% 1.5% 2% 1.5% !important;
        text-align: center;
        box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -webkit-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -moz-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        font-family: 'montserrat', sans-serif !important;
        font-weight: bolder !important;
        font-size: 90%;
        margin: 0% 0% 2% 0%;
    }
    .xl-plans-t-x-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: normal;
        font-size: 90%;
        margin: 0%;
        color: #464646;
    }
    .xl-plans-fiberLite {
        width: 100%;
    }
    .xl-plans-fiberLite-picture {
        width: 100%;
    }
    .xl-plans-fiberLite-pictures {
        display: none;
    }
    .xl-plans-fiberLite-pictures-Mobile {
        width: 100%;
    }
    .xl-plans-fiberLite-content {
        width: 100%;
        margin: 0%;
        text-align: center;
    }
    .xl-plans-fiberLite-content-text-h2 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #373737;
    }
    .xl-plans-fiberLite-content-text-h3 {
        margin: 0%;
        font-size: 90%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 400 !important;
        font-style: italic;
        margin-bottom: 3%;
        color: #969696;
    }
    .xl-plans-t-xxx {
        width: 100%;
        margin: 1% 0% 3% 0%;
        text-align: center;
    }
    .xl-plans-t-xxx-mobile {
        margin-bottom: 0% !important;
    }
    .xl-plans-t-xxx-btn {
        font-family: "MADETOMMY-Black";
        font-size: 150% !important;
        font-weight: 800 !important;
        letter-spacing: 2px;
        text-align: center !important;
        background: #12007a !important;
        color: white !important;
        border-radius: 50px !important;
        padding: 1% 4% 1% 4%;
        cursor: pointer;
        text-decoration: none;
    }
    /* ~~~~~~~~~~~~~ ENDING PLANS ~~~~~~~~~~~~~ */
    /* ~~~~~~~~~~~~~ STARTING SERVICES ~~~~~~~~~~~~~ */
    .xl-index-service-mobile-view {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 0% 0% 0% 0%;
        align-items: center;
    }
    .xl-index-service-mobile-view .xl-index-service-t-div-fullhouse {
        max-height: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        transition: all 1s;
    }
    .xl-index-service-t-div-savior {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .xl-index-service-arrows-left {
        position: absolute;
        text-align: center;
        top: 47%;
        left: 6%;
        padding: 2.6% 3% 2.6% 2.6%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    .xl-index-service-arrows-right {
        left: 85.5%;
        position: absolute;
        text-align: center;
        top: 47%;
        padding: 2.6% 2.6% 2.6% 3%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    .container-xl-index-services {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-index-f {
        text-align: center;
        width: 100%;
    }
    .xl-index-f-h1 {
        margin: 0;
        font-family: "MADETOMMY-Black";
        font-size: 190%;
        color: #12007a;
    }
    .xl-index-s {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*width: 100%;*/
        /*justify-content: center;*/
        /*padding: 0% 3% 0% 3%;*/
        display: none;
    }
    .xl-index-s-div {
        width: 75%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0% 3% 1.5% 3%;
        text-align: center;
    }
    .xl-index-s-div-image {
        width: 60%;
    }
    .xl-index-s-div-h3 {
        font-family: "MADETOMMY-Black";
        font-size: 170%;
        color: #12007a;
        margin: 0px;
    }
    .xl-index-s-div-h3-s {
        font-family: "MADETOMMY-Black";
        font-size: 110%;
        color: #12007a;
        margin: 0px;
    }
    .xl-index-s-div-h5 {
        margin: 0px;
        font-family: "Roboto-Medium";
        font-size: 90%;
        color: #6b6b6b;
        text-align: center;
        padding: 1% 0% 0% 0%;
    }
    /* ~~~~~~~~~~~~~ ENDING SERVICES ~~~~~~~~~~~~~ */
    /* ~~~~~~~~~~~~~ NEWS ~~~~~~~~~~~~~ */
    .container-xl-index-news {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 4% 0% 5% 0%;
    }
    .xl-index-news-f {
        margin-bottom: 1.5%;
    }
    .xl-index-news-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 190%;
        color: #12007a;
        margin: 0%;
    }
    .xl-index-news-s {
        width: 90%;
        text-align: center;
        margin-bottom: 3%;
    }
    .xl-index-news-s-h1 {
        margin: 0%;
        width: 100%;
        font-family: "Roboto-Flex";
        font-weight: bolder;
        font-size: 110%;
        color: #474747;
    }
    .xl-index-news-btn {
        width: 100%;
        text-align: center;
    }
    .xl-index-news-btn-f {
        border-radius: 50px !important;
        background: #12007a !important;
        color: white !important;
        font-size: 150% !important;
        font-weight: 800 !important;
        padding: 1% 2.8% 1% 2.8%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 1px;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t {
        display: none;
    }
    .xl-index-news-t-div {
        width: 60%;
    }
    .xl-index-news-t-div-body {
        border-radius: 20px;
        box-shadow: 0px 6px 14px -3px rgba(0, 0, 0, 0.48);
        -webkit-box-shadow: 0px 6px 14px -3px rgba(0, 0, 0, 0.48);
        -moz-box-shadow: 0px 6px 14px -3px rgba(0, 0, 0, 0.48);
        text-align: center;
        cursor: pointer;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-date {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 50px;
        height: 50px;
        padding: 1.5%;
        background-color: white;
        border-radius: 20px 0px 0px 0px;
        -webkit-border-radius: 20px 0px 0px 0px;
        -moz-border-radius: 20px 0px 0px 0px;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-date-span {
        font-family: "Roboto-Bold" !important;
        font-size: 1rem;
        color: #12007a;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-img {
        width: 100%;
        border-radius: 10px 10px 0px 0px;
    }
    .xl-index-news-t-div-sec {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-index-news-t-div-sec-body-l {
        padding: 8% 5% 0% 5%;
    }
    .xl-index-news-t-div-sec-body-f {
        padding: 1% 5% 0% 5%;
    }
    .xl-index-news-t-div-sec-body-s {
        padding: 3% 5% 0% 5%;
        min-height: 8vh;
    }
    .xl-index-news-t-div-sec-body-t {
        padding: 0% 5% 4% 5%;
        min-height: 35px;
        text-align: left;
    }
    .xl-index-news-t-div-sec-title {
        margin: 0px;
        font-family: "MADETOMMY-Black" !important;
        font-size: 3vw;
        color: #484848;
        text-align: left;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-span {
        margin: 0px;
        font-family: "Roboto-Medium" !important;
        font-size: 0.8rem;
        color: #484848;
        float: left;
        text-align: left;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* number of lines to show */
        line-clamp: 3;
        -webkit-box-orient: vertical;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-span-mobile {
        font-size: 2.6vw !important;
    }
    .xl-index-news-t-div-body-span-sec {
        margin: 0px;
        font-family: "Roboto-Medium" !important;
        font-size: 2.3vw;
        color: #484848;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-mobile-view {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 3% 0% 5% 0%;
    }
    .xl-index-news-mobile-view .xl-index-news-t-div-fullhouse {
        max-height: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        transition: all 1s;
    }
    .xl-index-news-t-div-savior {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .xl-index-news-arrows-left {
        position: absolute;
        text-align: center;
        top: 47%;
        left: 6%;
        padding: 2.6% 3% 2.6% 2.6%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    .xl-index-news-arrows-right {
        left: 85.5%;
        position: absolute;
        text-align: center;
        top: 47%;
        padding: 2.6% 2.6% 2.6% 3%;
        background-color: #373737;
        color: white;
        border-radius: 50%;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ ABOUT US PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /* STARTING BANNER */
    .container-xl-banner {
        width: 100%;
    }
    .xl-banner-f-bgpic {
        background-image: url("../images/Aboutus-Page/Aboutus-Banner.jpg");
        width: 100%;
        height: auto;
        background-position: 25% 45%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .xl-banner-f-h1 {
        margin: 0%;
        background: rgba(0, 0, 0, 0.65);
        color: white;
        backdrop-filter: blur(1px);
        text-align: center;
        width: 100%;
        padding: 10% 10% 12.5% 10%;
        font-family: "MADETOMMY-Black";
        font-size: 220%;
        text-decoration: underline;
        text-underline-offset: 10px;
    }
    /* ENDING BANNER */
    .container-xl-history {
        width: 100%;
        margin-top: 3%;
    }
    .xl-history-f {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0% 5% 2% 5%;
    }
    .xl-history-f-con-content-city {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bold;
    }
    .xl-history-f-con-content-Micro {
        font-size: 120%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 2% 0% 0% 0%;
        text-align: justify;
    }
    .xl-history-f-con-content-Micro-Imus {
        font-size: 120%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
        margin: 2% 0% 0% 0%;
        text-align: justify;
    }
    .xl-history-f-con-f {
        width: 100%;
        margin-top: 3%;
    }
    .xl-history-f-con-f-aboutus {
        display: none;
    }
    .xl-history-f-con-img {
        width: 100%;
        border-radius: 10px;
    }
    .xl-history-f-con-s {
        width: 100%;
    }
    .xl-history-f-con-bor {
        /*border-width: 0px 2px 3.5px 2px;*/
        /*box-shadow: 0px 3px 3px 1px rgba(229, 229, 229, 1);*/
        /*-webkit-box-shadow: 0px 3px 3px 1px rgba(229, 229, 229, 1);*/
        /*-moz-box-shadow: 0px 3px 3px 1px rgba(229, 229, 229, 1);*/
        padding: 0% 3.5% 1.5% 3.5%;
        /*border-radius: 0px 0px 25px 25px;*/
        /*height: 100%;*/
    }
    .xl-history-f-con-text {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .xl-history-f-con-text-f {
        width: 90%;
        text-align: justify;
    }
    .xl-history-f-con-text-s {
        width: 90%;
        text-align: justify;
        padding: 1% 0% 1% 0%;
    }
    .xl-history-f-con-text-t {
        width: 90%;
        text-align: justify;
    }
    .xl-history-f-con-h1 {
        margin: 0% 0% 0% 0%;
        text-align: center;
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 190%;
    }
    .xl-history-f-con-pictures {
        display: none;
    }
    .xl-history-s-mobileview {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .xl-history-s-mobileview .xl-history-s-savior {
        max-height: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        transition: all 1s;
    }
    .xl-history-f-con-pictures-f {
        width: 100%;
        padding: 0% 6%;
    }
    .xl-history-f-con-pictures-s {
        width: 100%;
        padding: 0% 6%;
    }
    .xl-history-f-con-pictures-t {
        width: 100%;
        padding: 0% 6%;
    }
    .xl-history-f-con-pictures-f-class {
        width: 100%;
        border-radius: 20px;
        height: 250px;
        object-fit: cover;
    }
    .xl-history-f-con-h3 {
        display: none;
    }
    .hide {
        display: none;
    }
    .xl-history-f-con-p {
        font-size: 90%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        text-align: justify;
    }
    .xl-history-f-con-p-middle {
        font-size: 90%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        text-align: justify;
        padding: 3% 0% 0% 0%;
    }
    .xl-history-f-con-p-mobile {
        font-size: 90%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        padding-top: 4%;
        text-align: justify;
    }
    .xl-history-f-con-p-p {
        display: none;
    }
    .xl-history-f-con-p-span {
        font-weight: bold;
        color: #f16a28;
    }
    .xl-history-f-con-p-br {
        display: none;
    }
    .accordion {
        padding-top: 2%;
    }
    .accordion-trigger {
        float: right;
        border: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 1px;
        color: #2b2b2b;
        background-color: transparent;
    }
    .accordion-content {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 500ms;
    }
    .accordion-content[aria-hidden="false"] {
        grid-template-rows: 1fr;
    }
    .accordion-content>div {
        overflow: hidden;
    }
    /* AREA AVAILABILITY */
    .container-xl-area-avail {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 2.5%;
    }
    .xl-area-avail-h1-mobile {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        margin: 2% 0% 0.5% 0%;
        font-size: 190%;
        text-align: center;
    }
    .xl-area-avail-h2-mobile {
        font-size: 150%;
        font-family: "MADETOMMY-Black";
        margin: 0% 0% 4% 0%;
        color: #12007a;
        text-align: center;
    }
    .xl-area-avail-h2-img-mobile {
        width: 22vw;
        vertical-align: baseline;
    }
    .xl-area-avail-h1 {
        display: none;
    }
    .xl-area-avail-h2 {
        display: none;
    }
    /*SELECT*/
    .xl-area-avail-select-city {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 5px;
        padding: 1%;
        width: 45vw;
        border: 1.8px solid gray;
        margin-bottom: 1.5%;
        font-size: 100%;
    }
    .xl-area-avail-select-barangay {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 5px;
        padding: 1%;
        width: 45vw;
        border: 1.8px solid gray;
        margin-bottom: 1.5%;
        font-size: 100%;
    }
    .xl-area-avail-select-subdivision {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 5px;
        padding: 1%;
        width: 45vw;
        border: 1.8px solid gray;
        margin-bottom: 2%;
        font-size: 100%;
    }
    .xl-area-avail-select,
    .xl-area-avail-select option {
        color: #000000;
    }
    .xl-area-avail-select:invalid,
    .xl-area-avail-select option[value=""] {
        color: #999999;
    }
    /*Added for browser compatibility*/
    .xl-area-avail-select option[hidden] {
        display: none;
    }
    .xl-area-avail-button {
        display: none;
        border: none;
        background-color: gray;
        color: white;
        padding: 1% 3% 1% 3%;
        font-size: 100%;
        border-radius: 8px;
        margin: 0.3% 0% 1.5% 0%;
    }
    .xl-area-avail-contain {
        display: none;
    }
    .xl-area-avail-contain-mobile {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-area-avail-h4-not-mobile {
        display: none;
        font-size: 110%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #f44336;
        text-align: center;
        margin: 0% 0% 1.5% 0%;
    }
    .xl-area-avail-h4-good-mobile {
        display: none;
        font-size: 140%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #32ba7c;
        text-align: center;
        margin: 0% 0% 1.5% 0%;
    }
    .xl-area-avail-img-mobile {
        width: 5%;
        margin-right: 3px;
    }
    .xl-area-avail-h3-brgy-mobile {
        font-family: "Made-Tommy-Soft";
        color: #12007a;
        font-size: 150%;
        text-align: center;
        margin: 0%;
        text-transform: uppercase;
        width: 80%;
    }
    .xl-area-avail-h3-subd-mobile {
        font-family: "Made-Tommy-Soft";
        color: #12007a;
        font-size: 120%;
        text-align: center;
        margin: 0%;
        text-transform: uppercase;
    }
    .xl-area-avail-button-apply-mobile {
        display: none;
        cursor: pointer;
        padding: 1% 2% 1% 2%;
        font-size: 2.6vw;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        color: white;
        background-color: #ff7e00;
        border-radius: 10px;
        width: 24%;
        text-align: left;
        padding-left: 1.5em;
        text-indent: -1em;
        margin: 1.5% 0% 0% 0%;
        border: 1px solid #fff;
        box-shadow: 0px 15px 10px -10px #e6e6e6;
    }
    .xl-area-avail-button-apply-img {
        width: 16%;
        padding-right: 3%;
    }
    .accordion-area {
        width: 100%;
    }
    .accordion-panel-area {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .accordion-trigger-area {
        border: none;
        background-color: gray;
        color: white;
        padding: 1% 2% 1% 2%;
        font-size: 110%;
        border-radius: 5px;
        margin: 0.3% 0% 3% 0%;
    }
    .accordion-content-area {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 500ms;
    }
    .accordion-content-area[aria-hidden="false"] {
        grid-template-rows: 1fr;
    }
    .accordion-content-area>div {
        overflow: hidden;
    }
    /*ENDING ABOUT US PAGE*/
    /*START ENTERPRISE*/
    .xl-plans-f-x {
        width: 90vw;
        text-align: center;
    }
    .xl-plans-f-f-x-h1-enterprise {
        color: #087757;
        font-family: "MADETOMMY-Black";
        margin: 0%;
        font-size: 170%;
    }
    .xl-plans-f-x-h1-enterprise {
        color: #474747;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        margin: 0%;
        font-size: 110%;
    }
    .xl-plans-t {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0%;
    }
    .xl-plans-t-x {
        text-align: center;
        width: 100%;
        margin-bottom: 1.5%;
        padding: 0% 10%;
    }
    .xl-plans-t-x-h1-enterprise {
        color: #087757;
        font-family: "MADETOMMY-Black";
        margin: 0%;
        font-size: 170%;
    }
    .xl-plans-t-xx-in-h1-enterprise {
        display: none;
    }
    .xl-plans-t-xx-in-h1-enterprise-mobile-div {
        width: 100%;
        text-align: center;
        margin-bottom: 3.2%;
        margin-top: 1.5%;
    }
    .xl-plans-t-xx-in-h1-enterprise-mobile {
        border-radius: 50rem !important;
        background: #F9F9F9 !important;
        color: #464646 !important;
        padding: 0.7rem 0.3rem 0.5rem 0.3rem !important;
        box-shadow: 0px 5px 10px -6px rgba(206, 212, 210, 1);
        -webkit-box-shadow: 0px 5px 10px -6px rgba(206, 212, 210, 1);
        -moz-box-shadow: 0px 5px 10px -6px rgba(206, 212, 210, 1);
        font-family: 'montserrat', sans-serif !important;
        font-weight: bolder !important;
        font-size: 90%;
        text-align: center;
        margin: 0.5% 1% 2% 0.5%;
    }
    .xl-plans-t-x-h3-enterprise {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: normal;
        font-size: 90%;
        margin: 0%;
    }
    .c {
        width: 100%;
        margin: 1% 0% 4% 0%;
        text-align: center;
    }
    .xl-plans-t-xxx-btn-enterprise {
        border-radius: 50px !important;
        background: #087757 !important;
        color: white !important;
        font-size: 150% !important;
        font-weight: 800 !important;
        padding: 0.8% 5% 1% 5%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
    }
    /*ENDING ENTERPRISE*/
    /*STARTING MOBILE APP*/
    .container-xl-mobileapp {
        margin: 6% 0% 3% 0%;
        width: 100%;
    }
    .xl-mobileapp {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .xl-mobileapp-f {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .xl-mobileapp-f-img {
        width: 40%;
        margin-left: auto;
        margin-right: auto;
    }
    .xl-mobileapp-f-h1 {
        text-align: center;
        color: #12007a;
        font-size: 6vw;
        font-family: "MADETOMMY-Black";
        margin: 5% 0% 0% 0%;
    }
    .xl-mobileapp-f-img-phone {
        display: none;
    }
    .xl-mobileapp-f-img-phone-mobile {
        margin-top: 5%;
        width: 55%;
    }
    .xl-mobileapp-f-sub {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .xl-mobileapp-f-sub-div {
        margin: 3% 0% 0% 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-mobileapp-f-sub-div-h1 {
        font-family: "MADETOMMY-Light";
        font-weight: 700;
        color: #12007a;
        font-size: 3.2vw;
        text-align: center;
        margin: 0% 0% 1.5% 0%;
    }
    .xl-mobileapp-f-sub-div-buttons {
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-mobileapp-f-sub-div-buttons a {
        text-align: center;
        padding: 0% 1%;
    }
    .xl-two-s-div-img {
        width: 25vw;
        cursor: pointer;
    }
    /*ENDING MOBILE APP*/
    /*STARTING SUPPORT PAGE*/
    .container-xxxl {
        width: 100%;
    }
    .banner-support {
        width: 100%;
    }
    .container-xl-contact {
        width: 100%;
        margin: 1% 0% 3% 0%;
    }
    .xl-contact-xx-support {
        width: 100%;
        padding: 0% 3% 0% 3%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .xl-contact-h1 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        text-align: center;
        font-size: 6vw;
        font-weight: bolder;
        margin: 0%;
    }
    .xl-contact-s-support {
        width: 100%;
        border-width: 0px 2px 3.5px 2px;
        box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        -webkit-box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        -moz-box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        padding: 1.5% 3% 0% 3%;
        border-radius: 0px 0px 25px 25px;
    }
    .xl-contact-form-h2-support {
        font-family: "Made-Tommy-Soft";
        margin: 0% 0% 0% 1.5%;
        font-size: 3vw;
        letter-spacing: 1px;
        color: #2b2b2b;
    }
    .xl-contact-form-xx-f {
        display: flex;
        flex-wrap: wrap;
    }
    .xl-contact-form-xx-f {
        width: 100%;
    }
    .xl-contact-form-xx-text {
        width: 41.5vw;
        border-radius: 10px;
        border: 1px solid grey;
        margin: 1.5%;
        font-size: 100%;
        padding: 2.5%;
    }
    .xl-contact-form-xx-text-Mirco {
        width: 40.8vw;
        border-radius: 10px;
        border: 1px solid grey;
        margin: 1.5%;
        font-size: 100%;
        padding: 2%;
    }
    .xl-contact-form-xx-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-contact-form-xx-textA-Micro {
        width: 97%;
        height: 90px;
        border-radius: 10px;
        margin: 2% 0% 3% 0%;
        resize: none;
        padding: 2.5%;
    }
    .xl-contact-form-xx-textA {
        width: 97%;
        height: 90px;
        border-radius: 10px;
        margin: 2% 0% 3% 0%;
        resize: none;
        padding: 2.5%;
    }
    .xl-contact-form-xx-text-select {
        width: 97%;
        border: 1px solid grey;
        background: white;
        border-radius: 10px;
        padding: 2.5%;
        margin: 1.5%;
        font-size: 100%;
        appearance: none;
        background-image: url(../images/Others/Down-Arrow.png);
        background-repeat: no-repeat;
        background-position: right 0.7rem top 50%;
        background-size: 1rem auto;
    }
    .form-1rem {
        background-image: none;
        display: none;
    }
    .xl-contact-form-xxx {
        text-align: center;
        margin: 0.5% 0% 1.5% 0%;
    }
    .xl-contact-form-xx-button {
        margin-bottom: 1%;
        border: 2px solid black;
        border-radius: 10px;
        background-color: #f16a28;
        color: white;
        font-size: 2.5vw;
        border-color: orangered;
        padding: 1% 2% 1% 2%;
    }
    .xl-contact-form-xx-button-Micro {
        margin-bottom: 1%;
        border: 2px solid black;
        border-radius: 10px;
        background-color: #f16a28;
        color: white;
        font-size: 2.5vw;
        border-color: orangered;
        padding: 1% 2% 1% 2%;
    }
    .response_form_success {
        font-family: 'montserrat', sans-serif !important;
        font-weight: bold;
        font-size: 2vw;
        color: #5cb85c;
        margin-bottom: 1%;
    }
    .response_form_failed {
        font-family: 'montserrat', sans-serif !important;
        font-weight: bold;
        font-size: 2vw;
        color: #d9534f;
        margin-bottom: 1%;
    }
    .xl-contact-f {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-h1-support {
        margin: 3% 0% 0% 0%;
        font-family: "Made-Tommy-Soft";
        color: #2a2a2a;
        text-align: center;
        font-size: 3.5vw;
    }
    .xl-contact-icon-support {
        width: 8%;
    }
    .xl-contact-f-icon {
        display: none;
    }
    .xl-contact-f-icon-mobile {
        width: 100%;
        display: flex;
        flex-direction: row;
        text-align: center;
        justify-content: center;
    }
    .xl-contact-f-icon-div {
        width: 6%;
    }
    .xl-contact-f-icon-img {
        width: 100%;
    }
    /*ENDING SUPPORT PAGE*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~STARTING MICROSITES PAGE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /*STARTING MICROSITE DASMARIÑAS PAGE*/
    .xl-contact-x {
        width: 100%;
        height: 100%
    }
    .xl-contact-s {
        width: 100%;
        margin: 1% 0% 3% 0%;
    }
    .xl-contact-if {
        border: 0;
        width: 100%;
        height: 300px;
    }
    .xl-contact-xx {
        width: 94%;
        margin: auto;
        border-width: 0px 2px 3.5px 2px;
        box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        -webkit-box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        -moz-box-shadow: 0px 3px 3px 0px rgba(229, 229, 229, 1);
        padding: 0% 3.5% 0% 3.5%;
        border-radius: 0px 0px 25px 25px;
    }
    .xl-contact-form-x {
        margin: 0% 0% 0% 1.3%
    }
    .xl-contact-form-h2 {
        font-family: "Made-Tommy-Soft";
        font-size: 120%;
        letter-spacing: 1px;
        margin: 0%;
        color: #2b2b2b;
    }
    /*ENDING MICROSITE DASMARIÑAS PAGE*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ENDING MICROSITES PAGE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* STARTING TERMS AND CONDITION */
    .container-tercon {
        width: 100%;
        margin-top: 2%;
        margin-bottom: 5%;
    }
    .xl-tercon-f {
        width: 100%;
        padding: 0% 10%;
    }
    .xl-tercon-f-title {
        text-align: center;
        padding: 10% 0% 10% 0%;
    }
    .xl-tercon-f-title-h1 {
        font-weight: 700;
        font-size: 4vw;
    }
    .xl-tercon-f-minititle {
        text-align: center;
        padding: 5% 0% 1% 0%;
    }
    .xl-tercon-f-minititle-h3 {
        font-size: 2.5vw;
        text-decoration: underline;
    }
    .xl-tercon-f-content {
        text-align: justify;
        font-size: 2vw;
    }
    .xl-tercon-f-content p {
        margin: 4% 0% 0% 0%;
    }
    .xl-tercon-s {
        width: 100%;
        padding: 0% 10%;
    }
    .xl-tercon-s-minititle {
        text-align: center;
        margin: 10% 0% 5% 0%;
    }
    .xl-tercon-s-minititle-h3 {
        font-size: 2.5vw;
        text-decoration: underline;
    }
    .xl-tercon-s-content {
        text-align: justify;
        font-size: 2vw;
    }
    .xl-tercon-s-content p {
        margin: 4% 0% 0% 0%;
    }
    .xl-tercon-s-content-bold {
        font-weight: 700;
    }
    .xl-tercon-s-content-second {
        text-align: justify;
        font-size: 2vw;
        margin: 6% 0% 0% 0%;
    }
    .xl-tercon-s-content-second p {
        margin: 0.5% 0% 0% 0%;
    }
    .xl-tercon-s-content-second-bold {
        font-weight: 700;
    }
    /* ENDING TERMS AND CONDITION */
    /* STARTING PRIVACY AND POLICY */
    .container-privacy {
        width: 100%;
        margin-bottom: 3%;
    }
    .xl-privacy-f {
        margin-left: 8%;
        margin-right: 8%;
    }
    .xl-privacy-f-title {
        text-align: center;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .xl-privacy-f-title-h1 {
        font-weight: 700;
        font-size: 4vw;
        margin: 0%;
    }
    .xl-privacy-f-mini-content {
        text-align: justify;
        text-align-last: center;
        font-size: 2.5vw;
    }
    .xl-privacy-f-mini-content p {
        margin: 0%;
    }
    .xl-privacy-f-order-content {
        margin-top: 4%;
    }
    .xl-privacy-f-li {
        font-size: 2.3vw;
        margin-top: 9%;
        text-align: justify;
    }
    .xl-privacy-f-li span {
        display: block;
        margin-top: 3%;
    }
    .xl-privacy-f-li-inside {
        font-size: 2.3vw;
        margin-top: 6%;
        text-align: justify;
    }
    .xl-privacy-f-li-inside span {
        display: block;
        margin-top: 3%;
    }
    .xl-privacy-f-ol {
        padding: 0%;
    }
    .xl-privacy-f-ol-inside {
        padding-left: 2%;
    }
    /* ENDING PRIVACY AND POLICY */
    .xl-plans-t-x-terms {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .xl-plans-img-tercon {
        display: none;
    }
    .xl-plans-img-tercon-mobile {
        width: 100%;
    }
}

/*ENDING 768px*/

/*-------------------------------------------------------------------------------------------- ENDING TABLETS IPAD STYLE --------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------- 769px - 1024px Small Screen --------------------------------------------------------------------------------------------*/

@media (min-width: 769px) and (max-width: 1024px) {
    /*-------------------------------------------------------------------------------------------- STARTING INDEX PAGE --------------------------------------------------------------------------------------------*/
    /*---------------------------- STARTING NAV FB NUMBER CSS ----------------------------*/
    .container-xl-navFB {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-nav-lite {
        font-weight: bolder !important;
    }
    .xl-nav-hamburger {
        display: none;
    }
    .xl-nav-hamburger-bar {
        display: none;
    }
    .xl-nav-menu-mobile {
        display: none;
    }
    .xl-nav-menu-mobile-div {
        display: none;
    }
    .xl-navFB-f {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin: 0.3% 3% 0.3% 0.5%;
    }
    .xl-navFB-f-a {
        color: darkblue;
        font-weight: bolder;
        font-size: 18px;
        padding: 0% 0% 0% 0.4%;
        font-family: 'Montserrat', sans-serif !important;
    }
    .xl-navFB-f-a2 {
        color: darkblue;
        font-weight: bolder;
        font-size: 18px;
        padding: 0% 3% 0% 0.4%;
        font-family: 'Montserrat', sans-serif !important;
    }
    .xl-nav-icon-support {
        width: 23px;
    }
    .xl-nav-number {
        color: #01008c;
        font-weight: bold;
    }
    .xl-nav-icon-support-tele {
        width: 22px;
        vertical-align: middle;
    }
    .carousel-indicators {
        z-index: 2 !important;
    }
    .carousel-indicators [data-bs-target] {
        margin-right: 7px;
        margin-left: 7px;
        height: 5px;
    }
    .space-nav {
        margin: 0% 0.2% 0% 0.2%;
    }
    /*---------------------------- ENDING NAV FB NUMBER CSS ----------------------------*/
    /*---------------------------- STARTING NEW NAVIGATIONAL CSS ----------------------------*/
    .container-xl-navigation {
        display: flex;
        justify-content: center;
        width: 100%;
        flex-direction: column;
    }
    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 3 !important;
    }
    .pull-right {
        float: right;
    }
    .xl-nav {
        display: flex;
        flex-direction: row;
        width: 100%;
        min-height: 90px;
        background-image: url('../images/Navigational/header-background.jpg');
    }
    .xl-nav-all-pic {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 14.28%;
        padding: 0.5%;
        padding-left: 5%;
    }
    .xl-nav-all-pic-FB {
        height: 5vw;
    }
    .nav-pad-left {
        padding-left: 5%;
    }
    .xl-nav-all-text {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 14.28%;
    }
    .xl-nav-all-text-F {
        padding-left: 4%;
    }
    .xl-nav-all-a {
        text-decoration: none;
        font-family: 'montserrat', sans-serif !important;
        font-size: 1.65vw;
        font-weight: 700;
        color: white;
        background: transparent;
        cursor: pointer;
    }
    .xl-nav-all-text:hover .dropdown-content-a {
        display: block;
    }
    .dropdown-content-a {
        display: none;
        position: absolute;
        background-color: #111499;
        min-width: 210px;
        margin-top: 1.93rem;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 10;
    }
    .dropdown-fix {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .dropdown-fix-a {
        text-decoration: none;
        color: white;
        font-family: 'montserrat', sans-serif !important;
        font-size: 1.6vw;
        font-weight: 700;
        padding: 20px 30px 20px 20px;
        cursor: pointer;
    }
    .dropdown-fix-a:hover {
        background-color: #ff7e00;
    }
    .active {
        background-color: #ff7e00;
    }
    /*---------------------------- ENDING OLD NAVIGATIONAL CSS ----------------------------*/
    .carousel-control-prev-icon {
        background-image: url("../images/Navigational/Nav-Larrow.png") !important;
        width: 4rem !important;
        height: 4rem !important;
    }
    .carousel-control-next-icon {
        background-image: url("../images/Navigational/Nav-Rarrow.png") !important;
        width: 4rem !important;
        height: 4rem !important;
    }
    /*---------------------------- STARTING OLD NAVIGATIONAL CSS ----------------------------
.nav-pos-f
{
    padding-top: 0 !important;
    padding-right: 3rem !important;
    padding-left: 3rem !important;
    padding-bottom: 0.5rem !important;
}
.nav-pos-f-f
{
    margin-right: 1rem;
    margin-left: 10rem;
    font-size: 1.25rem;
    white-space: nowrap;
    margin-top: 0.5rem !important;
    padding: 0;
    padding-right: 1.5rem !important;
}
.nav-pos-f-a
{
    text-decoration: none;
    font-family: 'montserrat', sans-serif !important;
    font-size: 18px;
    font-weight: 500;
}
---------------------------- ENDING OLD NAVIGATIONAL CSS ----------------------------*/
    /*---------------------------- STARTING ABOUT US CSS ----------------------------*/
    .container-xl-about {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 2% 0 0.5% 0;
        flex-direction: column;
    }
    .xl-about-f {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-about-fx {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row-reverse;
    }
    .xl-about-h1 {
        font-family: "Roboto-Bold";
        color: #12007a;
        text-align: center;
        font-weight: 900 !important;
        font-size: xxx-large;
        margin: auto;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .xl-about-x {
        height: 100%;
        width: 100%;
    }
    .xl-about-x {
        height: 100%;
        width: 100%;
    }
    .xl-aboutimg-x {
        margin: 1.5rem 1.5rem 1.5rem 3.5rem;
        height: 89%;
    }
    .xl-aboutimg-xx {
        margin: 1.5rem 3.5rem 1.5rem 1.5rem;
        height: 89%;
    }
    .xl-about-img {
        width: 100%;
        height: 100%;
    }
    .xl-aboutP-x {
        margin: 1.5rem 3.5rem 1.5rem 1.5rem;
        height: 89%;
        box-shadow: 1.5px 0.3px 3.125px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-aboutP-xx {
        margin: 1.5rem 1.5rem 1.5rem 3.5rem;
        height: 89%;
        box-shadow: 1.5px 0.3px 3.125px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-aboutP-xxx {
        height: auto;
        width: 100%;
        line-height: 35px;
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
        padding-bottom: 1.5rem !important;
        padding-top: 2rem !important;
    }
    .orange-text {
        color: #f16a28 !important;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 900 !important;
        margin: auto;
    }
    .about-prx {
        font-size: 20px;
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 600 !important;
        margin-bottom: 0.5rem !important;
    }
    .about-prxl {
        font-weight: 800 !important;
    }
    .hr-line {
        border: 1px solid #d3d3d3;
    }
    /*---------------------------- ENDING ABOUT US CSS ----------------------------*/
    /*---------------------------- STARTING CONTACT US CSS ----------------------------*/
    .container-xl-contact {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin: 1rem 0rem 1.5rem 0rem;
    }
    .xl-contact-x {
        width: 80%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }
    .xl-contact-xx {
        width: 120%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }
    .xl-contact-f-icon {
        width: 10%;
        margin-top: 0.4%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-f-icon-mobile {
        display: none;
    }
    .xl-contact-f {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-fx {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-h1 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        text-align: center;
        font-size: 4.5vw;
        font-weight: bolder;
        margin: 0%;
    }
    .xl-contact-s {
        width: 100%;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    .xl-contact-if {
        border-radius: 15px !important;
        border: 0;
        width: 100%;
        margin: 1.5rem 1.5rem 1.5rem 1.5rem;
    }
    .xl-contact-form {
        width: 100%;
        margin: 4% 4% 4% 0%;
        box-shadow: 1.5px 0.3px 1.5px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-contact-form-all {
        width: 100%;
        padding: 4%;
    }
    .xl-contact-form-x {
        width: 100%;
        font-family: 'montserrat', sans-serif !important;
    }
    .xl-contact-form-h2 {
        margin: auto;
        font-size: 1.8vw;
        font-weight: 800 !important;
        letter-spacing: 1px;
        padding-bottom: 0.8rem;
        color: #2b2b2b;
    }
    .xl-contact-form-span {
        margin: auto;
        font-size: 20px;
    }
    .xl-contact-form-xx {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-contact-form-xx-f {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-contact-form-xx-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-contact-form-xx-text {
        height: 100%;
        width: 37vw;
        border-radius: 10px;
        border: 1px solid grey;
        margin: 1rem 1rem 1rem 0rem;
        font-size: 2vw;
        padding: 1rem;
    }
    .xl-contact-form-xx-text-Mirco {
        height: 100%;
        width: 25vw;
        border-radius: 10px;
        border: 1px solid grey;
        margin: 0.5rem 0.5rem 0.5rem 0rem;
        font-size: 1.5vw;
        padding: 4%;
    }
    .xl-contact-form-xx-textA {
        height: 55%;
        width: 100%;
        border-radius: 10px;
        margin: 1rem 0rem 1.5rem 0rem;
        font-size: 20px;
        resize: none;
        padding: 1rem;
    }
    .xl-contact-form-xx-text-select {
        width: 100%;
        height: 3rem;
        border: 1px solid grey;
        background: white;
        border-radius: 10px;
        font-size: 20px;
        padding: 0.5rem 1rem 0.5rem 1rem;
        margin: 1rem 0rem 0rem 0rem;
        appearance: none;
        background-image: url("../images/Others/Down-Arrow.png");
        background-repeat: no-repeat;
        background-position: right 0.7rem top 50%;
        background-size: 1rem auto;
    }
    .form-1rem {
        padding: 1rem !important;
        background-image: none;
        display: none;
    }
    .xl-contact-form-xxx {
        text-align: center;
    }
    .xl-contact-form-xx-textA-Micro {
        height: 40%;
        width: 100%;
        border-radius: 10px;
        margin: 0.5rem 0rem 1rem 0rem;
        font-size: 1.5vw;
        resize: none;
        padding: 1rem;
    }
    .xl-contact-form-xx-button {
        margin-bottom: 20px;
        border: 2px solid black;
        border-radius: 30px;
        background-color: #f16a28;
        color: white;
        font-size: 2.5vw;
        border-color: orangered;
        padding: 1.5% 3% 1.5% 3%;
        transition: all 0.3s ease-in-out;
    }
    .xl-contact-form-xx-button-Micro {
        margin-bottom: 20px;
        border: 2px solid black;
        border-radius: 30px;
        background-color: #f16a28;
        color: white;
        font-size: 1.8vw;
        border-color: orangered;
        padding: 1.5% 3% 1.5% 3%;
        transition: all 0.3s ease-in-out;
    }
    .xl-contact-form-xx-button:hover {
        transform: scale(1.1);
    }
    .response_form_success {
        font-family: 'montserrat', sans-serif !important;
        font-weight: bold;
        font-size: 1.6vw;
        color: #5cb85c;
    }
    .response_form_failed {
        font-family: 'montserrat', sans-serif !important;
        font-weight: bold;
        font-size: 20px;
        color: #d9534f;
    }
    /*---------------------------- ENDING CONTACT US CSS ----------------------------*/
    /*OWL CAROUSEL*/
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 5px !important;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 15px !important;
        height: 15px !important;
        border: 2px solid #b2b1b4 !important;
        background: white !important;
    }
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #6c6b70 !important;
    }
    /*---------------------------- STARTING PLANS CSS ----------------------------*/
    .xl-plans-hide {
        display: none;
    }
    .xl-plans-t-x-terms {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .xl-plans-t-x-terms-container {
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: #f6f6f6;
    }
    .xl-plans-t-x-terms-container-lite {
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: #fbfbfb;
    }
    .xl-plans-t-x-terms-container-f {
        width: 50%;
    }
    .xl-plans-t-x-terms-container-f-pic1-lite {
        width: 80%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic1 {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic2 {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-s {
        width: 50%;
        display: flex;
        flex-direction: column;
    }
    .xl-plans-t-x-terms-container-s-f {
        width: 100%;
    }
    .xl-plans-t-x-terms-container-s-f .xl-plans-t-x-terms-container-f-pic1-mobile {
        display: none;
    }
    .xl-plans-t-x-terms-container-s-f-title1 {
        font-family: "Tango-Sans";
        font-weight: bolder;
        letter-spacing: 0.5vw;
        text-align: center;
        font-size: 5vw;
        color: #000267;
        margin: 3% 0% 0% 0%;
    }
    .xl-plans-t-x-terms-container-s-f-title2 {
        font-family: "Tango-Sans";
        font-weight: bold;
        letter-spacing: 0.2vw;
        text-align: center;
        font-size: 2.5vw;
        color: #000267;
        margin: 0% 0% 3% 0%;
    }
    .xl-plans-t-x-terms-container-s-s {
        width: 100%;
    }
    .xl-plans-t-x-terms-container-s-s-div {
        width: 100%;
        padding: 0% 8% 0% 8%;
    }
    .xl-plans-t-x-terms-container-s-s-div-h1 {
        text-align: center;
        font-family: "Tango-Sans";
        font-weight: 600;
        letter-spacing: 0.8px;
        font-size: 2.2vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1.2vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol i {
        font-family: "Roboto-Black-Italic" !important;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol-lite {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1.2vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol li:nth-child(2) {
        margin-top: 2.5%;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4 {
        font-family: "Roboto-Black";
        font-weight: bolder;
        margin-top: 5%;
        margin-left: 2.5vw;
        font-size: 1.5vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4-ent {
        font-family: "Roboto-Black";
        font-weight: bolder;
        margin-top: 5%;
        margin-left: 2.5vw;
        font-size: 1.5vw;
        color: #04775e;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4-lite {
        font-family: "Tango-Sans";
        font-weight: bolder;
        margin-top: 5%;
        letter-spacing: 1.8px;
        margin-left: 2.5vw;
        font-size: 1.5vw;
        color: #323232;
        text-align: left;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2 {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2-ent {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2-lite {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2 li:nth-child(1) {
        margin-top: 2%;
    }
    .xl-plans-fiberLite {
        width: 100%;
    }
    .xl-plans-fiberLite-picture {
        width: 100%;
    }
    .xl-plans-fiberLite-pictures {
        width: 100%;
    }
    .xl-plans-fiberLite-pictures-Mobile {
        display: none;
    }
    .xl-plans-fiberLite-content {
        width: 100%;
        margin-top: 1%;
        text-align: center;
    }
    .xl-plans-fiberLite-content-text-h2 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #373737;
    }
    .xl-plans-fiberLite-content-text-h3 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 400 !important;
        font-style: italic;
        margin-top: 0.3%;
        color: #969696;
        font-size: 1.6vw;
    }
    .container-xl-plans {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .xl-plans-f {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 1% 0% 0% 0%;
    }
    .space-top {
        margin-top: 2%;
    }
    .xl-plans-f-x {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin: auto;
    }
    .xl-plans-f-x-img {
        width: 42%;
    }
    .xl-plans-f-x-h1-f {
        font-family: "MADETOMMY-Black";
        text-shadow: 0px 2px #E2DFD2;
        margin: auto;
        font-size: 4.5rem;
        padding: 20px 0px 15px 0px;
        color: #12007a;
    }
    .xl-plans-f-x-h1 {
        color: #4b4b4b;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        margin: auto;
        font-size: 2.3vw;
    }
    .xl-plans-s-mobileview {
        display: none;
    }
    .xl-plans-s {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 1% 0% 1% 0%;
    }
    .xl-plans-s-x {
        width: 29%;
        display: flex;
        flex-direction: column;
    }
    .xl-plans-laptop {
        width: 90% !important;
        /*margin-top: 9% !important;*/
    }
    .xl-plans-s-x-in {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .xl-plans-s-x-img {
        width: 90%;
        margin: 3%;
        /*box-shadow: 0px 2px 8px 1px #888888 !important;*/
        border-radius: 10% !important;
    }
    .xl-plans-s-x:hover {
        transition: 1s !important;
        -webkit-transform: scale(1.05) !important;
    }
    .xl-plans-s-x-p {
        font-size: 1.4vw;
        color: #464646;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        text-align: center;
        padding: 1% 5% 5% 5%;
        margin: auto;
    }
    .xl-plans-t {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0% 0% 1% 0%;
    }
    .xl-plans-t-x {
        width: 100%;
        text-align: center;
    }
    .xl-plans-t-x-h1 {
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder !important;
        margin: auto;
        font-size: 3vw;
    }
    .xl-plans-t-xx {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
    .xl-plans-t-xx-in-h1 {
        border-radius: 50rem !important;
        background: #F9F9F9 !important;
        color: #464646 !important;
        padding: 0.6rem 1rem 0.6rem 1rem !important;
        box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -webkit-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -moz-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        font-family: 'montserrat', sans-serif !important;
        font-weight: bolder !important;
        font-size: 1.6vw;
    }
    .xl-plans-t-x-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 400 !important;
        margin: 0.5% 0% 0% 0%;
        font-size: 1.4vw;
    }
    .xl-plans-t-xxx {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1% 0% 0.5% 0%;
    }
    .xl-plans-t-xxx-btn {
        border-radius: 50px !important;
        border: solid white !important;
        background: #12007a !important;
        color: white !important;
        font-size: 2.5vw !important;
        font-weight: 800 !important;
        padding: 0.3% 1.7% 0.3% 1.7%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
        transition: all 0.3s ease-in-out;
    }
    .xl-plans-t-xxx-btn:hover {
        transform: scale(1.1);
    }
    /*---------------------------- ENDING PLANS CSS ----------------------------*/
    /*---------------------------- STARTING OTHERS CSS ----------------------------*/
    .container-xl-others {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin: 2.5% 0% 0% 0%;
    }
    .xl-others-logo {
        width: 25%;
        height: auto;
        display: flex;
        justify-content: flex-end;
    }
    .xl-others-logo-a {
        text-align: center;
    }
    .xl-others-logo-img {
        width: 80%;
        height: auto;
        padding: 2%;
    }
    .xl-others-text {
        width: 75%;
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
    .xl-others-text-f {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0% 0% 0% 5%;
    }
    .xl-others-text-s {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0% 0% 0% 2.5%;
    }
    .xl-others-text-t {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .xl-others-text-in-x {
        width: 100%;
        display: flex;
        align-items: flex-start;
    }
    .xl-others-text-in-xx {
        width: 100%;
        height: 50%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .xl-others-text-h1 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        font-size: 2.1vw;
        width: 100%;
        margin: 0;
    }
    .xl-others-text-h3 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: normal;
        font-size: 1.5vw;
        width: 100%;
        margin: 0;
        text-decoration: none;
        cursor: pointer;
    }
    /*---------------------------- ENDING OTHERS CSS ----------------------------*/
    /*---------------------------- STARTING LOCATION CSS ----------------------------*/
    .container-xl-location {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 0%;
    }
    .xl-location-f {
        width: 100%;
        padding: 3% 3% 1% 3%;
    }
    .xl-location-f-h3 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        font-size: 2.1vw;
        width: 100%;
        margin: 0;
    }
    .xl-location-s-mothF {
        display: flex;
        flex-direction: row;
    }
    .xl-location-s-mothS {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-bottom: 1%;
    }
    .xl-location-s-frame-moth {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
    .xl-location-s-frame-f-moth {
        width: 33%;
        display: flex;
        flex-direction: column;
        margin-top: 1%;
    }
    .xl-location-s {
        width: 100%;
        display: flex;
        justify-content: center;
        justify-content: flex-start;
        flex-direction: column;
        padding: 1% 3% 1.5% 3%;
    }
    .xl-location-s-frame {
        width: 34%;
        display: flex;
        flex-direction: column;
    }
    .xl-location-s-frame-f {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0% 10% 0% 0%;
        margin: 0% 0% 2.2% 0%;
    }
    .xl-location-s-frame-h2-bold {
        font-weight: 700 !important;
        font-style: italic;
    }
    .xl-location-s-frame-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 2.2% 0% 2.2% 0%;
        padding: 0% 10% 0% 0%;
    }
    .xl-location-s-frame-f-f {
        width: 100%;
        margin: 0% 0% 1% 0%;
    }
    .xl-location-s-frame-h2-f {
        color: #f16a28;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 100;
        font-size: 1.6vw;
        margin: 0;
        text-decoration: none;
    }
    .xl-location-s-frame-f-s {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 0% 0% 1% 0%;
        align-items: center;
    }
    .xl-location-s-frame-f-s-divf {
        width: 6%;
        text-align: center;
    }
    .xl-location-s-frame-f-s-divs {
        width: 95%;
        margin-left: 1.5%;
    }
    .xl-location-s-frame-f-s-img {
        width: 100%;
    }
    .xl-location-s-frame-f-s-img-mobile {
        display: none;
    }
    .xl-location-s-frame-f-s-h4 {
        color: #636365;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 100;
        font-size: 1.2vw;
        margin: 0;
    }
    .xl-location-s-frame-f-t {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .xl-location-s-frame-f-t-img {
        width: 7%;
        height: 80%;
        margin: 0.2% 0.6% 0% 0%;
    }
    .xl-location-s-frame-f-t-h2 {
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        font-size: 1.4vw;
        width: 100%;
        margin: 0%;
    }
    /*---------------------------- ENDING OTHERS CSS ----------------------------*/
    /*---------------------------- STARTING FOOTER CSS ----------------------------*/
    .container-xl-footer {
        width: 100%;
        background-color: #1a1a1a;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-footer-frame {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40%;
        padding: 1.5%;
    }
    .xl-footer-frame-h4 {
        margin: 0%;
        width: 100%;
        color: white;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 1.2vw;
        text-align: center;
    }
    .xl-footer-frame-h4 .xl-footer-frame-h4-bold {
        font-family: "Montserrat-Bold-Italic";
        font-weight: 800;
    }
    .xl-footer-frame-A {
        text-decoration: none;
        color: white;
        padding: 0% 3% 0% 3%;
    }
    /*---------------------------- ENDING FOOTER CSS ----------------------------*/
    /*-------------------------------------------------------------------------------------------- ENDING INDEX PAGE --------------------------------------------------------------------------------------------*/
    /*------ PER PAGES ------*/
    /*-------------------------------------------------------------------------------------------- STARTING ENTERPRISE PAGE --------------------------------------------------------------------------------------------*/
    .xl-plans-t-xxx-btn-enterprise {
        border-radius: 50px !important;
        border: solid white !important;
        background: #087757 !important;
        color: white !important;
        font-size: 2.5vw !important;
        font-weight: 800 !important;
        padding: 0.3% 1.7% 0.3% 1.7%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
    }
    .xl-plans-t-x-h1-enterprise-mobile {
        display: none;
    }
    .xl-plans-t-x-h1-enterprise {
        color: #087757;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bold !important;
        margin: 0% 0% 0.25% 0%;
        font-size: 2.5vw;
    }
    .xl-plans-t-x-h1-enterprise-between-f {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder !important;
        font-style: italic;
        color: #087757;
        margin: auto;
        font-size: 2.5vw;
    }
    .xl-plans-t-x-h1-enterprise-between-s {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder !important;
        color: #087757;
        margin: auto;
        font-size: 2.5vw;
    }
    .xl-plans-f-x-h1-enterprise {
        color: #474747;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        margin: auto;
        font-size: 2.3vw;
    }
    .xl-plans-f-f-x-h1-enterprise {
        color: #087757;
        font-family: "MADETOMMY-Black";
        text-shadow: 0px 2px #E2DFD2;
        margin: auto;
        font-size: 4.5vw;
        /*padding: 20px 0px 15px 0px;*/
    }
    .xl-plans-t-xx-in-h1-enterprise {
        border-radius: 50rem !important;
        background: #F9F9F9 !important;
        color: #464646 !important;
        padding: 0.8rem !important;
        box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -webkit-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -moz-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        font-family: 'montserrat', sans-serif !important;
        font-weight: bolder !important;
        font-size: 1.6vw;
        margin: 0.5% 1% 0.5% 0.5%;
    }
    .xl-plans-t-xx-in-h1-enterprise-mobile {
        display: none;
    }
    .xl-plans-t-x-h3-enterprise {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: normal;
        margin: 1% 0% 0% 0%;
        font-size: 1.4vw;
    }
    /*-------------------------------------------------------------------------------------------- ENDING ENTERPRISE PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING CAREER PAGE --------------------------------------------------------------------------------------------*/
    .container-xl-career-text {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-career-heading {
        font-family: "MADETOMMY-Black";
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .xl-career-heading-h3 {
        color: #12007a;
        font-size: 40px;
        margin: 30px 0px 0px 0px;
    }
    .xl-career-orangefont {
        color: #f16a28;
        font-weight: bolder;
    }
    .xl-career-content {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 0% 5% 3% 5%;
        align-items: center;
    }
    .xl-career-content-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        color: #12007a;
        font-size: 20px;
    }
    .xl-career-resume {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .xl-career-resume-f {
        display: flex;
        flex-direction: column;
        width: 50%;
        padding: 0% 2% 1.5% 3.5%;
    }
    .xl-career-resume-f-h3 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 30px;
        letter-spacing: 1px;
        margin: 0px;
    }
    .xl-career-resume-f-h4 {
        font-family: 'Montserratbold', sans-serif !important;
        letter-spacing: 0.5px;
        font-size: 24px;
        color: #12007a;
        padding: 2.5% 0% 5% 0%;
        margin: 0%;
    }
    .xl-career-resume-f-qualification {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-career-resume-f-qualification-h3 {
        font-family: "Roboto-Black";
        color: #f16a28;
        font-size: 30px;
        letter-spacing: 1px;
        margin: 0px;
    }
    .xl-career-resume-f-qualification-ul {
        list-style: none;
        margin: 10px 0px 0px 20px;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 600;
        color: #12007a;
        font-size: 24px;
        padding: 0px;
        letter-spacing: 1px;
    }
    .xl-career-resume-f-qualification-ul-li {
        padding: 0% 0% 5% 0%;
        list-style: "\2022\0020";
    }
    .xl-career-resume-f-qualification-ul-li-ENDING {
        padding: 0% 0% 3% 0%;
        list-style: "\2022\0020";
    }
    .xl-career-resume-s {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 50%;
        padding: 0% 3% 1.5% 2%;
    }
    .xl-career-resume-s-h3 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 30px;
        letter-spacing: 1px;
        margin: 0px;
        padding: 0% 0% 3% 0%;
    }
    .xl-career-resume-s-form {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0% 7% 0% 7%;
        align-items: center;
    }
    .xl-career-resume-s-form-input {
        width: 100%;
        padding: 15px;
        background-color: #eeeeee;
        border: none;
        outline: none;
        border-bottom: 3px solid #a2a2a2;
        font-size: 18px;
        margin: 0px 0px 20px 0px;
    }
    .xl-career-resume-s-form-input-left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .xl-career-resume-s-form-input::placeholder {
        color: #a5a5a5;
        font-size: 18px;
    }
    .xl-career-resume-s-form-input-ending {
        margin: 0px 0px 0px 0px;
    }
    .xl-career-resume-s-form-filetype {
        font-family: 'Montserratbold', sans-serif !important;
        margin: 5px 0px 5px 0px;
        font-size: 14px;
    }
    .xl-career-resume-s-form-file {
        font-size: 18px;
    }
    .xl-career-resume-s-form-check {
        font-family: 'Montserratbold', sans-serif !important;
        margin: 20px 0px 20px 0px;
        font-size: 14px;
    }
    .xl-career-resume-s-form-check-error {
        font-family: 'Montserratbold', sans-serif !important;
        margin: 20px 0px 20px 0px;
        font-size: 14px;
        color: red;
        font-weight: bold;
    }
    .xl-career-resume-s-form-submit {
        color: white;
        width: 100%;
        background-color: #f16a28;
        padding: 1%;
        border: none;
        border-radius: 5px;
        font-size: 30px;
        font-family: "MADETOMMY-Black";
        cursor: pointer;
    }
    /*-------------------------------------------------------------------------------------------- ENDING CAREER PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING ABOUT US PAGE --------------------------------------------------------------------------------------------*/
    .container-xl-banner {
        width: 100%;
    }
    .xl-banner-f-bgpic {
        background-image: url("../images/Aboutus-Page/Aboutus-Banner.jpg");
        width: 100%;
        height: auto;
        background-position: 25% 45%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .xl-banner-f-h1 {
        margin: 0%;
        background: rgba(0, 0, 0, 0.65);
        color: white;
        backdrop-filter: blur(5px);
        text-align: center;
        width: 100%;
        padding: 10% 10% 12.5% 10%;
        font-family: "MADETOMMY-Black";
        font-size: 5vw;
        text-decoration: underline;
        text-underline-offset: 10px;
    }
    .container-xl-intro {
        padding: 1% 0.8% 1% 0.8%;
        width: 100%;
    }
    .xl-intro-f {
        width: 100%;
        border: 2px solid #e5e5e5;
        border-width: 2px 2px 3.5px 2px;
        border-radius: 25px;
        box-shadow: 0px 15px 10px -15px #e5e5e5;
    }
    .xl-intro-f-p {
        margin: 0px;
        padding: 1.2%;
        font-size: 25px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #12007a;
        letter-spacing: 0.8px;
        line-height: 1.6;
    }
    .xl-intro-f-p-span {
        font-weight: bold;
        color: #f16a28;
    }
    .container-xl-history {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-history-f {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .xl-history-f-con-f {
        padding: 1% 0.8% 1.5% 2.5%;
        width: 42%;
        max-height: 450px;
    }
    .xl-history-f-con-f-aboutus {
        padding: 1% 0.8% 1.5% 2.5%;
        width: 42%;
        /*max-height: 450px;*/
    }
    .xl-history-f-con-s {
        padding: 0% 2.5% 0% 0.8%;
        /*width: 50%;*/
    }
    .xl-history-f-con-s-Main {
        padding: 1% 2.5% 1.5% 0.8%;
        /*width: 50%;*/
        width: 58%;
    }
    .xl-history-f-con-f-Micro {
        /*width: 50%;*/
        width: 100%;
    }
    .xl-history-f-con-s-Micro {
        padding: 1.5% 0% 1.5% 0%;
        /*width: 50%;*/
        width: 100%;
    }
    .xl-history-f-con-t-Micro {
        /*width: 50%;*/
        width: 100%;
    }
    .xl-history-f-con-img {
        width: 100%;
        height: 100%;
        border-radius: 25px;
        object-fit: cover;
    }
    .xl-history-f-con-bor {
        padding: 0% 3.5% 0% 3.5%;
        /*border: 2px solid #e5e5e5;*/
        /*border-width: 0px 2px 3.5px 2px;*/
        /*box-shadow: 0px 15px 10px -10px #e5e5e5;*/
        /*border-radius: 25px;*/
        /*height: 100%;*/
    }
    .accordion {
        display: none;
    }
    .xl-history-f-con-text {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .xl-history-f-con-text-f {
        width: 90%;
        text-align: center;
    }
    .xl-history-f-con-text-s {
        width: 90%;
        text-align: center;
        padding: 1% 0% 1% 0%;
    }
    .xl-history-f-con-text-t {
        width: 90%;
        text-align: center;
    }
    .xl-history-f-con-content-city {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 800;
        font-style: italic;
    }
    .xl-history-f-con-content-Micro {
        font-size: 1.3vw;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
    }
    .xl-history-f-con-content-Micro-Imus {
        font-size: 1.3vw;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
    }
    .xl-history-f-con-content {
        font-size: 1.3vw;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
    }
    .xl-history-f-con-pictures {
        display: flex;
        flex-direction: row;
        padding-top: 2%;
        width: 100%;
    }
    .xl-history-f-con-pictures-f {
        width: 33.3%;
        text-align: right;
    }
    .xl-history-f-con-pictures-s {
        width: 33.3%;
        text-align: center;
    }
    .xl-history-f-con-pictures-t {
        width: 33.3%;
        text-align: left;
    }
    .xl-history-f-con-pictures-f-class {
        width: 85%;
        min-height: 300px;
        max-height: 300px;
        border-radius: 25px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }
    .xl-history-f-con-pictures-f-class:hover {
        transform: scale(1.1);
    }
    .xl-history-f-con-h1 {
        margin: 2% 0% 0% 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 800;
        letter-spacing: -1px;
        color: #12007a;
        font-size: 4.5vw;
        text-align: center;
    }
    .xl-history-f-con-p {
        font-size: 25px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        text-align: justify;
        overflow: hidden;
    }
    .xl-history-f-con-p-elip {
        display: -webkit-box;
        -webkit-line-clamp: 15;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .fix-height {
        height: 600px;
    }
    .xl-area-avail-contain-mobile {
        display: none;
    }
    .xl-area-avail-contain {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .expandable {
        overflow: hidden;
        /* all style changes will ease-in-out for 1s */
        -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s;
    }
    #grow {
        -moz-transition: height .5s;
        -ms-transition: height .5s;
        -o-transition: height .5s;
        -webkit-transition: height .5s;
        transition: height .5s;
        overflow: hidden;
        text-align: justify;
    }
    .xl-history-f-con-p-span {
        font-weight: bolder !important;
        color: #f16a28;
    }
    .xl-history-f-con-h3 {
        font-family: "MADETOMMY-Black";
        letter-spacing: 1px;
        color: #2b2b2b;
        margin-top: 10px;
        float: right;
        cursor: pointer;
    }
    .xl-history-f-con-p-middle {
        font-size: 25px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        padding: 3% 0% 3% 0%;
    }
    .xl-history-s {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
    }
    .xl-history-s-mobileview {
        display: none;
    }
    .xl-history-s-con-f {
        padding: 1.5% 2.5% 1.5% 1.3%;
        width: 50%;
    }
    .xl-history-s-con-s {
        padding: 1.5% 1.3% 1.5% 2.5%;
        width: 50%;
    }
    .xl-history-t {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .xl-history-t-con-f {
        padding: 1.5% 1.3% 1.5% 2.5%;
        width: 50%;
    }
    .xl-history-t-con-s {
        padding: 1.5% 2.5% 1.5% 1.3%;
        width: 50%;
    }
    /* AREA AVAILABILITY */
    .container-xl-area-avail {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-area-avail-h1 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 4.5vw;
        margin: 2% 0% 1.3% 0%;
    }
    .xl-area-avail-h2 {
        font-size: 3.5vw;
        font-family: "MADETOMMY-Black";
        margin: 1.3% 0% 2.6% 0%;
        color: #12007a;
        text-align: center;
    }
    .xl-area-avail-h2-img-mobile {
        width: 20vw;
        vertical-align: baseline;
    }
    .xl-area-avail-h1-mobile {
        display: none;
    }
    .xl-area-avail-h2-mobile {
        display: none;
    }
    .xl-area-avail-span {
        font-family: "MADETOMMY-Black";
        color: #f16a28;
    }
    /*SELECT*/
    .xl-area-avail-select-city {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 10px;
        padding: 0.8%;
        width: 30vw;
        border: 1.8px solid #658dfe;
        margin-bottom: 0.8%;
        font-size: 1.5vw;
    }
    .xl-area-avail-select-barangay {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 10px;
        padding: 0.8%;
        width: 30vw;
        border: 1.8px solid gray;
        margin-bottom: 0.8%;
        font-size: 1.5vw;
    }
    .xl-area-avail-select-subdivision {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 10px;
        padding: 0.8%;
        width: 30vw;
        border: 1.8px solid gray;
        margin-bottom: 0.8%;
        font-size: 1.5vw;
    }
    .xl-area-avail-select,
    .xl-area-avail-select option {
        color: #000000;
    }
    .xl-area-avail-select:invalid,
    .xl-area-avail-select option[value=""] {
        color: #999999;
    }
    /*Added for browser compatibility*/
    .xl-area-avail-select option[hidden] {
        display: none;
    }
    .xl-area-avail-button {
        border: none;
        background-color: gray;
        color: white;
        padding: 0.4% 0.9% 0.4% 0.9%;
        font-size: 1.8vw;
        border-radius: 8px;
        cursor: pointer;
        margin: 0.3% 0% 1.5% 0%;
        transition: all 1s;
    }
    .xl-area-avail-button-hover:hover {
        transform: scale(1.2);
    }
    .xl-area-avail-h4-not {
        display: none;
        font-size: 2vw;
        font-family: 'Montserratbold', sans-serif !important;
        color: #f44336;
        margin: 0% 0% 0.5% 0%;
    }
    .xl-area-avail-h4-good {
        display: none;
        font-size: 2vw;
        font-family: 'Montserratbold', sans-serif !important;
        color: #32ba7c;
        margin: 0% 0% 0.5% 0%;
    }
    .xl-area-avail-img {
        width: 18px;
        margin-right: 3px;
    }
    .xl-area-avail-h3-brgy {
        font-family: "Made-Tommy-Soft";
        color: #12007a;
        font-size: 2.5vw;
        margin: 0%;
        text-transform: uppercase;
    }
    .xl-area-avail-h3-subd {
        font-family: "Made-Tommy-Soft";
        color: #12007a;
        font-size: 2.5vw;
        margin: 0%;
        text-transform: uppercase;
    }
    .accordion-trigger-area {
        display: none;
    }
    .xl-area-avail-button-apply {
        display: none;
        cursor: pointer;
        padding: 0.3% 0.6% 0.3% 0.6%;
        font-size: 2vw;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        color: white;
        background-color: #ff7e00;
        border-radius: 10px;
        width: 17vw;
        text-align: left;
        padding-left: 1.5em;
        padding-right: 0.5em;
        text-indent: -1em;
        margin: 1.5% 0% 1.5% 0%;
        border: 1px solid #fff;
        box-shadow: 0px 15px 10px -7px #e6e6e6;
        transition: all 1s;
    }
    .xl-area-avail-button-apply-img {
        width: 16%;
        padding-right: 3%;
    }
    .xl-area-avail-button-apply-div {
        transition: transform .2s;
    }
    .xl-area-avail-button-apply:hover {
        transform: scale(1.2);
    }
    /* AREA AVAILABILITY */
    /*-------------------------------------------------------------------------------------------- ENDING ABOUT US PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING INDEX PAGE --------------------------------------------------------------------------------------------*/
    .index-xl-plans-f-x {
        width: 55%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        margin: auto;
    }
    .index-xl-plans-f-x-img {
        width: 35%;
        padding: 0% 1.5% 0% 0%;
    }
    .index-xl-plans-f-x-h1 {
        color: #12007a;
        font-family: "MADETOMMY-Black";
        margin: 0px;
        font-size: 4.5vw;
    }
    /* SERVICES */
    .container-xl-index-services {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-index-f {
        width: 100%;
        text-align: center;
    }
    .xl-index-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 4.5vw;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
    }
    .xl-index-s {
        width: 94%;
        display: flex;
        justify-content: center;
    }
    .xl-index-service-mobile-view {
        display: none;
    }
    .xl-index-s-div {
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0% 3% 1.5% 3%;
        text-align: center;
    }
    .xl-index-s-div-image {
        width: 75%;
    }
    .xl-index-s-div-h3 {
        font-family: "MADETOMMY-Black";
        font-size: 2.5vw;
        color: #12007a;
        margin: 0px;
    }
    .xl-index-s-div-h3-s {
        font-family: "MADETOMMY-Black";
        font-size: 1.1rem;
        color: #12007a;
        margin: 0px;
    }
    .xl-index-s-div-h5 {
        margin: 0px;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 1.6vw;
        color: #6b6b6b;
        text-align: center;
        padding: 2% 0% 0% 0%;
    }
    /* NEWS */
    .xl-index-news-mobile-view {
        display: none;
    }
    .container-xl-index-news {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-index-news-f {
        width: 100%;
        text-align: center;
    }
    .xl-index-news-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 4.5vw;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
        margin: 2% 0% 0.3% 0%;
    }
    .xl-index-news-s {
        width: 80%;
        text-align: center;
    }
    .xl-index-news-s-h1 {
        margin: 0% 0% 1% 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 700;
        font-size: 2.3vw;
        color: #4b4b4b;
        text-align: center;
    }
    .xl-index-news-t {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-bottom: 0.8%;
    }
    .xl-index-news-t-arrows {
        display: none;
    }
    .xl-index-news-t-full {
        width: 94%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .xl-index-news-t-div {
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
    }
    .xl-index-news-t-div-body {
        margin: 7% 5% 5% 5%;
        border-radius: 20px;
        box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.1);
        /*text-align: center;*/
        cursor: pointer;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body:hover {
        transform: scale(1.1);
        /*background-color: #060a92;*/
    }
    .xl-index-news-t-div-body:hover>.xl-index-news-t-div-one>.xl-index-news-t-div-body-date>.xl-index-news-t-div-body-date-span {
        color: white;
    }
    .xl-index-news-t-div-body:hover>.xl-index-news-t-div-one>.xl-index-news-t-div-body-date {
        background-color: #060a92;
    }
    /*.xl-index-news-t-div-body:hover > .xl-index-news-t-div-sec > .xl-index-news-t-div-sec-body-f > .xl-index-news-t-div-sec-title*/
    /*{*/
    /*    color: white;*/
    /*}*/
    /*.xl-index-news-t-div-body:hover > .xl-index-news-t-div-sec > .xl-index-news-t-div-sec-body-s > .xl-index-news-t-div-body-span*/
    /*{*/
    /*    color: white;*/
    /*}*/
    /*.xl-index-news-t-div-body:hover > .xl-index-news-t-div-sec > .xl-index-news-t-div-sec-body-t > .xl-index-news-t-div-body-span-sec*/
    /*{*/
    /*    color: white;*/
    /*}*/
    .xl-index-news-t-div-one {
        width: 100%;
        min-height: 250px;
        max-height: 250px;
    }
    .xl-index-news-t-div-body-date {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 50px;
        height: 50px;
        padding: 1.5%;
        background-color: white;
        border-radius: 20px 0px 0px 0px;
        -webkit-border-radius: 20px 0px 0px 0px;
        -moz-border-radius: 20px 0px 0px 0px;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-date-span {
        font-family: "Roboto-Bold" !important;
        font-size: 1rem;
        color: #12007a;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-img {
        width: 100%;
        min-height: 250px;
        max-height: 250px;
        border-radius: 20px 20px 0px 0px;
        object-fit: cover;
    }
    .xl-index-news-t-div-sec {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-index-news-t-div-sec-body-l {
        padding: 10% 5% 0% 5%;
    }
    .xl-index-news-t-div-sec-body-f {
        padding: 1% 5% 0% 5%;
    }
    .xl-index-news-t-div-sec-body-s {
        padding: 3% 5% 3% 5%;
        min-height: 6vh;
    }
    .xl-index-news-t-div-sec-body-t {
        padding: 0% 5% 3% 5%;
        min-height: 35px;
    }
    .xl-index-news-t-div-sec-title {
        margin: 0px;
        font-family: "MADETOMMY-Black" !important;
        font-size: 1.6vw;
        color: #484848;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-span {
        margin: 0px;
        font-family: "Roboto-Medium" !important;
        font-size: 1.4vw !important;
        color: #484848;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* number of lines to show */
        line-clamp: 3;
        -webkit-box-orient: vertical;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-span-sec {
        margin: 0px;
        font-family: "Roboto-Medium" !important;
        font-size: 1.2vw;
        color: #484848;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0% 0% 1.5% 0%;
    }
    .xl-index-news-btn-f {
        border-radius: 50px !important;
        border: solid white !important;
        background: #12007a !important;
        color: white !important;
        font-size: 2.5vw !important;
        font-weight: 800 !important;
        padding: 0.3% 1.1% 0.3% 1.1%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-btn-f:hover {
        transform: scale(1.1);
    }
    /*-------------------------------------------------------------------------------------------- ENDING INDEX PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING SUPPORT PAGE --------------------------------------------------------------------------------------------*/
    .xl-index-news-s-h1-support {
        color: #12007a;
    }
    .xl-index-news-f-h1-support {
        font-family: "MADETOMMY-Black";
        font-size: 3rem;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
        margin: 3% 0% 0% 0%;
    }
    .container-xl-support-faq {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-support-f {
        text-align: center;
    }
    .xl-support-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 3rem;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
    }
    .xl-support-f-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 2rem;
        color: #2b2b2b;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
    }
    .xl-support-s {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
    }
    .xl-support-s-f {
        width: 100%;
        margin: 0% 2% 0% 2%;
    }
    .xl-support-s-s {
        width: 100%;
        margin: 0% 2% 0% 2%;
    }
    .xl-support-s-f-div {
        padding: 1% 2% 1% 2%;
        margin-bottom: 3%;
        border-radius: 15px;
        box-shadow: 0px 4px 21px -6px rgba(115, 89, 89, 0.75);
        -webkit-box-shadow: 0px 4px 21px -6px rgba(115, 89, 89, 0.75);
        -moz-box-shadow: 0px 4px 21px -6px rgba(115, 89, 89, 0.75);
    }
    .xl-support-s-f-div-f {
        width: 100%;
        display: flex;
    }
    .xl-support-s-f-div-title {
        width: 100%;
    }
    .xl-support-s-f-div-img {
        float: right;
    }
    .xl-support-s-f-div-h3 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 2rem;
        color: #12007a;
    }
    .xl-support-s-f-div-span {
        display: none;
    }
    .xl-contact-s-support {
        width: 90vw;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    .xl-contact-xx-support {
        width: 100%;
        display: flex;
        justify-content: center;
        height: auto;
        align-items: center;
        flex-direction: column;
    }
    .xl-contact-form-h2-support {
        margin: auto;
        font-size: 2.5vw;
        font-weight: 800 !important;
        letter-spacing: 1px;
        padding-bottom: 0.8rem;
        color: #2b2b2b;
    }
    .xl-contact-form-support {
        width: 100%;
        margin: 3% 0% 2% 0%;
        box-shadow: 1.5px 0.3px 3.125px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-contact-h1-support {
        font-family: "Made-Tommy-Soft";
        color: #2a2a2a;
        font-size: 22px;
        text-align: center;
        margin: auto;
    }
    .xl-contact-icon-support {
        width: 4vw;
    }
    .banner-support {
        width: 100%;
    }
    /*-------------------------------------------------------------------------------------------- ENDING SUPPORT PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING MOBILE APP PAGE --------------------------------------------------------------------------------------------*/
    .container-xl-mobileapp {
        margin: 2% 0% 2% 0%;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-mobileapp {
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-mobileapp-f {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .xl-mobileapp-s {
        width: 100%;
    }
    .xl-mobileapp-f-img {
        width: 18%;
    }
    .xl-mobileapp-f-h1 {
        color: #12007a;
        font-size: 4vw;
        font-family: "MADETOMMY-Black";
        margin: 0px;
        padding-left: 3%;
    }
    .xl-mobileapp-f-img-phone {
        width: 35%;
        margin-top: 2%;
    }
    .xl-mobileapp-f-img-phone-mobile {
        display: none;
    }
    .xl-mobileapp-f-sub {
        width: 56%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .xl-mobileapp-f-sub-div {
        margin: 3% 0% 0% 0%;
    }
    .xl-mobileapp-f-sub-div-h1 {
        font-family: "MADETOMMY-Light";
        font-weight: 700;
        color: #12007a;
        font-size: 2vw;
        text-align: center;
        margin: 0%;
    }
    .xl-mobileapp-f-sub-div-buttons {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-two-s-div-img {
        width: 16vw;
        cursor: pointer;
        padding: 0% 3% 0% 3%;
    }
    .accordion-content-area-PC {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 500ms;
    }
    .accordion-content-area-PC[aria-hidden="false"] {
        grid-template-rows: 1fr;
    }
    .accordion-content-area-PC>div {
        overflow: hidden;
    }
    .accordion-area-PC {
        width: 100%;
    }
    .accordion-panel-area-PC {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* STARTING TERMS AND CONDITION */
    .container-tercon {
        width: 100%;
        margin-top: 2%;
        margin-bottom: 5%;
    }
    .xl-tercon-f {
        width: 100%;
        padding: 0% 10%;
    }
    .xl-tercon-f-title {
        text-align: center;
        padding: 10% 0% 10% 0%;
    }
    .xl-tercon-f-title-h1 {
        font-weight: 700;
        font-size: 3vw;
    }
    .xl-tercon-f-minititle {
        text-align: center;
        padding: 5% 0% 1% 0%;
    }
    .xl-tercon-f-minititle-h3 {
        font-size: 2vw;
        text-decoration: underline;
    }
    .xl-tercon-f-content {
        text-align: justify;
        font-size: 1.5vw;
    }
    .xl-tercon-f-content p {
        margin: 4% 0% 0% 0%;
    }
    .xl-tercon-s {
        width: 100%;
        padding: 0% 10%;
    }
    .xl-tercon-s-minititle {
        text-align: center;
        margin: 10% 0% 5% 0%;
    }
    .xl-tercon-s-minititle-h3 {
        font-size: 2vw;
        text-decoration: underline;
    }
    .xl-tercon-s-content {
        text-align: justify;
        font-size: 1.5vw;
    }
    .xl-tercon-s-content p {
        margin: 4% 0% 0% 0%;
    }
    .xl-tercon-s-content-bold {
        font-weight: 700;
    }
    .xl-tercon-s-content-second {
        text-align: justify;
        font-size: 1.5vw;
        margin: 6% 0% 0% 0%;
    }
    .xl-tercon-s-content-second p {
        margin: 0.5% 0% 0% 0%;
    }
    .xl-tercon-s-content-second-bold {
        font-weight: 700;
    }
    /* ENDING TERMS AND CONDITION */
    /* STARTING PRIVACY AND POLICY */
    .container-privacy {
        width: 100%;
        margin-bottom: 3%;
    }
    .xl-privacy-f {
        margin-left: 8%;
        margin-right: 8%;
    }
    .xl-privacy-f-title {
        text-align: center;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .xl-privacy-f-title-h1 {
        font-weight: 700;
        font-size: 4vw;
        margin: 0%;
    }
    .xl-privacy-f-mini-content {
        text-align: justify;
        text-align-last: center;
        font-size: 2.5vw;
    }
    .xl-privacy-f-mini-content p {
        margin: 0%;
    }
    .xl-privacy-f-order-content {
        margin-top: 4%;
    }
    .xl-privacy-f-li {
        font-size: 2.3vw;
        margin-top: 9%;
        text-align: justify;
    }
    .xl-privacy-f-li span {
        display: block;
        margin-top: 3%;
    }
    .xl-privacy-f-li-inside {
        font-size: 2.3vw;
        margin-top: 6%;
        text-align: justify;
    }
    .xl-privacy-f-li-inside span {
        display: block;
        margin-top: 3%;
    }
    .xl-privacy-f-ol {
        padding: 0%;
    }
    .xl-privacy-f-ol-inside {
        padding-left: 2%;
    }
    /* ENDING PRIVACY AND POLICY */
    .xl-plans-t-x-terms {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .xl-plans-img-tercon {
        width: 100%;
    }
    .xl-plans-img-tercon-mobile {
        display: none;
    }
}

/*ENDING 1280px*/

/*-------------------------------------------------------------------------------------------- ENDING Small Screen STYLE --------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------- 769px - 1024px Small Screen --------------------------------------------------------------------------------------------*/

@media (min-width: 1025px) and (max-width: 1280px) {
    /*-------------------------------------------------------------------------------------------- STARTING INDEX PAGE --------------------------------------------------------------------------------------------*/
    /*---------------------------- STARTING NAV FB NUMBER CSS ----------------------------*/
    .container-xl-navFB {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-nav-lite {
        font-weight: bolder !important;
    }
    .xl-nav-hamburger {
        display: none;
    }
    .xl-nav-hamburger-bar {
        display: none;
    }
    .xl-nav-menu-mobile {
        display: none;
    }
    .xl-nav-menu-mobile-div {
        display: none;
    }
    .xl-navFB-f {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin: 0.3% 3% 0.3% 0.5%;
    }
    .xl-navFB-f-a {
        color: darkblue;
        font-weight: bolder;
        font-size: 18px;
        padding: 0% 0% 0% 0.4%;
        font-family: 'Montserrat', sans-serif !important;
    }
    .xl-navFB-f-a2 {
        color: darkblue;
        font-weight: bolder;
        font-size: 18px;
        padding: 0% 3% 0% 0.4%;
        font-family: 'Montserrat', sans-serif !important;
    }
    .xl-nav-icon-support {
        width: 23px;
    }
    .xl-nav-number {
        color: #01008c;
        font-weight: bold;
    }
    .xl-nav-icon-support-tele {
        width: 22px;
        vertical-align: middle;
    }
    .carousel-indicators {
        z-index: 2 !important;
    }
    .carousel-indicators [data-bs-target] {
        margin-right: 7px;
        margin-left: 7px;
        height: 5px;
    }
    .space-nav {
        margin: 0% 0.2% 0% 0.2%;
    }
    /*---------------------------- ENDING NAV FB NUMBER CSS ----------------------------*/
    /*---------------------------- STARTING NEW NAVIGATIONAL CSS ----------------------------*/
    .container-xl-navigation {
        display: flex;
        justify-content: center;
        width: 100%;
        flex-direction: column;
    }
    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 3 !important;
    }
    .pull-right {
        float: right;
    }
    .xl-nav {
        display: flex;
        flex-direction: row;
        width: 100%;
        min-height: 90px;
        background-image: url('../images/Navigational/header-background.jpg');
    }
    .xl-nav-all-pic {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 14.28%;
        padding: 0.5%;
        padding-left: 5%;
    }
    .xl-nav-all-pic-FB {
        height: 5vw;
    }
    .nav-pad-left {
        padding-left: 5%;
    }
    .xl-nav-all-text {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 14.28%;
    }
    .xl-nav-all-text-F {
        padding-left: 4%;
    }
    .xl-nav-all-a {
        text-decoration: none;
        font-family: 'montserrat', sans-serif !important;
        font-size: 1.3vw;
        font-weight: 700;
        color: white;
        background: transparent;
        cursor: pointer;
    }
    .xl-nav-all-text:hover .dropdown-content-a {
        display: block;
    }
    .dropdown-content-a {
        display: none;
        position: absolute;
        background-color: #111499;
        min-width: 210px;
        margin-top: 1.93rem;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 10;
    }
    .dropdown-fix {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .dropdown-fix-a {
        text-decoration: none;
        color: white;
        font-family: 'montserrat', sans-serif !important;
        font-size: 1.25vw;
        font-weight: 700;
        padding: 20px 30px 20px 20px;
        cursor: pointer;
    }
    .dropdown-fix-a:hover {
        background-color: #ff7e00;
    }
    .active {
        background-color: #ff7e00;
    }
    /*---------------------------- ENDING OLD NAVIGATIONAL CSS ----------------------------*/
    .carousel-control-prev-icon {
        background-image: url("../images/Navigational/Nav-Larrow.png") !important;
        width: 4rem !important;
        height: 4rem !important;
    }
    .carousel-control-next-icon {
        background-image: url("../images/Navigational/Nav-Rarrow.png") !important;
        width: 4rem !important;
        height: 4rem !important;
    }
    /*---------------------------- STARTING OLD NAVIGATIONAL CSS ----------------------------
.nav-pos-f
{
    padding-top: 0 !important;
    padding-right: 3rem !important;
    padding-left: 3rem !important;
    padding-bottom: 0.5rem !important;
}
.nav-pos-f-f
{
    margin-right: 1rem;
    margin-left: 10rem;
    font-size: 1.25rem;
    white-space: nowrap;
    margin-top: 0.5rem !important;
    padding: 0;
    padding-right: 1.5rem !important;
}
.nav-pos-f-a
{
    text-decoration: none;
    font-family: 'montserrat', sans-serif !important;
    font-size: 18px;
    font-weight: 500;
}
---------------------------- ENDING OLD NAVIGATIONAL CSS ----------------------------*/
    /*---------------------------- STARTING ABOUT US CSS ----------------------------*/
    .container-xl-about {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 2% 0 0.5% 0;
        flex-direction: column;
    }
    .xl-about-f {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-about-fx {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row-reverse;
    }
    .xl-about-h1 {
        font-family: "Roboto-Bold";
        color: #12007a;
        text-align: center;
        font-weight: 900 !important;
        font-size: xxx-large;
        margin: auto;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .xl-about-x {
        height: 100%;
        width: 100%;
    }
    .xl-about-x {
        height: 100%;
        width: 100%;
    }
    .xl-aboutimg-x {
        margin: 1.5rem 1.5rem 1.5rem 3.5rem;
        height: 89%;
    }
    .xl-aboutimg-xx {
        margin: 1.5rem 3.5rem 1.5rem 1.5rem;
        height: 89%;
    }
    .xl-about-img {
        width: 100%;
        height: 100%;
    }
    .xl-aboutP-x {
        margin: 1.5rem 3.5rem 1.5rem 1.5rem;
        height: 89%;
        box-shadow: 1.5px 0.3px 3.125px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-aboutP-xx {
        margin: 1.5rem 1.5rem 1.5rem 3.5rem;
        height: 89%;
        box-shadow: 1.5px 0.3px 3.125px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-aboutP-xxx {
        height: auto;
        width: 100%;
        line-height: 35px;
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
        padding-bottom: 1.5rem !important;
        padding-top: 2rem !important;
    }
    .orange-text {
        color: #f16a28 !important;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 900 !important;
        margin: auto;
    }
    .about-prx {
        font-size: 20px;
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 600 !important;
        margin-bottom: 0.5rem !important;
    }
    .about-prxl {
        font-weight: 800 !important;
    }
    .hr-line {
        border: 1px solid #d3d3d3;
    }
    /*---------------------------- ENDING ABOUT US CSS ----------------------------*/
    /*---------------------------- STARTING CONTACT US CSS ----------------------------*/
    .container-xl-contact {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin: 1rem 0rem 1.5rem 0rem;
    }
    .xl-contact-x {
        width: 80%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }
    .xl-contact-xx {
        width: 120%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }
    .xl-contact-f-icon {
        width: 10%;
        margin-top: 0.4%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-f-icon-mobile {
        display: none;
    }
    .xl-contact-f {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-fx {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-contact-h1 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        text-align: center;
        font-size: 4.5vw;
        font-weight: bolder;
        margin: 0%;
    }
    .xl-contact-s {
        width: 100%;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    .xl-contact-if {
        border-radius: 15px !important;
        border: 0;
        width: 100%;
        margin: 1.5rem 1.5rem 1.5rem 1.5rem;
    }
    .xl-contact-form {
        width: 100%;
        margin: 4% 4% 4% 0%;
        box-shadow: 1.5px 0.3px 1.5px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-contact-form-all {
        width: 100%;
        padding: 4%;
    }
    .xl-contact-form-x {
        width: 100%;
        font-family: 'montserrat', sans-serif !important;
    }
    .xl-contact-form-h2 {
        margin: auto;
        font-size: 1.8vw;
        font-weight: 800 !important;
        letter-spacing: 1px;
        padding-bottom: 0.8rem;
        color: #2b2b2b;
    }
    .xl-contact-form-span {
        margin: auto;
        font-size: 20px;
    }
    .xl-contact-form-xx {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-contact-form-xx-f {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-contact-form-xx-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-contact-form-xx-text {
        height: 100%;
        width: 37vw;
        border-radius: 10px;
        border: 1px solid grey;
        margin: 1rem 1rem 1rem 0rem;
        font-size: 2vw;
        padding: 1rem;
    }
    .xl-contact-form-xx-text-Mirco {
        height: 100%;
        width: 25vw;
        border-radius: 10px;
        border: 1px solid grey;
        margin: 0.5rem 0.5rem 0.5rem 0rem;
        font-size: 1.5vw;
        padding: 4%;
    }
    .xl-contact-form-xx-textA {
        height: 55%;
        width: 100%;
        border-radius: 10px;
        margin: 1rem 0rem 1.5rem 0rem;
        font-size: 20px;
        resize: none;
        padding: 1rem;
    }
    .xl-contact-form-xx-text-select {
        width: 100%;
        height: 3rem;
        border: 1px solid grey;
        background: white;
        border-radius: 10px;
        font-size: 20px;
        padding: 0.5rem 1rem 0.5rem 1rem;
        margin: 1rem 0rem 0rem 0rem;
        appearance: none;
        background-image: url("../images/Others/Down-Arrow.png");
        background-repeat: no-repeat;
        background-position: right 0.7rem top 50%;
        background-size: 1rem auto;
    }
    .form-1rem {
        padding: 1rem !important;
        background-image: none;
        display: none;
    }
    .xl-contact-form-xxx {
        text-align: center;
    }
    .xl-contact-form-xx-textA-Micro {
        height: 40%;
        width: 100%;
        border-radius: 10px;
        margin: 0.5rem 0rem 1rem 0rem;
        font-size: 1.5vw;
        resize: none;
        padding: 1rem;
    }
    .xl-contact-form-xx-button {
        margin-bottom: 20px;
        border: 2px solid black;
        border-radius: 30px;
        background-color: #f16a28;
        color: white;
        font-size: 2.5vw;
        border-color: orangered;
        padding: 1.5% 3% 1.5% 3%;
        transition: all 0.3s ease-in-out;
    }
    .xl-contact-form-xx-button-Micro {
        margin-bottom: 20px;
        border: 2px solid black;
        border-radius: 30px;
        background-color: #f16a28;
        color: white;
        font-size: 1.8vw;
        border-color: orangered;
        padding: 1.5% 3% 1.5% 3%;
        transition: all 0.3s ease-in-out;
    }
    .xl-contact-form-xx-button:hover {
        transform: scale(1.1);
    }
    .response_form_success {
        font-family: 'montserrat', sans-serif !important;
        font-weight: bold;
        font-size: 1.6vw;
        color: #5cb85c;
    }
    .response_form_failed {
        font-family: 'montserrat', sans-serif !important;
        font-weight: bold;
        font-size: 20px;
        color: #d9534f;
    }
    /*---------------------------- ENDING CONTACT US CSS ----------------------------*/
    /*OWL CAROUSEL*/
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 5px !important;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 15px !important;
        height: 15px !important;
        border: 2px solid #b2b1b4 !important;
        background: white !important;
    }
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #6c6b70 !important;
    }
    /*---------------------------- STARTING PLANS CSS ----------------------------*/
    .xl-plans-hide {
        display: none;
    }
    .xl-plans-t-x-terms {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .xl-plans-t-x-terms-container {
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: #f6f6f6;
    }
    .xl-plans-t-x-terms-container-lite {
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: #fbfbfb;
    }
    .xl-plans-t-x-terms-container-f {
        width: 50%;
    }
    .xl-plans-t-x-terms-container-f-pic1-lite {
        width: 80%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic1 {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-f-pic2 {
        width: 100%;
        height: auto;
    }
    .xl-plans-t-x-terms-container-s {
        width: 50%;
        display: flex;
        flex-direction: column;
    }
    .xl-plans-t-x-terms-container-s-f {
        width: 100%;
    }
    .xl-plans-t-x-terms-container-s-f .xl-plans-t-x-terms-container-f-pic1-mobile {
        display: none;
    }
    .xl-plans-t-x-terms-container-s-f-title1 {
        font-family: "Tango-Sans";
        font-weight: bolder;
        letter-spacing: 0.5vw;
        text-align: center;
        font-size: 5vw;
        color: #000267;
        margin: 3% 0% 0% 0%;
    }
    .xl-plans-t-x-terms-container-s-f-title2 {
        font-family: "Tango-Sans";
        font-weight: bold;
        letter-spacing: 0.2vw;
        text-align: center;
        font-size: 2.5vw;
        color: #000267;
        margin: 0% 0% 3% 0%;
    }
    .xl-plans-t-x-terms-container-s-s {
        width: 100%;
    }
    .xl-plans-t-x-terms-container-s-s-div {
        width: 100%;
        padding: 0% 8% 0% 8%;
    }
    .xl-plans-t-x-terms-container-s-s-div-h1 {
        text-align: center;
        font-family: "Tango-Sans";
        font-weight: 600;
        letter-spacing: 0.8px;
        font-size: 2.2vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1.2vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol i {
        font-family: "Roboto-Black-Italic" !important;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol-lite {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1.2vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol li:nth-child(2) {
        margin-top: 2.5%;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4 {
        font-family: "Roboto-Black";
        font-weight: bolder;
        margin-top: 5%;
        margin-left: 1.5vw;
        font-size: 1.5vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4-ent {
        font-family: "Roboto-Black";
        font-weight: bolder;
        margin-top: 5%;
        margin-left: 1.5vw;
        font-size: 1.5vw;
        color: #04775e;
    }
    .xl-plans-t-x-terms-container-s-s-div-h4-lite {
        font-family: "Tango-Sans";
        font-weight: bolder;
        margin-top: 5%;
        letter-spacing: 1.8px;
        margin-left: 1.5vw;
        font-size: 1.5vw;
        color: #323232;
        text-align: left;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2 {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2-ent {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2-lite {
        font-family: 'montserrat', sans-serif !important;
        font-weight: 600;
        text-align: justify;
        font-size: 1vw;
        color: #323232;
    }
    .xl-plans-t-x-terms-container-s-s-div-ol2 li:nth-child(1) {
        margin-top: 2%;
    }
    .xl-plans-fiberLite {
        width: 100%;
    }
    .xl-plans-fiberLite-picture {
        width: 100%;
    }
    .xl-plans-fiberLite-pictures {
        width: 100%;
    }
    .xl-plans-fiberLite-pictures-Mobile {
        display: none;
    }
    .xl-plans-fiberLite-content {
        width: 100%;
        margin-top: 1%;
        text-align: center;
    }
    .xl-plans-fiberLite-content-text-h2 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        color: #373737;
    }
    .xl-plans-fiberLite-content-text-h3 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 400 !important;
        font-style: italic;
        margin-top: 0.3%;
        color: #969696;
        font-size: 1.6vw;
    }
    .container-xl-plans {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .xl-plans-f {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 1% 0% 0% 0%;
    }
    .space-top {
        margin-top: 2%;
    }
    .xl-plans-f-x {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin: auto;
    }
    .xl-plans-f-x-img {
        width: 42%;
    }
    .xl-plans-f-x-h1-f {
        font-family: "MADETOMMY-Black";
        text-shadow: 0px 2px #E2DFD2;
        margin: auto;
        font-size: 4.5rem;
        padding: 20px 0px 15px 0px;
        color: #12007a;
    }
    .xl-plans-f-x-h1 {
        color: #4b4b4b;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        margin: auto;
        font-size: 2.3vw;
    }
    .xl-plans-s-mobileview {
        display: none;
    }
    .xl-plans-s {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 1% 0% 1% 0%;
    }
    .xl-plans-s-x {
        width: 29%;
        display: flex;
        flex-direction: column;
    }
    .xl-plans-laptop {
        width: 90% !important;
        /*margin-top: 9% !important;*/
    }
    .xl-plans-s-x-in {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .xl-plans-s-x-img {
        width: 90%;
        margin: 3%;
        /*box-shadow: 0px 2px 8px 1px #888888 !important;*/
        border-radius: 10% !important;
    }
    .xl-plans-s-x:hover {
        transition: 1s !important;
        -webkit-transform: scale(1.05) !important;
    }
    .xl-plans-s-x-p {
        font-size: 1.4vw;
        color: #464646;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        text-align: center;
        padding: 1% 5% 5% 5%;
        margin: auto;
    }
    .xl-plans-t {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0% 0% 1% 0%;
    }
    .xl-plans-t-x {
        width: 100%;
        text-align: center;
    }
    .xl-plans-t-x-h1 {
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder !important;
        margin: auto;
        font-size: 3vw;
    }
    .xl-plans-t-xx {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
    .xl-plans-t-xx-in-h1 {
        border-radius: 50rem !important;
        background: #F9F9F9 !important;
        color: #464646 !important;
        padding: 0.6rem 1rem 0.6rem 1rem !important;
        box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -webkit-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -moz-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        font-family: 'montserrat', sans-serif !important;
        font-weight: bolder !important;
        font-size: 1.6vw;
    }
    .xl-plans-t-x-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 400 !important;
        margin: 0.5% 0% 0% 0%;
        font-size: 1.4vw;
    }
    .xl-plans-t-xxx {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1% 0% 0.5% 0%;
    }
    .xl-plans-t-xxx-btn {
        border-radius: 50px !important;
        border: solid white !important;
        background: #12007a !important;
        color: white !important;
        font-size: 2.5vw !important;
        font-weight: 800 !important;
        padding: 0.3% 1.7% 0.3% 1.7%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
        transition: all 0.3s ease-in-out;
    }
    .xl-plans-t-xxx-btn:hover {
        transform: scale(1.1);
    }
    /*---------------------------- ENDING PLANS CSS ----------------------------*/
    /*---------------------------- STARTING OTHERS CSS ----------------------------*/
    .container-xl-others {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin: 2.5% 0% 0% 0%;
    }
    .xl-others-logo {
        width: 25%;
        height: auto;
        display: flex;
        justify-content: flex-end;
    }
    .xl-others-logo-a {
        text-align: center;
    }
    .xl-others-logo-img {
        width: 80%;
        height: auto;
        padding: 2%;
    }
    .xl-others-text {
        width: 75%;
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
    .xl-others-text-f {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0% 0% 0% 5%;
    }
    .xl-others-text-s {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0% 0% 0% 2.5%;
    }
    .xl-others-text-t {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .xl-others-text-in-x {
        width: 100%;
        display: flex;
        align-items: flex-start;
    }
    .xl-others-text-in-xx {
        width: 100%;
        height: 50%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .xl-others-text-h1 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        font-size: 2.1vw;
        width: 100%;
        margin: 0;
    }
    .xl-others-text-h3 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: normal;
        font-size: 1.5vw;
        width: 100%;
        margin: 0;
        text-decoration: none;
        cursor: pointer;
    }
    /*---------------------------- ENDING OTHERS CSS ----------------------------*/
    /*---------------------------- STARTING LOCATION CSS ----------------------------*/
    .container-xl-location {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 0%;
    }
    .xl-location-f {
        width: 100%;
        padding: 3% 3% 1% 3%;
    }
    .xl-location-f-h3 {
        color: #373737;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        font-size: 2.1vw;
        width: 100%;
        margin: 0;
    }
    .xl-location-s-mothF {
        display: flex;
        flex-direction: row;
    }
    .xl-location-s-mothS {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .xl-location-s-frame-moth {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .xl-location-s-frame-f-moth {
        width: 33%;
        display: flex;
        flex-direction: column;
        margin-top: 1%;
    }
    .xl-location-s {
        width: 100%;
        display: flex;
        justify-content: center;
        justify-content: flex-start;
        flex-direction: column;
        padding: 1% 3% 1% 3%;
    }
    .xl-location-s-frame {
        width: 34%;
        display: flex;
        flex-direction: column;
    }
    .xl-location-s-frame-f {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0% 10% 0% 0%;
        margin: 0% 0% 2.2% 0%;
    }
    .xl-location-s-frame-h2-bold {
        font-weight: 700 !important;
        font-style: italic;
    }
    .xl-location-s-frame-s {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 2.2% 0% 2.2% 0%;
        padding: 0% 10% 0% 0%;
    }
    .xl-location-s-frame-f-f {
        width: 100%;
        margin: 0% 0% 1% 0%;
    }
    .xl-location-s-frame-h2-f {
        color: #f16a28;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 100;
        font-size: 1.6vw;
        margin: 0;
        text-decoration: none;
    }
    .xl-location-s-frame-f-s {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 0% 0% 1% 0%;
        align-items: center;
    }
    .xl-location-s-frame-f-s-divf {
        width: 6%;
        text-align: center;
    }
    .xl-location-s-frame-f-s-divs {
        width: 95%;
        margin-left: 1.5%;
    }
    .xl-location-s-frame-f-s-img {
        width: 100%;
    }
    .xl-location-s-frame-f-s-img-mobile {
        display: none;
    }
    .xl-location-s-frame-f-s-h4 {
        color: #636365;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 100;
        font-size: 1.2vw;
        margin: 0;
    }
    .xl-location-s-frame-f-t {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .xl-location-s-frame-f-t-img {
        width: 7%;
        height: 80%;
        margin: 0.2% 0.6% 0% 0%;
    }
    .xl-location-s-frame-f-t-h2 {
        color: #12007a;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        font-size: 1.4vw;
        width: 100%;
        margin: 0%;
    }
    /*---------------------------- ENDING OTHERS CSS ----------------------------*/
    /*---------------------------- STARTING FOOTER CSS ----------------------------*/
    .container-xl-footer {
        width: 100%;
        background-color: #1a1a1a;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-footer-frame {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40%;
        padding: 1.5%;
    }
    .xl-footer-frame-h4 {
        margin: 0%;
        width: 100%;
        color: white;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 1.2vw;
        text-align: center;
    }
    .xl-footer-frame-h4 .xl-footer-frame-h4-bold {
        font-family: "Montserrat-Bold-Italic";
        font-weight: 800;
    }
    .xl-footer-frame-A {
        text-decoration: none;
        color: white;
        padding: 0% 3% 0% 3%;
    }
    /*---------------------------- ENDING FOOTER CSS ----------------------------*/
    /*-------------------------------------------------------------------------------------------- ENDING INDEX PAGE --------------------------------------------------------------------------------------------*/
    /*------ PER PAGES ------*/
    /*-------------------------------------------------------------------------------------------- STARTING ENTERPRISE PAGE --------------------------------------------------------------------------------------------*/
    .xl-plans-t-xxx-btn-enterprise {
        border-radius: 50px !important;
        border: solid white !important;
        background: #087757 !important;
        color: white !important;
        font-size: 2.5vw !important;
        font-weight: 800 !important;
        padding: 0.3% 1.7% 0.3% 1.7%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
    }
    .xl-plans-t-x-h1-enterprise-mobile {
        display: none;
    }
    .xl-plans-t-x-h1-enterprise {
        color: #087757;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bold !important;
        margin: 0% 0% 0.25% 0%;
        font-size: 2.5vw;
    }
    .xl-plans-t-x-h1-enterprise-between-f {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder !important;
        font-style: italic;
        color: #087757;
        margin: auto;
        font-size: 2.5vw;
    }
    .xl-plans-t-x-h1-enterprise-between-s {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder !important;
        color: #087757;
        margin: auto;
        font-size: 2.5vw;
    }
    .xl-plans-f-x-h1-enterprise {
        color: #474747;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 500 !important;
        margin: auto;
        font-size: 2.3vw;
    }
    .xl-plans-f-f-x-h1-enterprise {
        color: #087757;
        font-family: "MADETOMMY-Black";
        text-shadow: 0px 2px #E2DFD2;
        margin: auto;
        font-size: 4.5vw;
        /*padding: 20px 0px 15px 0px;*/
    }
    .xl-plans-t-xx-in-h1-enterprise {
        border-radius: 50rem !important;
        background: #F9F9F9 !important;
        color: #464646 !important;
        padding: 0.8rem !important;
        box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -webkit-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        -moz-box-shadow: 0px 5px 10px -3px rgba(206, 212, 210, 1);
        font-family: 'montserrat', sans-serif !important;
        font-weight: bolder !important;
        font-size: 1.6vw;
        margin: 0.5% 1% 0.5% 0.5%;
    }
    .xl-plans-t-xx-in-h1-enterprise-mobile {
        display: none;
    }
    .xl-plans-t-x-h3-enterprise {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: normal;
        margin: 1% 0% 0% 0%;
        font-size: 1.4vw;
    }
    /*-------------------------------------------------------------------------------------------- ENDING ENTERPRISE PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING CAREER PAGE --------------------------------------------------------------------------------------------*/
    .container-xl-career-text {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-career-heading {
        font-family: "MADETOMMY-Black";
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .xl-career-heading-h3 {
        color: #12007a;
        font-size: 40px;
        margin: 30px 0px 0px 0px;
    }
    .xl-career-orangefont {
        color: #f16a28;
        font-weight: bolder;
    }
    .xl-career-content {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 0% 5% 3% 5%;
        align-items: center;
    }
    .xl-career-content-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        color: #12007a;
        font-size: 20px;
    }
    .xl-career-resume {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .xl-career-resume-f {
        display: flex;
        flex-direction: column;
        width: 50%;
        padding: 0% 2% 1.5% 3.5%;
    }
    .xl-career-resume-f-h3 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 30px;
        letter-spacing: 1px;
        margin: 0px;
    }
    .xl-career-resume-f-h4 {
        font-family: 'Montserratbold', sans-serif !important;
        letter-spacing: 0.5px;
        font-size: 24px;
        color: #12007a;
        padding: 2.5% 0% 5% 0%;
        margin: 0%;
    }
    .xl-career-resume-f-qualification {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-career-resume-f-qualification-h3 {
        font-family: "Roboto-Black";
        color: #f16a28;
        font-size: 30px;
        letter-spacing: 1px;
        margin: 0px;
    }
    .xl-career-resume-f-qualification-ul {
        list-style: none;
        margin: 10px 0px 0px 20px;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 600;
        color: #12007a;
        font-size: 24px;
        padding: 0px;
        letter-spacing: 1px;
    }
    .xl-career-resume-f-qualification-ul-li {
        padding: 0% 0% 5% 0%;
        list-style: "\2022\0020";
    }
    .xl-career-resume-f-qualification-ul-li-ENDING {
        padding: 0% 0% 3% 0%;
        list-style: "\2022\0020";
    }
    .xl-career-resume-s {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 50%;
        padding: 0% 3% 1.5% 2%;
    }
    .xl-career-resume-s-h3 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 30px;
        letter-spacing: 1px;
        margin: 0px;
        padding: 0% 0% 3% 0%;
    }
    .xl-career-resume-s-form {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0% 7% 0% 7%;
        align-items: center;
    }
    .xl-career-resume-s-form-input {
        width: 100%;
        padding: 15px;
        background-color: #eeeeee;
        border: none;
        outline: none;
        border-bottom: 3px solid #a2a2a2;
        font-size: 18px;
        margin: 0px 0px 20px 0px;
    }
    .xl-career-resume-s-form-input-left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .xl-career-resume-s-form-input::placeholder {
        color: #a5a5a5;
        font-size: 18px;
    }
    .xl-career-resume-s-form-input-ending {
        margin: 0px 0px 0px 0px;
    }
    .xl-career-resume-s-form-filetype {
        font-family: 'Montserratbold', sans-serif !important;
        margin: 5px 0px 5px 0px;
        font-size: 14px;
    }
    .xl-career-resume-s-form-file {
        font-size: 18px;
    }
    .xl-career-resume-s-form-check {
        font-family: 'Montserratbold', sans-serif !important;
        margin: 20px 0px 20px 0px;
        font-size: 14px;
    }
    .xl-career-resume-s-form-check-error {
        font-family: 'Montserratbold', sans-serif !important;
        margin: 20px 0px 20px 0px;
        font-size: 14px;
        color: red;
        font-weight: bold;
    }
    .xl-career-resume-s-form-submit {
        color: white;
        width: 100%;
        background-color: #f16a28;
        padding: 1%;
        border: none;
        border-radius: 5px;
        font-size: 30px;
        font-family: "MADETOMMY-Black";
        cursor: pointer;
    }
    /*-------------------------------------------------------------------------------------------- ENDING CAREER PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING ABOUT US PAGE --------------------------------------------------------------------------------------------*/
    .container-xl-banner {
        width: 100%;
    }
    .xl-banner-f-bgpic {
        background-image: url("../images/Aboutus-Page/Aboutus-Banner.jpg");
        width: 100%;
        height: auto;
        background-position: 25% 45%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .xl-banner-f-h1 {
        margin: 0%;
        background: rgba(0, 0, 0, 0.65);
        color: white;
        backdrop-filter: blur(5px);
        text-align: center;
        width: 100%;
        padding: 10% 10% 12.5% 10%;
        font-family: "MADETOMMY-Black";
        font-size: 5vw;
        text-decoration: underline;
        text-underline-offset: 10px;
    }
    .container-xl-intro {
        padding: 1% 0.8% 1% 0.8%;
        width: 100%;
    }
    .xl-intro-f {
        width: 100%;
        border: 2px solid #e5e5e5;
        border-width: 2px 2px 3.5px 2px;
        border-radius: 25px;
        box-shadow: 0px 15px 10px -15px #e5e5e5;
    }
    .xl-intro-f-p {
        margin: 0px;
        padding: 1.2%;
        font-size: 25px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #12007a;
        letter-spacing: 0.8px;
        line-height: 1.6;
    }
    .xl-intro-f-p-span {
        font-weight: bold;
        color: #f16a28;
    }
    .container-xl-history {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-history-f {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .xl-history-f-con-f {
        padding: 1% 0.8% 1.5% 2.5%;
        width: 42%;
        max-height: 450px;
    }
    .xl-history-f-con-f-aboutus {
        padding: 1% 0.8% 1.5% 2.5%;
        width: 42%;
        /*max-height: 450px;*/
    }
    .xl-history-f-con-s {
        padding: 0% 2.5% 0% 0.8%;
        /*width: 50%;*/
    }
    .xl-history-f-con-s-Main {
        padding: 1% 2.5% 1.5% 0.8%;
        /*width: 50%;*/
        width: 58%;
    }
    .xl-history-f-con-f-Micro {
        /*width: 50%;*/
        width: 100%;
    }
    .xl-history-f-con-s-Micro {
        padding: 1.5% 0% 1.5% 0%;
        /*width: 50%;*/
        width: 100%;
    }
    .xl-history-f-con-t-Micro {
        /*width: 50%;*/
        width: 100%;
    }
    .xl-history-f-con-img {
        width: 100%;
        height: 100%;
        border-radius: 25px;
        object-fit: cover;
    }
    .xl-history-f-con-bor {
        padding: 0% 3.5% 0% 3.5%;
        /*border: 2px solid #e5e5e5;*/
        /*border-width: 0px 2px 3.5px 2px;*/
        /*box-shadow: 0px 15px 10px -10px #e5e5e5;*/
        /*border-radius: 25px;*/
        /*height: 100%;*/
    }
    .accordion {
        display: none;
    }
    .xl-history-f-con-text {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .xl-history-f-con-text-f {
        width: 90%;
        text-align: center;
    }
    .xl-history-f-con-text-s {
        width: 90%;
        text-align: center;
        padding: 1% 0% 1% 0%;
    }
    .xl-history-f-con-text-t {
        width: 90%;
        text-align: center;
    }
    .xl-history-f-con-content-city {
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 800;
        font-style: italic;
    }
    .xl-history-f-con-content-Micro {
        font-size: 1.3vw;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
    }
    .xl-history-f-con-content-Micro-Imus {
        font-size: 1.3vw;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
    }
    .xl-history-f-con-content {
        font-size: 1.3vw;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        line-height: 1.6;
        margin: 0px;
    }
    .xl-history-f-con-pictures {
        display: flex;
        flex-direction: row;
        padding-top: 2%;
        width: 100%;
    }
    .xl-history-f-con-pictures-f {
        width: 33.3%;
        text-align: right;
    }
    .xl-history-f-con-pictures-s {
        width: 33.3%;
        text-align: center;
    }
    .xl-history-f-con-pictures-t {
        width: 33.3%;
        text-align: left;
    }
    .xl-history-f-con-pictures-f-class {
        width: 85%;
        min-height: 300px;
        max-height: 300px;
        border-radius: 25px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }
    .xl-history-f-con-pictures-f-class:hover {
        transform: scale(1.1);
    }
    .xl-history-f-con-h1 {
        margin: 2% 0% 0% 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 800;
        letter-spacing: -1px;
        color: #12007a;
        font-size: 4.5vw;
        text-align: center;
    }
    .xl-history-f-con-p {
        font-size: 25px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        text-align: justify;
        overflow: hidden;
    }
    .xl-history-f-con-p-elip {
        display: -webkit-box;
        -webkit-line-clamp: 15;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .fix-height {
        height: 600px;
    }
    .xl-area-avail-contain-mobile {
        display: none;
    }
    .xl-area-avail-contain {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .expandable {
        overflow: hidden;
        /* all style changes will ease-in-out for 1s */
        -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s;
    }
    #grow {
        -moz-transition: height .5s;
        -ms-transition: height .5s;
        -o-transition: height .5s;
        -webkit-transition: height .5s;
        transition: height .5s;
        overflow: hidden;
        text-align: justify;
    }
    .xl-history-f-con-p-span {
        font-weight: bolder !important;
        color: #f16a28;
    }
    .xl-history-f-con-h3 {
        font-family: "MADETOMMY-Black";
        letter-spacing: 1px;
        color: #2b2b2b;
        margin-top: 10px;
        float: right;
        cursor: pointer;
    }
    .xl-history-f-con-p-middle {
        font-size: 25px;
        font-family: 'Montserratbold', sans-serif !important;
        color: #2b2b2b;
        letter-spacing: 0.8px;
        line-height: 1.6;
        margin: 0px;
        padding: 3% 0% 3% 0%;
    }
    .xl-history-s {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
    }
    .xl-history-s-mobileview {
        display: none;
    }
    .xl-history-s-con-f {
        padding: 1.5% 2.5% 1.5% 1.3%;
        width: 50%;
    }
    .xl-history-s-con-s {
        padding: 1.5% 1.3% 1.5% 2.5%;
        width: 50%;
    }
    .xl-history-t {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .xl-history-t-con-f {
        padding: 1.5% 1.3% 1.5% 2.5%;
        width: 50%;
    }
    .xl-history-t-con-s {
        padding: 1.5% 2.5% 1.5% 1.3%;
        width: 50%;
    }
    /* AREA AVAILABILITY */
    .container-xl-area-avail {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-area-avail-h1 {
        font-family: "MADETOMMY-Black";
        color: #12007a;
        font-size: 4.5vw;
        margin: 2% 0% 1.3% 0%;
    }
    .xl-area-avail-h2 {
        font-size: 3.5vw;
        font-family: "MADETOMMY-Black";
        margin: 1.3% 0% 2.6% 0%;
        color: #12007a;
        text-align: center;
    }
    .xl-area-avail-h2-img-mobile {
        width: 20vw;
        vertical-align: baseline;
    }
    .xl-area-avail-h1-mobile {
        display: none;
    }
    .xl-area-avail-h2-mobile {
        display: none;
    }
    .xl-area-avail-span {
        font-family: "MADETOMMY-Black";
        color: #f16a28;
    }
    /*SELECT*/
    .xl-area-avail-select-city {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 10px;
        padding: 0.8%;
        width: 30vw;
        border: 1.8px solid #658dfe;
        margin-bottom: 0.8%;
        font-size: 1.5vw;
    }
    .xl-area-avail-select-barangay {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 10px;
        padding: 0.8%;
        width: 30vw;
        border: 1.8px solid gray;
        margin-bottom: 0.8%;
        font-size: 1.5vw;
    }
    .xl-area-avail-select-subdivision {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' viewBox='0 0 25 25' width='40' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        border-radius: 10px;
        padding: 0.8%;
        width: 30vw;
        border: 1.8px solid gray;
        margin-bottom: 0.8%;
        font-size: 1.5vw;
    }
    .xl-area-avail-select,
    .xl-area-avail-select option {
        color: #000000;
    }
    .xl-area-avail-select:invalid,
    .xl-area-avail-select option[value=""] {
        color: #999999;
    }
    /*Added for browser compatibility*/
    .xl-area-avail-select option[hidden] {
        display: none;
    }
    .xl-area-avail-button {
        border: none;
        background-color: gray;
        color: white;
        padding: 0.4% 0.9% 0.4% 0.9%;
        font-size: 1.8vw;
        border-radius: 8px;
        cursor: pointer;
        margin: 0.3% 0% 1.5% 0%;
        transition: all 1s;
    }
    .xl-area-avail-button-hover:hover {
        transform: scale(1.2);
    }
    .xl-area-avail-h4-not {
        display: none;
        font-size: 2vw;
        font-family: 'Montserratbold', sans-serif !important;
        color: #f44336;
        margin: 0% 0% 0.5% 0%;
    }
    .xl-area-avail-h4-good {
        display: none;
        font-size: 2vw;
        font-family: 'Montserratbold', sans-serif !important;
        color: #32ba7c;
        margin: 0% 0% 0.5% 0%;
    }
    .xl-area-avail-img {
        width: 18px;
        margin-right: 3px;
    }
    .xl-area-avail-h3-brgy {
        font-family: "Made-Tommy-Soft";
        color: #12007a;
        font-size: 2.5vw;
        margin: 0%;
        text-transform: uppercase;
    }
    .xl-area-avail-h3-subd {
        font-family: "Made-Tommy-Soft";
        color: #12007a;
        font-size: 2.5vw;
        margin: 0%;
        text-transform: uppercase;
    }
    .accordion-trigger-area {
        display: none;
    }
    .xl-area-avail-button-apply {
        display: none;
        cursor: pointer;
        padding: 0.3% 0.6% 0.3% 0.6%;
        font-size: 2vw;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: bolder;
        color: white;
        background-color: #ff7e00;
        border-radius: 10px;
        width: 17vw;
        text-align: left;
        padding-left: 1.5em;
        padding-right: 0.5em;
        text-indent: -1em;
        margin: 1.5% 0% 1.5% 0%;
        border: 1px solid #fff;
        box-shadow: 0px 15px 10px -7px #e6e6e6;
        transition: all 1s;
    }
    .xl-area-avail-button-apply-img {
        width: 16%;
        padding-right: 3%;
    }
    .xl-area-avail-button-apply-div {
        transition: transform .2s;
    }
    .xl-area-avail-button-apply:hover {
        transform: scale(1.2);
    }
    /* AREA AVAILABILITY */
    /*-------------------------------------------------------------------------------------------- ENDING ABOUT US PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING INDEX PAGE --------------------------------------------------------------------------------------------*/
    .index-xl-plans-f-x {
        width: 55%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        margin: auto;
    }
    .index-xl-plans-f-x-img {
        width: 35%;
        padding: 0% 1.5% 0% 0%;
    }
    .index-xl-plans-f-x-h1 {
        color: #12007a;
        font-family: "MADETOMMY-Black";
        margin: 0px;
        font-size: 4.5vw;
    }
    /* SERVICES */
    .container-xl-index-services {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-index-f {
        width: 100%;
        text-align: center;
    }
    .xl-index-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 4.5vw;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
    }
    .xl-index-s {
        width: 94%;
        display: flex;
        justify-content: center;
    }
    .xl-index-service-mobile-view {
        display: none;
    }
    .xl-index-s-div {
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0% 3% 1.5% 3%;
        text-align: center;
    }
    .xl-index-s-div-image {
        width: 75%;
    }
    .xl-index-s-div-h3 {
        font-family: "MADETOMMY-Black";
        font-size: 2.5vw;
        color: #12007a;
        margin: 0px;
    }
    .xl-index-s-div-h3-s {
        font-family: "MADETOMMY-Black";
        font-size: 1.1rem;
        color: #12007a;
        margin: 0px;
    }
    .xl-index-s-div-h5 {
        margin: 0px;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 1.6vw;
        color: #6b6b6b;
        text-align: center;
        padding: 2% 0% 0% 0%;
    }
    /* NEWS */
    .xl-index-news-mobile-view {
        display: none;
    }
    .container-xl-index-news {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-index-news-f {
        width: 100%;
        text-align: center;
    }
    .xl-index-news-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 4.5vw;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
        margin: 2% 0% 0.3% 0%;
    }
    .xl-index-news-s {
        width: 80%;
        text-align: center;
    }
    .xl-index-news-s-h1 {
        margin: 0% 0% 1% 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-weight: 700;
        font-size: 2.3vw;
        color: #4b4b4b;
        text-align: center;
    }
    .xl-index-news-t {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-bottom: 0.8%;
    }
    .xl-index-news-t-arrows {
        display: none;
    }
    .xl-index-news-t-full {
        width: 94%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .xl-index-news-t-div {
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
    }
    .xl-index-news-t-div-body {
        margin: 7% 5% 5% 5%;
        border-radius: 20px;
        box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.1);
        /*text-align: center;*/
        cursor: pointer;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body:hover {
        transform: scale(1.1);
        /*background-color: #060a92;*/
    }
    .xl-index-news-t-div-body:hover>.xl-index-news-t-div-one>.xl-index-news-t-div-body-date>.xl-index-news-t-div-body-date-span {
        color: white;
    }
    .xl-index-news-t-div-body:hover>.xl-index-news-t-div-one>.xl-index-news-t-div-body-date {
        background-color: #060a92;
    }
    /*.xl-index-news-t-div-body:hover > .xl-index-news-t-div-sec > .xl-index-news-t-div-sec-body-f > .xl-index-news-t-div-sec-title*/
    /*{*/
    /*    color: white;*/
    /*}*/
    /*.xl-index-news-t-div-body:hover > .xl-index-news-t-div-sec > .xl-index-news-t-div-sec-body-s > .xl-index-news-t-div-body-span*/
    /*{*/
    /*    color: white;*/
    /*}*/
    /*.xl-index-news-t-div-body:hover > .xl-index-news-t-div-sec > .xl-index-news-t-div-sec-body-t > .xl-index-news-t-div-body-span-sec*/
    /*{*/
    /*    color: white;*/
    /*}*/
    .xl-index-news-t-div-one {
        width: 100%;
        min-height: 250px;
        max-height: 250px;
    }
    .xl-index-news-t-div-body-date {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 50px;
        height: 50px;
        padding: 1.5%;
        background-color: white;
        border-radius: 20px 0px 0px 0px;
        -webkit-border-radius: 20px 0px 0px 0px;
        -moz-border-radius: 20px 0px 0px 0px;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-date-span {
        font-family: "Roboto-Bold" !important;
        font-size: 1rem;
        color: #12007a;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-img {
        width: 100%;
        min-height: 250px;
        max-height: 250px;
        border-radius: 20px 20px 0px 0px;
        object-fit: cover;
    }
    .xl-index-news-t-div-sec {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .xl-index-news-t-div-sec-body-l {
        padding: 10% 5% 0% 5%;
    }
    .xl-index-news-t-div-sec-body-f {
        padding: 1% 5% 0% 5%;
    }
    .xl-index-news-t-div-sec-body-s {
        padding: 3% 5% 3% 5%;
        min-height: 9vh;
    }
    .xl-index-news-t-div-sec-body-t {
        padding: 0% 5% 3% 5%;
        min-height: 35px;
    }
    .xl-index-news-t-div-sec-title {
        margin: 0px;
        font-family: "MADETOMMY-Black" !important;
        font-size: 1.6vw;
        color: #484848;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-span {
        margin: 0px;
        font-family: "Roboto-Medium" !important;
        font-size: 1.4vw !important;
        color: #484848;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* number of lines to show */
        line-clamp: 3;
        -webkit-box-orient: vertical;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-t-div-body-span-sec {
        margin: 0px;
        font-family: "Roboto-Medium" !important;
        font-size: 1.2vw;
        color: #484848;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0% 0% 1.5% 0%;
    }
    .xl-index-news-btn-f {
        border-radius: 50px !important;
        border: solid white !important;
        background: #12007a !important;
        color: white !important;
        font-size: 2.5vw !important;
        font-weight: 800 !important;
        padding: 0.3% 1.1% 0.3% 1.1%;
        text-align: center !important;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        text-decoration: none;
        font-family: "MADETOMMY-Black";
        letter-spacing: 2px;
        transition: all 0.3s ease-in-out;
    }
    .xl-index-news-btn-f:hover {
        transform: scale(1.1);
    }
    /*-------------------------------------------------------------------------------------------- ENDING INDEX PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING SUPPORT PAGE --------------------------------------------------------------------------------------------*/
    .xl-index-news-s-h1-support {
        color: #12007a;
    }
    .xl-index-news-f-h1-support {
        font-family: "MADETOMMY-Black";
        font-size: 3rem;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
        margin: 3% 0% 0% 0%;
    }
    .container-xl-support-faq {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .xl-support-f {
        text-align: center;
    }
    .xl-support-f-h1 {
        font-family: "MADETOMMY-Black";
        font-size: 3rem;
        color: #12007a;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
    }
    .xl-support-f-h3 {
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 2rem;
        color: #2b2b2b;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.23);
    }
    .xl-support-s {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
    }
    .xl-support-s-f {
        width: 100%;
        margin: 0% 2% 0% 2%;
    }
    .xl-support-s-s {
        width: 100%;
        margin: 0% 2% 0% 2%;
    }
    .xl-support-s-f-div {
        padding: 1% 2% 1% 2%;
        margin-bottom: 3%;
        border-radius: 15px;
        box-shadow: 0px 4px 21px -6px rgba(115, 89, 89, 0.75);
        -webkit-box-shadow: 0px 4px 21px -6px rgba(115, 89, 89, 0.75);
        -moz-box-shadow: 0px 4px 21px -6px rgba(115, 89, 89, 0.75);
    }
    .xl-support-s-f-div-f {
        width: 100%;
        display: flex;
    }
    .xl-support-s-f-div-title {
        width: 100%;
    }
    .xl-support-s-f-div-img {
        float: right;
    }
    .xl-support-s-f-div-h3 {
        margin: 0%;
        font-family: 'Montserratbold', sans-serif !important;
        font-size: 2rem;
        color: #12007a;
    }
    .xl-support-s-f-div-span {
        display: none;
    }
    .xl-contact-s-support {
        width: 90vw;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    .xl-contact-xx-support {
        width: 100%;
        display: flex;
        justify-content: center;
        height: auto;
        align-items: center;
        flex-direction: column;
    }
    .xl-contact-form-h2-support {
        margin: auto;
        font-size: 2.5vw;
        font-weight: 800 !important;
        letter-spacing: 1px;
        padding-bottom: 0.8rem;
        color: #2b2b2b;
    }
    .xl-contact-form-support {
        width: 100%;
        margin: 3% 0% 2% 0%;
        box-shadow: 1.5px 0.3px 3.125px 1.5px lightgray !important;
        border-radius: 15px !important;
    }
    .xl-contact-h1-support {
        font-family: "Made-Tommy-Soft";
        color: #2a2a2a;
        font-size: 22px;
        text-align: center;
        margin: auto;
    }
    .xl-contact-icon-support {
        width: 4vw;
    }
    .banner-support {
        width: 100%;
    }
    /*-------------------------------------------------------------------------------------------- ENDING SUPPORT PAGE --------------------------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------- STARTING MOBILE APP PAGE --------------------------------------------------------------------------------------------*/
    .container-xl-mobileapp {
        margin: 2% 0% 2% 0%;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xl-mobileapp {
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .xl-mobileapp-f {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .xl-mobileapp-s {
        width: 100%;
    }
    .xl-mobileapp-f-img {
        width: 18%;
    }
    .xl-mobileapp-f-h1 {
        color: #12007a;
        font-size: 4vw;
        font-family: "MADETOMMY-Black";
        margin: 0px;
        padding-left: 3%;
    }
    .xl-mobileapp-f-img-phone {
        width: 35%;
        margin-top: 2%;
    }
    .xl-mobileapp-f-img-phone-mobile {
        display: none;
    }
    .xl-mobileapp-f-sub {
        width: 56%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .xl-mobileapp-f-sub-div {
        margin: 3% 0% 0% 0%;
    }
    .xl-mobileapp-f-sub-div-h1 {
        font-family: "MADETOMMY-Light";
        font-weight: 700;
        color: #12007a;
        font-size: 2vw;
        text-align: center;
        margin: 0%;
    }
    .xl-mobileapp-f-sub-div-buttons {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xl-two-s-div-img {
        width: 16vw;
        cursor: pointer;
        padding: 0% 3% 0% 3%;
    }
    .accordion-content-area-PC {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 500ms;
    }
    .accordion-content-area-PC[aria-hidden="false"] {
        grid-template-rows: 1fr;
    }
    .accordion-content-area-PC>div {
        overflow: hidden;
    }
    .accordion-area-PC {
        width: 100%;
    }
    .accordion-panel-area-PC {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* STARTING TERMS AND CONDITION */
    .container-tercon {
        width: 100%;
        margin-top: 2%;
        margin-bottom: 5%;
    }
    .xl-tercon-f {
        width: 100%;
        padding: 0% 10%;
    }
    .xl-tercon-f-title {
        text-align: center;
        padding: 10% 0% 10% 0%;
    }
    .xl-tercon-f-title-h1 {
        font-weight: 700;
        font-size: 3vw;
    }
    .xl-tercon-f-minititle {
        text-align: center;
        padding: 5% 0% 1% 0%;
    }
    .xl-tercon-f-minititle-h3 {
        font-size: 2vw;
        text-decoration: underline;
    }
    .xl-tercon-f-content {
        text-align: justify;
        font-size: 1.5vw;
    }
    .xl-tercon-f-content p {
        margin: 4% 0% 0% 0%;
    }
    .xl-tercon-s {
        width: 100%;
        padding: 0% 10%;
    }
    .xl-tercon-s-minititle {
        text-align: center;
        margin: 10% 0% 5% 0%;
    }
    .xl-tercon-s-minititle-h3 {
        font-size: 2vw;
        text-decoration: underline;
    }
    .xl-tercon-s-content {
        text-align: justify;
        font-size: 1.5vw;
    }
    .xl-tercon-s-content p {
        margin: 4% 0% 0% 0%;
    }
    .xl-tercon-s-content-bold {
        font-weight: 700;
    }
    .xl-tercon-s-content-second {
        text-align: justify;
        font-size: 1.5vw;
        margin: 6% 0% 0% 0%;
    }
    .xl-tercon-s-content-second p {
        margin: 0.5% 0% 0% 0%;
    }
    .xl-tercon-s-content-second-bold {
        font-weight: 700;
    }
    /* ENDING TERMS AND CONDITION */
    /* STARTING PRIVACY AND POLICY */
    .container-privacy {
        width: 100%;
        margin-bottom: 3%;
    }
    .xl-privacy-f {
        margin-left: 8%;
        margin-right: 8%;
    }
    .xl-privacy-f-title {
        text-align: center;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .xl-privacy-f-title-h1 {
        font-weight: 700;
        font-size: 3vw;
        margin: 0%;
    }
    .xl-privacy-f-mini-content {
        text-align: justify;
        text-align-last: center;
        font-size: 1.8vw;
    }
    .xl-privacy-f-mini-content p {
        margin: 0%;
    }
    .xl-privacy-f-order-content {
        margin-top: 4%;
    }
    .xl-privacy-f-li {
        font-size: 1.5vw;
        margin-top: 5%;
        text-align: justify;
    }
    .xl-privacy-f-li span {
        display: block;
        margin-top: 3%;
    }
    .xl-privacy-f-li-inside {
        font-size: 1.5vw;
        margin-top: 5%;
        text-align: justify;
    }
    .xl-privacy-f-li-inside span {
        display: block;
        margin-top: 1.3%;
    }
    .xl-privacy-f-ol {
        padding: 0%;
    }
    .xl-privacy-f-ol-inside {
        padding-left: 2%;
    }
    /* ENDING PRIVACY AND POLICY */
    .xl-plans-t-x-terms {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .xl-plans-img-tercon {
        width: 100%;
    }
    .xl-plans-img-tercon-mobile {
        display: none;
    }
}

/*ENDING 1025px*/

/*-------------------------------------------------------------------------------------------- ENDING Desktop Large Screen STYLE --------------------------------------------------------------------------------------------*/