@charset "utf-8";



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

*:before,
*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

*,
*:before,
*:after {

    box-sizing: inherit;

}

html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    scroll-behavior: smooth;

}







html,
body {

    width: 100%;

}





html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    background: transparent;

}

@-ms-viewport {

    width: device-width;

}

body {

    margin: 0;

    padding: 0;

    font-size: 15px;

    font-weight: normal;

    line-height: 26px;

    font-family: Avant Garde Book BT;

    color: #000;

    background: #fff;

}

a {

    color: #ed1c24;

    font-family: Avant Garde Book BT;

    text-decoration: none;

    -webkit-transition: background ease 0.3s;

    -moz-transition: background ease 0.3s;

    -o-transition: background ease 0.3s;

    -ms-transition: background ease 0.3s;

    transition: background ease 0.3s;

}

a:hover {

    color: #f15b2e;

    text-decoration: none;

    transition: all .4s ease;

}

a:focus {

    outline: none;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {

    display: block;

}



@media (min-width: 1200px) {

    .container-header {

        max-width: 1280px;

    }

}



/***********Reset Css*********/



.overflow-hiiden {

    overflow: hidden;

}



.scrollDown {

    margin-top: 58px;

    position: relative;

    top: 50px;

}



/*******All Images Blur Effects*******/

.blur-up {

    -webkit-filter: blur(5px);

    filter: blur(5px);

    transition: filter 400ms, -webkit-filter 400ms;

}



.blur-up.lazyloaded {

    -webkit-filter: blur(0);

    filter: blur(0);

}







.ml2 {

    font-weight: 300;

}



.ml2 .letter {

    display: inline-block;

}



/*******All Images Blur Effects*******/



header.header-bw-ui {

    padding: 0;

}





.logo-bw-ui {

    position: relative
}

.logo-bw-ui .navbar-brand img {

    width: 170px;

}

.tagline-underLogo {

    position: absolute;

    bottom: 27px;

    font-family: sans-serif;

    left: 61px;

    font-size: 14px;

    font-weight: normal;

    color: #000;

    letter-spacing: 0.5px;

}





.crcle-half-left {
    background-color: #333;
    position: absolute;
    border-bottom-left-radius: 91px;
    border-top-left-radius: 90px;
    top: 16%;
    z-index: 9999;
    width: 14px;
    height: 28px;
    left: 30px;
    -webkit-animation: mover-logo1 1s infinite alternate;
    animation: mover-logo1 1s infinite alternate
}

@keyframes mover-logo1 {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-1px)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(10px)
    }
}

.crcle-half-right {
    background-color: #fff;
    position: absolute;
    border-bottom-right-radius: 91px;
    border-top-right-radius: 90px;
    top: 16%;
    z-index: 9999;
    width: 14px;
    height: 28px;
    right: 69%;
    -webkit-animation: mover-logo2 1s infinite alternate;
    animation: mover-logo2 1s infinite alternate
}

@keyframes mover-logo2 {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-1px)
    }

    50% {
        transform: translateY(0)
    }

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

