.home-navber {
    position: sticky;
    z-index: 2;
    width: 100%;
    top: 0;
    padding: 38px 0;
    transition: background .5s ease-in-out;
    background-color: transparent
}

.home-navber:hover {
    background-color: #000
}

.nav-link-container {
    margin-top: 8vh;
    margin-bottom: 4vh
}

.nav-link-container a {
    font-size: 30px;
    font-family: AcehMedium;
    line-height: 24px;
    margin-bottom: 50px;
    color: #383838
}

.e-commerce-link p,
.hero-left-body p {
    line-height: 42px;
    letter-spacing: 5px;
    font-weight: 300
}

.nav-link-container .home-link {
    cursor: pointer;
    font-family: AcehMedium;
    font-size: 30px
}

.nav-link-container .home-link:hover a,
.nav-link-container a:hover {
    font-weight: 900;
    text-decoration: underline
}

.hero-left-body a,
.home-navber .logo a {
    text-decoration: none
}

.drop-active.active,
.home-link:hover {
    color: #000
}

.home-navber .content {
    height: 0;
    display: flex;
    align-items: center;
    padding-left: 10vw;
    padding-right: 8.5vw;
    justify-content: space-between
}

.home-navber .logo img {
    padding-right: 7px;
    width: 35px
}

.home-navber .logo a {
    font-family: RalewayBlod;
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.home-navber .menu-list {
    display: inline-flex;
    margin-bottom: 0;
    align-items: center;
    justify-content: center
}

.menu-list li a {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-family: montserrat
}

a.nav-icon-r {
    position: relative;
    top: 12px;
    left: -14px
}

.nav-circle {
    position: relative;
    margin: 1em;
    padding: 1em 2em;
    box-sizing: border-box;
    background: 0 0;
    border: 0;
    box-shadow: inset 0 0 0 2px #f45e61;
    color: #f45e61;
    font-size: inherit;
    font-weight: 700;
    vertical-align: middle
}

.nav-circle:after,
.nav-circle:before {
    content: "";
    position: absolute;
    box-sizing: inherit;
    width: 100%;
    height: 100%
}

.spin {
    width: 3em;
    height: 3em;
    padding: 0
}

.author-details p,
.dropdown-left-footer .left-info p,
.spin:hover {
    color: #fff
}

.spin:after,
.spin:before {
    top: 3px;
    left: 0
}

.spin:before {
    border: 1px solid transparent
}

.spin:hover:before {
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
    transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s
}

.spin:after {
    border: 0 solid transparent
}

.circle,
.circle:after,
.circle:before {
    border-radius: 100%
}

.spin:hover:after {
    border-top: 1px solid #fff;
    border-left-width: 1px;
    border-right-width: 1px;
    transform: rotate(270deg);
    transition: transform .4s linear, border-left-width 0s linear .35s
}

.circle {
    box-shadow: none
}

.spin.circle:hover:before {
    transform: rotate(405deg)
}

.spin.circle:hover:after {
    transform: rotate(315deg)
}

.hero-bg {
    background: linear-gradient(45deg, #6502d5, #5c10d9, #0b83fe);
    transition: background 1s;
    position: relative;
    top: -76px
}

.discover-icon,
.e-commerce-link p,
.hero-left-body p {
    transition: .25s ease-in-out
}

.hero-container {
    margin-left: 10vw;
    padding-top: 26vh;
    padding-bottom: 27vh;
    margin-right: 8.5vw
}

.hero-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 85px !important
}

.hero-left-body p {
    color: #fff;
    font-size: 24px;
    font-family: Montserrat, sans-serif !important;
    margin-bottom: 0
}

.e-commerce-link p {
    color: #2b2b2b;
    font-size: 22px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0;
    text-transform: uppercase
}

.dropdown-left-nav li a,
.hero-left-body h1 {
    font-family: RalewayBlod
}

.hero-left-body .atp,
.hero-left-body h1 {
    font-size: 62px;
    line-height: 80px;
    margin: 0;
    overflow: hidden;
    color: #fff
}

.hero-left-body .atp {
    font-family: RalewayBlod !important
}

#blog-custom .owl-dots,
#text,
#textf,
#textff,
#texts,
#textt,
#texttt,
#textw,
#textww,
#textwww,
#textwwww,
#textwwwww,
.dropdown-body-2,
.dropdown-body-3,
.dropdown-body-4,
.dropdown-body-5,
.dropdown-body-6,
.dropdown-body-7,
.hero-left-body h1 span,
.home-desktop-hide,
.read-more.text-center {
    display: none
}

.hero-icon {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 45px;
    cursor: pointer
}

.hero-icon:hover p {
    font-weight: 900
}

.discover-icon {
    height: 55px;
    width: 55px;
    border: 2px solid #3faefd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.hero-icon:hover .discover-icon {
    background-color: #3faefd
}

.discover-plus {
    padding-bottom: 4px;
    padding-left: 2px
}

.hero-left {
    flex: 50%
}

.hero-right {
    flex: 50%;
    z-index: 1;
    max-width: 621px;
    max-height: 458px;
    position: relative
}

.glass-effect {
    background: rgba(255, 255, 255, .26);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 14px 30px;
    border-radius: 30px;
    cursor: pointer;
    animation-timing-function: ease;
    animation-name: glass-position;
    animation-iteration-count: infinite;
    animation-delay: 5ms;
    pointer-events: auto;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.glass-effect:hover {
    background: rgba(255, 255, 255, .1)
}

.glass-link {
    opacity: 1 !important
}

.testingH1,
.testingH2,
.testingH3,
.testingH4,
.testingH5,
.testingH6,
div.circle-data {
    border-radius: 50%
}

.glass-position-1 {
    position: absolute;
    top: 60px;
    left: -80px;
    animation-duration: 5s
}

@keyframes glass-position {

    0%,
    100% {
        transform: translateX(0) rotate(0)
    }

    50% {
        transform: translateX(-6%) rotate(.01deg)
    }
}

.glass-position-2 {
    position: absolute;
    bottom: 40px;
    left: -40px;
    animation-duration: 4s
}

.glass-position-3 {
    position: absolute;
    top: -20px;
    right: 85px;
    animation-duration: 5s
}

.glass-position-4 {
    position: absolute;
    bottom: -14px;
    right: 60px;
    animation-duration: 4s
}

.glass-position-5 {
    position: absolute;
    bottom: 107px;
    right: -77px;
    animation-duration: 5s
}

.glass-position-6 {
    position: absolute;
    top: 135px;
    right: -55px;
    animation-duration: 4s
}

.glass-effect p {
    font-size: 18px;
    font-family: AcehRegular;
    line-height: 24px;
    margin: 0;
    color: #fff !important;
    font-weight: 400
}

.client-left img,
.data-icon-img img,
.hero-right img {
    height: 100%;
    width: 100%
}

.hero-left-body h1 span.text-in {
    display: block;
    animation: .5s ease-in textIn;
    transition: .5s ease-in;
    -webkit-animation: .5s ease-in textIn
}

.hero-left-body h1 span.text-out {
    animation: 1s ease-out textOut;
    transition: .5s ease-out
}

@keyframes textIn {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes textOut {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-100%)
    }
}

.ecomclips {
    position: absolute;
    top: 10px;
    right: -118px
}

.nav-dropdown-left,
.nav-dropdown-right {
    position: fixed;
    z-index: 2;
    transition: height .6s ease-in-out
}

.ecomclips-right-logo {
    margin: 0;
    height: 107vh;
    overflow: hidden
}

.ecomclips-right-logo span {
    display: block;
    animation: 90s infinite ecom-anim
}

@keyframes ecom-anim {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-400%)
    }
}

