.container .row {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 1200px) {
    .menu {
        position: relative;
        left: 138px;
    }
}

@media (max-width: 1600px) and (min-width: 1500px) {
    .whyus-wrapper {
        position: unset;
        top: 5% !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
        padding: 0%;
    }

    .section-services .service-group .service-icon .default-status {
        width: 307.5px;
        height: 100px;
        padding: 32px 15px;
    }

    .section-solutions {
        padding: 100px 0 100px 0;
    }
}
/* X-Large */
@media (max-width: 1399px) and (min-width: 1200px) {
    .container {
        max-width: 1140px;
        padding: 0%;
    }

    .section-services .service-group .service-icon .default-status {
        width: 262.5px;
        height: 100px;
        padding: 20px 15px;
    }

    .section-solutions {
        padding: 100px 0 100px 0;
    }

    .idc-adv-container {
        height: 312px;
    }

    .solution-container {
        height: 550px;
    }

    .slide-item {
        height: 250px !important;
    }

    #award-carousel img.card-img-top {
        margin: 0px auto;
        display: block;
        width: 200px !important;
        height: 200px !important;
    }
}
/* Large  */
@media (max-width: 1199px) and (min-width: 992px) {
    .container {
        max-width: 960px;
        padding-left: 0%;
        padding-right: 0%;
    }

    .section-services .service-group .service-icon .default-status {
        width: 240px;
        height: 100px;
        padding: 20px 0px !important;
    }

    .section-solutions {
        padding: 50px 0 50px 0;
    }

    .idc-adv-container {
        height: 263px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px 0px !important;
    }

    .solution-container {
        height: 550px;
    }

    .navbar-collapse .navbar-nav li {
/*        border-bottom: var(--secondary-color-40) 1px solid !important;*/
    }
}
/* Medium */
@media (max-width: 991px) and (min-width: 768px) {
    .container {
        max-width: 720px;
        padding: 0%;
    }

    .section-services .service-group .service-icon .default-status {
        width: 360px;
        height: 100px;
        padding: 32px 18px 0px 0px;
    }

    .section-solutions {
        padding: 50px 0 50px 0;
    }

    .idc-adv-container {
        height: 405px;
    }

    h1 {
        font-size: 56px !important;
        line-height: 80px !important;
        letter-spacing: -0.1%;
    }

    h2 {
        font-size: 42px !important;
        line-height: 36px;
        letter-spacing: -0.1%;
    }

    h3 {
        font-size: 30px !important;
        line-height: 32px;
        letter-spacing: -0.1%;
    }

    h4 {
        font-size: 20px !important;
        line-height: 24px;
        letter-spacing: -0.1%;
    }

    .navbar-collapse .navbar-nav li {
        border-bottom: var(--secondary-color-40) 1px solid !important;
    }
}
/* Small  */
@media (max-width: 767px) and (min-width: 576px) {
    .container {
        max-width: 540px;
        padding: 0%;
    }

    .section-services .service-group .service-icon .default-status {
        width: 256px;
        height: 62px;
        padding: 16px 18px 0px 0px;
    }

    .section-solutions {
        padding: 50px 0 50px 0;
    }

    .idc-adv-container {
        height: 290px;
    }

    h1 {
        font-size: 30px !important;
        line-height: 36px;
        letter-spacing: -0.1%;
    }

    h2 {
        font-size: 28px !important;
        line-height: 32px;
        letter-spacing: -0.1%;
    }

    h3 {
        font-size: 18px !important;
        line-height: 24px;
        letter-spacing: -0.1%;
    }

    h4 {
        font-size: 16px !important;
        line-height: 22px;
        letter-spacing: -0.1%;
    }

    #partners .logo-partner {
        width: 192px;
    }

    .section-title {
        text-transform: uppercase !important;
        padding-left: 0%;
        padding-right: 0px;
        margin-bottom: 10px !important;
    }

    .navbar-collapse .navbar-nav li {
        border-bottom: var(--secondary-color-40) 1px solid !important;
    }
}
/* Extra Small  */
@media (max-width: 576px) {

    .container {
        max-width: 100%;
        padding: 0%;
    }

    .section-services .service-group .service-icon .default-status {
        width: 206px;
        height: 52px;
        padding: 16px 8px 12px 8px;
    }

    .section-solutions {
        padding: 60px 0 60px 0;
    }

    .idc-adv-container {
        height: 250.32px;
    }

    h1 {
        font-size: 30px !important;
        line-height: 36px;
        letter-spacing: -0.1%;
    }

    h2 {
        font-size: 28px !important;
        line-height: 32px;
        letter-spacing: -0.1%;
    }

    h3 {
        font-size: 18px !important;
        line-height: 24px;
        letter-spacing: -0.1%;
    }

    h4 {
        font-size: 16px !important;
        line-height: 22px;
        letter-spacing: -0.1%;
    }

    #partners .logo-partner {
        /*        margin: 8px 8px;*/
        width: 167px !important;
        height: 74.35px !important;
    }


    #partners .marquee_mob .logo-partner {
        display: unset !important;
    }

    .certificate-item {
        height: inherit;
        background-size: 75% !important;
        background-position: center;
        background-repeat: no-repeat;
    }

    .slide-item {
        /*        height: 183px !important;*/
        max-height: 180px !important;
        width: 100% !important;
    }

    #slick1 .slide-item:hover .second {
        opacity: 0 !important;
    }

    #slick1 > .slick-arrow {
        display: none !important;
    }

    .section-subtitle {
        font-size: 14px !important;
    }

    .whyus-section .col-solution {
        padding-left: 0%;
        padding-right: 0%;
        margin-bottom: 16px;
    }

    .idc-adv-container {
        height: 214px !important;
    }

    .whyus-section .col-fit-container .col-lg-12 {
        padding-left: 0% !important;
    }

    .section-title {
        text-transform: uppercase !important;
        padding-left: 0%;
        padding-right: 0px;
        margin-bottom: 32px !important;
    }

    .idc-form-advice {
        padding: 35px 17px !important;
    }

    .form__field {
        font-size: 14px !important;
    }

        .form__field:placeholder-shown ~ .form__label {
            font-size: 14px;
        }

    .idc-form-advice .col-input {
        min-height: 65px;
    }

    .service-section .section-title {
        margin-bottom: 40px !important;
    }

    .idc-awards-indicator-item {
        line-height: 22px !important;
        font-size: 13px !important;
        margin: 0px !important;
        height: unset !important;
    }

    .idc-awards-indicator-wapper.row {
        display: flex;
    }

    #fandq .col-solution {
        padding-right: 0% !important;
    }

    .idc-awards-indicator-item {
        padding: 7px 1px !important;
    }

    #fandq .why-us-title {
        padding-left: 0%;
    }

    #fandq .plus-to-x {
        padding: 0%;
    }

    #fandq .why-us-title h4 span {
        line-height: 22px;
    }

    .navbar-collapse .navbar-nav li:first-child {
        border-top: var(--secondary-color-40) 1px solid !important;
    }

    .navbar-collapse .navbar-nav li {
        border-bottom: var(--secondary-color-40) 1px solid !important;
    }

    #navbarNav.show:after {
        content: 'a';
        position: absolute;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0,0, 60%);
        left: 0;
    }
}

