.bluredBody {
    -webkit-filter: blur(2px);
    filter: blur(2px);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a:hover{
    color: #4590ce;
}

.tp-header-dropdown nav ul li {
    padding: 8px 0px;
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-title {
    color: #fff;
    border-bottom: 0px solid #F3F3F6;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 36px;
    letter-spacing: 0px;
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a {
    color: #e9e9e9;
    font-weight: normal;
    font-size: 22px;
}

.tp-header-dropdown nav ul li:hover > .tp-megamenu-wrapper .row {
}

.tp-megamenu-wrapper .tp-btn-black-square.cnt-btn-style.btn-transparent {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    margin-left: 60px;
    margin-right: 60px;
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul::after {
    background-color: #f3f3f675;
}

.tp-megamenu-wrapper.megamenu-white-bg p {
    color: #fff;
    padding-left: 40px;
    padding-bottom: 25px;
    font-size: 22px;
    padding-left: 60px;
    padding-right: 60px;
}

.tp-header-10-menu > nav > ul > li > a {
    letter-spacing: 0;
    color: #fff;

}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a:hover{
    background: transparent;
}

.tp-btn-gradient {
    color: var(--tp-common-white);
    background: linear-gradient(230deg, #1a355f 6.7%, #475c7f 48.83%, #74849e 90.96%);
}

.tp-header-10-wrapper {
    background: linear-gradient(90deg, hsla(0, 2%, 47%, .2), hsla(0, 0%, 100%, .2));
    backdrop-filter: blur(12px);
    padding: 0px 30px;
}

.tp-header-10-logo img {
    filter: brightness(0) invert(1);
}

.tp-megamenu-wrapper {
    left: -30px;
    width: calc(100% + 60px);
    max-width: none;
    padding-top: 5%;
    padding-bottom: 5%;
}

.creative-2-hero-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.ai-hero-title-box{
    padding-left: unset;
}

.ai-hero-title {
    font-size: 48px;
    line-height: 0.88;
    text-align: center;
    letter-spacing: 0;
}

.ai-hero-ptb {
    padding-top: 10px;
    padding-bottom: 8%;
}

.rowMainHeader {
    margin: 0;
    padding: 0;
    margin-left: 30px;
    margin-right: 30px;
    position: relative;
    display: block;
}

.tp-header-10-menu{
    margin-left: 0px;
}

.design-video-thumb-internal:after {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transition: 0.4s;
    background: linear-gradient(rgba(14, 15, 17, 0) 0%, rgb(14, 15, 17) 150%);
}

.design-video-thumb-internal {
    height: 450px;
    background: #1b345a;
}

.ar-funfact-item h4 {
    line-height: 1;
    font-size: 36px;
    letter-spacing: 0;
    color: var(--tp-common-black);
}

.ar-funfact-item span {
    color: rgba(5, 3, 18, 0.6);
}

.ar-funfact-item img{
    max-width: 128px;
    max-width: 64px;
    max-height: 64px;
    margin-bottom: 15px;
}


.creative-testimonial-slider-wrap .tp-scrollbar {
    margin-top: 40px;
}

.assets-light .creative-testimonial-slider-wrap .tp-scrollbar {
    height: 2px;
    width: 90%;
    overflow: hidden;
    right: 0px;
    /* position: absolute; */
    margin-right: 0px;
    position: relative;
    bottom: 15px;
}

.creative-testimonial-arrow {
    position: absolute;
    bottom: 0px;
    /* width: 20%; */
    margin-top: 37px;
    right: 0px;
    z-index: 99999;
}

.assets-light .creative-testimonial-item {
    background-color: transparent;
    padding: 0px;
}

.ar-blog-thumb1 {
    border-radius: 13px;
}

.ar-blog-thumb1 img {
    width: 100%;
    border-radius: 13px;
}


.creative-testimonial-item .ar-blog-category {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    margin: 20px;
    font-weight: 600;
    border-radius: 30px;
    padding: 8px 14px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    display: inline-block;
    text-transform: none;
    background-color: transparent;
    z-index: 99;
}

.ar-blog-thumb1:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 25%;
    z-index: 0;
    /* border-radius: 435px; */
    filter: blur(0px);
    background: rgb(0 0 0 / 50%);
    -webkit-mask: linear-gradient(180deg, hsla(0, 0%, 50%, 0), hsla(0, 0%, 50%, .8) 30%, grey);
    mask: linear-gradient(180deg, hsla(0, 0%, 50%, 0), hsla(0, 0%, 50%, .8) 30%, grey);
    border-radius: 13px;
}

.app-cta-wrap {
    background: linear-gradient(265deg, #d6d6d6 16.29%, #37587a 84.71%);
}

.app-cta-wrapper{
    padding-left: 0px;
}

.app-cta-store-box{
    justify-content: center;
}

.app-cta-store {
    justify-content: center;
}
/*======================================================================
  7. Headers Style
========================================================================*/
.promotion-header {
    color: #df1a0b;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 35px;
    background-color: #fff0ef;
    text-align: center;
    position: relative;
    z-index: 5;
}

/* Top Info Bar */
.top-info-bar {
    background-color: #000;
    color: #fff;
    position: relative;
    z-index: 49;
}

    .top-info-bar .item {
        padding: 10px;
    }

        .top-info-bar .item a {
            color: #fff;
            font-size: 11px;
        }

            .top-info-bar .item a:hover {
                color: #fff;
                opacity: 0.8;
            }

        .top-info-bar .item.center {
            border-left: 1px solid #504c4c;
            border-right: 1px solid #504c4c;
        }

    .top-info-bar .slick-slider .slick-track {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .top-info-bar.style1 {
        background-color: #3eb8ce;
        color: #000;
        overflow: hidden;
    }

        .top-info-bar.style1 .item {
            padding: 5px 25px 5px 10px;
            min-height: 42px;
        }

        .top-info-bar.style1 .slick-slide {
            color: #fff;
            background-color: #3eb8ce;
        }

            .top-info-bar.style1 .slick-slide + .slick-slide {
                color: #000;
                background-color: #deeefc;
            }

        .top-info-bar.style1 .alert {
            padding: 0;
            margin: 0;
            border: 0 !important;
        }

        .top-info-bar.style1 .btn-close {
            color: #fff;
            cursor: pointer;
            font-size: 15px;
            font-weight: 400;
            position: absolute;
            right: 10px;
            top: 5px;
            height: 25px;
            width: 25px;
            line-height: 22px;
            background: none;
            opacity: 1;
            box-shadow: none;
        }

        .top-info-bar.style1 .slick-slide + .slick-slide .btn-close {
            color: #222;
        }

        .top-info-bar.style1 .btn-small {
            padding: 7px 10px;
        }

        .top-info-bar.style1 .item, .top-info-bar.style1 .item a {
            font-size: 12px;
            letter-spacing: 0.8px;
        }

            .top-info-bar.style1 .item .blueText {
                color: #2170b1;
            }

    .top-info-bar.style2 {
        background-color: #56a1b6;
        color: #ffffff;
        overflow: hidden;
    }

        .top-info-bar.style2 .item, .top-info-bar.style2 .item a {
            font-size: 13px;
            letter-spacing: 1px;
        }

        .top-info-bar.style2 .slick-slide {
            background-color: #56a1b6 !important;
            color: #ffffff !important;
        }

        .top-info-bar.style2 .btn {
            color: #ffffff;
            background-color: #78c6dc;
            border-color: #78c6dc;
        }

            .top-info-bar.style2 .btn:hover {
                opacity: 0.8;
            }

        .top-info-bar.style2 .promo-counter {
            display: flex;
        }

            .top-info-bar.style2 .promo-counter .ht-count {
                margin: 0 8px;
                position: relative;
            }

                .top-info-bar.style2 .promo-counter .ht-count:not(.days):after {
                    content: ":";
                    position: absolute;
                    left: -10px;
                    color: #85d6fc;
                    font-weight: 400;
                }

            .top-info-bar.style2 .promo-counter span > span span {
                color: #85d6fc;
                font-size: 13px;
                font-weight: 400;
            }

        .top-info-bar.style2 .ht-count.hour span > span:not(.time-count),
        .top-info-bar.style2 .ht-count.minutes span > span:not(.time-count),
        .top-info-bar.style2 .ht-count.second span > span:not(.time-count) {
            display: none;
        }

/* Marquee text */
.marquee-text {
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}

    .marquee-text .top-info-bar {
        font-size: 12px;
        width: 200%;
        display: flex;
        -webkit-animation: marquee 25s linear infinite running;
        -moz-animation: marquee 25s linear infinite running;
        -o-animation: marquee 25s linear infinite running;
        -ms-animation: marquee 25s linear infinite running;
        animation: marquee 25s linear infinite running;
    }

        .marquee-text .top-info-bar:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            -ms-animation-play-state: paused;
            animation-play-state: paused;
        }

        .marquee-text .top-info-bar .info-text {
            padding: 10px 30px;
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
        }

        .marquee-text .top-info-bar a {
            color: #ffffff;
        }

@-moz-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@-o-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

/* Top Bar */
.top-bar {
    color: #fff;
    font-size: 12px;
    background-color: #333;
    position: relative;
    z-index: 49;
}

    .top-bar .inner {
        min-height: 35px;
    }

    .top-bar a, .top-bar .social-icons li a {
        color: #fff;
    }

    .top-bar .fa {
        font-size: 13px;
    }

    .top-bar a:hover, .top-bar .social-icons li a:hover {
        color: #fff;
        opacity: 0.8;
    }

    .top-bar .social-icons .tooltip-label {
        top: 25px;
    }

        .top-bar .social-icons .tooltip-label:before {
            top: -4px;
            bottom: auto;
            border-bottom: 5px solid #000;
            border-top: transparent;
        }

    .top-bar .social-icons li:hover .tooltip-label {
        top: 20px;
    }

.top-header {
    color: #fff;
    padding-top: 8px;
    padding-bottom: 10px;
    background: #000000;
    height: 38px;
}

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

/*Promo Counter Style Days Hr:Min:Sec */
.promo-counter.days-time {
    display: flex;
}

    .promo-counter.days-time .ht-count {
        margin: 0 8px;
        position: relative;
    }

        .promo-counter.days-time .ht-count:not(.days):after {
            content: ":";
            position: absolute;
            left: -10px;
            font-weight: 600;
        }

    .promo-counter.days-time span > span span {
        font-size: 12px;
    }

    .promo-counter.days-time .ht-count.hour span > span:not(.time-count),
    .promo-counter.days-time .ht-count.minutes span > span:not(.time-count),
    .promo-counter.days-time .ht-count.second span > span:not(.time-count) {
        display: none;
    }

.header-main {
    position: relative;
    z-index: 49;
    background-color: #ffffff;
    border-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    min-height: 60px;
}

.header-wrap {
    min-height: 90px;
    position: relative;
}

.sticky-header .header-wrap {
    min-height: 60px;
}

.showOverly .modalOverly {
    display: block;
}

.searchact .modalOverly {
    z-index: 45;
}

body:not(.searchact) .header-main:not(.sticky-header) {
    background: none;
    box-shadow: none;
    border: 0;
}

.header-1 .header-main:not(.sticky-header), .header-11.header-main:not(.sticky-header) {
    position: absolute;
    left: 0;
    right: 0;
}

.header-wrap > .row {
    width: 100%;
    margin: 0;
}

.sticky-header {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    left: 0;
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
}

.menu-outer .container, .menu-outer .container-fluid {
    position: relative;
}

.header-content-wrapper {
    width: 100%;
    padding: 15px 0;
}

.mih-50:not(.sticky-header) {
    min-height: 50px !important;
}

.mih-55:not(.sticky-header) {
    min-height: 55px !important;
}

.mih-70:not(.sticky-header) {
    min-height: 70px !important;
}

.mih-80:not(.sticky-header) {
    min-height: 80px !important;
}

.mih-90:not(.sticky-header) {
    min-height: 90px !important;
}

.logo {
    margin: 0;
}

    .logo a {
        position: relative;
        display: block;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 22px;
        line-height: 1;
        text-decoration: none;
        text-align: center;
    }

    .logo img {
        display: block;
        max-width: 154px;
        max-height: 32px;
        margin: 0 auto;
    }

.iconset .icon {
    font-size: 17px;
    min-width: 17px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

.iconset {
    position: relative;
    color: #030505;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 9px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

    .iconset:hover .icon, .iconset:hover .text, .iconset:hover a {
        color: #0d0802;
    }

    .iconset:hover .tooltip-label {
        opacity: 1;
        top: -26px;
        visibility: visible;
    }

.header .iconset .tooltip-label {
    top: -30px;
}

.header .iconset:hover .tooltip-label {
    top: -20px;
}

.sticky-header .iconset:hover .tooltip-label {
    top: -17px;
}

.counter {
    font-size: 11px;
    color: #fff;
    background-color: #000;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    top: 3px;
    right: -13px;
}

#settingsBox, #cart-drawer, #searchPopup, #userLinks {
    color: #050000;
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(5,0,0,.1);
    -webkit-box-shadow: 0 0 15px rgba(5,0,0,.1);
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#settingsBox, #userLinks {
    visibility: hidden;
    opacity: 0;
    padding: 20px;
    width: 300px;
    position: absolute;
    top: 130%;
    right: 15px;
    z-index: 99;
}

    #settingsBox.active, #userLinks.active {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }

    #settingsBox .btn {
        width: 100%;
    }

#userLinks {
    width: 200px;
}

    #userLinks ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #userLinks ul li {
            display: block;
        }

    #userLinks li a {
        padding: 5px;
        display: block;
        color: #666;
        text-transform: uppercase;
    }

.icons-col .customer-links {
    font-size: 12px;
    text-transform: uppercase;
}

    .icons-col .customer-links .register {
        text-decoration: underline;
    }

#settingsBox .ttl {
    font-size: 12px;
    margin: 0 0 10px;
    display: block;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

#settingsBox #language {
    margin-bottom: 0;
}

.cnrLangList li {
    display: inline-block;
    margin: 0 5px 5px 0;
    cursor: pointer;
}

    .cnrLangList li a {
        color: #000000;
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        padding: 1px 10px;
        opacity: 0.6;
        border: 1px solid rgba(0,0,0,0.3);
        background: #fafafa;
    }

        .cnrLangList li a:hover, .cnrLangList li a.active, .cnrLangList li a:focus {
            color: #fff;
            border: 1px solid #000;
            opacity: 1;
            text-decoration: none;
            background: #131313;
        }

.minicart-right-drawer.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 350px;
    max-width: 100%;
    height: 100%;
    z-index: 1024;
    -webkit-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0);
}