.nav-dropdown-left {
    top: 0;
    left: 0;
    height: 0;
    width: 40%;
    background: linear-gradient(45deg, #5808fb, #ab0bfe);
    overflow: hidden
}

.dropdown-left-nav {
    margin-left: 8vw;
    padding-top: 19vh;
    height: 70vh
}

.dropdown-left-nav ul li {
    list-style: none;
    margin-bottom: 24px;
    height: 50px;
    overflow: hidden
}

.dropdown-body {
    height: auto;
    margin-top: -9vh
}

.nav-dropdown-left .logo {
    margin-left: 10vw;
    position: relative;
    top: 25px
}

.nav-dropdown-left .logo img {
    height: 28px;
    width: 28px
}

.nav-dropdown-left .logo a {
    font-family: RalewayBlod;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    margin-left: 5px
}

.blog-headline,
.cont-box .see-m,
.dropdown-left-footer a:hover,
.dropdown-left-nav li:hover a,
.dropdown-right-body-logo a:hover,
.dropdown-right-footer a:hover,
.why-left-body .see-m {
    text-decoration: underline
}

.dropdown-left-nav li a {
    text-decoration: none;
    font-size: 40px;
    line-height: 47px;
    color: #fff
}

.dropdown-left-footer {
    margin-left: 9.5vw;
    margin-top: 5vh
}

.dropdown-left-footer .left-info {
    margin-bottom: 2vh;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.dropdown-left-footer .left-info a {
    text-decoration: none;
    font-size: 16px;
    font-family: Montserrat;
    color: #fff
}

.dropdown-left-footer .link-container a {
    text-decoration: none;
    font-size: 18px;
    font-family: Montserrat;
    line-height: 24px;
    color: #fff;
    margin-right: 30px
}

.dropdown-right-body p,
.dropdown-right-body-2 p {
    font-size: 22px;
    font-family: AcehMedium;
    line-height: 24px
}

.nav-dropdown-right {
    bottom: 0;
    right: 0;
    height: 0;
    width: 60%;
    background: #fff;
    overflow: auto
}

.ecc-d-flex {
    display: flex;
    align-items: start
}

.ecc-d-flex img {
    margin-top: 2px
}

.dropdown-right-body {
    margin-left: 3vw;
    margin-top: 17.5vh
}

.dropdown-nav_cross {
    display: flex;
    margin-right: 9vw;
    margin-top: 22px;
    cursor: pointer;
    justify-content: flex-end;
    align-items: center;
    gap: 20px
}

.dropdown-right-body p {
    margin-bottom: 50px
}

.dropdown-right-body-2 {
    margin-left: 3vw
}

.dropdown-right-body-2 p {
    margin-top: 7vh;
    margin-bottom: 40px
}

.dropdown-right-body-logo {
    display: -ms-grid;
    display: grid;
    row-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 0;
    width: 100%
}

.mmt-col-1 {
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-columns: (1fr)[1]
}

.mmt-col-2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr)
}

.mmt-col-3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr)
}

.mmt-col-4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr)
}

.mmt-col-5 {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr)
}

.dropdown-right-body-logo img {
    margin-right: 10px
}

.dropdown-right-body-logo a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-family: Montserrat;
    line-height: 24px
}

.dropdown-nav_cross p {
    font-size: 26px;
    line-height: 46px;
    font-family: AcehSemiBold;
    color: #000
}

.dropdown-right-footer {
    display: flex;
    gap: 3vw;
    justify-content: center;
    margin-top: 360px
}

.dropdown-right-footer a {
    color: #000;
    font-family: Montserrat
}

.nav-dropdown-ht {
    height: 100vh
}

.side {
    position: -webkit-sticky;
    position: sticky;
    top: 21vh;
    width: 28vw;
    height: 28vw
}

.data-icon-img,
.testingH1,
.testingH2,
.testingH3,
.testingH4,
.testingH5,
.testingH6 {
    width: .5vw;
    height: .5vw
}

.testingH1 {
    position: relative;
    top: 3.6vh;
    left: 7.3vw
}

.data-icon-img {
    position: absolute;
    top: 0;
    left: 0
}

.technology-left,
.testingH2,
.testingH3,
.testingH4,
.testingH5,
.testingH6,
.video,
.video-thump {
    position: relative
}

.testingH2 {
    top: 1.5vh;
    left: 22.8vw
}

.testingH3 {
    top: 24vh;
    left: 30.6vw
}

.testingH4 {
    top: 25vw;
    left: 24vw
}

.testingH5 {
    top: 25.5vw;
    left: 8.9vw
}

.testingH6 {
    top: 25vh;
    left: -.1vw
}

div.circle-data {
    width: 31vw;
    height: 31vw;
    border: 1px solid #d8d8d8
}

.blog-button1,
.footer-middle-button-blog {
    border-radius: 25px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%)
}

.e-left-margin {
    margin-bottom: 40vh
}

.e-left-margin-last {
    margin-bottom: 16vh
}

.ISHR h6,
.e-main {
    margin-top: 0
}

.e-commerce-container {
    margin-left: 10vw;
    margin-top: 10vh
}

.e-commerce-row {
    display: flex;
    gap: 20vw
}

.client-left,
.client-right,
.e-commerce-left {
    flex-basis: 50%
}

.e-commerce-header p {
    font-size: 26px;
    line-height: 43px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    color: #393939;
    margin: 0
}

.e-commerce-header h2 {
    font-size: 48px;
    line-height: 64px;
    font-family: RalewayBlod;
    color: #393939
}

.e-commerce-body {
    margin-bottom: 40px
}

.e-commerce-body p {
    font-size: 16px;
    line-height: 27px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    color: #000
}

.e-commerce-icon {
    display: flex;
    gap: 20px;
    align-items: center
}

.e-commerce-icon p {
    font-size: 28px;
    line-height: 37px;
    color: #393939;
    font-family: AcehThin;
    letter-spacing: 4px;
    text-transform: uppercase
}

.video-placeholder {
    width: 100% !important;
    height: 100% !important
}

.video-layer,
iframe {
    width: 100%;
    height: 100%
}

.video-layer {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: opacity .8s ease-in-out
}

.video-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5vw;
    position: absolute;
    top: 34%;
    width: 47%;
    text-align: end;
    color: #fff;
    left: 10%
}

.award-img,
.award-left h1,
.blog_button-container,
.mobile-brand-header {
    text-align: center
}

.video-text h3 {
    font-size: 62px;
    font-family: RalewayBlack;
    line-height: 66px;
    font-weight: 600
}

.video-text p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 300;
    font-family: Montserrat, sans-serif;
    margin-top: 20px
}

.award-left h1,
.award-right-content h2 {
    font-family: RalewayBlod;
    line-height: 44px
}

.video-play img {
    height: 100%;
    width: 180%
}

.award-container {
    margin-left: 10vw;
    margin-right: 10vw;
    margin-top: 5vh
}

.award-row {
    display: flex;
    gap: 5vw;
    align-items: center
}

.award-left h1 {
    font-size: 42px;
    color: #393939;
    margin-bottom: 10vh
}

.award-row-update {
    margin-top: 20vh
}

.award-img-section {
    margin-bottom: 20vh
}

.award-img span img {
    padding: 0 10px
}

.award-left span {
    color: #0b83fe
}

.award-right-besis {
    flex-basis: 85%
}

.award-right {
    flex-basis: 100%;
    display: flex;
    gap: 3vw;
    align-items: center
}

.award-right-sub {
    display: flex;
    gap: 5vw;
    width: 28vw;
    align-items: center;
    color: #393939
}

.award-right-content {
    text-align: end
}

.award-year {
    font-size: 32px;
    font-family: Aceh;
    line-height: 43px;
    color: #393939;
    margin: 0;
    opacity: .5
}

.award-right-content h2 {
    font-size: 48px;
    color: #393939
}

.award-text,
.blog-custom-text p {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 300
}

.award-text {
    line-height: 27px;
    color: #393939
}

.award-right-pic {
    margin: 0;
    height: 20vh;
    overflow: hidden;
    padding-right: 136px
}

.award-right-pic span {
    display: block;
    animation: 20s infinite picIn;
    -webkit-animation: 20s infinite picIn
}

@keyframes picIn {
    0% {
        transform: translateY(0)
    }

    14% {
        transform: translateY(-100%)
    }

    28% {
        transform: translateY(-200%)
    }

    42% {
        transform: translateY(-300%)
    }

    56% {
        transform: translateY(-400%);
        -webkit-transform: translateY(-400%);
        -moz-transform: translateY(-400%);
        -ms-transform: translateY(-400%);
        -o-transform: translateY(-400%)
    }

    70% {
        transform: translateY(-500%);
        -webkit-transform: translateY(-500%);
        -moz-transform: translateY(-500%);
        -ms-transform: translateY(-500%);
        -o-transform: translateY(-500%)
    }

    84% {
        transform: translateY(-600%);
        -webkit-transform: translateY(-600%);
        -moz-transform: translateY(-600%);
        -ms-transform: translateY(-600%);
        -o-transform: translateY(-600%)
    }

    100% {
        transform: translateY(-700%);
        -webkit-transform: translateY(-700%);
        -moz-transform: translateY(-700%);
        -ms-transform: translateY(-700%);
        -o-transform: translateY(-700%)
    }
}

.award-right-pic-r {
    margin: 14vh 0 0;
    height: 45vh;
    width: 29vw;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap
}

.award-right-pic-r span {
    display: block;
    padding-right: 45px;
    animation: 20s infinite picIn-1;
    -webkit-animation: 20s infinite picIn-1
}