@media (max-width: 400px) {
    .slide-item {
        /*        height: 135px !important;*/
        width: 100% !important;
    }

    #partners .logo-partner {
/*        margin: 12px;*/
        width: 135px !important;
        height: 59.35px !important;
    }

    .navbar-collapse .navbar-nav li {
        border-bottom: var(--secondary-color-40) 1px solid !important;
    }
}

.idc-primary-90 {
    color: #620915;
}

.idc-secondary-100 {
    color: #000000;
}

.idc-primary-80 {
    color: #890D1E;
}

.idc-secondary-90 {
    color: #3D3D3D;
}

.idc-primary-70 {
    color: #C4132B;
}

.idc-secondary-80 {
    color: #44494d;
}

.idc-primary-60 {
    color: #EE0033 !important;
}

.idc-secondary-70 {
    color: #949595;
}

.idc-primary-50 {
    color: #EF404A;
}

.idc-secondary-60 {
    color: #b5b4b4;
}

.idc-primary-40 {
    color: #F2666E;
}

.idc-secondary-50 {
    color: #c8c8c7;
}

.idc-primary-30 {
    color: #F9B3B7;
}

.idc-secondary-40 {
    color: #DDDDDD;
}

.idc-primary-20 {
    color: #FCD9DB;
}

.idc-secondary-30 {
    color: #F2F2F2;
}