.crcle-half-left-inside {
    background: linear-gradient(to top, #000, #000);
    position: absolute;
    border-bottom-left-radius: 91px;
    border-top-left-radius: 90px;
    top: 16%;
    z-index: 9999;
    width: 14px;
    height: 28px;
    left: 30px;
    -webkit-animation: mover-logo1 1s infinite alternate;
    animation: mover-logo1 1s infinite alternate
}

.crcle-half-right-inside {
    background: linear-gradient(to top, #e72e40, #f1503b);
    position: absolute;
    border-bottom-right-radius: 91px;
    border-top-right-radius: 90px;
    top: 16%;
    z-index: 9999;
    width: 14px;
    height: 28px;
    right: 68%;
    -webkit-animation: mover-logo2 1s infinite alternate;
    animation: mover-logo2 1s infinite alternate
}





.innerPage-line:after {

    content: '';

    position: absolute;

    height: 90px;

    background-color: #f1503b;

    width: 1px;

    top: 2px;

    z-index: 999;

    left: 23.9%;

}

.btn.btnEnquire {

    background-color: #f1503b;

    border-radius: 0;

    color: #fff;

    padding: 7px 15px !important;

    font-size: 15px;

}

.btn.btnEnquire:hover {

    background-color: #343a40;

    color: #fff;

}



.navbar .navbar-nav .nav-link {

    font-size: 16px;

    padding: 15px 12px 15px;

    line-height: 1.625rem;

    margin-right: 15px;

    color: #6f6f6f;

    letter-spacing: 0.5px;

    transition: 0.3s ease;

    position: relative;

    text-transform: uppercase;

}



.navbar .navbar-nav .nav-link:hover {

    color: #eb3c3e;

}











.user-content-ui>.navbar-nav li a {

    padding: 0 15px;

}

.user-content-ui>.navbar-nav li a i {

    font-size: 25px;

    color: #343a40;

    position: relative;

    line-height: 51px;

    -webkit-transition: all .8s ease;

    -o-transition: all .8s ease;

}

.user-content-ui>.navbar-nav li a i:hover {

    color: #ec403d;

    -webkit-transition: all .8s ease;

    -o-transition: all .8s ease;

    transition: all .8s ease;

    webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

}



.navbar ul li .dropdown-men-sm {

    display: block;

    position: absolute;

    top: 100%;

    left: 0;

    background: #ffffff;

    visibility: hidden;

    transition: all 300ms linear;

    width: 100%;

    opacity: 0;

    z-index: 999;

    margin-top: -38px;

    border-radius: 0;

    -webkit-box-shadow: 0 4px 4px 0 rgb(72 72 72 / 20%);

    box-shadow: 0 4px 4px 0 rgb(72 72 72 / 20%);

    padding: 60px 0;

    text-align: center;

}

.navbar ul li:hover>.dropdown-men-sm {

    top: 100%;

    visibility: visible;

    opacity: 1;

}





.dropdown-men-sm ul {

    margin: 0;

    padding: 0;

}

.dropdown-men-sm ul li {

    display: list-item;

    list-style: none;

    line-height: 30px;

}

.dropdown-men-sm ul li a {

    color: #000;

    font-size: 15px;

    font-weight: 400;

    letter-spacing: 1px;

}

.dropdown-men-sm ul li a:hover {

    color: #ea393e;

}

.navbar .navbar-nav .nav-link i {

    font-size: 8px;

    position: relative;

    bottom: 3px;

    left: 2px;

    font-weight: 100;

}



.dropdown-subcategory a {

    color: #000;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 1px;

}

.dropdown-subcategory a span {

    font-family: 'Avant Garde Demi BT';

    font-size: 21px;

}



.dropdown-subcategory a:hover {

    color: #ec403e
}





.z-index99 {

    z-index: 99;

}



.designed-heaidng h2 {

    font-size: 45px;

    font-family: 'Avant Garde Demi BT';

    font-weight: 700;

    position: relative;

}





.designed-heaidng h2:after {

    content: '';

    border-bottom: dotted 6px #e02427;

    width: 94%;

    display: block;

    position: relative;

    top: 13px;

    margin: 0 auto 33px;

}

.designed-heaidng p {

    font-size: 25px;

    letter-spacing: 1px;

    line-height: 37px;

}





.card-ui-bg-red-webDevelopment {

    position: relative;

}



.card-ui-bg-red-webDevelopment:after {

    content: '';

    right: -50px;

    position: absolute;

    background: #eb3a3f;

    width: 1232px;

    height: 251px;

    overflow: hidden;

    top: 50px;

}

.card-ui-bg-red-webDevelopment h3 {

    top: 136px;

    position: relative;

    z-index: 9;

    font-size: 35px;

    font-family: 'Avant Garde Demi BT';

    font-weight: 700;

    color: #fff;

}



.development-procces {

    position: relative;

    margin-top: 252px;

}

.development-procces ul {

    margin: 0;

    padding: 0;

}

.development-procces ul li {

    display: list-item;

    font-size: 20px;

    letter-spacing: 1px;

    margin-bottom: 13px;

    border-bottom: 1px solid #b3b3b3;

    padding-bottom: 14px;

}

/*************Siderbar menu*************/

.sidebar-menu-flex {

    bottom: 0;

    box-sizing: border-box;

    position: fixed;

    top: 0;

    z-index: 9999;

    transform: translateX(calc(-100% + 32px));

    transition-duration: 0.7s;

    transform: translateX(100%);

    right: -22px;

    box-shadow: -5px 36px 20px rgb(33 33 33 / 16%);

}

.sidebar-menu-flex .menu-inner-item {

    box-sizing: border-box;

    max-width: 350px;

    min-width: 350px;

    width: auto;

    height: 100vh;

    overflow: hidden;

    padding: 20px 32px 32px;

    background-color: #fff;

}



.menu-inner-item ul {

    margin-top: 50px;

    padding: 0;

}



.menu-inner-item ul li {

    display: list-item;

    list-style: none;

    line-height: 50px;

}

.menu-inner-item ul li a {

    color: #000;

    font-size: 20px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.closetn {

    position: absolute;

    left: 0;

    background: #000000;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 28px;

    top: 0;

    cursor: pointer;

}



.menu-inner-item ul li a:hover {

    color: #3e482f !important;

}









/*********Slider*********/



.carousel-section {

    padding: 110px 0 125px;

}

.title-hiddentag {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    text-align: center;

    color: #fff;

}



.heading2-bnwc {

    font-size: 45px;

    position: relative;

    color: #ec403d;

    top: 10px;

    right: 100px;

    letter-spacing: 0.6px;

}

.title-quote-slider h1 {

    font-size: 45px;

    position: relative;

    color: #ec403d;

    top: 10px;

    right: 100px;

    letter-spacing: 0.6px;

}

.title-quote-slider h2 {

    font-family: 'Avant Garde Demi BT';

    font-size: 60px;

    position: relative;

    color: #ec403e;

    font-weight: 700;

    left: 135px;

    letter-spacing: 0.6px;

    margin-top: 10px;

}



/**********Bottom Section Home Page*********/



.section-bw-ui {

    position: relative;

    width: 100%;

}





.bg-grey {

    background-color: #f4f4f4;

}









.work-img img {

    width: 100%;

    position: relative;

    -webkit-transition: all .8s ease;

    -o-transition: all .8s ease;

    transition: all .8s ease;



}

.murgeZoom:hover .work-img img {

    background-color: #fff;

    -webkit-transition: all .8s ease;

    -o-transition: all .8s ease;

    transition: all .8s ease;

    webkit-transform: scale(1.15);

    -ms-transform: scale(1.15);

    transform: scale(1.15);

    z-index: 2;

}





.work-bw-ui figure {

    overflow: hidden;

    box-shadow: 4px 4px 6px rgb(33 33 33 / 41%);

    position: relative;

    border: none;

    background: #fff;

}



.btn-primary-bw {

    background: #000;

    font-size: 17px;

    padding: 18px 40px;

    color: #fff;

    display: inline-block;

    vertical-align: middle;

    overflow: hidden;

    position: relative;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    z-index: 1;

    font-weight: 600;

    margin-bottom: 20px;

    text-align: center;



    border-radius: 4px;

    letter-spacing: 0.4px;

    text-transform: uppercase;

}

.btn-primary-bw:hover::after {

    height: 260%;

    opacity: 1;

}



.btn-primary-bw:hover {

    color: #fff;

}

.btn-primary-bw::after {

    content: '';

    position: absolute;

    z-index: -1;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    width: 100%;

    height: 0;

    top: 50%;

    left: 50%;

    background: #ed413d;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);

    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);

    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);

    transform: translateX(-50%) translateY(-50%) rotate(-45deg);

}

/**********************Wanna Talk About Section********************/





.desined-title-feature h1 {

    font-size: 45px;

    position: relative;

    color: #ec403d;

    top: 40px;

    right: 100px;

}

.desined-title-feature h2 {

    font-family: 'Avant Garde Demi BT';

    font-size: 65px;

    position: relative;

    color: #ec403e;

    font-weight: 700;

    left: 125px;

    margin-top: 31px;

    letter-spacing: 0.6px;

}



.desined-title-feature {

    padding-bottom: 40px;

}



.strip-card {

    padding: 20px;

    text-align: center;

    position: relative;

}



.strip-card p {

    color: #fff;

    font-size: 22px;

    letter-spacing: 1px;

}

.margin-minus-1 {

    margin-top: -34px;

}



.explanation-mark {

    width: 11px;

    height: 45px;

    background: #ec403e;

    z-index: 999;

    position: absolute;

    bottom: 25px;

    right: 22%;

}

.rectangle-dote {

    width: 11px;

    height: 11px;

    background: #060606;

    z-index: 999;

    position: absolute;

    bottom: -18px;

    left: 0px;

    animation-name: changeColor;

    animation-duration: 4s;

    animation-iteration-count: infinite;

}



@keyframes changeColor {

    0% {
        background-color: #ec403e;
    }

    25% {
        background-color: #fff600;
    }

    50% {
        background-color: #2c378c;
    }

    100% {
        background-color: #45db5d;
    }

}



/*******Design Quote Heading**********/



.quote-title-feature h3 {

    color: #000;

    font-size: 40px;

}



.quote-title-feature h2 {

    font-family: 'Avant Garde Demi BT';

    font-size: 55px;

    position: relative;

    color: #ec403e;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 55px;

}



/***********Flip Animation Card*********/





.flip-container {

    perspective: 1000;

    cursor: pointer;

}

.flip-container:hover .flipper,
.flip-container.hover .flipper {

    transform: rotateY(180deg);

    cursor: pointer;

}



.flip-container,
.front,
.back {

    max-width: 100%;

    min-height: 320px;

}



.flipper {

    transition: 0.6s;

    transform-style: preserve-3d;

    position: relative;

}

.front,
.back {

    backface-visibility: hidden;

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    text-align: center;

    box-shadow: 4px 4px 6px rgb(33 33 33 / 41%);

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.front {

    z-index: 2;

    /* for firefox 31 */

    transform: rotateY(0deg);

    background: #fff;

}

.back {

    transform: rotateY(180deg);

    background: #ec403d;

}

.back h4 {

    font-family: 'Avant Garde Demi BT';

    font-size: 22px;

    letter-spacing: 1px;

}



.back p {

    font-size: 18px;

    padding: 15px 25px;

    letter-spacing: 1px;

}













/***********services Section***********/

.digital_services {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.digital_services_inner {
    background: #fff;
    backface-visibility: hidden;
    padding: 60px 0px 0px;
    color: #fff;
    box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 100%;
    min-height: 340px;
    text-align: left;
    border-radius: 13px;
    padding: 31px 30px;
    position: relative;
    z-index: 1;
}
.digital_services_inner::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    content: '';
    background: #ec1c24;
    z-index: -1;
    opacity: 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}
.digital_services_inner:hover::before {
    opacity: 1;
    height: 100%;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}
.digital_services_inner:hover h4 {
    color: #fff;
}

.digital_services_inner:hover p {
    color: #fff;
}

.digital_services_inner:hover span {
    background: #fff;
    border-radius: 50%;
}
.digital_services_inner h4 {
    font-family: 'Avant Garde Demi BT';
    font-size: 21px;
    letter-spacing: 1px;
    color: #000;
}

.digital_services_inner p {
    font-size: 16px;
    letter-spacing: 1px;
    color: #000000;
    margin-top: 13px;
}

.digital_link {
    color: #fff;
    font-size: 30px;
}

.digital_link:hover {
    color: #fff;
}

.services-section {

    padding: 50px 0 90px;

    margin-top: 40px;

    background: #ED213A;

    background: -webkit-linear-gradient(to bottom, #ea2227, #de2427, #a80717);

    background: linear-gradient(to bottom, #ea2227, #de2427, #a80717);



}

.main-headings h2 {

    font-size: 35px;

    font-weight: 800;

    font-family: 'Avant Garde Demi BT';

    letter-spacing: 1px;

}



.services-ui-card {

    text-align: center;

    background: transparent;

    padding: 20px 20px 0;

    position: relative;

    -webkit-transition: all .8s ease;

    -o-transition: all .8s ease;

    transition: all .8s ease;

    margin-bottom: 25px;

}

.services-ui-card:after {

    content: '';

    border-bottom: dotted 6px #f71619;

    width: 15%;

    display: block;

    position: relative;

    top: 20px;

    margin: 0 auto;

}

.services-ui-card:hover {

    -webkit-transition: all .8s ease;

    -o-transition: all .8s ease;

    transition: all .8s ease;

    webkit-transform: scale(1.15);

    -ms-transform: scale(1.15);

    transform: scale(1.15);

}

.services-ui-card h4 {

    font-size: 25px;

    color: #fff;

}

.services-ui-card h5 {

    font-size: 23px;

    font-weight: 800;

    color: #fff;

    font-family: 'Avant Garde Demi BT';

    line-height: 25px;

    letter-spacing: 1px;

}

figure.service-icons {

    position: relative;

}



.title-services {

    margin-top: 10px;

}



/**************footer***********/





.social-icons ul {

    margin: 0;

    padding: 0;

}

.social-icons ul li {

    display: inline-block;

    list-style: none;

    height: 100%;

}

.social-icons {

    text-align: center;

}

.social-icons ul li a {

    border-right: 1px solid #ddd;

    height: 100%;

    line-height: 120px;

    position: relative;

    padding: 47px 36px;

    font-size: 22px;

}

.social-icons ul li a:hover {

    background-color: #e31d1a;

    color: #fff;

}



.br-left {

    border-left: 1px solid #ddd;

}



.footer-nav {

    text-align: center;

}



.footer-nav ul {

    margin: 0;

    padding: 0;

}



.footer-nav ul li {

    display: inline-block;

}







.footer-nav ul li a {

    font-size: 15px;

    padding: 4px 10px 2px;

    line-height: 116px;

    margin-right: 25px;

    color: #db1c19;

    letter-spacing: 0.5px;

    transition: 0.3s ease;

    position: relative;

    /* font-weight: 600; */

    text-transform: capitalize;

}

.footer-nav ul li a:hover {

    color: #000;

}





.copyright {

    background: #292929;

    position: relative;

}

.copy-ui-right {

    text-align: center;

    padding: 10px;

}

.copy-ui-right p {

    font-weight: 400;

    font-size: 16px;

    color: #fff;

    margin-bottom: 0;

}









/****************Contcat Us PAge*************/





.border-top1 {

    border-top: 1px solid #ddd;

}



.contact-data-bw h2 {

    font-size: 70px;

    font-weight: 700;

    color: #3e3d3d;

    position: relative;

}

.contact-data-bw p {

    font-size: 20px;

    font-weight: 600;

    color: #4a4949;

}





.filed-data-bw {

    position: relative;

    padding-top: 95px;

}



.mobile-num p {

    font-size: 21px;

    font-weight: 500;

    color: #000;

}

.mobile-num {

    padding-left: 10px
}





.contact-data-bw h2:after {

    content: '';

    position: absolute;

    width: 57px;

    height: 2px;

    left: 6px;

    background-color: #000000;

    bottom: -60px;

}



.contact-data-bw h5 {

    color: #ec3434;

    font-style: inherit;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-top: 30px;

}





.form-column {

    position: relative;

    padding-top: 10px;

}



.form-control.form-contactUs {

    padding: 14px 16px;

    font-size: 14px;

    color: #797979;

    background-color: #fff;

    background-clip: padding-box;

    border: 2px solid #dadada;

    border-radius: 0;

    font-weight: 300;

    height: 50px;

}



.form-control.form-message {

    border-radius: 0;

    background: #fff;

    font-size: 14px;

    line-height: 34px;

    border: 2px solid #dadada;

    padding: 14px 16px;

    font-weight: 500;

}

.title-input {

    font-size: 13px;

    /* font-weight: 300; */

    font-family: 'Avant Garde Demi BT';

    color: #7d7d7d;

    margin-bottom: 1px;

    letter-spacing: 1px;

}







.submit-btn-form {

    background: #333333;

    font-size: 15px;

    padding: 10px 40px;

    color: #fff;

    display: inline-block;

    vertical-align: middle;

    overflow: hidden;

    position: relative;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    z-index: 1;

    font-weight: 600;

    text-align: center;

    letter-spacing: 0.4px;

    text-transform: uppercase;

    border: none;

}



.form-control.form-contactUs::placeholder {

    color: #cacaca;

    opacity: 1;

    font-size: 13px;

    font-weight: 400;

}



.form-control.form-contactUs:-ms-input-placeholder {

    color: #cacaca;

    opacity: 1;

    font-size: 13px;

    font-weight: 400;

}



.form-control.form-contactUs::-ms-input-placeholder {

    color: #cacaca;

    opacity: 1;

    font-size: 13px;

    font-weight: 400;

}





.form-control.form-message::placeholder {

    color: #cacaca;

    opacity: 1;

    font-size: 13px;

    font-weight: 400;

}



.form-control.form-message:-ms-input-placeholder {

    color: #cacaca;

    opacity: 1;

    font-size: 13px;

    font-weight: 400;

}



.form-control.form-message::-ms-input-placeholder {

    color: #cacaca;

    opacity: 1;

    font-size: 13px;

    font-weight: 400;

}



.title-ui-getInTouch {

    padding-top: 40px;

}



.title-ui-getInTouch h3 {

    font-family: 'Avant Garde Demi BT';

    font-size: 22px;

    letter-spacing: 1px;

    color: #eb3b3e;

}

.title-ui-getInTouch p {

    font-size: 13px;

    letter-spacing: 0.5px;

    line-height: 16px;

}

/*******************About Pages*****************/

.bg-grey-version-2 {

    background-color: #f6f7f8;

}







.fs-lg {

    font-size: 100px;

}

.fs-larg-80 {

    font-size: 80px;

}



.fs-lg {

    font-size: 60px;

}



.fw-900 {

    font-weight: 900;

    font-family: 'Avant Garde Demi BT';

}

.fw-400 {

    font-weight: 400;

}

.ui-color-red {

    color: #ec403d;

}

.fs-33 {

    font-size: 33px;

}



.fs-20 {

    font-size: 20px;

}

.line-height-30 {

    line-height: 30px;

}

.top-20 {

    top: 12px;

}

.letter-spacing-1 {

    letter-spacing: 1px;

}





.fm-bold {

    font-weight: 600;

    font-family: 'Avant Garde Demi BT';

}



.ui-content p {

    color: #221f1f;

    letter-spacing: 0.6px;

}

.sm-size {

    font-size: 35px;

    color: #000;

    font-weight: 400;

}



.border-top-1 {

    border-top: 1px solid #ee453d;

}



.circle-feature-graphics {

    width: 270px;

    background-color: #ed1c24;

    height: 270px;

    border-radius: 50%;

    position: relative;

    margin: 0 auto;

    text-align: center;

    display: inline-block;

}

.circle-feature-graphics:before {

    content: '';

    border: 2px dashed #9a9a9a;

    width: 300px;

    height: 300px;

    border-radius: 50%;

    position: absolute;

    left: -15px;

    top: -15px;

}



.circle-number {

    width: 70px;

    height: 70px;

    background: #fff;

    margin: 50px auto 10px;

    border-radius: 50%;

    line-height: 70px;

    font-size: 33px;

    font-weight: 600;

    color: #ed1c24;

    font-family: 'Avant Garde Demi BT';

}

.title-circle h3 {

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #fff;

    font-family: 'Avant Garde Demi BT';

}



.card-feature-graphics {

    background: #fff;

    padding: 30px;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

    position: relative;

    border-radius: 4px;

}



.card-feature-graphics p {

    font-size: 20px;

    letter-spacing: 1.1px;

    line-height: 30px;

}

.arrow-left {

    width: 0px;

    height: 0px;

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    border-right: 25px solid white;

    position: absolute;

    left: -25px;

    top: 75px;

}





.dark-grey {

    background: #777 !important;

}

.dark-text {

    color: #777 !important;
    ;

}





.dropdown-subcategory {

    margin-bottom: 25px;

}



/*****************Services******************/





.card-ui-services {

    padding: 120px 0;

    text-align: center;

    vertical-align: bottom;

    margin-bottom: 28px;

    -webkit-transition: all .8s ease;

    -o-transition: all .8s ease;

    transition: all .8s ease;

}

.card-ui-services h3 {

    color: #fff;

    letter-spacing: 0.5px;

    text-shadow: 3px 2px rgb(29 29 29 / 30%);

}



.card-ui-services:hover {

    -webkit-transition: all .8s ease;

    -o-transition: all .8s ease;

    transition: all .8s ease;

    webkit-transform: scale(1.5);

    -ms-transform: scale(1.5);

    transform: scale(1.5);

    z-index: 2;

}

.overlay-img-card {

    position: absolute;

    z-index: -1;

    max-width: 100%;

    height: 100%;

}

.overlay-img-card:after {

    content: '';

    position: absolute;

    z-index: 9;

    height: 284px;

    background-color: #000;

    width: 100%;

    left: 0;

    opacity: 0.3;

    right: 0;

    top: 0;

    bottom: 0;

}





.caption-over-img {

    position: absolute;

    top: 34%;

    left: 15%;

}



.caption-over-img h3 {

    color: #000;

    font-family: 'Avant Garde Demi BT';

    font-size: 50px;

    position: relative;

    right: 0;

    font-weight: 700;

    letter-spacing: 1px;

    line-height: 45px;

}

.caption-over-img h3 span {

    font-family: 'Avant Garde Book BT';

    font-weight: 400;

    font-size: 36px;

    line-height: 0;

}

.caption-over-img h2 {

    font-size: 45px;

    font-family: 'Avant Garde Demi BT';

    font-weight: 700;

    position: relative;

}

.caption-over-img h2 span {

    font-size: 70px;

    position: relative;

    left: 0;

    color: #da1212;

}



.caption-over-img h2:after {

    content: '';

    border-bottom: dotted 6px #e02427;

    width: 40%;

    display: block;

    position: relative;

    top: 13px;

    margin: 0 auto 33px;

}



.caption-over-img h4 {

    color: #000;

    font-family: 'Avant Garde Demi BT';

    font-size: 25px;

    position: relative;

    left: 0;

    font-weight: 700;

    line-height: 25px;

}



.ml15 {

    position: relative;

    z-index: -1;

}

.ml15 .word {

    display: inline-block;

}



.bg-theme-color {

    background-color: #ec403d;

}



.bg-cross {

    background-color: #ec403d !important;

}

/**************About Us Page**************/



.fs-16 {

    font-size: 16px;

}



.paragrph-card>p {

    font-size: 18px;

    letter-spacing: 0.6px;

    margin-bottom: 31px;

    line-height: 27px;

}



.quoted-heading h2 {

    font-size: 43px;

    color: #000;

    font-family: 'Avant Garde Demi BT';

}



.quoted-heading h1 {

    font-size: 65px;

    font-family: 'Avant Garde Demi BT';

    font-weight: 700;

    text-transform: uppercase;

    line-height: 70px;

    margin-top: 12px;

    margin-bottom: 15px;

    color: #fff;

}

.quoted-heading h3 {

    font-size: 30px;

    color: #fff
}

.bg-grey-version-3 {

    background-color: #f4f4f4;

}









/*********Digital Marketing Page*********/



.quote-digital-marketing {

    text-align: center;

    position: relative;

    padding: 80px 0 250px;

}

.quote-digital-marketing h3 {

    font-size: 35px;

    font-family: 'Avant Garde Demi BT';

    font-weight: 700;

}

.quote-digital-marketing h2 {

    font-size: 45px;

}

.quote-digital-marketing h4 {

    font-size: 35px;

    font-family: 'Avant Garde Demi BT';

    font-weight: 700;

}



.margin-minus-150 {

    margin-top: -150px;

}

.digital-content-manage {

    position: relative;

    padding: 200px 60px 15px;

}

.digital-content-manage p {

    font-size: 20px;

    position: relative;

    letter-spacing: 0.6px;

}

.digital-content-manage p:after {

    content: '';

    border-bottom: 6px dotted #ed443d;

    display: block;

    margin-top: 40px
}



.bgOrangeSet {

    position: relative;

    background-color: #ff9d01;

    padding: 150px 0 150px;

    margin-top: -183px;

    z-index: -1;

}





/******Arrow Moving antimation******/



.scrollDown .arrow {

    margin: 0 auto;

    border: 1px solid #eb3c3e;

    width: 45px;

    height: 45px;

    text-align: center;

    line-height: 44px;

    border-radius: 50%;

    font-size: 14px;

}

.scrollDown .bounce {

    -moz-animation: bounce 2s infinite;

    -webkit-animation: bounce 2s infinite;

    animation: bounce 2s infinite;

}



@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {

        transform: translateY(0);

    }

    40% {

        transform: translateY(-30px);

    }

    60% {

        transform: translateY(-15px);

    }

}







/****************SEO PAGE*************/



.row.counsulting-form-card {

    border: 1px solid #ee473c;

    position: relative;

    padding: 35px 21px;

    background: #fff;

}



.form-card-ui h2 {

    text-align: center;

    text-transform: uppercase;

    font-size: 33px;

    font-weight: 600;

    font-family: 'Avant Garde Demi BT';

    color: #ee453d;

    letter-spacing: 1px;

}



.form-card-ui h5 {

    text-align: center;

    font-size: 25px;

    letter-spacing: 1px;

    color: #000;

}



.form-control.form-control-counselling {

    padding: 12px 20px;

    border: 1px solid #b3b3b3;

    border-radius: 0;

}



.card-icons-ui-seo {

    padding: 30px;

}



.seo-content-ui {

    margin-top: 20px;

}

.seo-content-ui h4 {

    font-size: 23px;

    margin-bottom: 10px;

    font-weight: 600;

    font-family: 'Avant Garde Demi BT';

    letter-spacing: 1px;

}

.seo-content-ui p {

    font-size: 17px;

    letter-spacing: 1px;

    line-height: 21px;

}

.bgUi-red {

    background-color: #ed423d;

}

.point-seo {

    margin-top: 25px;

    position: relative;

}

.point-seo ul {

    margin: 0;

    padding-left: 20px;

}

.point-seo ul li {

    display: list-item;

    font-size: 18px;

    margin-bottom: 14px;

    line-height: 25px;

    letter-spacing: 1px;

    list-style: none;

    position: relative;

    padding-left: 5px;

}

.point-seo ul li:before {

    border-radius: 50%;

    content: '';

    width: 10px;

    height: 10px;

    background: #ed423d;

    position: absolute;

    top: 6px;

    left: -17px;

}





/**********E-Commerce************/





.card-ui-bg-red-ecoomrce {

    position: relative;

}

.card-ui-bg-red-ecoomrce:after {

    content: '';

    left: -202px;

    position: absolute;

    background: #eb3a3f;

    width: 1000px;

    height: 251px;

    overflow: hidden;

    top: 126px;

}

.card-ui-bg-red-ecoomrce p {

    top: 170px;

    position: relative;

    z-index: 9;

    color: #fff;

    font-size: 30px;

    line-height: 39px;

}

/****************************************/







@media all and (min-width: 1200px) and (max-width: 1280px) {



    .title-quote-slider h1 {

        font-size: 45px;

        top: 5px;

    }



    .title-quote-slider h2 {

        font-size: 55px;

        left: 125px;



    }

    .fs-lg-90 {

        font-size: 85px;

    }



    .flip-container,
    .front,
    .back {

        min-height: 299px;

    }





}













.hide-desktop {

    display: none;

}





/*******************Mobile responsive*******************/



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



    .logo-bw-ui .navbar-brand img {

        width: 120px;

    }



    .innerPage-line:after {

        height: 65px;

        top: 2px;

        left: 22.9%;

    }



    .crcle-half-left-inside {

        width: 9px;

        height: 18px;

        left: 23px;

        top: 20%;

    }



    .crcle-half-right-inside {

        width: 9px;

        height: 18px;

        top: 20%;

        right: 70%;

    }

    .tagline-underLogo {

        bottom: 15px;

        left: 42px;

        font-size: 12px;

    }





    .user-content-ui>.navbar-nav {

        display: flex !important;

        flex-direction: row !important;

    }



    .hide-mobile {

        display: none;

    }



    .user-content-ui>.navbar-nav li a {

        padding: 6px 24px 0 12px;

    }



    .navbar-toggler {

        display: block;

        border: none !important;

    }





    .nav-toggle {

        transform: inherit;

        position: relative;

        top: -5px;

        left: 5px;

    }



    .nav-toggle:focus {

        outline-width: 0;

    }



    .nav-toggle [class*='bar-'] {

        background: #000;

        display: block;

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-transition: .2s ease all;

        transition: .2s ease all;

        border-radius: 33px;

        height: 3px;

        width: 37px;

        margin-bottom: 5px;

        cursor: pointer;



    }



    .nav-toggle .bar-bot {

        margin-bottom: 0;

    }



    .opened .bar-top {

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

        -webkit-transform-origin: 15% 15%;

        transform-origin: 15% 15%;

    }

    .opened .bar-mid {

        opacity: 0;

    }

    .opened .bar-bot {

        -webkit-transform: rotate(45deg);

        transform: rotate(-45deg);

        -webkit-transform-origin: 15% 95%;

        transform-origin: 15% 95%;

    }

    .navbar ul li .dropdown-men-sm {

        background: #f7f7f7;

        margin-top: -120px;

        padding: 25px 0;

    }

    .footer-bw-ui {

        padding-top: 10px;

    }

    .bonwic-ui-about {

        text-align: center;

    }

    .bonwic-ui-about h2 span {

        font-size: 30px !important;

    }

    .bonwic-ui-about h2 {

        font-size: 22px !important;

    }

    .big-heading-about {

        font-size: 75px !important;

        text-align: center;

    }



    .title-bonwic-ui h2 {

        font-size: 30px !important;

        left: 0 !important;

    }

    .heading2-bnwc {

        font-size: 25px !important;

        top: 12px !important;

        right: 0 !important;

    }

    .bonwic-ui-about h2 {

        font-size: 23px;

        margin-bottom: 32px;

    }



    .title-quote-slider h1 {

        font-size: 22px;

        right: 0;

    }



    .title-quote-slider h2 {

        font-size: 30px;

        left: 0;

        margin-top: 15px;

    }



    .scrollDown {

        margin-top: 40px;

        top: 0;

    }

    .carousel-section {

        padding: 30px 0 25px;

    }



    .desined-title-feature h1 {

        font-size: 21px;

        top: 21px;

        right: 0;

    }



    .desined-title-feature h2 {

        font-size: 28px;

        left: 0;

        margin-top: 30px;

    }



    .explanation-mark {

        width: 8px;

        height: 33px;

        bottom: 5px;

        right: 2%;

    }





    .rectangle-dote {

        width: 8px;

        height: 8px;

        bottom: -13px;

        left: 0px;

    }



    .strip-card p {

        font-size: 17px;

    }



    .quote-title-feature h2 {

        font-size: 33px;

        line-height: 38px;

    }



    .quote-title-feature h3 {

        font-size: 26px;

    }

    .mobile-mt-0 {

        margin-top: 10px !important;

    }

    .mobile-pb {

        padding-bottom: 10px !important;

    }



    .services-ui-card h5 {

        font-size: 16px;

    }

    .services-ui-card h4 {

        font-size: 15px;

    }

    .services-section {

        padding: 25px 0 45px;

    }



    .social-icons ul li a {

        border-right: none;

        line-height: 70px;

        padding: 6px 7px;

        font-size: 15px;

    }



    .footer-nav ul li a {

        font-size: 15px;

        padding: 4px 6px 2px;

        line-height: 63px;

        margin-right: 8px;

    }



    .copy-ui-right p {

        font-size: 13px;

    }



    .dropdown-subcategory a {

        font-size: 14px;

    }



    .dropdown-subcategory a span {

        font-size: 16px;

    }



    .dropdown-subcategory {

        line-height: 23px;

    }



    .main-headings h2 {

        font-size: 25px;

    }

    .fs-lg {

        font-size: 22px;

    }



    .services-ui-card {

        padding: 15px 0 0;

    }

    .mobile-padding-section {

        padding-top: 20px !important;

        padding-bottom: 20px !important;

    }

    .paragrph-card>p {

        font-size: 16px;

        margin-bottom: 20px;

        line-height: 23px;

    }

    .quoted-heading h2 {

        font-size: 25px;

    }

    .card-feature-graphics {

        margin-top: 30px;

    }

    .arrow-left {

        display: none;

    }

    .fs-larg-80 {

        font-size: 40px;

    }

    .sm-size {

        font-size: 25px;

    }

    .top-20 {

        top: 4px;

    }



    .flip-container,
    .front,
    .back {

        min-height: 280px;

    }

    .caption-over-img h3 {

        font-size: 20px;

        right: 0;

        line-height: 24px;

    }

    .caption-over-img h2 {

        font-size: 25px;

    }

    .caption-over-img h2 span {

        font-size: 25px;

        left: 0;

        bottom: 0;

    }

    .caption-over-img h4 {

        font-size: 15px;

        left: 0;

    }

    .caption-over-img h2:after {

        width: 32%;

        top: 10px;

        margin: 0 auto 15px;

    }



    .fadeOverlay {

        position: absolute;

        left: 0;

        top: 0;

        height: 100%;

        width: 100%;

        z-index: 9;

        background: linear-gradient(to right, rgb(255 255 255 / 81%), rgb(255 255 255 / 43%));

    }

    .caption-over-img {

        z-index: 9;

        top: 25%;

        left: 10%;

    }



    .caption-over-img h3 span {

        font-size: 20px;

    }





    .quote-digital-marketing h2 {

        font-size: 19px;

    }

    .quote-digital-marketing h3 {

        font-size: 17px;

    }

    .quote-digital-marketing h4 {

        font-size: 17px;

    }

    .quote-digital-marketing {

        padding: 30px 0 179px;

    }

    .digital-content-manage {

        padding: 30px 0 10px;

    }

    .contact-data-bw h2 {

        font-size: 25px;

    }

    .contact-data-bw p {

        font-size: 15px;

    }



    .filed-data-bw {

        padding-top: 65px;

    }

    .btn-heighlight {

        padding: 10px 25px !important;

        font-size: 13px !important;

    }

    .designed-heaidng h2 {

        font-size: 25px;

    }

    .designed-heaidng p {

        font-size: 17px;

        line-height: 26px;

    }

    .designed-heaidng h2:after {

        width: 60%;

    }

    .card-ui-bg-red-webDevelopment:after {

        right: 0;

        width: 100%;

        height: 136px;

        top: 50px;

    }

    .card-ui-bg-red-webDevelopment h3 {

        top: 67px;

        font-size: 20px;

        text-align: center;

        padding: 12px;

    }

    .development-procces {

        margin-top: 111px;

        padding-left: 22px;

    }

    .development-procces ul li {

        font-size: 17px;

    }

    .mobile-font {

        font-size: 25px;

    }

    .ui-content h3 {

        font-size: 22px;

    }

    .fs-20 {

        font-size: 17px;

    }

    .mobile-pt-0 {

        padding-top: 0 !important;

    }

    .card-ui-bg-red-ecoomrce p {

        top: 25px;

        text-align: center;

        font-size: 17px;

        line-height: 27px;

    }

    .card-ui-bg-red-ecoomrce:after {

        left: 0;

        width: 100%;

        height: 130px;

        top: 10px;

    }

    .form-card-ui {

        margin-top: 20px;

    }

    .form-card-ui h2 {

        font-size: 25px;

    }

    .form-card-ui h5 {

        font-size: 20px;

    }

    .seo-content-ui p {

        font-size: 15px;

    }

    .seo-content-ui h4 {

        font-size: 20px;

    }

    .fs-33 {

        font-size: 23px;

    }

    .point-seo ul li {

        font-size: 15px;

    }

.card-header {padding: 8px 3px!important;}
.faq_inner .btn-link {
    font-size: 14px!important;
}
.digital_form{background-repeat:repeat!important;}
}



.iamgesAnimation-thankyou {

    width: 260px;

    margin: 0 auto;

    margin-top: 25px;

}



.section-presentation {

    background: #2d2d2d;

    padding: 50px 0 50px;

    width: 100%;

    position: relative;

}

.btn-heighlight {

    display: inline-block;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: pointer;

    border: 1px solid #fff;

    padding: 15px 35px;

    font-size: 22px;

    color: #fff;

    font-weight: 400;

    letter-spacing: 1px;

    text-transform: uppercase;

    line-height: 1.5;

    background-color: transparent;

    border-radius: 0;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.btn-heighlight:hover {

    background-color: #d02b2b;

    border: 1px solid #d02b2b;

    color: #fff;

}





.address-ui-contact {

    font-size: 18px;

    padding-left: 5px;

}

#cookieNotice.display-right {

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: 100%;

    left: 0;

}

#cookieNotice.light {

    background-color: #2d2d2d;

    color: #fff;

}

#cookieNotice {

    position: fixed;

    padding: 10px 0;

    border-radius: 0;

    box-shadow: 0 6px 6px rgb(0 0 0 / 25%);

    z-index: 9999;

}