.minicart-right-drawer.right .modal-content {
    border: none;
    border-radius: 0;
    height: 100%;
    overflow-y: auto;
}

.minicart-right-drawer.right.fade .modal-dialog {
    right: -350px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.minicart-right-drawer.right.fade.show .modal-dialog {
    right: 0;
}

#cart-drawer {
    color: #050000;
    padding: 20px;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10000;
}

    #cart-drawer.active {
        right: 0;
    }

    #cart-drawer > h4 {
        color: #666666;
        font-weight: 500;
        text-transform: uppercase;
        text-align: left;
        margin: 0 0 20px;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 15px;
    }

    #cart-drawer .close-cart {
        color: #050000;
        font-size: 17px;
        float: right;
        margin-top: -3px;
        opacity: 0.8;
        text-decoration: none;
    }

.minicart-header {
    margin: 0 0 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
}

    .minicart-header > h4 {
        color: #666666;
        font-weight: 500;
        text-transform: uppercase;
        text-align: left;
        margin: 0 0;
    }

.minicart-content {
    padding: 0 20px;
    margin: 0;
    z-index: 1001;
    position: absolute;
    left: 0;
    overflow: hidden auto;
    width: 100%;
    height: calc(100% - 290px);
}

    .minicart-content .item {
        padding: 0 0 10px;
        margin: 0 0 10px;
        display: block;
        border-bottom: solid 1px #eee;
    }

        .minicart-content .item .product-image {
            max-width: 23%;
            flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
        }

        .minicart-content .item .product-details {
            width: 75%;
            flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            padding-left: 15px;
            padding-right: 10px;
            text-align: left;
        }

        .minicart-content .item .product-title {
            color: #000;
            font-size: 13px;
            white-space: normal;
            text-decoration: none;
            display: block;
            line-height: 20px;
            margin-bottom: 0;
        }

        .minicart-content .item .remove {
            color: #5c5c5c;
            display: inline-block;
            font-size: 14px;
            padding: 2px 4px 0;
        }

            .minicart-content .item .remove:hover {
                color: #000;
            }

            .minicart-content .item .remove i {
                vertical-align: middle;
                font-size: 14px;
            }

        .minicart-content .item .edit-i.remove .icon {
            font-size: 12px;
            padding-top: 0;
        }

        .minicart-content .item .qtyField span {
            display: inline-block;
            padding: 0;
            border: 0;
        }

        .minicart-content .item .variant-cart {
            color: #777;
            font-size: 11px;
        }

        .minicart-content .item .wrapQtyBtn {
            display: block;
            float: none;
        }

        .minicart-content .item .qtyField {
            width: 77px;
        }

            .minicart-content .item .qtyField .qtyBtn {
                height: 30px;
            }

            .minicart-content .item .qtyField .qty {
                width: 77px;
                height: 30px;
                padding: 0 20px;
            }