@keyframes picIn-1 {
    0% {
        transform: translateX(0)
    }

    14% {
        transform: translateX(-100%)
    }

    28% {
        transform: translateX(-200%);
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%)
    }

    42% {
        transform: translateX(-300%);
        -webkit-transform: translateX(-300%);
        -moz-transform: translateX(-300%);
        -ms-transform: translateX(-300%);
        -o-transform: translateX(-300%)
    }

    56% {
        transform: translateX(-400%);
        -webkit-transform: translateX(-400%);
        -moz-transform: translateX(-400%);
        -ms-transform: translateX(-400%);
        -o-transform: translateX(-400%)
    }

    70% {
        transform: translateX(-500%);
        -webkit-transform: translateX(-500%);
        -moz-transform: translateX(-500%);
        -ms-transform: translateX(-500%);
        -o-transform: translateX(-500%)
    }

    84% {
        transform: translateX(-600%);
        -webkit-transform: translateX(-600%);
        -moz-transform: translateX(-600%);
        -ms-transform: translateX(-600%);
        -o-transform: translateX(-600%)
    }

    100% {
        transform: translateX(-700%);
        -webkit-transform: translateX(-700%);
        -moz-transform: translateX(-700%);
        -ms-transform: translateX(-700%);
        -o-transform: translateX(-700%)
    }
}

.award-right:hover .award-right-pic span,
.award-right:hover .award-right-pic-r span {
    animation-play-state: paused;
    cursor: pointer
}

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

.blog-left h3 {
    font-size: 42px;
    line-height: 44px;
    font-family: RalewayBlod;
    color: #393939
}

.blog-container-two {
    margin-left: 10vw;
    margin-right: 10vw;
    margin-top: -5.3vh
}

.input-footer-right-blog {
    margin-top: 6%
}

#blog-custom .nav {
    display: flex !important;
    padding-top: 30px;
    position: inherit;
    transition: transform .8s ease-in-out;
    z-index: 1;
    border-radius: 0;
    min-height: 0;
    border-bottom: 1px solid #707070;
    width: 100%
}

#blog-custom .nav-pills .nav-link.active {
    background: 0 0;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #0d6efb;
    border-radius: 0
}

#blog-custom .nav-link {
    color: #393939;
    padding-left: 0;
    margin-right: 53px;
    font-family: AcehRegular
}

.footer-middle-button-blog {
    background: #25272d;
    padding: 10px 20px;
    width: 250px;
    float: right;
    height: 50px;
    overflow: hidden;
    text-align: center;
    transition: .2s;
    cursor: pointer;
    color: #fff
}

.footer-middle-button-blog:hover {
    background: #0b84fe
}

.footer-middle-button-blog .footer-middle-btnText {
    font-size: 22px;
    color: #fff;
    line-height: 29px;
    transition: .3s;
    font-family: AcehRegular
}

.blog-grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.blog-container-two .tab-content>.active {
    display: flex !important;
    flex-direction: column !important
}

.ISHR {
    width: 33%;
    padding: 10px;
    height: 300px
}

.new:after {
    content: "";
    display: table;
    clear: both
}

.blog-card {
    height: auto;
    background: #fff;
    display: inline-block;
    margin: 0;
    padding: 15px;
    vertical-align: top;
    cursor: pointer;
    flex-direction: column;
    flex: 0 0 33% !important
}

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

.blog-meta,
.flex-list {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.card-meta {
    display: flex;
    flex-grow: 1;
    padding: 10px 20px;
    margin-top: -18.5%;
    background: rgba(255, 255, 255, .22);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
    backdrop-filter: blur(9.3px);
    -webkit-backdrop-filter: blur(9.3px)
}

.blog-headline,
.blog-info p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    cursor: default;
    overflow: hidden
}

.blog-headline {
    margin-bottom: 10px;
    font-family: Montserrat;
    -webkit-line-clamp: 2
}

.blog-info p,
.read-more-btn,
.why-left-header p {
    font-family: Montserrat, sans-serif
}

.author-meta {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between
}

.title-date p {
    color: #fff;
    font-size: 16px
}

.author-meta img {
    margin-right: 10px;
    align-self: center;
    border-radius: 50%
}

.author-meta .author-details {
    display: flex;
    flex-direction: column;
    justify-content: center
}

a.post-link {
    color: #0a2939;
    flex-grow: 1
}

.blog-categories {
    display: flex;
    flex-wrap: wrap
}

.blog-categories a {
    background: #0a2939;
    color: #fff;
    padding: 5px 10px;
    margin: 5px 10px 5px 0
}

.blog-info {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin: 15px 0
}

.blog-info p {
    font-weight: 300;
    font-size: 16px;
    -webkit-line-clamp: 3
}

.read-more-btn {
    color: #0a2939;
    margin-top: 20px;
    display: flex;
    align-items: center;
    align-self: flex-start;
    text-decoration: none
}

.read-more-btn .read-more-arrow {
    font-size: 1.3em;
    margin-left: 5px;
    transition: .7s
}

.read-more-btn:hover .read-more-arrow {
    transform: translateX(10px)
}

#blog-custom-container .owl-nav {
    top: -80px;
    right: 0;
    position: absolute
}

#blog-custom-container-two .owl-nav {
    position: relative;
    top: -43px
}

#blog-custom-container .owl-next span {
    color: #fff;
    font-size: 40px;
    position: absolute;
    top: -10px;
    left: 80px
}

#blog-custom-container .owl-prev span {
    color: #fff;
    font-size: 40px;
    position: absolute;
    left: 22px;
    top: -10px
}

#blog-custom-container .owl-next,
#blog-custom-container .owl-prev {
    background: #000;
    height: 40px;
    width: 40px
}

.blog-button1 {
    margin-top: 40px;
    background: #25272d;
    padding: 10px 20px;
    width: 270px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    transition: .3s;
    cursor: pointer;
    font-size: 22px;
    color: #fff;
    line-height: 32px;
    font-family: AcehRegular;
    text-decoration: none;
    display: inline-block
}

.brand-body,
.expert-left-icon,
.expert-row,
.why-row,
.work-left {
    display: flex
}

.blog-button1:hover {
    background: #0b83fe;
    color: #fff
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity .6s
}

.blog-left {
    flex: 30%
}

.why-container {
    margin-left: 10vw;
    margin-right: 9vw;
    margin-top: 17.7vh
}

.why-row {
    gap: 10vw;
    justify-content: space-between;
    align-items: center
}

.why-left {
    flex-basis: 35%
}

.why-right {
    padding-right: 4.68vw
}

.why-left-header p {
    font-weight: 300;
    font-size: 26px;
    line-height: 40px;
    color: #707070;
    margin: 0
}

.why-left-header h3 {
    font-size: 42px;
    font-family: RalewayBlod;
    line-height: 44px;
    color: #393939
}

.why-left-header span {
    color: #0b83fe;
    font-size: 42px
}

.why-left-body p {
    margin-top: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #707070
}

.work-container {
    margin: 17.6vh 9vw -9.5vh 10vw
}

.technology-row,
.work-row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.work-left {
    gap: 3vw
}

.technology-right,
.work-right {
    flex-basis: 42%
}

.expert-container {
    margin-left: 12vw;
    margin-right: 9vw;
    margin-top: 20vh
}

.expert-row {
    gap: 5vw;
    justify-content: space-between;
    align-items: center
}

.expert-right {
    flex-basis: 43%
}

@keyframes step-1 {
    0% {
        top: -22px;
        left: -25px
    }

    100% {
        top: 0;
        left: 0
    }
}

@keyframes step-2 {
    0% {
        top: -22px;
        left: 25px
    }

    100% {
        top: 0;
        left: 0
    }
}

@keyframes step-3 {
    0% {
        top: 22px;
        left: -25px
    }

    100% {
        top: 0;
        left: 0
    }
}

@keyframes step-4 {
    0% {
        top: 22px;
        left: 25px
    }

    100% {
        top: 0;
        left: 0
    }
}

.technology-container {
    margin-left: 11vw;
    margin-right: 9vw;
    margin-top: 22vh
}

.bg-left {
    position: relative;
    z-index: -2;
    opacity: 1
}

.technology-logo-midle {
    position: absolute;
    top: 19px;
    left: 226px;
    z-index: 1
}

.technology-logo-1 {
    position: absolute;
    top: -14px;
    left: -56px
}

.technology-logo-1:hover {
    transform: rotate(360deg) translateY(3px) rotate(-360deg);
    transition: 5s
}

.technology-logo-2 {
    position: absolute;
    bottom: 54px;
    left: -40px
}

.technology-logo-3 {
    position: absolute;
    top: 135px;
    left: 93px
}

.technology-logo-4 {
    position: absolute;
    top: 0;
    left: 184px
}

.technology-logo-5 {
    position: absolute;
    bottom: 28px;
    left: 227px
}

.technology-logo-6 {
    position: absolute;
    top: -24px;
    right: 148px
}

.technology-logo-7 {
    position: absolute;
    top: 83px;
    right: 77px
}

.technology-logo-8 {
    position: absolute;
    bottom: 77px;
    right: -58px
}