.idc-primary-10 {
    color: #FEF5F6;
}

.idc-secondary-20 {
    color: #f7f7f7;
}

.idc-secondary-10 {
    color: #ffffff;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.idc-btn-secondary {
    border: #DDDDDD solid 0.5px;
    border-radius: 2px;
    display: inline-block;
    padding: 7px 36.5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #3D3D3D;
    text-decoration: none !important;
    position: relative;
    transition: all 0.5s;
    transition: all 0.5s;
    background-color: #ffffff;
    min-width: 100px;
}

    .idc-btn-secondary > span {
        color: #3D3D3D;
    }

    .idc-btn-secondary:hover {
        background-color: #DDDDDD;
    }

.idc-btn-ghost {
    border: #FFFFFF solid 0.5px;
    border-radius: 2px;
    display: inline-block;
    padding: 7px 36.5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none !important;
    position: relative;
    transition: all 0.5s;
    transition: all 0.5s;
    background-color: transparent;
    min-width: 138px;
}

    .idc-btn-ghost > span {
        color: #FFFFFF;
    }

    .idc-btn-ghost:hover {
        background-color: #ffffff30 !important;
    }

.idc-btn-primary {
    border: #EE0033 solid 0.5px;
    border-radius: 2px;
    display: inline-block;
    padding: 7px 36.5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none !important;
    position: relative;
    transition: all 0.5s;
    transition: all 0.5s;
    background-color: #EE0033;
    min-width: 100px;
}

    .idc-btn-primary > span {
        color: #FFFFFF;
    }

    .idc-btn-primary:hover {
        background-color: #C4132B;
    }

.menu-root a {
    color: #3D3D3D;
    font-weight: bold;
}

.carousel-item {
    height: 763px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

#home-banner {
    position: relative;
    z-index: 1;
}


.section-services {
    position: unset;
}

    .section-services:before {
        background-color: #FFFFFF;
    }

    .section-services .service-group .service-icon .default-status:after, .section-services .service-group:after {
        width: 0px;
    }

    .section-services .service-group {
        min-height: 164px;
    }

.section-solutions {
    background: #FFFFFF;
}

    .section-solutions .container .text-center {
        justify-content: center;
        display: grid;
    }

        .section-solutions .container .text-center .section-subtitle {
            margin-top: 0px;
            max-width: 660px;
        }

.idc-adv-container {
    background: none;
    height: 362px;
    padding: 0px;
    border-radius: 0px;
    position: relative;
    z-index: 2;
}

.col-solution {
    padding-left: 0%;
    margin-bottom: 24px;
}

.card-hidden-content {
    display: none;
    width: fit-content;
    text-align: left;
    position: relative;
    top: 19px;
}

.card-solution-container {
    background-color: #ffffff;
    border: 1px solid #333;
    border-radius: 10px;
    text-align: center;
    transition: box-shadow 0.3s ease;
    margin-top: 20px;
    transition: height 0.3s ease;
    overflow: hidden;
    height: 75.33px;
}

    .card-solution-container:hover {
        height: 126px;
        box-shadow: 0px 1px 5px 0px rgb(221, 221, 221);
        transform: none;
        transform-origin: 50% 50% 0px;
    }

        .card-solution-container:hover .card-title {
            position: absolute;
            top: 1px;
            left: 8px;
        }

        .card-solution-container:hover .card-hidden-content {
            display: block;
            /* position: relative;
    top: 19px;
    max-width: fit-content; */
        }