.minicart-bottom {
    color: #666666;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px 20px 20px;
}

    .minicart-bottom .shipinfo {
        background-color: #f6f6f6;
        padding: 10px;
    }

        .minicart-bottom .shipinfo p {
            font-size: 11px;
        }

    .minicart-bottom .agree-check {
        font-size: 11px;
        text-transform: uppercase;
    }

    .minicart-bottom .subtotal {
        padding: 5px 0 10px;
    }

        .minicart-bottom .subtotal:before, .minicart-bottom .subtotal:after {
            content: '';
            clear: both;
            display: block;
        }

        .minicart-bottom .subtotal.list {
            border: 0;
            margin: 0;
            padding: 0;
        }

            .minicart-bottom .subtotal.list > span {
                font-size: 14px;
                font-weight: 400;
            }

        .minicart-bottom .subtotal > span {
            float: left;
            text-transform: uppercase;
            font-size: 16px;
            text-align: left;
            font-weight: 700;
        }

        .minicart-bottom .subtotal .product-price {
            float: right;
        }

.modal-open {
    padding-right: 0 !important;
}

    .modal-open .modal {
        padding-right: 0 !important;
    }

.search-drawer {
    padding: 40px 50px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: left;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    width: 100%;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

    .search-drawer .container, .search-drawer .container-fluid {
        position: relative;
    }

    .search-drawer.search-drawer-open {
        opacity: 1;
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        visibility: visible;
    }

        .search-drawer.search-drawer-open .block {
            background-color: transparent;
            padding: 0;
        }

    .search-drawer .title {
        color: #000000;
        font-size: 15px;
        margin-bottom: 20px;
    }

    .search-drawer .label {
        border: 0;
        clip: rect(0,0,0,0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .search-drawer .control {
        border-bottom: 0;
    }

    .search-drawer .input-text {
        color: #050000;
        font-size: 13px;
        padding: 5px 35px;
        background: none;
        border: 0;
    }

    .search-drawer .action.search {
        font-size: 18px;
        position: absolute;
        left: 0;
        border: 0;
        margin-top: 3px;
        background: none;
        cursor: pointer;
        height: 38px;
    }

        .search-drawer .action.search:hover {
            color: #000000;
        }

    .search-drawer .closeSearch {
        color: #050000;
        font-size: 18px;
        position: absolute;
        top: 7px;
        right: 0;
        z-index: 10;
        cursor: pointer;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
    }

    .search-drawer .searchField {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .search-drawer .search-category {
        display: table-cell;
        padding-right: 15px;
    }

        .search-drawer .search-category select {
            font-size: 13px;
            border: 0;
            min-width: 135px;
        }

    .search-drawer .input-box {
        display: table-cell;
        width: auto;
        -webkit-flex: 1;
        flex: 1;
        position: relative;
    }

#search-popup {
    padding: 20px 60px 20px 55px;
    text-align: left;
    background-color: #f5f5f5;
    transition: all 0.3s ease-in-out;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
}

    #search-popup.active {
        top: 100%;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

    .social-icons li a {
        position: relative;
        padding: 0 5px;
        color: #3e3e3e;
        display: flex;
        align-items: center;
    }

        .social-icons li a:hover {
            color: #000;
        }

    .social-icons li:hover .tooltip-label {
        opacity: 1;
        top: -26px;
        visibility: visible;
    }

/* Navigation */
#siteNav {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

    #siteNav.right {
        text-align: right;
        justify-content: flex-end;
    }

    #siteNav.left {
        text-align: left;
        justify-content: flex-start;
    }

    #siteNav.center {
        text-align: center;
        justify-content: center;
    }

    #siteNav .menubox p .title {
        color: #222;
        background-color: #fff;
        border-radius: 2px;
        padding: 6px 15px;
        margin: 0 0 20px;
        white-space: nowrap;
    }

#AccessibleNav {
    padding-left: 0;
}

.mobile-nav-wrapper, .site-header__logo.mobileview {
    display: none;
}