#cookieNotice #closeIcon {

    width: 20px;

    height: 20px;

    cursor: pointer;

    color: #bfb9b9;

    overflow: hidden;

    opacity: .85;

    z-index: 999999;

    position: absolute;

    top: 0;

    right: 0;

    background: url(../images/close-icon.svg) 0 0 / 20px 20px no-repeat;

}

.btn.btn-primary-cookies {

    background: #eb3b3e;

    color: #fff;

    border-radius: 0;

    padding: 7px 45px;

}

#cookieNotice p {

    font-size: 14px;

    letter-spacing: 0.8px;

    line-height: 19px;

}

#cookieNotice h4 {

    font-size: 18px;

    letter-spacing: 1px;

    font-family: 'Avant Garde Demi BT';

}

.heyperLink {

    color: #eb3b3e;

    font-family: 'Avant Garde Demi BT';

    text-decoration: underline;

}



/********SEO Packages page*******/



.heading-seo-pckg h2 {

    font-size: 48px;

    text-transform: uppercase;

    font-family: 'Avant Garde Demi BT';

    letter-spacing: 0.6px;

    color: #ec3d3e;

}

.heading-seo-pckg h3 {

    letter-spacing: 1px
}



.nav-tabs-package .nav-tabs .nav-link {

    margin-right: 2px;

    border: none;

    border-top-left-radius: 12px;

    border-top-right-radius: 12px;

    font-size: 25px;

    padding: 24px 45px;

    background: #565656;

    color: #fff;

    letter-spacing: 1;

    letter-spacing: 0.8px;

}





