/* Move down content because we have a fixed navbar that is 50px tall */
html {
    font-size: 15px;
    /* Base font size */
}

body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
    padding: 0px;
    margin: 0px;
    background: #f5f5f5;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --cyan-color: #0dcaf0;
    --orange-color: #fd7e14;
    --teal-color: #20c997;
    --red-color: #df1529;
    --blue-color: #6ea5ce;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

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

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

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

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

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

p {
    line-height: 1.8;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding: 10px !important;
    background: #fff;
    /*min-height: calc(100vh - 342px) !important;*/
    min-height: calc(100vh - 244px) !important;
}

.navbar-brand {
    float: left;
    height: 90px;
    max-height: 90px !important;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 20px;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

.text-info {
    color: #2f8fc3;
}

.banner, .banner img {
    width: 100%;
    height:266px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }

    .footer-about {
        width: 35% !important;
    }

    .footer-menu {
        width: 65% !important;
    }

        .footer-menu-row .col-md-3:nth-child(3) ul.nav.footer-links, .footer-menu .col-md-3:nth-child(4) ul.nav.footer-links {
            margin-left: 50px;
        }
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 10px;
    }

    .body-content {
        padding: 0;
    }
}

.navbar {
    margin-bottom: 0px !important;
    padding: 15px 10px;
}

.navbar-inverse {
    background: linear-gradient(#4072a3, #58a9d4) !important;
    /*height: 140px!important;*/
    max-height: unset !important;
    position: relative;
    border-color: #58a9d4 !important;
}

    .navbar-inverse a, .h-menu a {
        color: #fff !important;
    }

.h-menu {
    background: #90c400;
    width: 100% !important;
    display: block !important;
    /*position:absolute;
    bottom:0px;
    left:0px;*/
    /*margin-top:10px!important;*/
}

.h-green-menu li a:hover {
    background: linear-gradient(#90c400, #84b304) !important;
}

.header-menu-float {
    float: right;
}

.header-menu span.i-bg {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    display: table;
    margin: 0px auto;
    clear: both;
    box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);
}

.header-menu i {
    text-align: center;
    display: table;
    margin: 0px auto;
    padding: 5px;
}

.v-menu a {
    color: #8e6969;
}

.header-menu li label {
    font-size: 12px !important;
    padding: 5px 10px 0px 5px !important;
    color: #fff;
}

@media (min-width: 768px) {
    .header-menu-float {
        float: unset !important;
    }

    .h-green-menu > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer-top .navbar-nav > li > a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    /*.h-menu-ul{
    display:table!important;
    width:100%!important;
}
.h-menu-ul li{
    display:table-cell!important;
    text-align:center!important;
}*/
    .nav .nav-justified {
        width: 100%;
    }

    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
            white-space: nowrap !important;
            font-weight: 500;
        }
}

@media only screen and (max-width: 600px) {
    .header-menu-float {
        float: unset !important;
    }

    .header-menu li {
        float: left !important;
    }

        .header-menu li label {
            font-size: 12px !important;
            float: left !important;
        }

    .footer-top {
        display: table;
    }

        .footer-top .menu-row {
            display: table-cell !important;
        }

    .nav-justified.h-green-menu > li > a {
        text-align: left;
        font-weight: 500;
        padding-left: 5px;
    }
        /*footer ul.nav a {
        padding-left: var(--icon-space);
        margin-bottom: 15px;
        text-align: left;
        color: #fff !important;
    }*/

        .nav-justified.h-green-menu > li > a:before {
            content: "\f356"; /* FontAwesome Unicode */
            font-family: FontAwesome;
            display: inline-block;
            padding-left: 20px !important;
            padding-right: 10px !important;
            /*color: #6ea5ce !important;*/
        }

    .innercon ul {
        margin-left: 10px !important;
    }
}

.btn {
    font-weight: 500;
}