.technology-logo-9 {
    position: absolute;
    top: -12px;
    right: -67px
}

@keyframes tech-bg {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes tech-logo-1 {
    0% {
        top: 74px;
        left: 240px;
        opacity: 0
    }

    100% {
        top: -14px;
        left: -56px;
        opacity: 1
    }
}

@keyframes tech-logo-2 {
    0% {
        bottom: 178px;
        left: 236px;
        opacity: 0
    }

    100% {
        bottom: 54px;
        left: -40px;
        opacity: 1
    }
}

@keyframes tech-logo-3 {
    0% {
        top: 73px;
        left: 243px;
        opacity: 0
    }

    100% {
        top: 135px;
        left: 93px;
        opacity: 1
    }
}

@keyframes tech-logo-4 {
    0% {
        top: 75px;
        left: 283px;
        opacity: 0
    }

    100% {
        top: 0;
        left: 184px;
        opacity: 1
    }
}

@keyframes tech-logo-5 {
    0% {
        bottom: 179px;
        left: 240px;
        opacity: 0
    }

    100% {
        bottom: 28px;
        left: 227px;
        opacity: 1
    }
}

@keyframes tech-logo-6 {
    0% {
        top: 79px;
        right: 228px;
        opacity: 0
    }

    100% {
        top: -24px;
        right: 148px;
        opacity: 1
    }
}

@keyframes tech-logo-7 {
    0% {
        top: 73px;
        right: 248px;
        opacity: 0
    }

    100% {
        top: 83px;
        right: 77px;
        opacity: 1
    }
}

@keyframes tech-logo-8 {
    0% {
        bottom: 176px;
        right: 203px;
        opacity: 0
    }

    100% {
        bottom: 77px;
        right: -58px;
        opacity: 1
    }
}

@keyframes tech-logo-9 {
    0% {
        top: 62px;
        right: 218px;
        opacity: 0
    }

    100% {
        top: -12px;
        right: -67px;
        opacity: 1
    }
}

.mobile-brand-header p {
    font-weight: 300
}

.brand-container {
    margin: 17.8vh 9vw 20.7vh
}

.brand-header {
    text-align: center;
    padding-left: 5vw;
    padding-right: 5vw
}

.brand-header h3 {
    font-size: 42px;
    font-family: RalewayBlod;
    line-height: 88px;
    color: #383838
}

.brand-header p,
.client-right-header p {
    font-family: Montserrat, sans-serif;
    font-weight: 300
}

.brand-header p {
    font-size: 16px;
    line-height: 27px;
    color: #383838
}

.brand-body {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 4vh
}

.brand-body-1,
.client-title p {
    margin-top: 20px
}

.brand-body-1,
.brand-body-2,
.brand-body-3 {
    align-items: center;
    position: relative;
    display: flex
}

.brand-body-1 .brand-border,
.brand-body-3 .brand-border {
    padding: 5vw;
    border-right: 1px solid #d8d8d8
}

.testing,
.testing12,
.testing2,
.testing6,
.testing7,
.testing9 {
    position: absolute
}

.brand-body-2 .brand-border {
    padding: 5vw;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8
}

.brand-bottom-border {
    padding: 5vw;
    border-bottom: 1px solid #d8d8d8
}

.brand-pading {
    padding: 5vw
}

.testing {
    top: 5vw;
    left: 5vw;
    animation: 8s infinite brand-image1
}

@keyframes brand-image1 {

    0%,
    100%,
    20% {
        opacity: 0
    }

    60% {
        opacity: 1
    }
}

.testing2 {
    top: 5vw;
    right: 5vw;
    animation: 8s infinite brand-image2
}

@keyframes brand-image2 {

    0%,
    100%,
    20% {
        opacity: 0
    }

    60% {
        opacity: 1
    }
}

.testing9 {
    left: 5vw;
    animation: 8s infinite brand-image9
}

@keyframes brand-image9 {

    0%,
    100%,
    20% {
        opacity: 0
    }

    60% {
        opacity: 1
    }
}

.testing12 {
    right: 5vw;
    animation: 8s infinite brand-image12
}

@keyframes brand-image12 {

    0%,
    100%,
    20% {
        opacity: 0
    }

    60% {
        opacity: 1
    }
}

.testing6 {
    left: 23vw;
    animation: 8s infinite brand-image6
}

@keyframes brand-image6 {

    0%,
    100%,
    20% {
        opacity: 0
    }

    60% {
        opacity: 1
    }
}

.testing7 {
    right: 23vw;
    animation: 8s infinite brand-image7
}

@keyframes brand-image7 {

    0%,
    100%,
    20% {
        opacity: 0
    }

    60% {
        opacity: 1
    }
}

.brand-slider img {
    width: auto;
    height: auto;
    animation: 20s linear infinite scroll;
    -webkit-animation: 20s linear infinite scroll
}

.brand-slide-track {
    width: 100%;
    display: flex;
    gap: 4em
}

.brand-slider {
    padding: 8em 2em
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translatex(-1000%)
    }
}

.client-container {
    margin-right: 9vw;
    margin-left: 10vw;
    margin-top: 20vh
}

.client-row {
    display: flex;
    gap: 5vw
}

.client-right-header p {
    font-size: 26px;
    line-height: 30px;
    color: #393939;
    letter-spacing: 3px
}

.client-right-header h2 {
    font-size: 66px;
    font-family: RalewayBlod;
    line-height: 88px;
    color: #383838;
    margin-bottom: 20px
}

.clinet-right-body p {
    font-size: 20px;
    font-family: RalewayRegular;
    color: #383838;
    line-height: 25px;
    margin-bottom: 30px
}

span.biram-chinno,
span.biram-chinno-rev {
    font-size: 30px;
    font-family: auto;
    font-weight: 900
}

.client-title h4,
.client-title p,
.last-title h4 {
    font-size: 20px;
    color: #383838;
    line-height: 27px
}

.client-title h4 {
    font-family: RalewayMedium;
    padding-bottom: 20px;
    border-bottom: 2px solid #707070
}

.client-title p {
    font-family: RalewayRegular;
    margin-bottom: 30px
}

.last-title h4 {
    font-family: RalewayMedium
}

.cont-box p,
.cont-box span,
.why-left-body span {
    color: #707070;
    font-family: Montserrat;
    font-size: 16px
}

#carouselecommers .owl-nav {
    display: block !important
}

.cont-box {
    text-align: center;
    margin-top: 3.5vh;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 4px
}

.cont-box p {
    text-align: justify;
    font-weight: 300
}

.why-left-body .see-m {
    font-size: 16px;
    color: #0b83fe
}

.cont-box .see-m {
    color: grey;
    font-size: 16px
}

.submenu-position li a {
    text-align: left !important;
    display: flex !important;
    align-items: center;
    line-height: 45px;
    color: #000;
    font-family: Montserrat;
    font-size: 16px
}

.submenu-position li {
    list-style: none
}

.cont-footer-part {
    display: grid;
    justify-content: center;
    text-align: center;
    margin-top: 50px !important;
    font-size: 16px
}

.cont-footer-part p a {
    font-family: montserrat;
    color: #000;
    font-size: 16px
}

li label a img {
    margin-right: 10px;
    width: 24px;
    height: 24px
}

.four-mobile-menu {
    text-align: left;
    list-style: none;
    padding: 0 0 40px
    height: 265px;
}

.four-mobile-menu li {
    border-top: .5px solid #e7dcdc;
    padding: 10px 0
}