.col-hover-solution:hover h4 {
    color: #3D3D3D !important;
}

.icon-solution {
    width: 40px;
    position: absolute;
    top: 6px;
    height: 40px;
    left: 0;
}

.card-title h4 {
    color: #3D3D3D;
}

.img {
    /*    transition: width .3s ease-in-out, box-shadow .3s ease-in-out;*/
}

#ceritificate .slick-slide {
    margin: 0px 12px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slide-item {
    background-color: #FFFFFF;
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    margin-bottom: 24px;
    height: 312px;
    /* width: 424px;*/
}

#slick1 .slick-prev, .slick-next {
    display: block;
}

.idc-advice-wraper {
    background-image: url('/Themes/itmetech/img/ldp-colocation/Background-get-advice.png');
    height: fit-content;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ceritificate-section {
    background-image: url('/Themes/itmetech/img/ldp-colocation/advice-bg.jpg');
    height: fit-content;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.grow-wrap {
    /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
    display: grid;
    bottom: 10%;
}

    .grow-wrap::after {
        /* Note the weird space! Needed to preventy jumpy behavior */
        content: attr(data-replicated-value) " ";
        /* This is how textarea text behaves */
        white-space: pre-wrap;
        /* Hidden from view, clicks, and screen readers */
        visibility: hidden;
    }

    .grow-wrap > textarea {
        /* You could leave this, but after a user resizes, then it ruins the auto sizing */
        resize: none;
        /* Firefox shows scrollbar on growth, you can hide like this. */
        overflow: hidden;
    }

    .grow-wrap > textarea,
    .grow-wrap::after {
        /* Identical styling required!! */
        border: 1px solid black;
        padding: 0.5rem;
        font: inherit;
        /* Place on top of each other */
        grid-area: 1 / 1 / 2 / 2;
    }

.idc-form-advice {
    background-color: #FFFFFF;
    padding: 50px;
    height: fit-content;
    border-radius: 2px;
}

.form__group {
    position: relative;
    padding: 15px 0 0;
    margin-top: 10px;
    width: 50%;
}

.form__field {
    font-family: inherit;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #C8C8C7;
    outline: 0;
    font-size: 16px;
    color: #3D3D3D;
    padding: 7px 0;
    background: transparent;
    transition: border-color 0.2s;
}

    .form__field::placeholder {
        color: transparent;
    }

    .form__field:placeholder-shown ~ .form__label {
        font-size: 16px;
        cursor: text;
        top: 5px;
        line-height: 22px;
    }

.form__label {
    position: absolute;
    top: -11px;
    display: block;
    transition: 0.2s;
    font-size: 16px;
    color: #3D3D3D;
}

.form__field:focus {
    padding-bottom: 6px;
    font-weight: auto;
    border-width: 1px;
    border-image: linear-gradient(to right, #3D3D3D, #C8C8C7);
    border-image-slice: 1;
}

    .form__field:focus ~ .form__label {
        position: absolute;
        top: -20px;
        display: block;
        transition: 0.2s;
        font-size: 16px;
        color: #3D3D3D;
        font-weight: 400;
    }
/* reset input */
.form__field:required, .form__field:invalid {
    box-shadow: none;
}
/* award-carousel */
.award-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #F2F2F2;
    color: #EE0033;
    margin: 0;
    width: 42px;
    height: 42px;
    border: #DDDDDD 1px solid;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}

    .award-carousel .owl-nav button.owl-prev {
        left: 0;
    }

    .award-carousel .owl-nav button.owl-next {
        right: 0;
    }

.award-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.award-carousel .owl-stage {
    display: flex;
}

.award-carousel .owl-item {
    padding: 15px;
    height: inherit;
}

    .award-carousel .owl-item.active > div:hover {
        box-shadow: 0px 1px 5px 0px rgb(221, 221, 221);
    }

    .award-carousel .owl-item .card {
        border: none;
    }

.award-carousel img.card-img-top {
    margin: 0px auto;
    display: block;
    max-width: 199px;
}

.award-carousel .owl-item .card-body {
    text-align: center;
    padding: 0px;
    margin-top: 1.5rem;
}

.idc-awards-indicator-item {
    /*    min-width: 250px;*/
    line-height: 24px;
    letter-spacing: -0.1%;
    color: #3D3D3D;
    border: none;
    margin: 0px;
    padding: 15px 0px;
    font-size: 20px;
    background-color: transparent;
}

.idc-awards-indicator .row {
    /*    width: fit-content !important;*/
    margin: 0px auto !important;
    border: 1px solid #DDDDDD;
    background: transparent;
    border-radius: 2px;
    max-width: max(40vw, 750px);
}

.idc-awards-indicator-item:hover {
    color: #EE0033;
}

.idc-awards-indicator-item.active {
    background-color: #EE0033;
    color: #FFFFFF;
}

#partners {
    background-color: #F7F7F7;
    background-image: url(/Themes/itmetech/img/ldp-colocation/partners-bg.svg);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

    #partners .wrapper {
        /*   --color-text:#000; */
        /*   --colog-bg:#000; */
        /*   --color-bg-accent:#FFE018; */
        --size: clamp(10rem, 1rem + 40vmin, 30rem);
        --gap: calc(var(--size) / 14);
        --duration: 30s;
        --scroll-start: 0;
        --scroll-end: calc(-100% - var(--gap));
    }

    #partners .marquee {
        display: flex;
        overflow: hidden;
        user-select: none;
        gap: var(--gap);
    }

    #partners .marquee_group_mob {
        grid-gap: 24px;
    }

    #partners .marquee_group {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: var(--gap);
        min-width: 100%;
        animation: scroll-x var(--duration) linear infinite;
    }

    #partners .marquee-reverse .marquee_group {
        animation-direction: reverse;
        animation-delay: -3s;
    }