.nav-justified > li > a {
    margin-bottom: 0px;
}

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

    .button-boxes .box {
        width: 100%;
        /*padding: 5px 5px;*/
        text-align: center;
        border-radius: 5px;
        font-weight: 500;
        font-size: 20px;
    }

    .button-boxes .btn {
        width: 100%;
        height: 60px;
        margin-bottom: 15px;
        font-size: large;
        position: relative;
        font-weight: 500;
        text-align: left;
        padding-left: 80px;
    }

        .button-boxes .btn i.text-sm {
            display: block;
            text-align: center;
            clear: both;
        }

.btn-label {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 60px;
    display: inline-block;
    padding: 12px 22px;
    background: rgba(0,0,0,0.15);
    border-radius: 3px 0 0 3px;
    font-size: 20px;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}

.box a:hover {
    text-decoration: none;
}

.side-content .box {
    margin-top: 15px;
}

.box h3 {
    font-size: 20px;
    padding: 0px;
    margin: 0px;
}

.home-side-menu {
    width: 100%;
    position: relative;
    display: block;
    min-height: 60px !important;
}

span.icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 100%;
    padding: 0px 10px;
    font-size: 30px;
    background: rgba(0, 0, 0, 0.30);
    color: #fff;
}

.link-text {
    padding-left: 50px;
    height: 60px;
}

.box i.text-sm {
    display: block;
    clear: both;
    font-weight: 500;
}