.a-label__chevron-two-one {
    background: linear-gradient(100deg, #ffcdd2 0, #ffd6a2 100%) no-repeat padding-box
}

.a-label__chevron-two-three {
    background: linear-gradient(259deg, #ffeb9c 0, #ffb1ad 100%) no-repeat padding-box
}

.a-label__chevron-two-four {
    background: linear-gradient(96deg, #ffdfb4 0, #ffadc1 100%) no-repeat padding-box
}

.a-label__chevron-two-five {
    background: linear-gradient(102deg, #fbc1d1 0, #e7a1f6 100%) no-repeat padding-box
}

.a-label__chevron-two-six {
    background: linear-gradient(98deg, #a8a7f7 0, #f1a4d4 100%) no-repeat padding-box
}

.a-label__chevron-two-seven {
    background: linear-gradient(94deg, #f5c8fb 0, #b0cdfe 100%) no-repeat padding-box
}

.a-label__chevron-two-eight {
    background: linear-gradient(98deg, #f0c8fc 0, #f0e8cb 100%) no-repeat padding-box
}

.mobl {
    display: flex;
    align-items: center
}

.cont-box-t {
    padding: 15px;
    margin-top: 35px;
    margin-bottom: 35px
}

.ser-art-imag img {
    width: 100%
}

@media screen and (min-width:1536px) and (max-width:1924px) {
    .dropdown-left-footer {
        margin-top: 8vh;
        margin-left: 10vw
    }

    .dropdown-left-footer .left-info {
        margin-top: 8vh
    }

    .dropdown-left-footer .left-info a,
    .dropdown-left-footer .left-info p {
        font-size: 16px !important
    }

    .dropdown-left-nav ul li {
        height: 40px
    }

    .dropdown-left-nav li a {
        font-size: 35px;
        line-height: 40px
    }
}

@media screen and (min-width:1925px) {

    .award-container,
    .brand-container,
    .e-commerce-container,
    .hero-container,
    .home-navber .content,
    .video-container,
    .why-container {
        margin-left: auto;
        margin-right: auto
    }

    .home-navber .content {
        padding-left: 0;
        padding-right: 0;
        width: 1522px
    }

    .hero-container {
        padding-top: 26vh;
        padding-bottom: 27vh;
        width: 1522px
    }

    .e-commerce-container {
        margin-top: 10vh;
        width: 1522px
    }

    .video-container {
        margin-top: 20vh
    }

    .award-container {
        margin-top: 5vh;
        width: 1522px
    }

    .why-container {
        margin-top: 35vh;
        width: 1522px
    }

    .client-container,
    .expert-container,
    .technology-container,
    .work-container {
        margin-top: 20vh;
        width: 1522px;
        margin-left: auto;
        margin-right: auto
    }

    .brand-container {
        margin-top: 25vh;
        width: 1522px
    }

    .e-commerce-row {
        gap: 20vw
    }

    .e-left-margin {
        margin-bottom: 30vh
    }

    .side {
        width: 6vw
    }

    .card-meta {
        margin-top: -10%
    }
}

@media screen and (min-width:1280px) and (max-width:1550px) {

    .hero-left-body .atp,
    .hero-left-body h1,
    .video-text h3 {
        font-size: 40px;
        line-height: 50px
    }

    .hero-left-body p {
        font-size: 16px
    }

    .e-commerce-link p {
        font-size: 17px
    }

    .award-right-pic {
        margin-top: 136px;
        height: 28vh
    }

    .award-left {
        margin-top: 13vh
    }

    .dropdown-left-nav li a {
        font-size: 20px
    }

    .dropdown-left-nav ul li {
        /* margin-bottom: 14px */
        height: 35px;
        margin-bottom: 10px;
    }

    #blog-custom .nav-link {
        margin-right: 28px
    }

    .card-meta {
        margin-top: -22%
    }

    .author-meta {
        margin-bottom: 0
    }

    .e-commerce-header p,
    .why-left-header p {
        font-size: 20px
    }

    .award-left h1,
    .blog-left h3,
    .brand-header h3,
    .e-commerce-header h2,
    .partner-header h3,
    .why-left-header h3,
    .why-left-header span {
        font-size: 35px
    }

    .award-img span img {
        padding: 0 30px 25px
    }

    .dropdown-right-footer {
        bottom: 25px;
        left: 15%
    }

    .dropdown-right-body {
        margin-left: 3vw;
        margin-top: 15vh
    }
}

@media screen and (min-width:1350px) and (max-width:1450px) {

    .testingH1,
    .testingH2,
    .testingH3,
    .testingH4,
    .testingH5,
    .testingH6 {
        position: relative;
        width: .5vw;
        height: .5vw;
        border-radius: 50%
    }

    .dropdown-right-footer {
        bottom: 62px;
        left: 8.5%
    }

    .dropdown-right-footer p {
        font-size: 18px
    }

    .dropdown-right-body {
        margin-top: 18vh
    }

    .text-logo p {
        width: 12vh !important;
        height: 9.8vh
    }

    .nav.left-navigation label.menu-text {
        height: 16vh;
        right: -3.5vw
    }

    .nav label.menu-text {
        width: 3.6vw
    }

    .nav.left-navigation label.menu-toggle {
        background: #2d2d2d;
        right: -3.5vw
    }

    .nav label.menu-toggle {
        margin-top: -7vh;
        width: 3.6vw
    }

    .glass-position-6 {
        top: 78px
    }

    .testingH1 {
        top: 2.6vh;
        left: 7.3vw
    }

    .testingH2 {
        top: 1.5vh;
        left: 22.8vw
    }

    .testingH3 {
        top: 16vh;
        left: 30.6vw
    }

    .testingH4 {
        top: 25vw;
        left: 24vw
    }

    .testingH5 {
        top: 25.5vw;
        left: 8.9vw
    }

    .testingH6 {
        top: 15vh;
        left: -.1vw
    }
}

@media screen and (min-width:1250px) and (max-width:1300px) {

    .testingH1,
    .testingH2,
    .testingH3,
    .testingH4,
    .testingH5,
    .testingH6 {
        position: relative;
        width: .5vw;
        height: .5vw;
        border-radius: 50%
    }

    .nav.left-navigation label.menu-text {
        height: 14vh;
        right: -3.5vw
    }

    .nav label.menu-text {
        width: 3.6vw
    }

    .text-logo p {
        width: 10vh !important;
        height: 8vh
    }

    .nav.left-navigation label.menu-toggle {
        background: #2d2d2d;
        right: -3.5vw
    }

    .nav label.menu-toggle {
        margin-top: -2vh;
        width: 3.6vw;
        top: 26vh
    }

    .nav label.menu-toggle>span {
        margin-left: 1vh
    }

    .dropdown-right-footer {
        left: 9%;
        bottom: 72px
    }

    .dropdown-body {
        margin-top: -7vh
    }

    .dropdown-left-footer {
        margin-left: 10.5vw
    }

    .glass-position-6 {
        top: 78px
    }

    .testingH1 {
        top: 2.6vh;
        left: 7.3vw
    }

    .testingH2 {
        top: 1.5vh;
        left: 22.8vw
    }

    .testingH3 {
        top: 16vh;
        left: 30.6vw
    }

    .testingH4 {
        top: 25vw;
        left: 24vw
    }

    .testingH5 {
        top: 25.5vw;
        left: 8.9vw
    }

    .testingH6 {
        top: 15vh;
        left: -.1vw
    }
}
@media screen and (min-width:1025px) and (max-width:1280px) and (min-height: 1000px) {

    .dropdown-left-nav li a {
        font-size: 25px;
        line-height: 30px;
    }
    .dropdown-left-nav ul li {
        height: 31px;
    }

}

@media screen and (min-width:1025px) and (max-width:1280px) and (min-height: 500px) and (max-height: 800px) {

    .dropdown-left-nav li a {
        font-size: 20px;
        line-height: 25px;
    }
    .dropdown-left-nav ul li {
        height: 25px;
        margin-bottom: 12px;
    }
    .dropdown-left-footer {
        margin-left: 8vw;
        padding-left: 2rem;
    }
}

@media screen and (max-width:1024px) {

    .client-say-what,
    .mobile-award-container,
    .why-container {
        margin-top: 5vh
    }

    .technology-container {
        margin-top: 5vh;
        margin-bottom: 5vh
    }

    .work-container {
        margin-top: 5vh;
        margin-bottom: 0
    }

    .technology-container .row,
    .why-container .row,
    .work-container .row {
        background: #fff;
        border-radius: 30px;
        padding: 20px
    }

    .mobile-brand-container {
        padding-top: 5vh;
        padding-bottom: 0
    }

    .owl-carousel .owl-item img {
        width: auto
    }

    .multiple-container {
        background: #f6f8fe
    }

    .working-part-for-mobile {
        background: #f5f5f5;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .blog-container-two {
        margin-top: 0
    }

    .card-meta {
        margin-top: -13.5%
    }

    #blog-custom .nav {
        border-bottom: none;
        text-align: -webkit-center;
        padding-top: 0
    }

    #blog-custom .nav-pills .nav-link.active {
        background: #0b83fe;
        border-radius: 50px;
        color: #fff;
        padding: 10px;
        transition: 1s
    }

    #blog-custom .owl-dots {
        display: block;
        margin: 10px auto auto;
        width: fit-content
    }

    #blog-custom .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 0;
        background: #fff;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s;
        border-radius: 30px;
        border: 1px solid #d6d6d6
    }

    #blog-custom .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #000;
        border: 1px solid #000
    }

    #blog-custom .nav-link {
        margin-right: 0;
        font-size: 18px;
        background: #f5f5f5;
        padding: 10px;
        border-radius: 50px
    }

    #blog-custom .owl-carousel button.owl-dot {
        padding: 0 !important
    }

    .blog-info,
    .serve-heading {
        text-align: center
    }

    .read-more-btn {
        align-self: center
    }

    .dropdown-nav_cross_right img {
        width: 28px;
        height: 28px
    }

    .dropdown-nav_cross_right a {
        font-size: 20px;
        font-family: RalewayBlod;
        color: #fff;
        font-weight: 600
    }

    .serve-container {
        margin-left: 10vw;
        margin-right: 10vw
    }

    .card-bg {
        height: 300px
    }
}