.tab-content {

    margin-top: 2px !important;

}

.nav-tabs-package .nav-tabs .nav-item.show .nav-link,
.nav-tabs-package .nav-tabs .nav-link.active {

    color: #fff;

    font-family: 'Avant Garde Demi BT';

    background-color: #ec403d;

    border-color: #ec403d;

}

.radius-tlr {

    border-top-left-radius: 40px;

}

.br-devider {

    border-right: 1px solid #ff948a;

}

.price-title-card {

    padding: 40px;

    text-align: center;

}

.rupee-month h3 {

    font-size: 50px;

    color: #fff;

    letter-spacing: 1px;

    font-family: 'Avant Garde Demi BT';

}

.rupee-month h3 span {

    font-size: 20px;

}

.package-standerd {

    padding: 40px 0 0;

}

.package-standerd h4 {

    color: #fff;

    font-family: 'Avant Garde Demi BT';

    letter-spacing: 1px;

    font-size: 28px;

}

.heading-title h4 {

    color: #fff;

    font-family: 'Avant Garde Demi BT';

    letter-spacing: 1px;

    font-size: 25px;

}

.nav-tabs-package .nav-tabs {

    border-bottom: none;

}

.package-description-item {

    text-align: center;

}

.package-description-item ul {

    margin: 0;

    padding: 0;

}