.bg-gradient-success, .btn-success {
    background: linear-gradient(#90c400, #84b304);
    border: 1px solid #84b304 !important;
}

.bg-gradient-info {
    background: linear-gradient(#78bef1, #6ea5ce);
    border: 1px solid #6ea5ce;
}

.bg-gradient-primary {
    background: linear-gradient(#5496fa, #346acf);
    border: 1px solid #346acf;
}

    .bg-gradient-success, .bg-gradient-info, .bg-gradient-primary, .bg-gradient-success a, .bg-gradient-info a, .bg-gradient-primary a {
        color: #fff
    }

.home-con {
    /*background: linear-gradient(#fff, #f6f4f4);
    border: 2px solid #f6f4f4;
    padding:10px 10px 10px 10px;*/
    /*background-color: var(--surface-color);
    box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);
    height: 100%;
    padding: 10px 15px;
    text-align: center;
    transition: 0.3s;
    border-radius: 5px;
    border: 1px solid transparent;*/
    padding-bottom: 40px;
}

    .home-con h2 {
        font-size: 20px;
        text-align: center;
        /*color:#346acf;*/
        color: #435981;
        padding: 0px 0px 5px 0px;
        margin: 10px 0px;
        position: relative;
    }

    .home-con img {
        display: table;
        margin: 10px auto;
        width: 95%;
        max-width: 100%;
    }

    .home-con p {
        padding: 0px;
        margin: 0px;
        text-align: justify;
    }

    .home-con a.btn {
        margin-top: 10px;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

.home-services {
    margin-top: 10px;
    padding: 10px;
}

    .home-services .row {
        margin-right: -7px;
        margin-left: -7px;
    }

        .home-services .row > * {
            padding-left: 7px;
            padding-right: 7px;
            background-color: #fff;
            box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
            padding: 10px 15px;
            text-align: center;
            transition: 0.3s;
            border-radius: 5px;
            border: 1px solid transparent;
            margin-right: 15px;
        }

            .home-services .row > *:last-child {
                margin-right: 0px !important;
            }

@media(min-width:1199px) {
    .home-services .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .home-services .row > * {
            display: flex;
            flex-direction: column;
        }
}
/*--------------------------------------------------------------
# Featured Services Section
--------------------------------------------------------------*/
.featured-services {
    --cyan-color: #0dcaf0;
    --orange-color: #fd7e14;
    --teal-color: #20c997;
    --red-color: #df1529;
    --blue-color: #6ea5ce;
}

    .featured-services .service-item {
        /*background-color: var(--surface-color);
        box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);
        height: 100%;
        padding: 40px 30px;
        text-align: center;
        transition: 0.3s;
        border-radius: 5px;*/
        border: 1px solid transparent;
    }

        .featured-services .service-item .icon {
            margin: 0 auto;
            width: 64px;
            height: 64px;
            display: flex;
            border-radius: 50%;
            align-items: center;
            justify-content: center;
            transition: ease-in-out 0.3s;
            position: relative;
        }

            .featured-services .service-item .icon i {
                font-size: 28px !important;
                transition: 0.5s;
                position: relative;
            }

        .featured-services .service-item h3 {
            font-weight: 700;
            margin: 10px 0 15px 0;
            font-size: 22px;
        }

        .featured-services .service-item p {
            line-height: 24px;
            font-size: 14px;
            margin-bottom: 0;
        }

        .featured-services .service-item:hover {
            /*box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.1);*/
        }

            .featured-services .service-item:hover i {
                color: #fff !important;
            }

        .featured-services .service-item.item-cyan {
            border-top: 3px solid var(--cyan-color) !important;
        }

        .featured-services .service-item.item-teal {
            border-top: 3px solid var(--teal-color) !important;
        }

        .featured-services .service-item.item-orange {
            border-top: 3px solid var(--orange-color) !important;
        }

        .featured-services .service-item.item-red {
            border-top: 3px solid var(--red-color) !important;
        }

        .featured-services .service-item.item-cyan .icon {
            background-color: color-mix(in srgb, var(--cyan-color) 10%, white 95%);
        }

            .featured-services .service-item.item-cyan .icon i {
                color: var(--cyan-color);
            }

        .featured-services .service-item.item-cyan:hover {
            border-color: var(--cyan-color);
        }

            .featured-services .service-item.item-cyan:hover .icon {
                background-color: var(--cyan-color);
            }

                .featured-services .service-item.item-cyan:hover .icon i {
                    color: #fff;
                }

        .featured-services .service-item.item-orange .icon {
            background-color: color-mix(in srgb, var(--orange-color) 10%, white 95%);
        }

            .featured-services .service-item.item-orange .icon i {
                color: var(--orange-color);
            }

        .featured-services .service-item.item-orange:hover {
            border-color: var(--orange-color);
        }

            .featured-services .service-item.item-orange:hover .icon {
                background-color: var(--orange-color);
            }

                .featured-services .service-item.item-orange:hover .icon i {
                    color: var(--contrast-color);
                }

        .featured-services .service-item.item-teal .icon {
            background-color: color-mix(in srgb, var(--teal-color) 10%, white 95%);
        }

            .featured-services .service-item.item-teal .icon i {
                color: var(--teal-color);
            }

        .featured-services .service-item.item-teal:hover {
            border-color: var(--teal-color);
        }

            .featured-services .service-item.item-teal:hover .icon {
                background-color: var(--teal-color);
            }

                .featured-services .service-item.item-teal:hover .icon i {
                    color: var(--contrast-color);
                }

        .featured-services .service-item.item-red .icon {
            background-color: color-mix(in srgb, var(--red-color) 10%, white 95%);
        }

            .featured-services .service-item.item-red .icon i {
                color: var(--red-color);
            }

        .featured-services .service-item.item-red:hover {
            border-color: var(--red-color);
        }

            .featured-services .service-item.item-red:hover .icon {
                background-color: var(--red-color);
            }

                .featured-services .service-item.item-red:hover .icon i {
                    color: var(--contrast-color);
                }

.box h3 .text-sm {
    font-size: 0.7em;
}

footer {
    /*background: #1557bb;*/
    background: #58a9d4;
    color: #fff;
}

    footer a {
        white-space: nowrap !important;
    }


    /*footer ul.nav a {
            --icon-space: 1.8em;
            list-style: none;
            padding: 0;
            margin-left: 50px;
        }

        footer ul.nav a {
            padding-left: var(--icon-space);
            margin-bottom: 15px;
            text-align: left;
            color: #fff !important;
        }

            footer ul.nav a:before {
                content: "\f356"; 
                font-family: FontAwesome;
                display: inline-block;
                margin-left: calc( var(--icon-space) * -1 );
                width: var(--icon-space);
                color: #6ea5ce !important;
            }*/

    footer ul.nav a:hover {
        color: #d3e4f0 !important;
        background: none !important;
    }

    footer .footer-bottom {
        width: 100%;
        /*background: #022e71;*/
        background: #4072a3 !important;
        padding: 10px 25px;
        font-size: 12px !important;
    }

.sitename {
    color: #fff !important;
}

.black-spot {
    padding: 0px 0px 0px 15px!important;
    margin: 0px!important;
    background:url(images/black-spot.png) left 2px;
    background-repeat: no-repeat;
    /*padding-left: 15px;*/
    /* min-height: 10px; */
    line-height:normal!important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.dtma {
    display: table;
    margin: auto;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.text-sm {
    font-size: 0.5em;
}

.innercon {
    width: 100%;
}

    .innercon .banner-inner {
        min-height: 150px !important;
        width: 100%;
        /*background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);*/
        /*background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%);*/
        /*background: linear-gradient(90deg,#00968f,#009de0 41%,#00968f);*/
        /*background: linear-gradient(90deg, #c5f0ee, #7ee0e3 41%, #00968f);
        border: 1px solid #00968f;*/
        background: #dcedfa;
        background: linear-gradient(90deg, rgba(220, 237, 250, 1) 0%, rgba(148, 187, 233, 1) 100%);
        border: 1px solid rgba(148, 187, 233, 1);
        color: #346acf;
        padding: 10px 20px;
        margin-bottom: 20px;
    }
/*.banner-bg{
        background:url(Images/banner-icon-1.png) no-repeat center right 2%;
        background-size:cover;
    }*/
.hero-image {
    /*background-image: linear-gradient(90deg, rgba(220, 237, 250, 1), rgba(148, 187, 233, 0.5)), url("Images/banner-icon-1.png");*/
    background-image: linear-gradient(90deg, rgb(99 171 226/50%), rgb(75 183 130 / 79%)), url(Images/banner-icon-2.png);
    height: 150px;
    max-height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 20px;
}

    .hero-image .img-responsive {
        display: block;
        max-width: 100%;
        height: 150px;
    }

.banner-title {
    color: #005285;
    padding: 0px;
    margin: 0px;
    margin-left: 20px;
    font-weight: normal !important;
    white-space: nowrap;
}

@media only screen and (max-width: 600px) {
    .banner-title {
        white-space: normal !important;
        font-size: 1.5rem !important;
    }
}

.banner-title1:before {
    content: "\e024"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 20px;
    width: var(--icon-space);
    color: #fff !important;
}


.hero-text1 {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.hero-text button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 10px 25px;
    color: black;
    background-color: #ddd;
    text-align: center;
    cursor: pointer;
}

    .hero-text button:hover {
        background-color: #555;
        color: white;
    }

.innercon .banner-inner img {
    max-height: 80% !important;
}

.innercon h2.page-heading {
    color: #fff;
    font-size: 25px;
    margin-top: 0px;
    padding: 0px;
    background: red linear-gradient(90deg,#009de0 41%,#00968f);
}

.innercon .para-section {
    margin-bottom: 25px;
}

.innercon h3.texthead {
    color: #d6026e !important;
    font-size: 18px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.innercon p {
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    line-height: 25px !important;
}
/*.innercon ul{
    padding-top:0px;
    margin-top:0px;
}*/

.innercon ul {
    --icon-space: 1.8em;
    list-style: none;
    padding: 0;
    margin-top: 10px;
    margin-left: 50px;
}

.innercon li {
    padding-left: var(--icon-space);
    margin-bottom: 10px;
}

.innercon ul li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
    color: #04b725 !important;
}

.d-none {
    display: none !important;
}

.innercon .job {
    font-size: 15px;
    color: #bb0900;
    font-weight: 500;
    /*font-family: Arial;*/
}

.port-box .form-group {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 15px;
    border-radius: 15px;
}

.port-box a {
    display: table;
    margin: 0px auto;
}

h3.text-info sup {
    top: -1em !important;
}

a.mail {
    font-weight: 500;
}

.pp-contact h5 {
    margin: 0px;
    padding: 0px;
    margin-bottom: 8px !important;
    font-size: 16px !important;
}

.pp-contact strong {
    font-weight: 500;
}

label {
    font-weight: 500 !important;
    font-size: 14px !important;
}

.star {
    color: red;
}

.required, .required-v {
    color: red;
    font-size: 12px;
    clear: both !important;
    /*display:block!important;*/
}

.pad-0 {
    padding: 0px;
}

.mar-0 {
    margin: 0px;
}

.card {
    background-color: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    border-top: 3px solid transparent;
    border-radius: 10px;
}

.card-head {
    width: 100%
}

.card-header {
    padding: 0.5rem;
    /*background-color: #346acf;*/
    background-color: #519ac7;
    color: #fff;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.bg-info {
    color: #fff;
}

.card-head h3 {
    margin: 0px;
    padding: 0px;
}

.card-body {
    padding: 20px;
}

.card-orange {
    border-color: var(--orange-color) !important;
}

    .card-orange h3 {
        color: var(--orange-color) !important;
    }

.career-icon {
    width: 100px;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 50px;
    display: table;
    margin: 0px auto;
}

.pgtitle {
    margin-bottom: 30px;
    display: block !important;
    width: 100% !important;
    /*max-width:100vw!important;*/
    clear: both;
}

.page-title {
    font-weight: 500;
    font-size: 28px;
    margin: 0px;
    padding: 0px;
    color: #ac219a !important;
    float: left;
}

@media (max-width: 768px) {
    .pgtitle .page-title {
        /*width: 100% !important;
            clear: both !important;
            display: block !important;
            margin-bottom: 20px !important;*/
    }

    .form-responsive, .form-responsive .divactb {
        width: 100% !important;
        max-width: 100vw !important;
    }

        .form-responsive td {
            display: flex !important;
            background: #ccc;
            margin-bottom: 5px;
            border: 1px solid green;
        }
}

.pgtitle input[type="submit"] {
}

table.dataTable {
    border-radius: 10px !important;
}

    table.dataTable th {
        border-top: 2px solid #6ea5ce;
        font-weight: 500 !important;
        background: #c9f1fb;
    }

    table.dataTable td {
        font-weight: 500;
        font-size: 13px;
        color: #666161 !important;
    }

.form td {
    vertical-align: top;
    padding: 5px;
    font-weight: 500;
    text-align: left !important;
}

.row-checkbox span.checkbox {
    margin-right: 10px;
    font-weight: 500;
    display: inline-block !important;
}

    .row-checkbox span.checkbox label {
        padding-left: 15px !important;
    }

.row-checkbox input[type="checkbox"] {
    margin-left: unset !important;
    margin: 5px 0 0 !important;
    margin-right: 0px !important;
}

.row-button .btn, .row-button input[type="submit"] {
    float: left;
    margin-right: 12px !important;
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #2e6da4;
    border-radius: 4px;
    color: #fff;
    background-color: #337ab7;
}



    .row-button .btn:hover, .row-button input[type="submit"]:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .row-button .btn:last-child, .row-button input[type="submit"]:last-child {
        margin-right: 0px !important;
    }

.row-button .btn-info {
    color: #fff;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}

.modalBackground {
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.modalPopup {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    width: 400px;
    margin: 50px auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 10001;
}

.modalContent {
    text-align: center;
}

.table-responsive {
    width: 100%;
    max-width: 100vw !important;
    overflow-x: auto !important;
}

@media (max-width: 768px) {
    .table-responsive table td,
    .table-responsive table th {
        white-space: nowrap;
    }
}

.inner-banner-bg {
    background: url(Images/about-us.png) no-repeat right top;
    background-size: 220px 150px;
    height: 150px;
    width: 100% !important;
}

div.icon-gcm a, div.icon-mtg a, div.icon-bwu a, div.icon-crm a, div.icon-others1 a, div.icon-others2 a, div.icon-others3 a {
    height: 120px !important;
    width: 100% !important;
    display: block !important;
    padding-top: 65px !important;
    border-radius: 5px;
    font-size: 15px !important;
    font-weight: 500 !important;
}

div.icon-gcm {
    background: #7bc9eb linear-gradient(#fff, #23a9d5);
    border: 1px solid #4680af;
}

    div.icon-gcm a {
        /*background: #6ea5ce url(Images/icon-gcm.png) 25px center no-repeat !important;*/
        background: url(Images/icon-gcm.png) center 20px no-repeat !important;
        background-size: 35px 35px !important;
    }

div.box:hover {
    box-shadow: 0 10px 16px -5px #ccc;
}

div.icon-mtg {
    /*background: linear-gradient(45deg, #fff, rgba(86, 58, 250, 0.9) 0%, rgba(116, 15, 214, 0.9) 100%), url(https://mtg.gcmtechsolutions.com/assets/img/hero-bg.jpg) center center no-repeat!important;
    background-size: cover;*/
    /*background: linear-gradient(#fff 05%, rgba(86, 58, 250, 0.5) 40%, rgba(116, 15, 214, 0.9) 90%), url(https://mtg.gcmtechsolutions.com/assets/img/hero-bg.jpg) center center no-repeat !important;*/
    background: linear-gradient(#fff, #7234e3) !important;
    /*#7c26d7*/
    border: 1px solid #7234e3 !important;
}

    div.icon-mtg a {
        /*background: #6ea5ce url(Images/icon-gcm.png) 25px center no-repeat !important;*/
        background: url(Images/icon-gcm.png) center 20px no-repeat !important;
        background-size: 35px 35px !important;
    }

div.icon-bwu {
    /*background: #6ea5ce url(Images/icon-gcm.png) 25px center no-repeat !important;*/
    /*background: #e5e5e5 linear-gradient( #e5e5e5,#fff, #fff, #d6d4d4) !important;*/
    background: #e5e5e5 linear-gradient(#c6ccce, #fff, #d9f6c9, #82d167) !important;
    border: 2px solid #d6d4d4 !important;
}

    div.icon-bwu a {
        /*background: #6ea5ce url(Images/icon-gcm.png) 25px center no-repeat !important;*/
        background: url(Images/icon-bwu.png) center 20px no-repeat !important;
        background-size: 51px 35px !important;
        color: #c63800 !important;
    }




div.icon-crm a {
    /*background: #6ea5ce url(Images/icon-gcm.png) 25px center no-repeat !important;*/
    background: url(Images/crmlogo.png) center 20px no-repeat !important;
    background-size: 40px 40px !important;
    color: #072866 !important;
}

div.icon-others1 a {
    /*background: #6ea5ce url(Images/icon-gcm.png) 25px center no-repeat !important;*/
    background: url(Images/gcmfind1.png) center 20px no-repeat !important;
    background-size: 40px 40px !important;
    color: #072866 !important;
}

div.icon-others2 {
    /*background: #6ea5ce url(Images/icon-gcm.png) 25px center no-repeat !important;*/
    background: #7bc9eb url(Images/rlsword.png) center 20px no-repeat !important;
    background-size: 40px 40px !important;
    color: #072866 !important;
}

div.icon-others3 {
    /*background: #6ea5ce url(Images/icon-gcm.png) 25px center no-repeat !important;*/
    background: #7bc9eb url(Images/plsworld.png) center 20px no-repeat !important;
    background-size: 40px 40px !important;
    color: #072866 !important;
}

/* Adjust layout for smaller screens */
@media (max-width: 992px) {
    .columns-7 > div {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media (max-width: 768px) {
    .columns-7 > div {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .columns-7 > div {
        flex: 0 0 100%;
        max-width: 50%;
    }

    .btn.pull-right {
        float: none !important;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
}

/* Flex container styling for the icon boxes */
.columns-7 {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}