@keyframes scroll-x {
    from {
        transform: translateX(var(--scroll-start));
    }

    to {
        transform: translateX(var(--scroll-end));
    }
}

#partners .logo-partner:hover {
    box-shadow: 0px 1px 5px 0px rgb(221, 221, 221);
    transform: none;
    transform-origin: 50% 50% 0px;
}

#partners .logo-partner {
    height: 100.35px;
    background-color: #ffffff;
}

#partners .marquee .logo-partner, #partners .marquee_mob .logo-partner {
    display: grid;
    place-items: center;
    width: 242px;
    fill: var(--color-text);
    background: #ffffff;
    aspect-ratio: 19 / 9;
    border: 0.5px solid var(--secondary-color-40);
    border-radius: 2px;
}

#partners .wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    margin: auto;
    max-width: 100vw;
}

#slick1 .first {
    display: block;
    position: relative;
    max-width: 100%;
}

#slick1 .second {
    position: relative;
    padding: 32px;
    opacity: 0;
    backface-visibility: hidden;
    height: inherit;
}

    #slick1 .second p {
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 22px;
        letter-spacing: -0.1%;
        text-align: left;
    }

    #slick1 .second h4 {
        line-height: 22px;
        letter-spacing: -0.1%;
        text-align: left;
        margin-bottom: 20px;
    }

#slick1 .slide-item:hover .second {
    background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7));
    opacity: 1;
    transition: opacity 0.2s;
    cursor: pointer;
}

#slick1 .slide-item:hover .first {
    opacity: 0;
}

#slick1 .idc-more-info {
    display: flex;
    position: absolute;
    bottom: 6%;
    color: #FFFFFF;
}

    #slick1 .idc-more-info a {
        color: #FFFFFF;
    }

.default-status-wrapper span:nth-child(2) {
    font-size: 42px !important;
    margin-top: 0px !important;
    line-height: 32px !important;
}

.default-status-wrapper {
    display: inline-flex;
}

#awards .hidden {
    display: none;
}