@media screen and (max-width:768px) {
    .card-meta {
        margin-top: -14.5%
    }
}

@media screen and (min-width:481px) and (max-width:1024px) {

    .award-home .owl-item .tablet-image-hide,
    .brand-home .owl-item .tablet-image-hide,
    .ecomclips,
    .home-mobile-hide {
        display: none
    }

    .home-desktop-hide,
    .tablet-show {
        display: block
    }

    .hero-row {
        flex-direction: column;
        text-align: center
    }

    .client-right-header p,
    .client-title h4,
    .hero-left-body p,
    .last-title h4 {
        font-size: 18px
    }

    .hero-left-body h1 {
        font-size: 42px;
        line-height: 50px
    }

    .hero-left-body .atp {
        font-size: 32px;
        line-height: 50px
    }

    .hero-container {
        margin: 0 32px;
        padding: 134px 0 100px
    }

    .home-navber .content {
        padding: 0 66px
    }

    .desktop-mobile .hero-middle-button,
    .home-tablet-hide {
        display: none !important
    }

    .hero-middle-button {
        margin: -1px auto auto
    }

    .home-tablet-show {
        display: block !important
    }

    .ecomclips-right-logo {
        height: 139vh
    }

    .glass-position-1 {
        left: -40px
    }

    .glass-position-5 {
        right: -53px
    }

    .video-container {
        margin-top: 5vh
    }

    .video-text h3 {
        line-height: 40px;
        font-size: 32px
    }

    .video-text p {
        font-size: 28px;
        line-height: 20px
    }

    .video-text {
        top: 70px;
        width: 45%;
        left: 60px
    }

    .mobile-award-header {
        margin: 0 auto;
        width: fit-content
    }

    .award-item-home,
    / .brand-item-home {
        margin: 10px;
        border-radius: 15px;
        display: flex
    }

    .mobile-award-header h1 {
        font-size: 32px;
        font-family: RalewayBlod;
        line-height: 27px;
        text-align: center
    }

    .ecommerce-body h3 span,
    .mobile-award-header span {
        color: #0b83fe
    }

    .award-item-home {
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 0
    }

    / .brand-item-home {
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 15px 10px;
        width: auto;
        height: auto
    }

    .award-home .owl-item .tablet-image-show,
    .brand-home .owl-item .tablet-image-show {
        display: block;
        width: 136px;
        height: 136px
    }

    .award-item-home h2 {
        font-size: 32px;
        line-height: 19px;
        font-family: RalewayBlod
    }

    .award-item-home p,
    .ecommerce-body p {
        font-size: 28px;
        font-family: Montserrat
    }

    .mobile-award-body {
        margin-top: 68px
    }

    .award-item-home p {
        margin-top: 5px;
        line-height: 15px;
        width: 70%
    }

    .award-home button.owl-dot,
    .brand-home button.owl-dot {
        background: 0 0;
        color: inherit;
        border: 1px solid #9b9a9a;
        margin-left: 5px;
        margin-bottom: 40px;
        padding: 5px !important;
        font: inherit;
        border-radius: 50%
    }

    .award-home button.owl-dot.active,
    .brand-home button.owl-dot.active {
        background: #000
    }

    .ecommerce-slider .owl-nav button.owl-next,
    .ecommerce-slider .owl-nav button.owl-prev {
        background: #0b83fe;
        padding: 0;
        height: 40px;
        width: 40px;
        bottom: -34px;
        opacity: 1;
        position: absolute;
        color: #fff
    }

    button.owl-dot.active {
        background: #fff
    }

    .item {
        text-align: -webkit-center
    }

    .owl-dots {
        margin: 60px auto auto;
        width: fit-content
    }

    .ecom-container {
        background-color: #f5f5f5;
        border-radius: 15px;
        padding: 39px 6px 67px;
        margin: 20px
    }

    .owl-icon-image-ecom1 {
        width: 217px;
        margin-bottom: 20px
    }

    .owl-icon-image-ecom2 {
        width: 600px;
        margin-bottom: 20px
    }

    .owl-icon-image-ecom3 {
        width: 200px;
        margin-bottom: 55px
    }

    .owl-icon-image-ecom4 {
        width: 173px;
        margin-bottom: 50px
    }

    .owl-icon-image-ecom5 {
        width: 280px;
        margin-bottom: 80px
    }

    .ecommerce-body p {
        line-height: 21px;
        padding: 10px 50px
    }

    .ecommerce-body h3 {
        font-size: 32px;
        line-height: 37px;
        font-family: RalewayBlod
    }

    .e-commerce-text {
        margin-top: 10px;
        margin-bottom: 40px
    }

    .ecommerce-slider .owl-nav button.owl-prev {
        border: none;
        font: inherit;
        font-weight: 300;
        font-size: 45px;
        border-radius: 50%;
        left: 38vw
    }

    .ecommerce-slider .owl-nav button.owl-prev span {
        position: absolute;
        top: -20px;
        left: 12px;
        color: #fff
    }

    .ecommerce-slider .owl-nav button.owl-next {
        border: none;
        border-radius: 50%;
        font: inherit;
        right: 38vw;
        font-size: 45px;
        font-weight: 300
    }

    .ecommerce-slider .owl-nav button.owl-next span {
        position: absolute;
        top: -20px;
        left: 16px;
        color: #fff
    }

    .brand-header h3,
    .client-right-header h2 {
        font-size: 32px
    }

    .brand-header p,
    .client-title p,
    .clinet-right-body p {
        font-size: 28px
    }

    .brand-container {
        margin-top: 109px;
        margin-left: 0;
        margin-right: 0
    }

    .brand-body {
        width: fit-content;
        margin: auto
    }

    .responsive-img {
        width: 100%
    }

    .brand-body-1 div,
    .brand-body-2 div {
        padding: 5vw;
        border-bottom: 1px solid #d8d8d8
    }

    .brand-body-1 div:not(:last-child),
    .brand-body-2 div:not(:last-child),
    .brand-body-3 div:not(:last-child),
    .brand-body-4 div:not(:last-child) {
        border-right: 1px solid #d8d8d8
    }

    .brand-body-3 div {
        padding: 5vw
    }

    .brand-body-4 {
        display: flex;
        align-items: center;
        position: relative
    }

    .brand-body-4 div {
        padding: 5vw;
        border-top: 1px solid #d8d8d8
    }

    .client-container {
        margin-left: 32px;
        margin-right: 32px;
        margin-top: 10vh
    }

    .client-row {
        flex-direction: column
    }

    .client-title {
        margin-top: 46px
    }

    .biram-chinno,
    .biram-chinno-rev {
        font-size: 16px !important
    }

    .nav-dropdown-left-mobile .logo {
        margin-left: 7vw;
        top: 23px;
        position: relative
    }

    .nav-dropdown-left-mobile .logo img {
        height: 28px;
        width: 28px
    }

    .nav-dropdown-left-mobile .logo a {
        font-size: 20px;
        font-family: RalewayBlod;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        margin-left: 7px
    }

    .dropdown-nav_cross {
        margin-right: 7vw;
        margin-top: -3px;
        z-index: 10
    }

    .dropdown-left-nav {
        margin-left: 5vw;
        text-align: center;
        margin-right: 5vw;
        padding-top: 3vh
    }

    .mobile-nav-drop-right,
    .nav-dropdown-left-mobile {
        height: 100vh;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        z-index: 4;
        transition: .5s ease-in-out;
        overflow-y: auto
    }

    .dropdown-left-footer a {
        font-size: 18px;
        line-height: 24px
    }

    ol,
    ul {
        padding-left: 0
    }

    .nav-dropdown-ht,
    .nav-dropdown-wd {
        left: 0
    }

    .dropdown-left-nav li a {
        font-size: 30px;
        color: #000;
        font-family: Montserrat;
        font-weight: 600
    }

    .dropdown-left-nav ul li {
        margin-bottom: 24px;
        border-radius: 10px;
        padding: 25px !important;
        height: auto
    }

    .dropdown-nav_cross_right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #000;
        padding: 24px 40px
    }

    .data_management_p {
        width: 90%;
        margin: 0 auto
    }

    .dropdown-nav_cross_right p {
        font-size: 24px;
        line-height: 32px;
        font-family: AcehSemiBold
    }

    .data_management_mobile_body a {
        font-size: 20px;
        line-height: 30px;
        font-family: AcehRegular;
        color: #000
    }

    .dropdown-right-body-logo-mobile {
        display: -ms-grid;
        display: grid;
        row-gap: 5px;
        -webkit-column-gap: 30px;
        column-gap: 29px;
        margin-left: 20px
    }

    .data_management_p p {
        font-size: 24px;
        line-height: 32px;
        font-family: Montserrat;
        margin-bottom: 15px;
        font-weight: 600
    }

    .dropdown-left-footer {
        margin-left: 2vh;
        margin-top: 4vh;
        display: flex;
        justify-content: space-evenly;
        align-items: end
    }

    .services-assin-container {
        margin: 0 16px 10px;
        text-align: -webkit-center
    }

    .services-change-line {
        height: 1px;
        width: 80%;
        background-color: #eee;
        position: relative
    }

    .services-number-bg-div {
        height: 30px;
        width: 30px;
        border-radius: 50%;
        z-index: 1
    }

    .services-number-bg-1 {
        position: absolute;
        background-color: #0b83fe;
        border: 1px solid #0b83fe;
        color: #fff;
        top: -14px;
        left: 0
    }

    .services-number-bg-2,
    .services-number-bg-3,
    .services-number-bg-4,
    .services-number-bg-5,
    .services-number-bg-6 {
        position: absolute;
        background-color: #fff;
        border: 1px solid #a2a2a2;
        top: -14px;
        transition: .6s ease-in-out
    }

    .services-number-bg-2 {
        left: 19%
    }

    .services-number-bg-3 {
        left: 38%
    }

    .services-number-bg-4 {
        left: 57%
    }

    .services-number-bg-5 {
        left: 76%
    }

    .services-number-bg-6 {
        right: 0
    }

    .services-change-line p {
        font-size: 14px;
        font-family: AcehMedium;
        margin-top: 4px
    }

    .services-images {
        position: relative;
        margin-top: 60px;
        height: 300px;
        width: 288px;
        display: flex;
        gap: 50px;
        overflow: hidden
    }

    .services-images1,
    .services-images5 {
        position: absolute;
        top: 0;
        transition: .6s ease-in-out
    }

    .services-images1 {
        left: 0;
        width: 288px
    }

    .services-images2,
    .services-images3,
    .services-images4,
    .services-images6 {
        position: absolute;
        top: 0;
        left: 288px;
        width: 288px;
        transition: .6s ease-in-out
    }

    .services-images5 {
        left: 288px;
        width: 300px
    }

    .services-images p {
        font-size: 28px;
        line-height: 21px;
        font-family: Montserrat
    }

    .services-images h2 {
        font-size: 32px;
        font-family: RalewayBlod;
        line-height: 40px;
        margin-bottom: 10px
    }

    .data_manage_section_btn {
        background: #000;
        color: #fff;
        font-size: 20px;
        line-height: 15px;
        font-family: AcehLight;
        padding: 15px 30px;
        border: none;
        border-radius: 36px;
        margin-top: 12px
    }

    .hero-icon,
    li label a img {
        margin-top: 10px
    }

    .why-left-header p {
        font-size: 20px;
        line-height: 21px;
        font-family: Montserrat
    }

    .why-left-header {
        text-align: center;
        margin-bottom: 10px;
        margin-top: 30px
    }

    .blog-custom-text p,
    .blog-headline,
    .blog-info p,
    .cont-box .see-m,
    .cont-box p,
    .cont-box span,
    .mobile-brand-header p,
    .read-more-btn,
    .why-left-body .see-m,
    .why-left-body span {
        font-size: 20px
    }

    .mobl p {
        font-size: 30px;
        font-weight: 600
    }

    .cont-footer-part p a {
        font-size: 20px;
        font-weight: 400
    }

    .why-left-body p {
        font-size: 20px;
        line-height: 30px
    }

    .submenu-position li a {
        font-size: 20px;
        align-items: start
    }
}

