/*! * Custom Stylesheet v1.0 * Copyright © 2020 Author - Dharmarajan.Mohan * Updated on : APR-01-2020 * Licensed under X-tract.io (https://www.xtract.io)*/

body,
html {
    max-width: 100%;
    overflow-x: hidden
}

body {
    background: #fff;
    max-width: 100% !important;
    overflow-x: hidden !important
}

p {
    font-size: 18px;
    color: #303030
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none !important
}



a:hover {
    color: #31495d !important
}

.pt-2 {
    padding-top: 2px
}

.pb-2 {
    padding-bottom: 2px
}

.pt-3 {
    padding-top: 3px
}

.pb-3 {
    padding-bottom: 3px
}

.pt-5 {
    padding-top: 5px
}

.pb-5 {
    padding-bottom: 5px
}

.pt-6 {
    padding-top: 6px
}

.pb-6 {
    padding-bottom: 6px
}

.pt-7 {
    padding-top: 7px
}

.pb-7 {
    padding-bottom: 7px
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.pt-13 {
    padding-top: 13px
}

.pt-13 {
    padding-top: 13px
}

.pt-15 {
    padding-top: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.pt-16 {
    padding-top: 16px
}

.pb-16 {
    padding-bottom: 16px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.pt-25 {
    padding-top: 25px
}

.pb-25 {
    padding-bottom: 25px
}

.pt-30 {
    padding-top: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.pt-40 {
    padding-top: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.pt-45 {
    padding-top: 45px
}

.pb-45 {
    padding-bottom: 45px
}

.pt-50 {
    padding-top: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.pt-60 {
    padding-top: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.pt-70 {
    padding-top: 70px
}

.pb-70 {
    padding-bottom: 70px
}

.pt-80 {
    padding-top: 80px
}

.pb-80 {
    padding-bottom: 80px
}

.pt-90 {
    padding-top: 90px
}

.pb-90 {
    padding-bottom: 90px
}

.p-0 {
    padding: 0
}

.p-5 {
    padding: 5px
}

.p-10 {
    padding: 10px
}

.p-15 {
    padding: 15px
}

.p-20 {
    padding: 20px
}

.p-30 {
    padding: 30px
}

.p-40 {
    padding: 40px
}

.p-50 {
    padding: 50px
}

.p-3p {
    padding: 3%
}

.pt-2p {
    padding-top: 2%
}

.pb-2p {
    padding-bottom: 2%
}

.pt-3p {
    padding-top: 3%
}

.pb-3p {
    padding-bottom: 3%
}

.pt-4p {
    padding-top: 4%
}

.pb-4p {
    padding-bottom: 4%
}

.pt-5p {
    padding-top: 5%
}

.pb-5p {
    padding-bottom: 5%
}

.pt-6p {
    padding-top: 6%
}

.pb-6p {
    padding-bottom: 6%
}

.pt-7p {
    padding-top: 7%
}

.pb-7p {
    padding-bottom: 7%
}

.pt-8p {
    padding-top: 8%
}

.pb-8p {
    padding-bottom: 8%
}

.pt-9p {
    padding-top: 9%
}

.pb-9p {
    padding-bottom: 9%
}

.pt-10p {
    padding-top: 10%
}

.pb-10p {
    padding-bottom: 10%
}

.pt-11p {
    padding-top: 11%
}

.pb-11p {
    padding-bottom: 11%
}

.pt-12p {
    padding-top: 12%
}

.pb-12p {
    padding-bottom: 12%
}

.pt-13p {
    padding-top: 13%
}

.pb-13p {
    padding-bottom: 13%
}

.pt-14p {
    padding-top: 14%
}

.pb-14p {
    padding-bottom: 14%
}

.pt-15p {
    padding-top: 15%
}

.pb-15p {
    padding-bottom: 15%
}

.pt-16p {
    padding-top: 16%
}

.pb-16p {
    padding-bottom: 16%
}

.pt-17p {
    padding-top: 17%
}

.pb-17p {
    padding-bottom: 17%
}

.pt-18p {
    padding-top: 18%
}

.pb-18p {
    padding-bottom: 18%
}

.pt-20p {
    padding-top: 20%
}

.pb-20p {
    padding-bottom: 20%
}

.pt-25p {
    padding-top: 25%
}

.pb-25p {
    padding-bottom: 25%
}

.pt-30p {
    padding-top: 30%
}

.pb-30p {
    padding-bottom: 30%
}

.pl-15p {
    padding-left: 15% !important
}

.pl-0 {
    padding-left: 0
}

.padleft-1 {
    padding-left: 1px !important
}

.pl-20 {
    padding-left: 20px
}

.pl-15 {
    padding-left: 15px
}

.pl-25 {
    padding-left: 25px
}

.pl-8p {
    padding-left: 8%
}

.pl-30 {
    padding-left: 30px !important
}

.pl-18p {
    padding-left: 18% !important
}

.pl-20p {
    padding-left: 20% !important
}

.pt-l {
    padding-top: 15px;
    padding-left: 0
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: 1px
}

.m-2 {
    margin: 2px
}

.m-3 {
    margin: 3px
}

.m-10 {
    margin: 10px
}

.m-25 {
    margin: 25px
}

.margin-30 {
    margin: 30px
}

.margin-40 {
    margin: 40px
}

.margin-50 {
    margin: 50px
}

.margin-60 {
    margin: 60px
}

.margin-70 {
    margin: 70px
}

.margin-80 {
    margin: 80px
}

.mt-0 {
    margin-top: 0
}

.mt-10 {
    margin-top: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-90 {
    margin-top: 90px
}

.mt-45 {
    margin-top: 45px
}

.mt-65 {
    margin-top: 65px
}

.mb-30 {
    margin-bottom: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-60 {
    margin-bottom: 60px
}

.mt-1p {
    margin-top: 1% !important;
}

.mt-2p {
    margin-top: 2%
}

.mt-3p {
    margin-top: 3%
}

.mt-4p {
    margin-top: 4%
}

.mt-5p {
    margin-top: 5%
}

.mt-6p {
    margin-top: 6%
}

.mt-7p {
    margin-top: 7%
}

.mt-8p {
    margin-top: 8%
}

.mt-9p {
    margin-top: 9%
}

.mt-10p {
    margin-top: 10%
}

.mb-10p {
    margin-bottom: 10%
}

.mt-11p {
    margin-top: 11%
}

.mt-12p {
    margin-top: 12%
}

.mt-13p {
    margin-top: 13%
}

.mt-14p {
    margin-top: 14%
}

.mt-15p {
    margin-top: 15%
}

.mb-6p {
    margin-bottom: 6%
}

.mb-15p {
    margin-bottom: 15%
}

.mt-16p {
    margin-top: 16%
}

.mt-20p {
    margin-top: 20%
}

.mb-20p {
    margin-bottom: 20%
}

.mb-40p {
    margin-bottom: 40%
}

.mb-25p {
    margin-bottom: 25%
}

.mt-30p {
    margin-top: 30%
}

.mt-40p {
    margin-top: 40%
}

.mt-50p {
    margin-top: 50%
}

.mt-75p {
    margin-top: 75%
}

.bottom0 {
    bottom: 0 !important
}

.mr-10 {
    margin-right: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.txtleft {
    text-align: left !important
}

.txtright {
    text-align: right
}

.txtjustify {
    text-align: justify
}

.txtcenter {
    text-align: center !important
}

.logo {
    width: 130px;
    height: auto
}

.img {
    width: 100%;
    height: auto
}

.sitecolor {
    color: #008d62 !important
}

.fontbold {
    font-weight: bold
}

.fontbold600 {
    font-weight: 600
}

.fontbold-green {
    font-weight: 700
}

.cs-fontbold600 {
    font-weight: 600
}

.colorwhite {
    color: #fff !important
}

.colorgreen {
    color: #008d62 !important
}

.color303030 {
    color: #303030 !important
}

.mobilehide {
    display: initial
}

.menumobilehide {
    display: block
}

.mobileshow {
    display: none
}

.mobhide {
    display: block
}

.mobshow {
    display: none
}

.label-new-border {
    border-radius: 5px !important
}

.socialicons {
    padding: 0
}

.socialicons ul {
    margin: 0;
    padding: 0
}

.socialicons ul li {
    display: inline;
    padding-left: 8px;
    padding-right: 0
}

.socialicons ul li a {
    transition: none;
    color: #fff
}

.socialicons ul li a:hover {
    transition: none;
    color: #fff
}

.socialicons ul li a i {
    font-size: 20px
}

.socialicons ul li a i:hover {
    transition: none;
    color: #fff
}

.caselist {
    padding: 15px;
    margin: 0
}


.scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 20px;
    right: 10px;
    color: #fff
}

.scroll {
    position: absolute;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
    right: 20px;
    bottom: 80px;
    background: #e24d2d;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    margin: 0;
    cursor: pointer;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.scroll:hover {
    background: #333;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.scroll .fa {
    font-size: 30px;
    margin-top: -5px;
    margin-left: 1px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

#overlay1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 99999;
    display: none
}

.popup {
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 999999;
    bottom: 0
}

.clear {
    clear: both
}



@media (max-width:600px) {
    .tabpt-50p {
        padding-top: 10%
    }
    
    .tabtxtcenter600 {
        text-align: center
    }
    .tabcenter {
        margin: 0 auto
    }
    .tabmt-10p {
        margin-top: 20%
    }
    .tabhide {
        display: none
    }
    .tabpt5p {
        padding-top: 5%
    }
    .tabpb5p {
        padding-bottom: 5%
    }
    .tabpt-10p {
        padding-top: 10%
    }
    .tabmt-15p {
        padding-top: 15%
    }
    
    .tabmt-20p {
        margin-top: 25%
    }
   
}

@media(max-width:576px) {
    .monitoring-button-small {
        font-size: 17px !important
    }
    .mobcenter {
        margin: 0 auto !important
    }
    .mobtxtcenter {
        text-align: center !important
    }
    .mobp0 {
        padding: 0
    }
    .mobpt-30 {
        padding-top: 30px
    }
    .mobpt-6p {
        padding-top: 6%
    }
    .mobpt-5p {
        padding-top: 5%
    }
    .mobpt-10p {
        padding-top: 10%
    }
    .mobpt-50p {
        padding-top: 50%
    }
    .mobpb-10p {
        padding-bottom: 10%
    }
    .mobpt-12p {
        padding-top: 12%
    }
    .mobpt-15p {
        padding-top: 15%
    }
    .mobpb-20p {
        padding-bottom: 20%
    }
    .mobpt-20 {
        padding-top: 20px !important
    }
    .mobpt-30 {
        padding-top: 30px !important
    }
    .mobp-15 {
        padding: 15px
    }
    .mobpt-0 {
        padding-top: 0 !important
    }
    .mobpt-10 {
        padding-top: 10px !important
    }
    .mobpt-15 {
        padding-top: 15px !important
    }
    .mobpb-25 {
        padding-bottom: 25px !important
    }
    .mobmt-5p {
        margin-top: 5% !important
    }
    .mobmt-15p {
        margin-top: 15%
    }
    .mobmt-20p {
        margin-top: 20%
    }
    .mobmt-10p {
        margin-top: 10% !important
    }
    .mobmb-10p {
        margin-bottom: 10% !important
    }
    .mobmb-15p {
        margin-bottom: 15% !important
    }
    .mobmb-5p {
        margin-bottom: 5% !important
    }
    .mobmb-1p {
        margin-bottom: 1% !important
    }
    .mobpt-20p {
        padding-top: 20% !important
    }
    .mobpt-40p {
        padding-top: 40% !important
    }
    .mobpt-40 {
        padding-top: 40px
    }
    .mobpl-1p {
        padding-left: 1% !important
    }
    .mobpl-10p {
        padding-left: 10%
    }
    .mobpl-15p {
        padding-left: 15%
    }
    .mobcenter {
        margin: 0 auto
    }
    .mobpt-25p {
        padding-top: 25%
    }
    .mobpt-30p {
        padding-top: 30% !important
    }
    .pt-60 {
        padding-top: 20px
    }
    .pt-50 {
        padding-top: 10px
    }
    .mobilehide {
        display: none
    }
    .menumobilehide {
        display: none
    }
    .mobhide {
        display: none
    }
    .pt-90 {
        padding-top: 20px
    }
    .pb-90 {
        padding-bottom: 20px
    }
    .pb-40 {
        padding-bottom: 0
    }
    .pb-50 {
        padding-bottom: 0
    }
    .pt-70 {
        padding-top: 20px
    }
    .mobileshow {
        display: initial
    }
    .pl-15p {
        padding-left: 1% !important
    }
    .padleft-1 {
        padding-left: 12px !important
    }
    .mobmt-50p {
        margin-top: 50%
    }
    .mobmt-40p {
        margin-top: 40%
    }
    .mobmt-30p {
        margin-top: 30%
    }
    
    nav ul {
        width: 100%
    }
    
    .img {
        width: 60%;
        height: auto
    }
    .bnr-img {
        width: 100%
    }
    .mob-img {
        width: 100%
    }
    
}



.btn-btn-white {
    color: #008d62 !important;
    background: #fff !important;
    font-weight: 500 !important;
    padding: 8px !important;
    width: 100%;
    font-size: 20px !important;
    border-radius: 50px !important;
    height: 60px;
    box-shadow: 0 10px 9px 0 rgba(0, 0, 0, .22)
}

.btn-btn-white:hover {
    color: #fff !important;
    background: #30495d !important;
    font-weight: 500 !important;
    padding: 8px !important;
    width: 100%;
    font-size: 20px !important;
    border-radius: 50px !important;
    height: 60px;
    box-shadow: 0 10px 9px 0 rgba(0, 0, 0, .22)
}

.fontsize10 {
    font-size: 10px
}

.fontsize20 {
    font-size: 20px
}

.color000 {
    color: #000
}

.color303030 {
    color: #303030
}


.floatright {
    float: right
}

.pos-fixed {
    position: fixed !important;
    top: 0% !important;
    width: 100% !important;
    box-shadow: 0 3px 5px rgba(100, 100, 100, .2);
    z-index: 999;
    background-color: #fff
}

#logo {
    display: block;
    padding: 4px 30px;
    float: left;
    font-size: 20px;
    line-height: 20px;
    width: 50%
}

.nav-link:focus,
.nav-link:hover {
    color: #e24d2d !important
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(224, 19, 19, .5)
}

.logo-width {
    width: 25% !important
}

.navbar-nav .nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.megamenu {
    position: static
}

.megamenu .dropdown-menu {
    background: 0 0;
    border: none;
    width: 100%
}

.list-unstyled li {
    border-bottom: 1px solid #e8e5e5;
    padding-bottom: 3%
}

.shadow-sm {
    box-shadow: .125rem 0 .25rem rgba(0, 0, 0, .252) !important
}

.font-weight-bold {
    font-weight: 500 !important
}

.dropdown-toggle::after {
    display: none !important
}

.sol-width {
    width: 75%
}

.plat-width {
    width: 40%
}

.res-width {
    width: 23%
}

/*.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 12px !important;
    height: 12px !important;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 9px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 50% !important
}*/
.navbar-default.scrolled ul > li > a {
    color: #fff;
}
/*.navbar-default.scrolled ul > li > a {
    color: rgba(0, 0, 0, 0.5);
}*/
.pos-fixed {
    position: fixed !important;
    width: 100% !important;
    z-index: 999;
}

/*
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 12px !important;
    height: 12px !important;
    margin-right: 3px !important;
    margin-left: 3px !important;
    text-indent: -999px !important;
    cursor: pointer !important;
    background-color: #fff !important;
    background-clip: padding-box;
    border-top: 9px solid transparent !important;
    border-bottom: 10px solid transparent !important;
    opacity: 1 !important;
    transition: opacity .6s ease;
    border-radius: 50% !important
}

.carousel-indicators .active {
    background-color: #008d62 !important;
    border: none !important;
    width: 8px !important;
    height: 8px !important
}

.carousel-indicators li {
    background-color: #eaf4fd !important
}
.carousel-indicators li {
    display: inline-block !important;
    width: 4px !important;
    height: 4px !important;
    margin: 1px !important;
    text-indent: -999px !important;
    cursor: pointer !important;
    background-color: #a9a8a8 !important;
    border: 2px solid #008d62 !important;
    border-radius: 10px !important
}
*/
.top-auto {
    top: auto !important
}

.carousel-indicators {
    bottom: 2% !important
}

.navbar-default.scrolled .popup_top {
    position: fixed;
    top: 0
}

.display-none {
    display: none;
    visibility: hidden
}

.align {
    bottom: 45px;
    text-align: left
}

.margin1 {
    margin-right: 7px
}

.bg-color {
    background-color: #27333c;
    min-height: 626px
}

.font44 {
    font-size: 44px
}

.align-center {
    text-align: center;
    width: 100%
}

.color1 {
    color: #31495d
}

.width100 {
    width: 100%
}


.m-b0 {
    margin-bottom: 0px !important
}


.navbar-default {
    transition: 500ms ease;
    background: transparent
}

.navbar-default.scrolled {
    background: #fff;
    color: #000 !important;
    box-shadow: .125rem 0 .25rem rgba(0, 0, 0, .252) !important
}

.navbar-default.scrolled #main-nav-1>ul>li>a {
    color: #212121
}

.navbar-default.scrolled .langcolor {
    color: rgba(0, 0, 0, .5)
}

.navbar-default.scrolled .langcolor:hover {
    color: rgba(0, 0, 0, .5) !important
}

.navbar-default.scrolled .vl {
    border-left: 2px solid rgba(0, 0, 0, .5)
}

@media (max-width: 2560px) {
    .menu-subs {
        flex-wrap: wrap;
        max-width: 67rem;
        width: 100%;
        left: 24% !important;
        height: auto;
    }
    .platforms-menu {
        flex-wrap: wrap;
        max-width: 45rem;
        width: 100%;
        left: 36% !important;
        height: auto;
    }
	.resources-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 12rem !important;
        width: 100%;
        left: 62% !important;
        height: auto;
    }
    .company-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 16rem !important;
        width: 100%;
        left: 62% !important;
        height: auto;
    }
	.technology-menu{
		flex-wrap: wrap;
        max-width: 3rem;
        min-width: 19rem !important;
        width: 100%;
        left: 50% !important;
        height: auto;
	}
	
}


@media (max-width: 2048px) {
    .menu-subs {
        flex-wrap: wrap;
        max-width: 67rem;
        width: 100%;
        left: 24% !important;
        height: auto;
    }
    .platforms-menu {
        flex-wrap: wrap;
        max-width: 45rem;
        width: 100%;
        left: 33% !important;
        height: auto;
    }
	.resources-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 12rem !important;
        width: 100%;
        left: 65% !important;
        height: auto;
    }
    .company-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 16rem !important;
        width: 100%;
        left: 65% !important;
        height: auto;
    }
	.technology-menu{
		flex-wrap: wrap;
        max-width: 3rem;
        min-width: 19rem !important;
        width: 100%;
        left: 50% !important;
        height: auto;
	}
	
}


@media (max-width: 1920px) {
    .menu-subs {
        flex-wrap: wrap;
        max-width: 67rem;
        width: 100%;
        left: 24% !important;
        height: auto;
    }
    .platforms-menu {
        flex-wrap: wrap;
        max-width: 45rem;
        width: 100%;
        left: 30% !important;
        height: auto;
    }
	.resources-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 12rem !important;
        width: 100%;
        left: 70% !important;
        height: auto;
    }
    .company-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 16rem !important;
        width: 100%;
        left: 70% !important;
        height: auto;
    }
	.technology-menu{
		flex-wrap: wrap;
        max-width: 3rem;
        min-width: 19rem !important;
        width: 100%;
        left: 50% !important;
        height: auto;
	}
	
}
@media (max-width: 1440px) {
    .menu-subs {
        flex-wrap: wrap;
        max-width: 69rem;
        width: 100%;
        left: 12% !important;
        height: auto;
    }
    
    .platforms-menu {
        flex-wrap: wrap;
        max-width: 46rem;
        width: 100%;
        left: 35% !important;
        height: auto;
    }
    .resources-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 12rem !important;
        width: 100%;
        left: 66% !important;
        height: auto;
    }
    .company-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 16rem !important;
        width: 100%;
        left: 66% !important;
        height: auto;
    }
}
@media (max-width: 1199.98px) {
	
    .menu-subs {
        flex-wrap: wrap;
        max-width: 62rem;
        width: 100%;
        left: 10% !important;
        height: auto;
    }
    .platforms-menu {
        flex-wrap: wrap;
        max-width: 46rem;
        width: 100%;
        left: 25% !important;
        height: auto;
    }
    .resources-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 12rem !important;
        width: 100%;
        left: 67% !important;
        height: auto;
    }
    .company-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 16rem !important;
        width: 100%;
        left: 70% !important;
        height: auto;
    }
	.technology-menu{
		flex-wrap: wrap;
        max-width: 3rem;
        min-width: 19rem !important;
        width: 100%;
        left: 66% !important;
        height: auto;
	}

}


