/*
@media(min-width:768px) and (max-width:992px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

@media(min-width:768px) {
    .decorative-shape {
        animation: float 5s infinite;
    }
}

@media(min-width:992px) and (max-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {}
}

@media(min-width:992px) {
    .container,
    .container-md,
    .container-sm {
        max-width:972px;
    }
}

@media(min-width:1200px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 1180px;
    }
}
*/

@media(min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }
}
/*

@media(max-width:1200px) {}

@media(max-width:992px) {
        .cm-5 .box-card{
        min-height:126.5px;
    }
}

@media(max-width:768px) {
    body {
    }

    h1 {
        font-size: 40px;
    }

    .main-hero .experience-line {
        font-size: 36px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 18px;
    }

    .logo a img {
        width: 80px;
        height: 63.47px;
    }
    a.company-logo img{
        width: 80px;
        height: 63.47px;
    }
    .nav-menu-full {
        flex-direction: column;
        padding-top: 83.47px;
    }

    .menu-column {
        width: 100% !important;
    }

    .menu-column::after {
        display: none;
    }

    .column-header {
        display: none !important;
    }

    .menu-box {
        height: calc(100vh / 8);
        flex: none;
        border-bottom: 1px solid var(--text-1);
    }

    .menu-box::after {
        display: none;
    }

    .menu-title {
        font-size: 16px;
    }

    footer h3 {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .company-details {
        margin-bottom: 0px;
    }

    .main-hero {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .main-hero .image-text {
        flex-direction: column;
    }

    .accent-dot {
        position: absolute;
    }
*/

    .main-hero .arrow {
        display: block;
        transform: rotate(90deg);
        margin: 20px auto 12px !important;
    }

    .main-hero .circle-img {
        width: 80px;
        height: 80px;
    }

    .speech-bubble-1 {
        max-width: 210px;
        margin-left: 90px;
        margin-top: -100px;
    }

    .inner-header .switch__tab {
        right: 80px;
    }

    .decorative-shape {
        width: calc(100% - 40px);
        height: calc(100% - 20px);
        top: 32px;
        left: auto;
        right: 0px;
        border-radius: 0px;
    }

    .oe-3 .box-card {
        padding: 20px 15px;
    }

    .cta-section p {
        font-size: 16px;
    }

    .cta-section .orb-1 {
        left: 15px;
    }

    .cta-section .orb-2 {
        right: 15px;
    }

    .full-h img {
        position: static;
        height: 350px;
    }

    .left-shape-2 {
        width: 100%;
        height: 35%;
        top: auto;
        bottom: 0px;
    }

    .bg-boxs {
        height: 40%;
        width: 100%;
        top: auto;
        bottom: 0px;
    }

    svg.left-shape-1 {
        opacity: .2;
    }

    svg.right-shape-1 {
        bottom: -185px;
    }

    svg.center-shape-1 {
        width: 133%;
        top: -151px;
        right: -41px;
    }

    .bg-element-6 {
        height: 40%;
        bottom: -150px;
        top: auto;
        left: 14px;
        background-position: center center;
    }

    .cm-4 .box {
        padding: 20px;
    }

    .bg-element-7-1 {
        top: -67px;
    }

    .bg-element-7 {
        bottom: -117px;
    }

    .svg-arrow {
        display: none;
    }

    .image-with-arrow {
        position: static;
        width: 100%;
    }

    .ns-1::after {
        content: '';
        width: 100%;
        height: 15%;
    }

    .w-75 {
        width: 100% !important;
    }
    .emoji-options{
        gap:5px;
    }
    .emoji-option{
        font-size:28px;
        min-width:fit-content;
    }
}


@media(max-width:576px) {}