@media (min-width:990px) {
    .header .container {
        position: relative;
    }

        .header .container .d-menu-col {
            position: static;
        }

    #siteNav a {
        text-decoration: none;
        font-size: 13px;
        display: block;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        letter-spacing: 0.05em;
        position: relative;
    }

    #siteNav > li {
        display: inline-block;
        text-align: left;
    }

        #siteNav > li > a {
            color: #111;
            padding: 10px 15px;
            text-transform: uppercase;
        }

            #siteNav > li > a:after {
                content: "";
                width: 0;
                height: 1px;
                display: block;
                background-color: #000;
            }

            #siteNav > li > a:hover:after, #siteNav > li > a:focus:after {
                width: 100%;
            }

    #siteNav.medium > li a {
        font-weight: 500;
    }

    #siteNav.hidearrow > li > a .fa {
        display: none;
    }

    #siteNav > li > a .fa {
        vertical-align: middle;
    }

    #siteNav > li:hover > a, #siteNav > li > a:hover:hover, #siteNav > li > a:hover {
        color: #000;
    }

    #siteNav > li > a .navLbl {
        white-space: nowrap;
        color: #ffffff;
        background-color: #f19280;
        font-size: 10px;
        font-weight: 400;
        line-height: normal;
        display: inline-block;
        padding: 1px 5px;
        border-radius: 0;
        position: absolute;
        top: -9px;
        left: 50%;
    }

        #siteNav > li > a .navLbl:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border: 3px solid transparent;
            border-top-color: #f19280;
            border-left-color: #f19280;
            position: absolute;
            bottom: -4px;
            left: 0;
        }

        #siteNav > li > a .navLbl.new {
            background-color: #83cc52;
        }

            #siteNav > li > a .navLbl.new:after {
                border-top-color: #83cc52;
                border-left-color: #83cc52;
            }

        #siteNav > li > a .navLbl.hurryup {
            background-color: #94c442;
        }

            #siteNav > li > a .navLbl.hurryup:after {
                border-top-color: #94c442;
                border-left-color: #94c442;
            }

    #siteNav > li .megamenu {
        opacity: 0;
        visibility: hidden;
        padding: 30px;
        width: 100%;
        position: absolute;
        top: auto;
        left: 0;
        z-index: 999;
        background-color: #fff;
        box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
        pointer-events: none;
        max-height: 650px;
        overflow: auto;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }

    .index-demo10 #siteNav > li .megamenu.style3 {
        max-width: 900px;
    }

    #siteNav > li .megamenu ul {
        padding: 0;
        list-style: none;
    }

    #siteNav > li:hover > .megamenu {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: visible;
    }

    #siteNav > li .megamenu.style1 .lvl-1 {
        margin-bottom: 0;
    }

    #siteNav > li .megamenu .lvl-1 a.lvl-1 {
        color: #000;
        font-size: 13px;
        text-transform: uppercase;
        padding: 0 0 8px;
        font-weight: 400;
    }

    #siteNav > li .megamenu .lvl-1 .site-nav {
        color: #000;
        padding: 3px 0;
        font-weight: 400;
    }

        #siteNav > li .megamenu .lvl-1 .site-nav:hover {
            color: #000;
        }

        #siteNav > li .megamenu .lvl-1 .site-nav:before {
            content: "";
            display: inline-block;
            width: 0px;
            height: 2px;
            vertical-align: middle;
            background-color: #000;
            -ms-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        #siteNav > li .megamenu .lvl-1 .site-nav:hover:before {
            width: 5px;
            margin-right: 3px;
        }

        #siteNav > li .megamenu .lvl-1 .site-nav.menu-title:hover:before {
            display: none;
        }

    #siteNav > li .megamenu.style1 {
        overflow: hidden;
    }

    #siteNav > li .megamenu.style2 .lvl-1 {
        margin-bottom: 0;
    }

    #siteNav > li .megamenu .menu-title {
        font-weight: 600 !important;
    }

    #siteNav > li.mdropdown {
        position: relative;
    }

    #siteNav > li .megamenu .imageCol {
        padding-bottom: 25px;
    }

    #siteNav > li .megamenu .grid-products .item {
        margin: 0 0 20px;
    }

    #siteNav > li .megamenu .grid-products a, #siteNav > li .megamenu .grid-products .product-price {
        font-size: 12px;
    }

    #siteNav > li .megamenu .grid-products .product-review {
        margin: 0px 0 10px;
    }

        #siteNav > li .megamenu .grid-products .product-review .fa {
            font-size: 11px;
        }

    #siteNav > li .offerBanner {
        padding: 20px;
        text-align: center;
        height: 100%;
    }

    #siteNav > li .gridproduct-banner .grid-products {
        padding: 20px;
    }

    .index-demo10 #siteNav > li .offerBanner {
        background-color: #814348;
    }

        .index-demo10 #siteNav > li .offerBanner h4, .index-demo10 #siteNav > li .offerBanner p {
            color: #ffffff;
        }

    #siteNav a .lbl {
        color: #ffffff;
        font-size: 9px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        padding: 3px 4px;
        background-color: #0a9339;
        position: relative;
        vertical-align: middle;
    }

        #siteNav a .lbl:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            bottom: 3px;
            left: -7px;
            border: 4px solid transparent;
            border-right-color: transparent;
            border-right-color: #0a9339;
            display: none;
        }

        #siteNav a .lbl.nm_label3 {
            background-color: #fb6c3e;
        }

        #siteNav a .lbl.nm_label1 {
            background-color: #ff0000;
        }

        #siteNav a .lbl.nm_label4 {
            background-color: #fdb818;
        }

        #siteNav a .lbl.nm_label5 {
            background-color: #93a96c;
        }

        #siteNav a .lbl.nm_label1:after {
            border-right-color: #ff0000;
        }

        #siteNav a .lbl.nm_label4:after {
            border-right-color: #fdb818;
        }

        #siteNav a .lbl.nm_label3:after {
            border-right-color: #fb6c3e;
        }

        #siteNav a .lbl.nm_label5:after {
            border-right-color: #93a96c;
        }

    #siteNav > li.dropdown {
        position: relative;
    }

        #siteNav > li .dropdown, #siteNav > li .dropdown ul {
            background-color: #fff;
            list-style: none;
            opacity: 0;
            visibility: hidden;
            width: 220px;
            position: absolute;
            top: 59px;
            left: 0;
            z-index: 999;
            box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
            -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
            -ms-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            padding: 10px;
        }

            #siteNav > li:hover > .dropdown, #siteNav > li .dropdown li:hover > ul {
                top: 40px;
                opacity: 1;
                visibility: visible;
            }

    #siteNav > li ul.dropdown li {
        border-top: 1px solid #eeeeee;
        position: relative;
    }

        #siteNav > li ul.dropdown li:first-child {
            border: 0;
        }

        #siteNav > li ul.dropdown li a {
            color: #000;
            font-weight: 400;
            padding: 8px 12px;
            background-color: #fff;
        }

            #siteNav > li ul.dropdown li:hover > a, #siteNav > li ul.dropdown li a:hover {
                color: #000;
                padding-left: 15px;
            }

            #siteNav > li ul.dropdown li a .fa {
                font-size: 18px;
                position: absolute;
                right: 5px;
                top: 8px;
            }

        #siteNav > li ul.dropdown li ul {
            top: 20px;
            left: 100%;
        }

        #siteNav > li ul.dropdown li:hover > ul {
            top: 0;
        }

    #siteNav .menu-brand-logo {
        width: 50%;
        float: left;
        text-align: center;
        padding-right: 10px;
    }

        #siteNav .menu-brand-logo a {
            display: block;
            margin-bottom: 10px;
            border: 1px solid #ddd;
        }

            #siteNav .menu-brand-logo a:hover {
                border-color: #000;
            }

            #siteNav .menu-brand-logo a img {
                display: inline-block;
                vertical-align: middle;
            }

    .mm-Banners:before, .mm-Banners:after {
        content: '';
        clear: both;
        display: block;
    }

    .mm-Banners {
        clear: both;
    }

        .mm-Banners .imageCol {
            padding-bottom: 0 !important;
        }

    .header-3 #siteNav > li .megamenu {
        max-width: 1400px;
        right: 0;
        margin: 0 auto;
    }
}