@media (max-width:1024px) {
    .logo-width {
        width: 55% !important
    }
    .slogan {
        font-size: 14px;
        text-align: right;
        width: 55% !important;
        margin: 0
    }
    #logo {
        width: 40% !important
    }
    .dropdown-menu .mb-4 {
        padding: 0 !important
    }
    .navbar-nav .nav-link {
        padding-right: 0.3rem ! important;
        padding-left: 0.3rem ! important;
        font-size: 14px;
    }
	
    .menu-subs {
        flex-wrap: wrap;
        max-width: 55rem;
        width: 100%;
        left: 10% !important;
        height: auto;
    }
   
	
    .platforms-menu {
        flex-wrap: wrap;
        max-width: 46rem;
        width: 100%;
        left: 22% !important;
        height: auto;
    }
    .resources-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 12rem !important;
        width: 100%;
        left: 74% !important;
        height: auto;
    }
    .company-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 16rem !important;
        width: 100%;
        left: 72% !important;
        height: auto;
    }
	.technology-menu{
		flex-wrap: wrap;
        max-width: 3rem;
        min-width: 19rem !important;
        width: 100%;
        left: 61% !important;
        height: auto;
	}
	
}

@media(max-width:800px) {
    .logo-width {
        width: 60% !important
    }
    .slogan {
        font-size: 14px;
        text-align: right;
        width: 60% !important;
        margin: 0
    }
    .sol-width {
        width: 100% !important
    }
    .plat-width {
        width: 100% !important
    }
    .res-width {
        width: 100% !important
    }
}