.package-description-item ul li {

    display: list-item;

    color: #fff;

    list-style: none;

    margin-bottom: 10px;

    letter-spacing: 1px;

    font-size: 16px;

    border-top: 1px solid #ff948a;

    padding-top: 10px;

    font-weight: 600;

}

.package-description-item.weight-400 ul li {

    font-weight: 400;

}

.btn.btn-enuire {

    background: #fff;

    border-radius: 52px;

    font-size: 15px;

    padding: 9px 28px;

    color: #000;

    font-family: 'Avant Garde Demi BT';

    margin-top: 10px;

    margin-bottom: 10px;

}

.btn.btn-enuire:hover {

    background-color: #565656;

    color: #fff;

}

.bg-devider-row {

    background-color: #303030;

    text-align: center;

}

.devider-panel-package h5 {

    font-size: 23px;

    color: #fff;

    letter-spacing: 1px;

    font-family: 'Avant Garde Demi BT';

}



.devider-panel-package {

    padding: 7px 0;

}

.bg-grey-1 {

    background-color: #f0f0f0;

}

.package-keyword-card {

    text-align: center;

}

.package-keyword-card ul {

    margin: 0;

    padding: 0;

}

.package-keyword-card ul li {

    display: list-item;

    color: #303030;

    list-style: none;

    margin-bottom: 10px;

    letter-spacing: 1px;

    font-size: 16px;

    border-top: 2px solid #e5e5e5;

    padding-top: 10px;

    font-weight: 600;

}