/*----- Classic Header Style -----*/
.template-index:not(.searchact) .classicHeader:not(.sticky-header) {
    position: absolute;
    left: 0;
    right: 0;
}

    .template-index:not(.searchact) .classicHeader:not(.sticky-header) #siteNav > li > a {
        color: #ffffff;
    }

        .template-index:not(.searchact) .classicHeader:not(.sticky-header) #siteNav > li > a:hover {
            color: #ffffff;
            opacity: 0.8;
        }

        .template-index:not(.searchact) .classicHeader:not(.sticky-header) #siteNav > li > a:after {
            background-color: #ffffff;
        }

    .template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset,
    .template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset a {
        color: #ffffff;
    }

        .template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset a:hover,
        .template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset:hover .icon,
        .template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset:hover .text {
            color: #ffffff;
            opacity: 0.8;
        }

    .template-index:not(.searchact) .classicHeader:not(.sticky-header) .counter {
        background: #eee;
        color: #000;
    }

    .template-index:not(.searchact) .classicHeader:not(.sticky-header) .js-mobile-nav-toggle .fa {
        color: #fff;
    }

    .template-index:not(.searchact) .classicHeader:not(.sticky-header) .sticky-logo {
        display: none;
    }

.template-index.searchact .classicHeader .default-logo,
.template-index .classicHeader.sticky-header .default-logo {
    display: none;
}

/*-----  7.1 Header Styles ----- */
.header .header-main {
    min-height: 90px;
}

.header .social-icons li .fa,
.header-1 .social-icons li .fa {
    font-size: 14px;
}

.header-2 .iconset .icon {
    font-size: 15px;
    min-width: 15px;
}

.header-3 #siteNav > li > a {
    font-size: 14px;
    text-transform: capitalize;
}

.header-4 #siteNav.medium > li > a {
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
}

.header-4 .iconset {
    font-size: 14px;
}

    .header-4 .iconset:hover, .header-4 .iconset a:hover,
    .header-4 .iconset:hover .icon, .header-4 .iconset:hover .text {
        color: #3180c1;
    }

.header-5 #siteNav > li > a {
    font-weight: 700;
    text-transform: none;
}

.header-5 #siteNav > li:hover > a {
    color: #de7394;
}

.header-5 #siteNav > li > a:after {
    background-color: #de7394;
}

.header-5 #siteNav > li .megamenu .lvl-1 a.lvl-1 {
    color: #6ba4d0;
}

.header-5 .counter {
    background-color: #e89db4;
}

.header-5 .cnrLangList li a:hover, .header-5 .cnrLangList li a.active, .header-5 .cnrLangList li a:focus {
    background-color: #e89db4;
    border-color: #e89db4;
}

.header-5 .iconset:hover .icon, .header-5 .iconset:hover .text, .header-5 .iconset:hover a {
    color: #e89db4;
}

.header-6 #siteNav > li .megamenu, .header-9 #siteNav > li .megamenu, .header-25 #siteNav > li .megamenu {
    left: 55px;
}

    .header-6 #siteNav > li .megamenu.style5 {
        max-width: 999px;
    }

        .header-6 #siteNav > li .megamenu.style5 .collection-inner {
            background-color: #fafafa;
        }

.header-9 .iconset:hover .icon, .header-9 .iconset:hover .text, .header-9 .iconset:hover a {
    color: #ffffff;
    opacity: .8;
}

.header-9.sticky-header .iconset:hover .icon, .header-9.sticky-header .iconset:hover .text, .header-9.sticky-header .iconset:hover a,
.searchact .header-9 .iconset:hover .icon, .searchact .header-9 .iconset:hover .text, .searchact .header-9 .iconset:hover a {
    color: #489aaf;
}

.header-7.header-main, .header-7 .header-wrap {
    background-color: #000;
    color: #ffffff;
}

.header-7 #siteNav > li > a {
    color: #ffffff;
    font-size: 12px;
}

    .header-7 #siteNav > li > a:hover {
        color: #eeeeee;
    }

    .header-7 #siteNav > li > a:after {
        background-color: #ffffff;
    }

.header-7 .iconset, .header-7 .iconset a {
    color: #ffffff;
}

    .header-7 .iconset:hover, .header-7 .iconset a:hover, .header-7 .iconset:hover .icon {
        color: #fe877b;
    }

.header-7 .counter {
    background-color: #f43e3e;
    color: #ffffff;
}

.header-7 .js-mobile-nav-toggle .fa {
    color: #ffffff;
}

.header-7 .search-inline {
    width: 530px;
    margin: 0 auto;
}

    .header-7 .search-inline .search-category select,
    .header-7 .search-inline .input-box .input-text,
    .header-7 .search-inline .input-box .action {
        background: transparent;
        color: #fff;
        border-color: rgba(255,255,255,.2);
        height: 38px;
    }

    .header-7 .search-inline .search-category select {
        background-image: url(../images/arrow-select-white.png) !important;
        min-width: 140px;
        border-radius: 3px 0 0 3px;
    }

.search-inline .search-category select {
    min-width: 140px;
    border-radius: 3px 0 0 3px;
}

    .search-inline .search-category select option,
    .search-inline .search-category select optgroup {
        background-color: #fff;
        color: #000;
    }

.search-inline .input-box .action {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    border-radius: 0 3px 3px 0;
}

    .search-inline .input-box .action:hover {
        color: #fe877b;
    }

.header-8 .counter {
    background-color: #ea895f;
    color: #ffffff;
}

.header-10 .search-inline {
    max-width: 345px;
}

    .header-10 .search-inline .search-category select {
        min-width: 130px;
    }

    .header-10 .search-inline .search-category select,
    .header-10 .search-inline .input-box .input-text,
    .header-10 .search-inline .input-box .action {
        background: transparent;
        border-color: rgba(0,0,0,.2);
        height: 38px;
    }

.header-10 #siteNav > li > a {
    color: #333;
    font-size: 12px;
}

.header-12.header-main, .header-12 .header-wrap {
    background-color: #1e2832;
    color: #ffffff;
}

.header-12.sticky-header .header-wrap {
    min-height: 60px !important;
}

.header-12 .menu-outer {
    background-color: #ffb700;
    padding: 1px 0;
}

.header-12 #siteNav > li > a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

    .header-12 #siteNav > li > a:hover {
        color: #ffffff;
    }

    .header-12 #siteNav > li > a:after {
        background-color: #ffffff;
    }

.header-12 .iconset, .header-12 .iconset a {
    color: #ffffff;
}

    .header-12 .iconset:hover, .header-12 .iconset a:hover, .header-12 .iconset:hover .icon {
        color: #ffb700;
    }