@media screen and (max-width:480px) {

    .hero-container,
    .ppc-hero-container {
        margin-left: 16px;
        padding-top: 100px;
        margin-right: 16px;
        text-align: center
    }

    .show-on-desktop,
    .tablet-image-show {
        display: none !important
    }

    .home-navber .content {
        padding-left: 20px;
        padding-right: 0
    }

    .logo {
        justify-content: center
    }

    .home-navber .logo img {
        padding-right: 5px;
        width: 25px
    }

    .blog-custom-text p,
    .blog-headline,
    .blog-info p,
    .home-navber .logo a,
    .read-more-btn {
        font-size: 16px
    }

    .nav-dropdown-left {
        width: 100%
    }

    .dropdown-left-nav li a {
        font-size: 16px;
        color: #000;
        line-height: 0;
        font-weight: 400 !important
    }

    .cont-footer-part p,
    .home-desktop-hide {
        display: block
    }

    .ecomclips,
    .home-mobile-hide,
    .home-mobile-hide-two,
    .ppc-hero-left-body a {
        display: none
    }

    .hero-container {
        padding-bottom: 1vh
    }

    .ppc-hero-container {
        padding-bottom: 15vh
    }

    .hero-row {
        flex-direction: column;
        gap: 0 !important
    }

    .hero-left-body p {
        font-size: 12px;
        line-height: 22px;
        letter-spacing: 2px
    }

    .hero-left-body .atp,
    .hero-left-body h1 {
        font-size: 22px;
        line-height: 32px
    }

    .glass-effect p {
        font-size: 12px;
        line-height: 15px
    }

    .hero-right {
        margin-top: 40px
    }

    .glass-effect {
        padding: 9px 18px
    }

    .glass-position-1 {
        top: 0;
        left: 10px
    }

    .glass-position-2 {
        bottom: 44px;
        left: -4px
    }

    .glass-position-3 {
        top: -13px;
        right: -1px
    }

    .glass-position-4 {
        bottom: 1px;
        right: 60px
    }

    .glass-position-5 {
        bottom: 60px;
        right: 0
    }

    .glass-position-6 {
        top: 30px;
        right: 50px
    }

    .nav-dropdown-left-mobile .logo {
        margin-left: 9vw;
        top: 26px;
        position: relative;
        justify-content: flex-start
    }

    .nav-dropdown-left-mobile .logo img {
        height: 20px;
        width: 20px
    }

    .nav-dropdown-left-mobile .logo a {
        font-size: 16px;
        font-family: RalewayBlod;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        margin-left: 5px
    }

    .dropdown-nav_cross {
        margin-right: 9vw;
        margin-top: -3px;
        z-index: 10
    }

    .mobile-nav-drop-right,
    .nav-dropdown-left-mobile {
        height: 100vh;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        z-index: 4;
        transition: .5s ease-in-out
    }

    .dropdown-left-nav {
        margin-left: 8vw;
        text-align: center;
        margin-right: 8vw;
        padding-top: 3vh
    }

    .nav-dropdown-left-mobile {
        overflow-y: auto
    }

    .dropdown-left-nav ul li {
        margin-bottom: 24px;
        border-radius: 10px;
        padding: 25px !important;
        height: auto
    }

    .dropdown-left-footer {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
        justify-content: center;
        margin-top: 25vh;
        align-self: center;
        gap: 10px;
        margin-left: 0
    }

    ol,
    ul {
        padding-left: 0
    }

    .nav-dropdown-wd {
        left: 0;
        overflow-y: auto
    }

    .nav-dropdown-ht {
        left: 0
    }

    .data_management_p {
        width: 90%;
        margin: 0 auto
    }

    .dropdown-nav_cross_right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #000;
        padding: 24.5px 29px
    }

    .dropdown-nav_cross_right p {
        font-size: 18px;
        line-height: 24px;
        font-family: AcehSemiBold
    }

    .data_management_mobile_body a {
        font-size: 16px;
        line-height: 15px;
        font-family: AcehRegular;
        color: #000;
        display: block
    }

    .multichannel_softwares_mobile_body a {
        font-size: 12px;
        line-height: 15px;
        font-family: AcehRegular;
        color: #000;
        display: block
    }

    .dropdown-right-body-logo-mobile {
        display: -ms-grid;
        display: grid;
        row-gap: 5px;
        -webkit-column-gap: 30px;
        column-gap: 29px;
        margin-left: 20px
    }

    .dropdown-right-body-logo-mobile li {
        height: 5vh
    }

    .data_management_p p {
        font-size: 16px;
        line-height: 24px;
        font-family: Montserrat;
        margin-bottom: 10px;
        font-weight: 600;
        display: flex;
        align-items: flex-start
    }

    .services-assin-container {
        margin: 0 16px 10px;
        text-align: -webkit-center
    }

    .services-change-line {
        height: 1px;
        width: 100%;
        background-color: #eee;
        position: relative
    }

    .services-number-bg-div {
        height: 20px;
        width: 20px;
        border-radius: 50%;
        z-index: 1
    }

    .services-number-bg-1 {
        position: absolute;
        background-color: #0b83fe;
        border: 1px solid #0b83fe;
        color: #fff;
        top: -9px;
        left: 0
    }

    .services-number-bg-2,
    .services-number-bg-3,
    .services-number-bg-4,
    .services-number-bg-5,
    .services-number-bg-6 {
        position: absolute;
        background-color: #fff;
        border: 1px solid #a2a2a2;
        top: -9px;
        transition: .6s ease-in-out
    }

    .services-number-bg-2 {
        left: 19%
    }

    .services-number-bg-3 {
        left: 38%
    }

    .services-number-bg-4 {
        left: 57%
    }

    .services-number-bg-5 {
        left: 76%
    }

    .services-number-bg-6 {
        right: 0
    }

    .services-change-line p {
        font-size: 8px;
        font-family: AcehMedium;
        margin-top: 4px
    }

    .services-images {
        position: relative;
        margin-top: 40px;
        height: 210px;
        width: 288px;
        display: flex;
        gap: 50px;
        overflow: hidden
    }

    .services-images1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 288px;
        transition: .6s ease-in-out
    }

    .services-images2,
    .services-images3,
    .services-images4,
    .services-images5,
    .services-images6 {
        position: absolute;
        top: 0;
        left: 288px;
        width: 288px;
        transition: .6s ease-in-out
    }

    .services-images p {
        font-size: 16px;
        line-height: 15px;
        font-family: Montserrat
    }

    .services-images h2,
    .why-left-header h3 {
        line-height: 27px;
        font-family: RalewayBlod
    }

    .services-images h2 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .why-left-header h3 {
        font-size: 22px;
        margin-bottom: 30px
    }

    .data_manage_section_btn {
        background: #000;
        color: #fff;
        font-size: 16px;
        line-height: 15px;
        font-family: AcehLight;
        padding: 10px 20px;
        border: none;
        border-radius: 36px;
        margin-top: 12px
    }

    .mobile-video-container {
        background-color: #f5f5f5;
        margin: 0 16px 60px;
        border-radius: 15px
    }

    .mobile-video-row img {
        height: 100%;
        width: 100%
    }

    .mobile-video-row h4 {
        font-size: 16px;
        line-height: 19px;
        font-family: RalewayBlod;
        margin-bottom: 10px;
        margin-left: 10px
    }

    .mobile-video-row p {
        font-size: 16px;
        font-family: Montserrat;
        line-height: 24px;
        margin-left: 10px;
        padding-bottom: 25px
    }

    .mobile-award-container {
        margin-left: 16px;
        margin-right: 16px;
        text-align: center
    }

    .award-item-home,
    .brand-item-home {
        margin: 10px;
        padding: 15px 10px;
        border-radius: 15px;
        display: flex
    }

    .mobile-award-header h1 {
        font-size: 23px;
        font-family: RalewayBlod;
        line-height: 27px
    }

    .ecommerce-body h3 span,
    .mobile-award-header span {
        color: #0b83fe
    }

    .award-item-home {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200px
    }

    .brand-item-home {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: auto
    }

    .award-home .owl-item img {
        height: 64px;
        width: 64px
    }

    .brand-home .owl-item img {
        height: auto;
        width: auto
    }

    .award-item-home h2 {
        font-size: 16px;
        line-height: 19px;
        font-family: RalewayBlod
    }

    .award-item-home p {
        margin-top: 5px;
        font-size: 12px;
        line-height: 15px;
        font-family: Montserrat
    }

    .award-home button.owl-dot,
    .brand-home button.owl-dot {
        background: 0 0;
        color: inherit;
        border: 1px solid #9b9a9a;
        margin-left: 5px;
        margin-bottom: 40px;
        padding: 3px !important;
        font: inherit;
        border-radius: 50%
    }

    .ecommerce-body p,
    .why-left-header p {
        line-height: 15px;
        font-family: Montserrat
    }

    .award-home button.owl-dot.active,
    .brand-home button.owl-dot.active {
        background: #000
    }

    .ecommerce-slider .owl-nav button.owl-next,
    .ecommerce-slider .owl-nav button.owl-prev {
        background: #0b83fe;
        padding: 0;
        height: 25px;
        width: 25px;
        bottom: -34px;
        opacity: 1;
        position: absolute;
        color: #fff
    }

    button.owl-dot.active {
        background: #fff
    }

    .item {
        text-align: -webkit-center
    }

    .why-left-body p,
    .why-left-header p {
        font-size: 16px;
        color: #000
    }

    .ecom-container {
        background-color: #f5f5f5;
        border-radius: 15px;
        padding: 39px 6px 67px;
        margin: 20px
    }

    .owl-icon-image-ecom1 {
        width: 217px;
        margin-bottom: 20px
    }

    .owl-icon-image-ecom2 {
        width: 85px;
        margin-bottom: 20px
    }

    .owl-icon-image-ecom3 {
        width: 200px;
        margin-bottom: 55px
    }

    .owl-icon-image-ecom4 {
        width: 173px;
        margin-bottom: 50px
    }

    .owl-icon-image-ecom5 {
        width: 280px;
        margin-bottom: 80px
    }

    .ecommerce-body p {
        font-size: 12px
    }

    .ecommerce-body h3 {
        font-size: 23px;
        line-height: 27px;
        font-family: RalewayBlod;
        margin: 3px 0 8px
    }

    .ecommerce-slider .owl-nav button.owl-prev {
        border: none;
        font: inherit;
        font-weight: 300;
        font-size: 30px;
        border-radius: 50%;
        left: 30vw
    }

    .ecommerce-slider .owl-nav button.owl-prev span {
        position: absolute;
        top: -13px;
        left: 7px;
        color: #fff
    }

    .ecommerce-slider .owl-nav button.owl-next {
        border: none;
        border-radius: 50%;
        font: inherit;
        right: 30vw;
        font-size: 30px;
        font-weight: 300
    }

    .ecommerce-slider .owl-nav button.owl-next span {
        position: absolute;
        top: -13px;
        left: 9px;
        color: #fff
    }

    .mobile-brand-container {
        margin: 0;
        text-align: center
    }

    .mobile-brand-flex {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 10px
    }

    .mobile-brand-body div {
        padding: 10px;
        height: 50px;
        width: 110px
    }

    .brand-border-1,
    .brand-border-2,
    .brand-border-3 {
        border-bottom: 1px solid rgb(234 234 234)
    }

    .mobile-brand-body div:not(:nth-child(3n)) {
        border-right: 1px solid rgb(234 234 234)
    }

    .mobile-brand-header h2 {
        text-align: center;
        font-size: 23px;
        font-family: RalewayBlod;
        line-height: 27px
    }

    .mobile-brand-header p {
        text-align: center;
        font-size: 16px;
        font-family: Montserrat;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 20px
    }

    .mobile-clients-container {
        background-color: #f5f5f5;
        margin: 16px 16px 5vh;
        padding: 40px 15px;
        border-radius: 15px
    }

    .mobile-clients-row h2 {
        text-align: center;
        font-size: 23px;
        font-family: RalewayBlod;
        line-height: 27px;
        margin-bottom: 20px
    }

    .mobile-clients-row p {
        font-size: 12px;
        font-family: Montserrat;
        line-height: 15px;
        margin-bottom: 10px
    }

    .mobile-clients-row h4 {
        font-size: 12px;
        font-family: RalewayRegular;
        line-height: 15px
    }

    .mobile-clients-row img {
        height: 100%;
        width: 100%;
        margin-bottom: 30px
    }

    .why-left-header {
        text-align: center;
        margin-top: 30px
    }

    .video-text-t p {
        font-size: 16px;
        text-align: center;
        padding-bottom: 25px
    }

    .card-meta {
        margin-top: -20.5%
    }

    .title-date p {
        font-size: 14px
    }

    .mobl p {
        font-size: 16px;
        font-weight: 600;
        color: #000
    }

    .author-meta {
        margin-bottom: 0
    }

    .dropdown-nav_cross_right img {
        width: 20px;
        height: 20px
    }

    .dropdown-nav_cross_right a {
        font-size: 16px;
        font-family: RalewayBlod;
        color: #fff;
        font-weight: 600
    }

    .why-left-body span {
        font-size: 16px;
        font-family: Montserrat;
        color: #000
    }

    .cont-footer-part p a {
        font-size: 16px;
        font-weight: 400
    }

    .submenu-position li a {
        font-size: 16px;
        align-items: start
    }

    li label a img {
        margin-top: 10px
    }

    #blog-custom-container-two .owl-nav {
        position: relative;
        top: -42px
    }

    #blog-custom .nav-pills .nav-link {
        font-size: 12px;
        padding: 5px
    }

    #blog-custom .nav-pills .nav-link.active {
        border-bottom: none;
        font-weight: 300;
        padding: 5px
    }
}

@media screen and (max-width:320px) {
    .mobile-brand-flex:nth-child(2n) {
        background-color: #0b83fe
    }
}