@media(max-width:912px) {
	.tabpt-30{
		padding-top:30px;
	}
	.tabcenter{
		margin:0 auto;
	}
	
}
@media(max-width:820px) {
	.tabpt-30{
		padding-top:30px;
	}
	.tabcenter{
		margin:0 auto;
	}
	
}

@media(max-width:768px) {
    .logo-width {
        width: 50% !important
    }
    .slogan {
        font-size: 14px;
        text-align: right;
        width: 50% !important;
        margin: 0
    }
    .sol-width {
        width: 100% !important
    }
    .plat-width {
        width: 100% !important
    }
    .res-width {
        width: 100% !important
    }
	
    .menu-subs {
        flex-wrap: wrap;
        max-width: 41rem;
        width: 100%;
        left: 7% !important;
        height: auto;
    }
   
    .platforms-menu {
        flex-wrap: wrap;
        max-width: 38rem;
        width: 100%;
        left: 8% !important;
        height: auto;
    }
    .resources-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 12rem !important;
        width: 100%;
        left: 53% !important;
        height: auto;
    }
    .company-menu {
        flex-wrap: wrap;
        max-width: 3rem;
        min-width: 25rem !important;
        width: 100%;
        left: 45% !important;
        height: auto;
    }
	.tabpt-30{
		padding-top:30px;
	}
	.tabcenter{
		margin:0 auto;
	}