.header-12 .counter {
    background-color: #ffb700;
    color: #222;
}

.header-12 .js-mobile-nav-toggle .fa {
    color: #ffffff;
}

.header-12 .search-inline {
    width: 530px;
    margin: 0 auto;
}

    .header-12 .search-inline .search-category select,
    .header-12 .search-inline .input-box .input-text,
    .header-12 .search-inline .input-box .action {
        background: transparent;
        color: #fff;
        border-color: rgba(255,255,255,.2);
        height: 38px;
    }

        .header-12 .search-inline .input-box .action:hover {
            color: #ffb700;
        }

    .header-12 .search-inline .search-category select {
        background-image: url(../images/arrow-select-white.png) !important;
    }

.header-13 .header-wrap {
    background-color: #111;
    color: #ffffff;
}

.header-13 .social-icons .fa {
    font-size: 13px;
}

.header-13 .iconset, .header-13 .iconset a, .header-13 .social-icons li a {
    color: #ffffff;
}

    .header-13 .iconset .icon {
        font-size: 15px;
        min-width: 15px;
    }

    .header-13 .iconset:hover, .header-13 .iconset a:hover, .header-13 .iconset:hover .icon, .header-13 .social-icons li a:hover {
        color: #fe877b;
    }

.header-13 .counter {
    background-color: #ae957b;
    color: #f7f7f2;
    font-size: 10px;
    line-height: 17px;
}

.header-13 .js-mobile-nav-toggle .fa {
    color: #ffffff;
}

.header-13 #siteNav > li > a {
    font-size: 12px;
    margin: 1px;
}

    .header-13 #siteNav > li:hover > a, .header-13 #siteNav > li > a:hover {
        color: #ae957b;
    }

    .header-13 #siteNav > li > a::after {
        background-color: #ae957b;
    }

.header-25 .logo img {
    max-width: 90px;
}

.header-25 .counter {
    font-size: 10px;
}

.header-25 .search-drawer .closeSearch {
    right: 50px;
}

.header-26 .counter {
    font-size: 10px;
}

.header-26 .iconset .icon {
    font-size: 16px;
    min-width: 16px;
}

.header-26 .counter {
    font-size: 10px;
}

.header-26 .iconset .icon {
    font-size: 16px;
    min-width: 16px;
}

/* Sticky Menubar Mobile */
.menubar-mobile {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    overflow: auto hidden;
    padding: 5px;
    height: 47px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.12);
    transition: transform .25s;
}

    .menubar-mobile .menubar-item {
        position: relative;
        -ms-flex: 1 0 20%;
        flex: 1 0 20%;
    }

        .menubar-mobile .menubar-item > a {
            position: relative;
            padding-right: 10px;
            padding-left: 10px;
            line-height: 1;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }

    .menubar-mobile .menubar-label {
        display: block;
        padding: 0;
        margin: 5px 0 0;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 11px;
        font-weight: 500;
        line-height: 1;
    }

    .menubar-mobile .counter {
        right: -22px;
    }

/*======================================================================
  8. Homepage Demo's
========================================================================*/
.index-demo1 .grid-masonary.banner-grid .banner-item.col-sm-12 {
    margin-bottom: 0;
}

.index-demo1 .collection-banners.style1 .details .redText {
    color: #FE877B;
}

/*----- Homepage Demo 2 -----*/
.index-demo2 .heading-font, .index-demo2 h1, .index-demo2 .h1, .index-demo2 h2, .index-demo2 .h2, .index-demo2 h3, .index-demo2 .h3, .index-demo2 h4, .index-demo2 .h4, .index-demo2 h5,
.index-demo2 .h5, .index-demo2 h6, .index-demo2 .h6 {
    font-family: 'Libre Baskerville',Arial,Tahoma;
}

.index-demo2 .slideshow .slick-next:before, .index-demo2 .slideshow .slick-prev:before {
    color: #333;
}

.index-demo2 .slideshow .slick-dots li button {
    border-color: #333;
}

.index-demo2 .slideshow .slick-dots li.slick-active button {
    background-color: #333;
}

.index-demo2 .section-header h2 {
    text-transform: none;
    font-size: 20px;
}

.index-demo2 h2, .index-demo2 .h2 {
    text-transform: none;
}

.index-demo2 .collection-slider-full .collection-grid-slider .details {
    padding-bottom: 0;
}

.index-demo2 #site-scroll {
    border-radius: 3px;
    background-color: #f9f9f9;
}

/*----- Minicart Style 2 -----*/
.modal-popup-style .minicart-right-drawer.right.fade .modal-dialog,
.modal-popup-style .minicart-right-drawer.right.fade.show .modal-dialog {
    right: 0;
    left: 50%;
    top: 50%;
    bottom: 0;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    margin-left: 0
}

.modal-popup-style .minicart-right-drawer.right .modal-dialog {
    max-width: 750px;
    width: 100%;
    height: auto;
}

.modal-popup-style .minicart-bottom, .modal-popup-style .minicart-content {
    position: static;
}

.modal-popup-style .minicart-content {
    width: 55%;
    height: auto;
    float: left;
    padding: 0 20px 0 0;
}

.modal-popup-style .minicart-bottom {
    width: 45%;
    height: auto;
    float: left;
    padding: 0 0 0 20px;
    border-left: 1px solid #eee;
}

.modal-popup-style .minicart-right-drawer.right .modal-content,
.modal-popup-style #cart-drawer {
    height: auto;
}

.modal-popup-style .minicart-right-drawer.right .modal-dialog {
    position: absolute;
}

.modal-popup-style .minicart-content .item:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/*----- Homepage Demo 3 -----*/
.index-demo3 .heading-font, .index-demo3 h1, .index-demo3 .h1, .index-demo3 h2, .index-demo3 .h2, .index-demo3 h3, .index-demo3 .h3, .index-demo3 h4, .index-demo3 .h4, .index-demo3 h5,
.index-demo3 .h5, .index-demo3 h6, .index-demo3 .h6 {
    font-family: 'Montserrat',Arial,Tahoma;
}

.index-demo3 .newsletter-section .section-header h2 {
    font-size: 24px;
}

.index-demo3 #site-scroll {
    color: #fff;
    background-color: #000;
    border-radius: 3px;
}

.index-demo3 .btn {
    font-weight: 600;
}

.index-demo3 .btn-primary {
    color: #fff;
    background-color: #fd6c63;
    border-color: #fd6c63;
}

    .index-demo3 .btn-primary:hover {
        color: #fff;
        background-color: #4698fe;
        border-color: #4698fe;
    }

/*----- Homepage Demo 4 -----*/
body.index-demo4, .index-demo4 .heading-font, .index-demo4 h1, .index-demo4 .h1, .index-demo4 h2, .index-demo4 .h2, .index-demo4 h3, .index-demo4 .h3, .index-demo4 h4, .index-demo4 .h4, .index-demo4 h5,
.index-demo4 .h5, .index-demo4 h6, .index-demo4 .h6 {
    font-family: 'sans-serif',Arial,Tahoma;
}