.package-keyword-card ul li span {

    width: 26px;

    height: 26px;

    background-color: #3ea250;

    display: block;

    border-radius: 50%;

    margin: 0 auto;

    color: #fff;

    line-height: 25px;

    text-align: center;

    font-size: 14px;

}

.bg-grey-2 {

    background-color: #ddd;

}

.shadow-heighlight {

    box-shadow: -9px 5px 8px rgb(0 0 0 / 8%);

}

.icon-bg-white {

    background-color: #fff !important;

    color: #000 !important;

}



.panel-heading.card-dropdown {

    background-color: #303030;

    text-align: center;

    padding: 8px 0;

    border-bottom: 2px solid #f6f7f8;

}

.panel-heading.card-dropdown .panel-title a {

    font-size: 21px;

    color: #fff;

    letter-spacing: 1px;

    font-family: 'Avant Garde Demi BT';

}



.panel-card-collapse .panel-title>a:before {

    float: right !important;

    font-family: FontAwesome;

    content: "\f068";

    padding-right: 5px;

}

.panel-card-collapse .panel-title>a.collapsed:before {

    float: right !important;

    content: "\f067";

}

.panel-card-collapse .panel-title>a:hover,

.panel-card-collapse .panel-title>a:active,

.panel-card-collapse .panel-title>a:focus {

    text-decoration: none;

}