.menu-title {
    font-size: 14px;
    color: rgb(108 108 108);
    font-weight: 500 !important;
    line-height: 1.5;
    letter-spacing: 0.48px;
    margin: 5% 0px;
}
}

@media(max-width:600px) {
    .logo-width {
        width: 100% !important
    }
    .slogan {
        font-size: 14px;
        text-align: right;
        width: 100% !important;
        margin: 0
    }
    .sol-width {
        width: 100% !important
    }
    .plat-width {
        width: 100% !important
    }
    .res-width {
        width: 100% !important
    }
}

@media screen and (max-width: 576px) {
    .logo-width {
        width: 100% !important
    }
    .slogan {
        font-size: 14px;
        text-align: right;
        width: 100% !important;
        margin: 0
    }
    .sol-width {
        width: 100% !important
    }
    .plat-width {
        width: 100% !important
    }
    .res-width {
        width: 100% !important
    }
    .mb-4,
    .my-4 {
        margin-bottom: .1rem !important
    }
    #logo {
        width: 50% !important
    }
	.navbar-collapse {
        overflow-y: scroll;
        height: 340px;
    }
    .resources-menu {
        flex-wrap: wrap;
        max-width: none !important;
        min-width: 12rem !important;
        width: 100%;
        left: 47% !important;
        height: auto;
    }
    .company-menu {
        flex-wrap: wrap;
        max-width: none !important;
        min-width: 11rem !important;
        width: 100%;
        left: 47% !important;
        height: auto;
    }
	
}
.loader {
		display:inline-block;
  width: 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
  margin-left:10px;
}
@keyframes l5 {
    0%  {box-shadow: 9px 0 #e24d2d, -9px 0 #e24d2d4f;background: #e24d2d }
    33% {box-shadow: 9px 0 #e24d2d, -9px 0 #e24d2d4f;background: #e24d2d4f}
    66% {box-shadow: 9px 0 #e24d2d4f,-9px 0 #e24d2d; background: #e24d2d4f}
    100%{box-shadow: 9px 0 #e24d2d4f,-9px 0 #e24d2d; background: #e24d2d }
}