.number-count{
    color: #000 !important;
}
.brand-content .theme-btn {
    margin-top: 30px;
}
/* Shine */
.top-text h2 span::after {
    content: attr(data-text);

    position: absolute;
    inset: 0;

    background: linear-gradient(
        105deg,
        transparent 35%,
        transparent 42%,
        rgba(255, 255, 255, 0.95) 48%,
        transparent 54%,
        transparent 62%
    );

    background-size: 250% 100%;
    background-position: 200% 0;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;

    pointer-events: none;

    animation: textSplash 5s linear infinite;
}

@keyframes textSplash {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -50% 0;
    }
}
.top-text h2 span{
    position: relative;
    background: linear-gradient( 180deg, #EBEDF2 0%, #BFC7D1 25%, #F2F5F7 45%, #D9DEE6 55%, #A6ADB8 75%, #CCD1D9 100% ); 
    -webkit-background-clip: text; 
    background-clip: text; 
    -webkit-text-fill-color: transparent; 
    color: transparent;
}
footer .top-text h2 {
    font-size: 40px;
    line-height: 70px;
}

footer .top-text h2 span {
    font-size: 90px;
}
footer .container-fluid > .row {
    align-items: center;
}
footer .top-text {
    width: 222px;
    text-align: center;
    margin-bottom: 30px;
}

footer .top-text:after {
    width: 20px;
    height: 20px;
    right: 30px;
    bottom: 28px;
}

@media (max-width:1840px) {
    footer .top-text h2 {
        font-size: calc(40px * 0.906);
        line-height: calc(70px * 0.906);
    }

    footer .top-text h2 span {
        font-size: calc(90px * 0.906);
    }

    footer .top-text {
        width: calc(222px * 0.906);
     }

    footer .top-text:after {
        width: calc(20px * 0.906);
        height: calc(20px * 0.906);
        right: calc(30px * 0.906);
        bottom: calc(28px * 0.906);
    }   
}
@media (max-width:1700px) {
    footer .top-text h2 {
        font-size: calc(40px * 0.75);
        line-height: calc(70px * 0.75);
    }

    footer .top-text h2 span {
        font-size: calc(90px * 0.75);
    }

    footer .top-text {
        width: calc(222px * 0.75);
     }

    footer .top-text:after {
        width: calc(20px * 0.75);
        height: calc(20px * 0.75);
        right: calc(30px * 0.75);
        bottom: calc(28px * 0.75);
    }
}
@media (max-width:1399px) {
    footer .top-text h2 {
        font-size: calc(40px * 0.666);
        line-height: calc(70px * 0.666);
    }

    footer .top-text h2 span {
        font-size: calc(90px * 0.666);
    }

    footer .top-text {
        width: calc(222px * 0.666);
     }

    footer .top-text:after {
        width: calc(20px * 0.666);
        height: calc(20px * 0.666);
        right: calc(30px * 0.666);
        bottom: calc(28px * 0.666);
    }
}
@media (max-width:1199px) {
    footer .top-text h2 {
        font-size: calc(40px * 0.516);
        line-height: calc(70px * 0.516);
    }

    footer .top-text h2 span {
        font-size: calc(90px * 0.516);
    }

    footer .top-text {
        width: calc(222px * 0.516);
     }

    footer .top-text:after {
        width: calc(20px * 0.516);
        height: calc(20px * 0.516);
        right: calc(30px * 0.516);
        bottom: calc(28px * 0.516);
    }
}
@media (max-width:767px) {}
@media (max-width:576px) {
    footer .top-text {
        margin: 0 auto;
    }
    /** Video CSS **/
    video.concept-video {
        height: 102%;
    }
    .video-wrapper {
        height: 360px;
    }
    .count-bx h3:after {
        margin: 15px auto;
    }
    .brand-content .theme-btn {
        margin-top: 30px;
    }
    section.map-sec {
        padding: 60px 0;
        min-height: auto;
    }
    .brand-wrapper > div:nth-child(1) {
        height: 30vh;
    }
    .brand-wrapper > div:nth-child(2), .brand-wrapper > div:nth-child(2) > div{
        height: 70vh;
    }
    section.ceo-sec {
        min-height: auto;
    }
    .top-wrapper > div:first-child {
        height: 30vh;
        flex: 1;
    }
    .top-wrapper > div:last-child {
        height: 70vh;
        flex: 1;
    }
    /** Video CSS end **/
    img.dynamic-img-mb {
        display: block !important;
        width: 100%;
        border-radius: 50%;
    }
    .map-tabs, .tab-content .map-content-bx {
        position: absolute;
    }
    .dynamic-map {
        padding: 200px 0 100px;
    }

    .tab-content .map-content-bx {
        bottom: auto;
        top: 70px;
    }

    .counter-bx {
        bottom: 0;
        top: auto;
        position: absolute;
    }
    .list-of-country {
        display: block;
    }
    .pop-box{
        visibility: hidden;
    }
    .pin-title span {
        padding: 4px 5px;
        font-size: 6px;
        border-radius: 4px;
        box-shadow: 0px 0px 10px #e7000b;
        line-height: 4px;
    }
    .pin-title:before {
        width: 16px;
        height: 12px;
        right: -9px;
        top: -8px;
    }
    .country-pin.pin-nigeria .pin-title:before {
        right: auto;
        left: -12px;
    }
    .country-pin.pin-nigeria {
        top: calc(63%);
        left: calc(24%);
    }
    .country-pin.pin-coast {
        top: calc(62%);
        left: calc(0%);
    }
    .country-pin.pin-zimbabwe {
        left: calc(12%);
        top: calc(73%);
    }
    .country-pin.pin-italy {
        top: calc(44%);
        left: calc(13%);
    }
    .country-pin.pin-egypt {
        top: calc(53%);
        left: calc(29%);
    }
    
    .country-pin.pin-ksa {
        top: calc(56%);
        left: calc(42%);
    }
    .country-pin.pin-oman .pin-title:before {
        right: 0;
        left: -12px;
    }
    .country-pin.pin-oman {
        left: calc(60%);
        top: calc(56%);
    }
    .country-pin.pin-uae .pin-title:before {
        top: auto;
        bottom: -6px;
        right: auto;
        left: -14px;
    }
    .country-pin.pin-uae {
        top: calc(52%);
        left: calc(59%);
    }
    .country-pin.pin-turkey {
        top: calc(48%);
        left: calc(29%);
    }
    .country-pin.pin-qatar .pin-title:before {
        bottom: -11px;
        top: auto;
        right: 0px;
    }
    .country-pin.pin-qatar {
        top: calc(51%);
        left: calc(46%);
    }
    .country-pin.pin-lebanon {
        left: calc(45%);
        top: calc(47%);
    }
    .country-pin.pin-lebanon .pin-title:before {
        right: auto;
        top: auto;
        bottom: -9px;
        left: -14px;
    }
    .country-pin.pin-china {
        left: calc(78%);
        top: calc(46%);
    }
    .line-icon {
        display: none;
    }
    .pin-box {
        top: auto;
        bottom: 18px;
    }
    .pin-uae .pin-box {
        right: -50px;
    }
    .pin-lebanon .pin-box, .pin-oman .pin-box {
        right: -80px;
    }
    .pin-qatar .pin-box, .pin-ksa .pin-box  {
        right: -110px;
    }
    .pin-egypt .pin-box, .pin-turkey .pin-box  {
        right: -190px;
    }
    .pin-italy .pin-box {
        right: -210px;
    }
    .pin-coast .pin-box  {
        right: -230px;
    }
    .pin-zimbabwe .pin-box  {
        right: -200px;
    }
    .pin-nigeria .pin-box  {
        right: -180px;
    }
    .pin-china .pin-box  {
        right: -10px;
    }
    .mb-list-country{
        display: none !important;
    }
    .brand-content {
        text-align: center;
        justify-content: center;
    }
    .map-tabs button {
        border: 1px solid #ffffff42 !important;
    }
    .map-tabs, .map-tabs button {
        gap: 6px !important;
    }
    .map-tabs img {
        height: 12px;
    }
    section.blog-sec h2 {
        text-align: center;
    }
    /*body{
        display: flex;
        flex-direction: column;
    }
    .hero-banner{
        order: 1;
    }
    .top-sec{
        order: 2;
    }
    .ceo-sec{
        order: 3;
    }
    .count-sec{
        order: 4;
    }
    .brands-sec{
        order: 5;
    }
    .map-sec{
        order: 6;
    }
    .blog-sec{
        order: 7;
    }
    footer{
        order: 8;
    }*/
}