header .top-bar {
    background-color: #0588ca;
}

header .top-bar .linking {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}

header .top-bar .linking li {
    color: #fff;
    padding-right: 20px;
}

header .top-bar .linking li a {
    color: #fff;
}

header .top-social {
    display: flex;
    align-items: center;
    justify-content: end;
}

header .top-social UL {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    margin: 0;
}

header .top-social ul li {
    width: 30px;
    height: 30px;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    transition: all .3s ease;
}

header .top-social ul li:hover {
    box-shadow: 0px 2px 10px #333;
}

header .top-social ul li a {
    color: #fff;
}

header .top-social ul li a img {
    filter: brightness(0) invert(1);
    width: 14px;
}

header .top-social ul li.facebook {
    background-color: #1877f2;
}

header .top-social ul li.instagram {
    background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}

header .top-social ul li.linkedin {
    background-color: #007ebb;
}

header .top-social ul li.twitter {
    background-color: #000000;
}

header .top-social ul li.youtube {
    background-color: #ff0209;
}

.main-banner .banner-text {
    padding-top: 160px;
}

.f-logo {
    max-width: 200px;
}

.f-logo img {
    width: 100%;
    filter: brightness() invert(1);
}

.world-map {
    position: relative;
    z-index: 1;
}

.world-map::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/World_map.png);
    background-size: contain;
    opacity: .2;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
}
.blink {
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 30px;
    color: #fff;
    background: linear-gradient(270deg, #00c6ff, #0072ff, #00c6ff);
    background-size: 400% 400%;
    animation: gradientMove 4s ease infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
#contact_form .form-control{border-color: #dadcde;}
.hidden-field{
    position:absolute;
    left:-9999px;
}

.about__features {}

.about__features ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    grid-template-columns: 1fr 1fr;
    max-width: 458px;
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
}

.about__features li {
    display: -webkit-box;
    align-items: center;
    gap: 8px;
    display: flex;
    -webkit-box-align: center;
    flex: 0 0 auto;
    min-width: 202px;
}

.about__features li::before {
    content: "";
    background: url(../images/icons/checked.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    filter: invert(20%) sepia(98%) saturate(6200%) hue-rotate(212deg) brightness(95%) contrast(105%)
}

.tj-btn-2 {
    line-height: normal;
    text-decoration: underline;
}

.tj-btn-2 img {
    filter: invert(20%) sepia(98%) saturate(6200%) hue-rotate(212deg) brightness(95%) contrast(105%)
}

.orange-border {
    border-color: var(--secondary-color);
}

.purple-border {
    border-color: var(--tertiary-color);
}

.top-4 .card-body {
    padding-top: 28px;
    padding-bottom: 28px;
}

.top-4 .fa {
    font-size: 28px;
    color: var(--primary-color);
}

.top-4 h3 {
    font-weight: 500;
    color: var(--primary-color);
    text-transform: uppercase;
}

.top-4 p {
    line-height: 24px;
    margin-bottom: 0;
}

.contact-list {}

.contact-list ul {
    padding: 0;
    list-style: none;
}

.contact-list ul li {
    padding-left: 28px;
    padding-bottom: 12px;
    position: relative;
    line-height: 26px;
    font-weight: 400;
}

.contact-list ul li::before {
    font: normal normal normal 14px / 1 FontAwesome;
    content: "\f005";
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #004263;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-sec {
    max-width: 90%;
}

.form-sec h3 {
    color: #fff;
}

.form-sec p {
    color: #fff;
    line-height: 26px;
}

.bg-50 {
    z-index: 0;
}

.bg-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #004263;
    background-size: 50%;
    z-index: -1;
    width: 50%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 91% 100%, 0% 100%);
}

.des h4 {
    color: var(--primary-color);
    line-height: 30px;
}

.service-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.service-list li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: 1px dashed #82B440;
    position: relative;
}

.service-list li strong {
    color: #000;
    font-weight: 600;
}

.service-list li::before {
    content: "";
    background: url(../images/icons/check-box.png);
    background-size: cover;
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    color: #0588ca;
    filter: brightness(0) saturate(100%) invert(34%) sepia(85%) saturate(7465%) hue-rotate(186deg) brightness(97%) contrast(102%);
}
.how-seo-work h2{
        display: inline-block;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    padding: 12px 50px; color: #fff;
    clip-path: polygon(8% 0, 100% 0%, 93% 100%, 0% 100%);
}
.how-seo-work .single-choose  ul{    list-style: decimal-leading-zero;}
.how-seo-work .single-choose  ul li{    border-bottom: 2px solid ;
    margin-bottom: 14px;}
.how-seo-work .single-choose  ul li::marker{
       font-size: 22px;
    color: var(--primary-color);
    font-weight: 600;
}
.how-seo-work .single-choose  ul li h5{font-weight: 500;}
.how-seo-work .single-choose  ul li p{line-height: 26px;}
.accordion-section-title{    background-color: #fff;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 12px;}
    .accordion-section-title.active{background: #004263; color: #fff;}
    .accordion-section-content{background-color: #fff;padding-left: 12px;
    padding-right: 12px;}
@media (max-width:767px) {
    header .top-bar .linking {
        justify-content: space-between;
    }

    header .top-bar .linking li {
        font-size: 13px;
        padding-right: 6px;
    }

    header .top-bar .linking li:last-child {
        padding-right: 0;
    }

    header .top-bar .linking li span {
        display: none;
    }

    header .top-social {
        justify-content: center;
        display: none;
    }

    header .top-social ul li {
        width: 22px;
        height: 22px;
    }

    div#logo img {
        width: 130px;
    }

    .main-banner .banner-text {
        padding-top: 0px;
    }

    .main-banner h1 {
        font-size: 32px;
    }

    .main-banner p {
        font-size: 16px;
        line-height: 28px;
    }

    .js-marquee .fs-30 {
        font-size: 16px;
    }

    .tj-btn-2 {
        width: 50%;
        flex: 0 0 auto;
        font-size: 12px;
    }

    .subtitle {
        font-size: 14px;
    }

    a.btn-main.fx-slide span {
        font-size: 10px;
        font-weight:500;
    }
    .bg-50::before{    width: 100%;
    height: 580px;clip-path:inherit;}
    .form-sec{margin-bottom: 40px;}
    .accordion-section-title{font-size: 14px;}
}

#mainmenu li li a.menu-item:hover {
    background: var(--primary-color)
}
.pricingTable11{  
    margin: 0 -13px;
    box-shadow: 0 0 10px #ababab;
    padding-bottom: 40px;
    border-radius: 0; 
    transform: scale(1);
    transition: .5s;
    position: relative;
}
.pricingTable11:hover{
    transform: scale(1.09);
    z-index: 1;
    box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0;
    position: relative;
}