.margin-lr {

    margin: 0 15px 0 15px;

}

.icon-circle-check {

    width: 26px;

    height: 26px;

    background-color: #3ea250;

    display: block;

    border-radius: 50%;

    margin: 0 auto;

    color: #fff;

    line-height: 25px;

    text-align: center;

    font-size: 14px;

}

.card-row-table h6 {

    color: #303030;

    margin-bottom: 10px;

    letter-spacing: 1px;

    font-size: 16px;

    border-top: 2px solid #e5e5e5;

    padding-top: 10px;

    font-weight: 600;

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

}

.icon-check p {

    text-align: center;

    font-size: 17px;

    letter-spacing: 1px;

}



.icon-check-white {

    width: 26px;

    height: 26px;

    background-color: #fff;

    display: block;

    border-radius: 50%;

    margin: 0 auto;

    color: #000;

    line-height: 25px;

    text-align: center;

    font-size: 14px;

}

.br-top {

    border-top: 2px solid #e5e5e5;

}

.icon-circle-corss {

    width: 26px;

    height: 26px;

    background-color: #ec403d;

    display: block;

    border-radius: 50%;

    margin: 0 auto;

    color: #fff;

    line-height: 25px;

    text-align: center;

    font-size: 14px;

}



.col-xl-20 {

    width: 20%;

}