.index-demo4 .btn, .index-demo4 .btn-primary, .index-demo4 .slideshow .btn, .index-demo4 .button-set li .btn-icon {
    background-color: #3eb8ce;
    border-color: #3eb8ce;
    font-family: 'sans-serif',Arial,Tahoma;
    text-transform: none;
}

    .index-demo4 .btn:hover, .index-demo4 .btn:focus, .index-demo4 .btn-primary:hover, .index-demo4 .btn-primary:focus,
    .index-demo4 .slideshow .btn:hover, .index-demo4 .slideshow .btn:focus, .index-demo4 .button-set li .btn-icon:hover, .index-demo4 .button-set li .btn-icon:focus {
        background-color: #4590ce;
        border-color: #4590ce;
    }

.index-demo4 .btn-secondary {
    background-color: #4590ce;
    border-color: #4590ce;
}

    .index-demo4 .btn-secondary:hover, .index-demo4 .btn-secondary:focus {
        background-color: #3eb8ce;
        border-color: #3eb8ce;
    }

.index-demo4 .btn-outline-primary {
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
}

    .index-demo4 .btn-outline-primary:hover {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

.index-demo4 .promo-counter span > span span {
    color: #fff;
    display: inline-block;
    padding: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

.index-demo4 .slideshow .slick-arrow:before {
    color: #adbcc7;
}

.index-demo4 .slideshow .slick-dots li button {
    border-color: #4590ce;
    border-radius: 0;
    border-width: 1px;
    width: 12px;
    height: 12px;
}

.index-demo4 .slideshow .slick-dots li.slick-active button {
    background-color: #4590ce;
}

.index-demo4 .section-header h2 {
    text-transform: none;
}

.index-demo4 .featured-content.style1 .f-text {
    font-size: 14px;
}


.filter, .invert-\[0\.7\] {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-0 {
    --tw-backdrop-blur: blur(0)
}

.backdrop-blur-0, .backdrop-blur-\[0\.625rem\] {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[0\.625rem\] {
    --tw-backdrop-blur: blur(0.625rem)
}

.backdrop-blur-\[1\.25rem\] {
    --tw-backdrop-blur: blur(1.25rem)
}

.backdrop-blur-\[12\.5px\], .backdrop-blur-\[1\.25rem\] {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[12\.5px\] {
    --tw-backdrop-blur: blur(12.5px)
}

.backdrop-blur-\[2rem\] {
    --tw-backdrop-blur: blur(2rem)
}

.backdrop-blur-\[2rem\], .backdrop-blur-md {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px)
}

.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.delay-0 {
    transition-delay: 0s
}

.delay-100 {
    transition-delay: .1s
}

.delay-200 {
    transition-delay: .2s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-700 {
    transition-duration: .7s
}

.duration-\[1200ms\] {
    transition-duration: 1.2s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

header {
    z-index: 9999;
    position: relative;
}

.creative-hero-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 0px;
}



.map-container {
    position: relative;
    display: inline-block;
}

    .map-container img {
        width: 100%;
    }


.tp-service-5-feature-wrap {
    height: 840px;
}
.header-sticky .tp-header-10-logo img {
    filter: none;
}

.point {
    cursor: pointer;
    position: absolute;
    width: .8rem;
    height: .8rem;
    background-color: rgba(207, 213, 221, 0.2);
    border-radius: 100%;
    transition: all .3s ease;
    will-change: transform, box-shadow;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 rgba(13, 110, 253, 0.25);
    -webkit-animation: pulse 2.5s linear infinite;
    animation: pulse 2.5s linear infinite;
}

    .point:hover {
        animation: none;
        transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 1px 3px rgba(0, 0, 0, 0.23);
    }

.saudi-arabia {
    top: 51%;
    left: 59%;
}

.egypt {
    top: 49%;
    left: 56%;
}

.iraq {
    top: 41%;
    left: 70%;
}

.uk {
    top: 16%;
    left: 47%;
}

.nigeria {
    top: 59%;
    left: 49%;
}

.south-africa {
    top: 81%;
    left: 54%;
}

.maldives {
    top: 65%;
    left: 88%;
}

.afghanistan {
    top: 46%;
    left: 66%;
}

.qatar {
    top: 49.0%;
    left: 74.5%;
}

.oman {
    top: 54%;
    left: 78%;
}

.jordan {
    top: 48%;
    left: 58%;
}

.syria {
    top: 39%;
    left: 67.5%;
}

.antigua {
    top: 57%;
    left: 15%;
}

.sudan {
    top: 56%;
    left: 55.5%;
}

.seychelles {
    top: 79%;
    left: 74.1%;
}

.lebanon {
    top: 39.8%;
    left: 66.0%;
}

.sierra-leone {
    top: 59.8%;
    left: 43.8%;
}

.south-korea {
    top: 43%;
    left: 80.0%;
}

.cameron {
    top: 60.4%;
    left: 50.5%;
}

.guyana {
    top: 70%;
    left: 16%;
}

.animated-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

    .animated-section.active {
        opacity: 1;
        transform: translateY(0);
    }

.flip-horizontal {
    transform: scaleX(-1);
}



@-webkit-keyframes top-image-bounce {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes top-image-bounce {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@-webkit-keyframes left-image-bounce {
    0% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}

@keyframes left-image-bounce {
    0% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
    }
}

@-webkit-keyframes ripple-white3 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.2), 0 0 0 10px rgba(13, 110, 253, 0.2), 0 0 0 20px rgba(13, 110, 253, 0.1);
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.2), 0 0 0 10px rgba(13, 110, 253, 0.2), 0 0 0 20px rgba(13, 110, 253, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(13, 110, 253, 0.1), 0 0 0 20px rgba(13, 110, 253, 0.1), 0 0 0 100px rgba(13, 110, 253, 0);
        box-shadow: 0 0 0 10px rgba(13, 110, 253, 0.1), 0 0 0 20px rgba(13, 110, 253, 0.1), 0 0 0 100px rgba(13, 110, 253, 0);
    }
}

@keyframes ripple-white3 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.2), 0 0 0 10px rgba(13, 110, 253, 0.2), 0 0 0 20px rgba(13, 110, 253, 0.1);
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.2), 0 0 0 10px rgba(13, 110, 253, 0.1), 0 0 0 20px rgba(13, 110, 253, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(13, 110, 253, 0.2), 0 0 0 20px rgba(13, 110, 253, 0.2), 0 0 0 100px rgba(13, 110, 253, 0);
        box-shadow: 0 0 0 10px rgba(13, 110, 253, 0.2), 0 0 0 20px rgba(13, 110, 253, 0.1), 0 0 0 100px rgba(13, 110, 253, 0);
    }
}


@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }

    70% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.26);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }

    70% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.26);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}


footer {
    background: rgb(246 246 246 / 90%);
}

.app-footer-widget .dgm-footer-widget-title {
    font-family: var(--tp-ff-heading);
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 16px;
}

.newsSection .ar-blog-thumb img {
    height: auto;
}


.newsSection .ar-blog-title-sm {
    font-family: var(--tp-ff-heading);
    letter-spacing: 0px;
    font-size: 16px;
}
.dgm-project-title-sm
.tp-btn-black-square.cnt-btn-style.btn-transparent {
    color: var(--tp-text-body);
    font-family: var(--tp-ff-body);
}

.tp-btn-black-square.cnt-btn-style {
    font-family: var(--tp-ff-heading);
    letter-spacing: 0px;
}

.tp-btn-black-square.cnt-btn-style i {
    background-color: #43587a;
}