/********New Addition UI Design*******/

.title-bonwic-ui h1 {

    font-size: 35px;

    position: relative;

    color: #ec403d;

    top: 10px;

    right: 174px;

    letter-spacing: 0.6px;

}

.title-bonwic-ui h2 {

    font-family: 'Avant Garde Demi BT';

    font-size: 60px;

    position: relative;

    color: #ec403e;

    font-weight: 700;

    left: 135px;

    letter-spacing: 0.6px;

    margin-top: 20px;

}

.bonwic-about-desc {

    z-index: 9;

}

.bonwic-ui-about h2 {

    font-size: 34px;

    letter-spacing: 0.6px;

}

.bonwic-ui-about h2 span {

    font-family: 'Avant Garde Demi BT';

    color: #ec403e;

    font-weight: 700;

    letter-spacing: 0.6px;

    font-size: 55px;

    text-transform: uppercase;

}

.bonwic-about-desc p {

    font-size: 17px;

    letter-spacing: 0.6px;

    margin-bottom: 15px;

    line-height: 29px;

    text-align: justify;

}

.big-heading-about {

    font-family: 'Avant Garde Demi BT';

    color: #f9f9f9;

    font-weight: 700;

    letter-spacing: 0.6px;

    font-size: 281px;

    text-transform: uppercase;

    position: relative;

    z-index: 1;

}



.connect-with-bonwic {

    width: 50px;

    position: fixed;

    bottom: 49px;

    right: 21px;

    z-index: 9999;

    display: inline-block;

    -webkit-animation: mover 1s infinite alternate;

    animation: mover 1s infinite alternate;

}



@-webkit-keyframes mover {

    0% {

        transform: translateY(0);

    }

    100% {

        transform: translateY(-10px);

    }

}

@keyframes mover {

    0% {

        transform: translateY(0);

    }

    100% {

        transform: translateY(-10px);

    }

}

.promising-digital-section {
    background-color: #F4F4F4;
    padding: 40px 0px 40px;
}

.heading-title {
    padding: 10px 0px 20px;
    text-align: center;
}

.heading-title-small {
    font-size: 35px;
    text-transform: capitalize;
}

.heading-title h1 {
    font-size: 28px;
    font-weight: 400;
   text-transform: capitalize;
    
}

.promising-digital-section p {
    margin-bottom: 20px;
    text-align: justify;
}

/****************** contact_form start ***************/
.digital_form {
    background-image: url('../images/connect1.jpg');
    background-repeat: no-repeat;
    margin: 50px 0px 0px;
}

.digital_form_inner {
    padding: 45px 0px 40px;
}

.digital_form_inner h3 {
    color: #fff;
    text-align: center;
    padding: 0px 0px 15px;
    font-size: 35px;
    font-weight: 400;
}

.digital_form_inner label {
    color: #fff;
    font-weight: 700;
    outline: none;
}

.digital_form_inner .form-control {
    border-bottom: 1px solid #4d4d4f;
    background-color: #f8f9fb;
    box-shadow: none;
    padding: 10px 10px;
    border-radius: 0;
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

.digital_btn {
    background-color: #ec403d;
    padding: 7px 30px;
    color: #fff;
    margin: 25px 0px 0px;
    border-radius: 0;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 2px;
}


/****************** contact_form start ***************/


/****************** testimonials start ***************/
.testimonials {
    background-color: #EFF3FA;
    margin: 0px 0px 50px;
    padding: 70px 0px 70px;
}

.sec_title h2 {
    font-size: 35px;
    color: #000;
    font-weight: 400;
}

.black {
    color: #000;
}

.testi_item .testi_content .image_wrap {
    margin: 0px 0px 5px 0px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

.testi_item .testi_content .image_wrap img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    position: relative;
}

.item_content span img {
    width: 50px;
}

.item_content p {
    padding: 20px 0px 10px;
    font-size: 18px;
    letter-spacing: 1px;
}

.testi_name {
    font-size: 20px;
    font-weight: 700;
}

.testi_information {
    padding: 10px 0px 10px;
}

.testi_content {
    margin-top: -40px;
    padding-left: 50px;
}

.item_content {
    background-color: #fff;
    padding: 50px 50px 50px;
}

.testimonialslick {
    position: relative;
}

.testimonialslick .banner_detail {
    position: absolute;
    top: 30%;
    left: 115px;
    background-color: #00000096;
    padding: 30px 50px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.testimonialslick .slick-dots li.slick-active {
    background: #ec403d;
}

.testimonialslick .slick-dots li {
    display: inline-block;
    width: 30px;
    height: 10px;
    background: Transparent;
    transition: all 0.5s;
    border-radius: 0px;
    border: 2px solid #ec403d;
    margin: 0 2.5px;
    cursor: pointer;
    position: relative;
}

.testimonialslick .slick-dots li.slick-active button:before {
    opacity: 0;
    color: black;
}

.testimonialslick .slick-dots li.slick-active button:before {
    opacity: 0;
    color: black;
}

.testimonialslick .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.testimonialslick .slick-dots {
    position: absolute;
    height: 50px;
    bottom: 0px;
    width: inherit;
    right: 0 !important;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: center;
}



/****************** testimonials end ***************/

/****************** faq start ***************/
.faq_sec {
    padding: 0px 0px 60px;
}

.faq_heading_title {
    padding: 10px 0px 20px;
    text-align: center;
}

.faq_inner .btn-link {
    color: #000;
    font-weight: 600;
    font-size: 20px;
}

.faq_inner .btn-link:hover {
    color: #ec403d;
    text-decoration: none;
}

.faq_inner .btn-link.focus,
.btn-link:focus {
    text-decoration: none;
    border-color: transparent;
    box-shadow: none;
}

.faq_collapse_inner p {
    font-size: 18px;
    padding: 15px 25px;
    letter-spacing: 1px;
}

/****************** faq end ***************/




/*****************  css 04-01-2023   ***************************************/

a.read-more {
    color: #ec403d;
    border-radius: 3px;
    font-weight: 600;
    margin: auto;
    border-bottom: 1px solid red;
    font-size: 15px;
    padding: 5px 24px;
    margin-top: 35px;
    border-top: 1px solid red;
}
.digital_services_inner:hover .read-more {
    border-color: #fff;
    color: #fff;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../images/up-arrow.svg);
        transform: rotate(-180deg);
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
}

.digital_services_inner span {
    margin-bottom: 1em;
    background: #ffb5bc;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 3px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

h4.sub-head {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 500;
    border-bottom: 1px solid #ece4e4;
    padding-bottom: 10px;
}