.tp-btn-black-square.cnt-btn-style.btn-transparent {
    background-color: transparent;
    color: #43587a;
    border: 1px solid #43587a;
}

.tp-service-5-feature-title {
    font-size: 60px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    /* text-transform: uppercase; */
    color: var(--tp-common-white);
    text-align: center;
}

.tp-service-5-feature-content .tp-btn-black-square span {
    margin-bottom: 0px;
    color: #fff;
}

.tp-service-5-feature-content .tp-btn-black-square {
    background: linear-gradient(90deg, hsla(0, 2%, 47%, .2), hsla(0, 0%, 100%, .2));
    backdrop-filter: blur(12px);
    padding: 8px 30px;
    color: #fff;
}

.dgm-project-area {
    margin-top: 0;
    border-radius: 0;
    /*background: #485d7f;
    background: rgb(246 246 246 / 90%);*/
    background: #fff;
}

.dgm-project-arrow button {
    margin-left: 8px;
    margin-right: 8px;
}

.dgm-project-area .dgm-project-thumb img {
    border-radius: 15px;
}

.dgm-project-title-sm {
    letter-spacing: 0;
    color: #000;
    font-family: var(--tp-ff-heading);
    font-weight: normal;
    font-size: 32px;
}

.dgm-project-content h5 span {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0;
    color: rgba(5, 3, 18, 0.6);
}

.dgm-project-arrow button {
    height: 40px;
    width: 40px;
    line-height: 1;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    transition: 0.3s;
    color: var(--tp-common-white);
    background-color: #242426;
}

.tp-service-5-feature-content {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0px !important;
}

.swiper-button-disabled{
    display: none !important;
}

.homeFirstIntroSection p {
    font-size: 22px;
}

.tp-showcase-slider-active-home{

}

.homeAboutSliderText {
    position: absolute;
    z-index: 999;
    top: 80%;
    margin: auto;
    left: 0;
    right: 0;
}

    .homeAboutSliderText .tp-showcase-slider-title {
        font-size: 48px;
        font-weight: 600;
        line-height: 1;
        color: var(--tp-common-white);
        font-family: inherit;
    }

    .homeAboutSliderText p {
        font-size: 22px;
        color: #fff;
    }

    .homeAboutSlider.tp-showcase-slider .swiper-slide {
        min-height: auto;
        padding: 0px 0;
        height: auto;
    }

.coreBusinessesBlocksSection .ar-blog-category span {
    font-weight: bold;
    width: 100%;
    position: relative;
    display: block;
    padding-bottom: 5%;
}

.tp-service-4-solution-item.service-details .tp-service-4-solution-item-title {
    font-family: var(--tp-ff-heading);
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: bold;
}

footer .ai-faq-accordion-wrap .accordion-items {
    padding-left: 0;
    padding-bottom: 0;
    position: relative;
    padding-right: 40px;
}

footer .ai-faq-accordion-wrap .accordion-header {
    margin-bottom: 25px;
}

footer .ai-faq-accordion-wrap .accordion-header .accordion-buttons .accordion-icon {
    top: 12px;
    left: 7px;
    right: 30px;
    left: auto;
}

footer .assets-light .ai-faq-accordion-wrap .accordion-items:not(:last-child) {
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}


footer .ai-faq-accordion-wrap .accordion-header .accordion-buttons {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    width: 100%;
    text-align: left;
    letter-spacing: 0;
}

footer .accordion-body .dgm-footer-widget-title {
    font-size: 14px;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 16px;
}

footer .ai-faq-accordion-wrap .accordion-body {
    padding-right: 0;
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .homeFirstIntroSection p {
        font-size: 16px !important;
    }
    .rowMainHeader {
        margin-left: 0px;
        margin-right: 0px;
    }
    .tp-header-10-wrapper {
        padding: 5px 30px;
        width: 100%;
        margin: 0;
    }
    .creative-2-hero-wrap {
        height: auto !important;
    }

    .creative-hero-banner video {
        height: auto;
    }

    .ai-hero-title {
        font-size: 22px;
        line-height: 1;
    }

    .creative-hero-banner {
        position: relative;
    }

    .ai-hero-title {
        margin-bottom: 15px;
        margin-top: 15px;
        color: #1a355f;
    }
    .ai-hero-ptb {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .cnt-portfolio-ptb {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .ar-funfact-item h4 {
        font-size: 22px;
    }

    .ar-funfact-item span {
        font-size: 14px;
    }
    .ar-funfact-item img {
        max-width: 48px;
        max-height: 48px;
    }
    .cst-video-ptb {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }

    .cst-video-thumb img {
        border-radius: 0 !important;
    }

    .homeAboutSliderText .tp-showcase-slider-title {
        font-size: 16px;
    }

    .homeAboutSliderText p {
        font-size: 12px;
        color: #fff;
        margin-bottom: 0px !important;
        line-height: 1 !important;
    }

    .homeAboutSliderText {
        top: 65%;
    }

    .pb-80 {
        padding-bottom: 40px !important;
    }

    .app-cta-wrap {
        border-radius: 0px !important;
    }

    .tp-service-5-feature-wrap {
        height: auto !important;
    }

       .tp-service-5-feature-wrap img {
            transform: none !important;
        }

    .tp-service-5-feature-title {
        font-size: 22px;
    }

    .cnt-portfolio-heading p {
        text-align: center;
    }

    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a {
        color: #43587a !important;
        font-weight: normal;
        font-size: 22px;
    }

    .tp-megamenu-wrapper .tp-btn-black-square.cnt-btn-style.btn-transparent {
        color: #43587a !important;
        border: 1px solid #43587a !important;
        margin-left: 0px;
    }
    .tp-megamenu-wrapper.megamenu-white-bg p {
        color: var(--tp-text-body) !important;
        font-size: 18px;
        padding-left: 30px;
        padding-right: 30px;
        display: none;
    }

    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-title {
        color: #333 !important;
        display: none;
    }

    .tp-offcanvas-area .body-overlay {
        backdrop-filter: none;
        display: none !important;
    }

    .ar-blog-category {
        width: 80% !important;
    }

    .tp-hero-2-subtitle {
        font-size: 32px !important;
        line-height: 1;
    }

    .tp-team-details-wrapper {
        padding-right: 0 !important;
    }

    #ball{
        display: none;
    }

    .design-video-thumb{
        height: auto !important;
    }

        .design-video-thumb img {
            margin-top: 0% !important;
            transform: none !important;
        }

    .noImageArea img {
        margin-top: 100px !important;
    }

    .readPageLargeMargin img {
        margin-top: 50% !important;
    }

    .readPageLargeMargin .tp-hero-2-content{
        margin: 0px !important;
    }

    .readPageLargeMargin .container {
        bottom: 0 !important;
    }

    .des-portfolio-title {
        font-size: 22px !important;
    }

    .ar-about-area {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .ar-about-content {
        text-align: center !important;
    }

    .ar-about-contentRight {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .ar-about-thumb img {
        margin-top: 0 !important;
    }

    .cnt-portfolio-heading h3 {
        font-size: 22px;
    }

    .cnt-portfolio-heading p {
        font-size: 16px;
    }

    p {
        font-size: 16px;
    }

    .creative-testimonial-item .ar-blog-category {
        margin: 11px;
        font-weight: 600;
        border-radius: 30px;
        padding: 8px 4px;
        font-size: 14px;
    }
}