@charset "utf-8";

.bg40,
body {
    overflow-x: hidden
}

*,
.container-fluid {
    padding: 0
}

.logo img,
.micon {
    transition: 1s
}

.menu>ul>a>li,
div.bg2 a {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.bajaj-bg32,
.bg32,
.glitch,
.kurlon-bg32,
.prest-bg32 {
    overflow: hidden
}

@font-face {
    font-family: 'Manrope';
    src: url(../fonts/Manrope_Raleway/Manrope/Manrope-VariableFont_wght.ttf) format("truetype");
    font-display: swap
}

body,
h1,
h2,
h3,
h4,
h5,
html {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

body,
html {
    background: #111
}

.head,
.header {
    background-color: transparent
}

.bg2,
.menu>ul>a>li {
    background-repeat: no-repeat
}

.backgrnd,
.bg1,
.bg2,
.bg3,
.bg4 {
    background-position: bottom right
}

body {
    font-family: Manrope !important;
    position: relative
}

* {
    margin: 0
}

.head {
    position: fixed;
    width: 100%;
    z-index: 999999999;
}

.row {
    margin: 0 !important
}

a,
a:focus,
a:hover {
    color: #11a6d2 !important;
    text-decoration: none
}

p {
    margin: 20px 0;
    font-size: 15px
}

h2 {
    font-size: 50px
}

.right {
    float: right
}

.left {
    float: left
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.clear {
    clear: both
}

.header {
    max-width: 100%;
    margin: 0;
    padding: 35px 0 0 35px;
    position: relative;
    min-height: 60px
}

.menu,
.micon {
    position: absolute
}

.micon {
    display: block;
    height: 38px;
    cursor: pointer;
    right: 35px;
    top: 47px;
    background-color: rgba(0, 0, 0, 0)
}

.micon:hover {
    /* background-color: rgba(0, 0, 0, .6); */
    border-radius: 3px
}

.menu {
    width: 300px;
    display: none;
    top: 35vh;
    right: 40px;
    z-index: 999999
}

.menu>ul {
    width: 100%;
    float: right;
    position: relative
}

.menu>ul>a>li {
    float: right;
    padding: 0 0 0 40px;
    color: #fff;
    text-decoration: none;
    text-align: right;
    outline: 0;
    font-size: 24px;
    list-style: none;
    background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png);
    margin: 0 0 25px;
    clear: both;
    background-position: center left;
    background-size: auto 80%;
}

.getin-text a,
.grid-item,
.logo {
    float: left
}

.menu>ul>a>li:hover {
    color: #11a6d2;
}

.bglayer {
    background-color: rgba(20, 22, 39, .5);
    z-index: 9;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.bg2 {
    background-image: url(../images/bg2.jpg)
}

.bg3 {
    background-image: url(../images/bg-getin.jpg)
}

.backgrnd,
.bg1,
.bg4 {
    background-image: url(../images/bg4.png);
    position: relative
}

.close2,
.design2,
.dotdash:after,
.dotdash:before,
aside.readmore,
div.bg2 h3,
h4.heading {
    position: absolute
}

.cont_sec {
    background-image: url(../images/bg-getin.jpg);
    background-repeat: repeat
}

.padd0 {
    padding: 0 !important
}

.triangle1 {
    border-width: 50px 50px 0 0;
    border-color: red transparent transparent
}

.techtriangle1,
.triangle2 {
    border-color: transparent transparent red;
    right: 0
}

.triangle2 {
    bottom: 0;
    border-width: 0 0 100px 100px
}

.techtriangle1 {
    top: 0;
    border-width: 0 0 35px 35px
}

.techtriangle2 {
    top: 0;
    border-width: 35px 35px 0 0;
    border-color: red transparent transparent
}

.blutriangle1 {
    left: 0 !important;
    bottom: 0;
    border-width: 0 40px 40px 0;
    border-color: transparent transparent #11a6d2
}

.lime1 {
    border-color: transparent transparent #8cc641 !important
}

.lime2 {
    border-color: #8cc641 transparent transparent !important
}

.blutriangle2,
.blutriangle3 {
    top: 0;
    border-color: #11a6d2 transparent transparent
}

.blutriangle2 {
    right: 0;
    border-width: 80px 0 0 80px
}

.blutriangle3 {
    left: 0;
    border-width: 15px 15px 0 0
}

.blutriangle4 {
    right: 0;
    bottom: 0;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #11a6d2
}

.greytriangle2 {
    left: 0 !important;
    bottom: 76px;
    border-width: 0 70px 70px 0;
    border-color: transparent transparent #444662
}

.padL0 {
    padding-left: 0 !important
}

div.bg2 h2 {
    color: #ed2a28;
    vertical-align: middle
}

div.bg2 h3,
h5 {
    color: #11a6d2
}

span.span-more {
    float: left;
    color: #11a6d2;
    padding-right: 7px;
    line-height: 5px;
    padding-left: 5px;
    padding-bottom: 14px
}

a.link-more,
div.bg2 a,
div.bg2 a:hover {
    color: #fff;
    text-align: right;
    background-repeat: no-repeat;
    text-decoration: none;
    outline: 0;
    list-style: none
}

div.bg2 a {
    padding: 12px 0 0 35px;
    font-size: 24px;
    background-image: url(../images/arrow1.png)
}

a.link-more,
div.bg2 a:hover {
    background-image: url(../images/arrow2.png)
}

a.link-more {
    padding: 11px 0 0 40px;
    font-size: 13px
}

div.bg2 a:hover {
    padding: 12px 0 0 35px;
    font-size: 24px
}

.design2,
h4.heading {
    padding: 10px 20px 0 0;
    font-family: Manrope;
    font-size: 15px
}

h4.heading {
    top: 15px;
    left: 15px;
    color: red;
    width: auto;
    margin: 15px;
    z-index: 99
}

.design2 {
    color: #000 !important;
    background: red;
    width: 90px;
    margin: 25px
}

aside.readmore {
    bottom: 5px;
    padding-bottom: 4px;
    right: 0;
    font-size: 10px
}

.dotdash h4 {
    color: #11a6d2;
    font-weight: 700;
    font-size: 25px
}

.dotdash p {
    padding: 0 !important;
    margin: 0 !important;
    color: #9de0f5;
    font-size: 14px
}

.dotdash {
    border: 1px solid #a30b0c;
    padding: 25px 50px;
    margin: 50px;
    text-align: center
}

.dotdash li {
    text-align: left;
    border-bottom: 1px dashed #8cc641;
    padding-bottom: 15px;
    padding-top: 15px;
    line-height: 20px;
    display: inline-block;
    width: 100%
}

.dotdash li:last-child {
    border: none !important
}

.section4 {
    color: #11a6d2;
    padding: 13.2em 18em
}

.section4 p {
    margin: 10px -30px 25px 8px
}

.section4 p.code {
    color: #515792;
    font-size: 8px
}

.close2 {
    display: none;
    top: 33px;
    right: 37px;
    cursor: pointer
}

.clienthead,
.getin-text,
.ourwork,
.services,
div.cont {
    display: inline-block
}

.client {
    color: #8cc641;
    padding: 10em 8em !important
}

.client p {
    color: #11a6d2
}

.client p.code {
    color: #515792;
    font-size: 8px
}

.bg3>:first-child:after,
.bg3>:first-child:before,
.dotdash:after,
.dotdash:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: #8cc641;
    border-style: solid;
    content: ' '
}

.bg3 .dotdashdiv:before {
    top: 0;
    left: 49px;
    border-width: 3px 0 0 3px
}

.bg3 .dotdashdiv:after {
    top: 0;
    right: 49px;
    border-width: 3px 3px 0 0
}

.dotdash:before {
    bottom: 0;
    right: 49px;
    border-width: 0 3px 3px 0
}

.dotdash:after {
    bottom: 0;
    left: 48px;
    border-width: 0 0 3px 3px
}

div.client span {
    font-size: 25px;
    padding: 0 20px 0 5px
}

.section6 img {
    margin: 0 auto
}

.pad0050 {
    padding: 0 0 5px
}

.pad0055 {
    padding: 0 0 5px 5px
}

div.cont {
    border: 1px solid #11a6d2;
    color: #11a6d2;
    padding: 7px 12px;
    font-size: 25px;
    margin: 10px;
    position: relative;
    min-width: 280px
}

.getin h2 {
    color: red;
    font-family: Manrope;
    position: relative;
    text-align: left;
    white-space: nowrap;
    font-size: 74px;
    line-height: 65px;
    letter-spacing: -5px
}

.case-bor,
.getin span,
.group-case {
    position: absolute
}

.getin-text {
    margin: 50px auto
}

.contactdiv {
    text-align: center;
    margin: 80px auto
}

footer {
    padding: 20px;
    background: #141627
}

.footer p,
footer p {
    color: #cacaca;
    text-align: right;
    padding: 15px 20px 0 0;
    margin: 0
}

.wrk3 img {
    min-height: 220px !important
}

.wrk2 {
    padding: 0 !important
}

.grid {
    background: #181a2b
}

.bg31,
.bg31-head,
.bg6,
.bg7,
.bg8,
.bg9 {
    background-repeat: no-repeat
}

.bg31,
.bg31-head {
    background-image: url(../images/bg5.png)
}

.bg31,
.bg31-head,
.bg6 {
    background-position: top right
}

.grid:after {
    content: '';
    display: block;
    clear: both
}

.grid-item,
.grid-sizer {
    width: 33.333%
}

.grid-item img {
    display: block;
    width: 100%;
    vertical-align: middle
}

.client-bor,
.contact-map .red-map,
.expert11-wrap,
.expert13-wrap,
.expert14-wrap,
.expert2-wrap,
.expert3-wrap,
.expert5-wrap,
.expert7-wrap,
.expert9-wrap,
.group-case,
.mem-des,
.mem-wrap,
.year2-wrap,
.year3-wrap,
.year4-wrap,
.year5-wrap {
    display: none
}

.bg31 {
    background-color: #181a2b
}

.bg31 h1 {
    margin: 125px 0 0;
    text-align: center;
    color: #d60000;
    font-family: Manrope;
    font-size: 45px;
    line-height: 33px
}

.bg6 {
    background-image: url(../images/bg6.png)
}

.bg7,
.bg8 {
    background-position: bottom right
}

.bg7 {
    background-image: url(../images/bg7.png)
}

.bg8 {
    background-image: url(../images/bg8.png);
    padding: 50px 0
}

.bg9 {
    background-image: url(../images/bg9.png);
    background-position: top right
}

.padTB10 {
    padding: 10px 0
}

.padT10 {
    padding-top: 10px
}

.group-case {
    top: 0;
    left: 0;
    width: 94%;
    height: 92%;
    margin: 3%;
    border: 1px solid #a30b0c
}

.wrk3 .group-case {
    height: 83%;
    width: 97% !important;
    margin: 20px 10px !important
}

.case-bor,
.client-bor {
    width: 25px;
    height: 25px
}

.case-bor {
    border-style: solid;
    border-color: red
}

.top-left {
    border-width: 2px 0 0 2px
}

.bot-left {
    border-width: 0 0 2px 2px;
    bottom: 0
}

.top-right {
    border-width: 2px 2px 0 0;
    right: 0
}

.bot-right {
    border-width: 0 2px 2px 0;
    bottom: 0;
    right: 0
}

p.casestudy {
    color: red;
    font-family: Manrope;
    font-size: 14px;
    text-align: left;
    padding: 60px 15px 0
}

.job-h2,
.opening-wrap .exp,
.p2,
.p3 {
    text-align: center
}

.img-work {
    position: relative
}

.ctop-left {
    border-width: 3px 0 0 3px;
    top: 8px;
    left: 8px
}

.ctop-right {
    border-width: 3px 3px 0 0;
    top: 8px;
    right: 8px
}

.cbot-left {
    border-width: 0 0 3px 3px;
    bottom: 13px;
    left: 8px
}

.cbot-right {
    border-width: 0 3px 3px 0;
    bottom: 13px;
    right: 8px
}

.left14 {
    left: 14px !important
}

.clientdiv,
.cltdiv,
.cltdiv-face {
    background-image: url(../images/bgclient.jpg);
    background-repeat: repeat;
    text-align: center
}

.bg-cli,
.row-bg {
    background-image: url(../images/bg-getin.jpg);
    background-repeat: repeat
}

.clienthead a,
.getin-text a,
.services a {
    background-image: url(../images/arrow1.png);
    background-repeat: no-repeat;
    font-size: 24px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out
}

.bajaj-bg32,
.bg32,
.kurlon-bg32,
.kurlon-bg32 .glitch-div,
.prest-bg32 .glitch-div {
    background-repeat: repeat
}

.clientdiv img,
.cltdiv img,
.cltdiv-face img {
    margin: 0 auto !important;
    padding: 85px 10px !important
}

.c_bor {
    border: 10px solid transparent;
    box-shadow: 0 0 0 1px #dd5619 inset
}

.client-bor {
    position: absolute;
    border-style: solid;
    border-color: #dd5619
}

.clienthead a {
    text-decoration: none;
    padding: 13px 0 0 40px;
    transition: .5s ease-in-out
}

.getin-text a,
.services a {
    padding: 5px 0 0 40px;
    transition: .5s ease-in-out
}

.getin-text a {
    height: 26px;
    margin: 10px 0 0 5px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.job-h2,
.p1 p,
.p2,
.p3 {
    margin: 0
}

.clienthead a:hover,
.getin-text a:hover,
.services a:hover {
    background-image: url(../images/arrow2.png)
}

.prest-bg,
.prest-bg32,
.prest-col2 {
    background-image: url(../images/prestige-bg.jpg);
    background-repeat: repeat
}

h5 {
    padding: 5px
}

.kurlon-bg32 .glitch-div {
    background-color: #d41a18
}

.prest-bg32 .glitch-div {
    background-color: #000
}

.bg32 {
    background-color: #55152d
}

.prest-bg32 {
    background-color: #000
}

.kurlon-bg32 {
    background-color: #841917
}

.bajaj-bg32,
.bajaj-col2 {
    background-color: #00395e
}

.bajaj-col2 {
    background-repeat: no-repeat
}

.bg38,
.bg51,
.kurlon-bg,
.kurlon-bg1 {
    background-repeat: repeat
}

.kurlon-bg1 {
    background-color: #841917 !important
}

.kurlon-bg {
    background-color: #6a1110 !important
}

.bg38 {
    background-image: url(../images/bg10.png);
    background-color: #000
}

.bg51,
.bg52 {
    background-color: #172327
}

.bg51 {
    background-image: url(../images/bg19.jpg);
    background-image: url(https://www.webenza.com/static/images/bg13.jpg);
}

.bg39 {
    background-image: url(../images/bg11.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg40,
.bg52 {
    background-repeat: repeat
}

.bg52 {
    /* background-image: url(../images/bg20.jpg); */
    background: url(https://www.webenza.com/static/images/wht-we-do-bg.jpg) no-repeat;
    background-size: cover;
}

.bg40,
.bg42,
.bg50 {
    background-color: #000
}

.bg40 {
    background-image: url(../images/bg13.jpg)
}

.bg41 {
    background-image: url(../images/bg12.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%
}

.bg42,
.bg43,
.bg50 {
    background-repeat: repeat
}

.bg42 {
    background-image: url(../images/bg15.jpg)
}

.bg43 {
    background-image: url(../images/bg16.jpg)
}

.bg43 img {
    width: 100%;
    max-width: 100%;
    cursor: pointer
}

.bg50 {
    background-image: url(../images/bg18.jpg)
}

.p1 {
    padding: 75px 0
}

.p2 {
    color: #7bbd39 !important;
    padding: 0
}

.p3 {
    color: #999;
    padding: 0 0 35px
}

.bx-wrapper {
    margin: 0;
    max-width: 100% !important
}

.bx-wrapper .slide {
    padding-right: 7px
}

.bx-wrapper .bx-viewport {
    box-shadow: none !important;
    border: none !important;
    left: 0 !important;
    background-color: transparent !important
}

.job-h2 {
    color: #ffffff;
    font-size: 38px;
    padding: 0 0 35px;
    text-transform: capitalize
}

.bg33 h2,
.c-head1,
.padd31 h3 {
    text-transform: uppercase
}

.opening-wrap {
    margin: 0 auto 75px;
    width: 180px;
    color: #7bbd39
}

.opening-wrap .exp {
    position: relative;
    width: 180px;
    border: 1px solid #7bbd39;
    color: #7bbd39
}

.contact-form .error {

    color: #fff;

}

.contact-form .res {
    color: #fff;
    float: right;
    text-align: right
}

.opening-wrap .exp:after,
.opening-wrap .exp:before,
.opening-wrap .exp>:first-child:after,
.opening-wrap .exp>:first-child:before {
    border-color: #7bbd39
}

.opening-wrap .exp p {
    margin: 10px 0;
    font-size: 14px
}

.p1 p {
    color: #999;
    text-align: center;
    padding: 0 0 25px
}

.about-wrap h2,
.about-wrap-h2 {
    color: #78ba37;
    font-size: 38px;
    margin: 0;
    text-align: center
}

.boss,
.team-wrap-2,
.team-wrap-4 {
    float: left;
    position: relative
}

.mem-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15px;
    background-color: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    cursor: pointer
}

.mem-detail-wrap {
    background-color: #343434;
    background-size: 32px;
    position: relative;
    display: none
}

.close1,
.cross1,
.mem-name-wrap {
    position: absolute
}

.mem-detail-text {
    padding: 100px 0 0 50px;
    float: left;
    width: 70%;
    max-width: 525px
}

.close1 {
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url(../images/close.png)
}

.about-wrap h2 {
    padding: 0 0 100px
}

.about-wrap p,
.about-wrap-h2 {
    padding: 50px 0
}

.about-wrap p {
    color: #fff
}

.year-wrapper ul {
    list-style-position: inside
}

.year-wrapper ul li {
    color: #fff;
    font-size: 14px
}

.circle-wrap {
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    padding: 3px;
    border-radius: 15px;
    margin: 0 0 0 4px
}

.team-wrap-h2 {
    color: #fff;
    text-align: center;
    font-size: 38px;
    padding: 0;
    margin: 0 0 30px
}

.circle5 {
    width: 10px;
    background-color: #fff;
    height: 10px;
    border-radius: 10px
}

.year1,
.year2,
.year3,
.year4,
.year5 {
    float: left;
    width: 20%
}

.year1 .circle-wrap {
    width: 22px;
    height: 22px;
    padding: 4px;
    border-radius: 22px;
    margin: -2px 0 0 2px
}

.year1 .circle5 {
    width: 12px;
    background-color: #78ba37;
    height: 12px;
    border-radius: 12px
}

.logo img {
    max-width: 180px
}

.year {
    width: 38px;
    margin: 0 auto;
    cursor: pointer
}

.year1-wrap,
.year2-wrap,
.year3-wrap,
.year4-wrap,
.year5-wrap {
    margin: 50px 0 0
}

.year-wrapper h5 {
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px
}

.year-wrapper {
    margin-top: -34px
}

.yr-triangle {
    width: 0;
    height: 0;
    margin: 10px 0 0 4px;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #fff transparent transparent
}

.about-wrap {
    padding: 50px 0
}

.about-line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #fff
}

.exwrap1,
.exwrap2,
.exwrap3,
.exwrap4,
.exwrap5,
.exwrap6 {
    background-repeat: no-repeat;
    background-size: 50% 100%
}

.exwrap1 {
    background-image: url(../images/expertise/exp1.webp), url(../images/expertise/exp1.png);
    background-position: right
}

.exwrap2 {
    background-image: url(../images/expertise/exp2.webp), url(../images/expertise/exp2.png);
    background-position: left
}

.exwrap3 {
    background-image: url(../images/expertise/exp3.webp), url(../images/expertise/exp3.png);
    background-position: right
}

.exwrap4 {
    background-image: url(../images/expertise/exp4.webp), url(../images/expertise/exp4.png);
    background-position: left
}

.exwrap5 {
    background-image: url(../images/expertise/exp5.webp), url(../images/expertise/exp5.png);
    background-position: right
}

.exwrap6 {
    background-image: url(../images/expertise/exp6.webp), url(../images/expertise/exp6.png);
    background-position: left
}

.line-text .line {
    border-bottom: 1px solid #ed2a28;
    width: 140px;
    float: left;
    height: 7px;
    margin-right: -2px;
    margin-top: -1px
}

.mem-detail-img {
    float: right;
    width: 30%
}

.cross1 {
    background-image: url(../images/cross2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: 25%;
    width: 500px;
    top: 0;
    height: 100%
}

.mem-detail-img img {
    max-width: 100%;
    float: right
}

.boss>.mem-wrap .name {
    width: 100%;
    font-size: 23px
}

.mem-name-wrap {
    bottom: 44%
}

.mem-detail-text .name,
.mem-wrap .name {
    color: #fff;
    font-size: 18px;
    padding: 0
}

.mem-detail-text .des,
.mem-wrap .des {
    color: #ed2a28;
    font-size: 13px;
    padding: 0;
    margin: 0
}

.mem-wrap .des {
    max-width: 160px
}

.mem-detail-text p {
    color: #fff;
    font-size: 14px
}

.boss,
.team-wrap-4 {
    width: 33.32%
}

.team-wrap-2 {
    width: 16.66%
}

.expert-left h2,
.expert-right h2 {
    font-size: 67px;
    color: #10a4d1;
    padding-bottom: 15px;
    letter-spacing: -5px;
    text-transform: uppercase
}

.expert-left p,
.expert-right p {
    font-size: 16px;
    color: #10a4d1
}

.expert1,
.expert10,
.expert11,
.expert12,
.expert13,
.expert14,
.expert2,
.expert3,
.expert4,
.expert5,
.expert6,
.expert7,
.expert8,
.expert9 {
    font-size: 16px;
    float: left;
    cursor: pointer;
    padding: 0 0 5px;
    margin-bottom: 5px
}

.expert11,
.expert13,
.expert14,
.expert2,
.expert3,
.expert5,
.expert7,
.expert9 {
    color: #fff
}

.expert1,
.expert10,
.expert12,
.expert4,
.expert6,
.expert8 {
    color: red;
    border-bottom: 1px solid red
}

.expert1,
.expert10,
.expert2,
.expert4,
.expert6,
.expert7,
.expert8,
.expert9 {
    margin-right: 25px
}

.light-blue {
    color: #10a4d1 !important
}

.map {
    border: 0;
    margin: 0 0 -5px
}

.contact-map {
    float: right;
    width: 40px
}

.contact-map .green-map {
    display: block
}

.contact-map img {
    max-width: 100%;
    filter: grayscale(1);
}

.contact-form {
    margin: 0 0 50px
}

.contact-form button,
.contact-form button:focus,
.contact-form button:hover {
    background-color: transparent;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
    /* float: right; */
    border: 0;
    padding: 6px 15px;
    margin-top: 20px;
}

.contact-form label {
    display: inline-block;
    font-weight: 400;
    float: left;
    font-family: Manrope;
    color: #ffffff;
    font-size: 21px;
    width: 35%;
    margin: 8px 0 0
}

.bg33 h3,
.exp:hover,
address h3 {
    font-weight: 700
}

.contact-form .form-control {
    /* float: left; */
    width: 65%;
    text-align: left !important;
    background-color: transparent;
    border-color: #999;
    border-radius: 0;
    color: #fff
}

address,
address p {
    color: #cacaca;
    font-size: 16px;
    text-align: left
}

address {
    background-color: rgba(66, 66, 66, .6);
    padding: 25px;
    max-width: 400px;
    margin: 0;
    position: relative
}

address p {
    padding: 0;
    margin: 0;
    line-height: 22px;
    float: left
}

address h3 {
    font-size: 22px !important;
    margin: 0 0 8px
}

.add-p1 {
    padding: 0 0 25px
}

address h4 {
    color: #ffffff;
    padding: 0 0 15px;
    margin: 0
}

.c-head,
.c-head1 {
    color: #cacaca;
    font-size: 22px;
    text-decoration: underline;
    font-weight: 700
}

.padd22 {
    padding: 100px 0
}

.padd23 {
    padding: 100px 0 0
}

.padd24 {
    padding: 0 0 100px
}

.mar24 {
    padding: 0;
    margin: 0 0 100px
}

.c-head {
    margin: 0 0 25px
}

.c-head1 {
    margin: 25px 0 0;
    text-align: center
}

.other-branch address {
    background-color: transparent;
    padding: 0 25px
}

.other-branch address h3 {
    color: #fff;
}

.other-branch {
    padding: 25px 0;
    background-color: rgba(66, 66, 66, .6)
}

address p span,
address span {
    color: #78ba37
}

.bg39 address a,
.bg39 address p a,
address a,
address p a {
    color: #cacaca !important;
    text-decoration: none
}

.bg32 h3,
.bg38 h3 {
    font-size: 28px
}

.green {
    color: #7bbd39 !important
}

.padd31 h3 {
    font-family: Manrope
}

.padd31 p {
    font-family: Manrope
}

.detail-h1,
.greytext h4 {
    font-family: Manrope;
}

.padd31 h3,
.padd31 p {
    color: #121212
}

.padd32 h3,
.padd32 p {
    color: #fff
}

.padd32 {
    padding: 50px
}

.contact-p {
    color: #ffffff;
    font-size: 21px;
    padding: 0 0 10px;
    margin: 0;
    text-align: left;
}

.bg33 h2,
.bg33 h3,
.bg33 p,
.count8 h2,
.count8 h5,
.count8 p,
.detail-h1,
.wrap68 p {
    color: #fff
}

.detail-h1 {
    margin: 125px 0 0;
    text-align: center;
    font-size: 45px;
    line-height: 38.9px
}

.bg33 p {
    font-size: 13px !important
}

.prest-bg33 {
    background-color: #141515 !important
}

.kurlon-bg33,
.kurlon2-bg33 {
    background-color: #a31c1a !important
}

.ht2 {
    padding: 50px 50px 0
}

.case-study-img {
    float: right
}

.bajaj-bg33,
.bajaj2-bg33,
.bg33 {
    background-color: #212121
}

.bajaj-bg33,
.bg33,
.kurlon-bg33,
.kurlon2-bg33,
.prest-bg33 {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 90%;
    padding: 0
}

.bg36,
.prest-bg-blk {
    background-repeat: repeat
}

.case-icon1,
.case-icon2,
.case-icon3,
.count5,
.count6,
.count7 {
    background-size: 35px
}

.bg34 {
    background-color: #ebebeb
}

.bg61 {
    background-color: #e6e5e5
}

.bg36 {
    background-image: url(../images/bg3.png)
}

.prest-bg-blk {
    background-image: url(../images/prest2-bg.jpg)
}

.padd31 {
    padding: 100px 50px 0
}

.bg33 h2 {
    font-family: Manrope;
    font-size: 30px
}

.interested h2,
.interested h4 {

    text-align: center
}

.count-wrapper {
    margin: 35px 0
}

.case-icon-wrap p {
    margin: 10px 0;
    font-size: 11px
}

.count5,
.count6 {
    padding: 0 0 0 65px;
    margin: 0 0 25px;
    background-repeat: no-repeat;
    background-position: left center
}

.case-icon1,
.case-icon2,
.case-icon3,
.count10,
.count11,
.count12,
.count13,
.count14,
.count15,
.count16,
.count17,
.count18,
.count7,
.count9 {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 65px
}

.case-icon {
    float: left
}

.case-icon p {
    float: left;
    color: #fff
}

.case-icon1 {
    background-image: url(../images/case-study/icon1.png)
}

.case-icon2 {
    background-image: url(../images/case-study/icon2.png)
}

.case-icon3 {
    background-image: url(../images/case-study/icon3.png)
}

.count5 {
    background-image: url(../images/case-study/icon4.png)
}

.count6 {
    background-image: url(../images/case-study/icon5.png)
}

.count7 {
    background-image: url(../images/case-study/icon6.png)
}

.count9 {
    background-image: url(../images/case-study/comment.png);
    background-size: 55px
}

.count10 {
    background-image: url(../images/case-study/like.png);
    background-size: 50px
}

.count11 {
    background-image: url(../images/case-study/fb.png);
    background-size: 40px
}

.count12 {
    background-image: url(../images/case-study/twitter.png);
    background-size: 55px
}

.count13 {
    background-image: url(../images/case-study/aticon.png);
    background-size: 50px
}

.count14,
.count15,
.count16,
.count17,
.count18 {
    background-size: 55px
}

.count14 {
    background-image: url(../images/case-study/joystick.png)
}

.count15 {
    background-image: url(../images/case-study/play.png)
}

.count16 {
    background-image: url(../images/case-study/tweet.png)
}

.count17 {
    background-image: url(../images/case-study/insta.png)
}

.count18 {
    background-image: url(../images/case-study/in.png)
}

.bj-ret-cw {
    padding: 0 50px
}

.count5 h2,
.count5 p,
.count6 h2,
.count6 p,
.count7 h2,
.count7 p,
.count8 h2,
.count8 h5,
.count8 p {
    font-family: Manrope;
    padding: 0;
    margin: 0
}

.countp {
    margin-top: 0
}

.wrap66,
.wrap67 {
    max-width: 70px;
    float: left;
    margin-left: -50px
}

.count8 p {
    font-size: 12px
}

.count8 h2 {
    font-size: 34px
}

.count5 h2,
.count6 h2,
.count7 h2 {
    font-size: 33px
}

.wrap67 {
    margin-top: -28px
}

.wrap68 {
    background-color: #4d0c36;
    margin: 50px 0 0;
    float: right
}

.wrap68 p {
    padding: 25px 0 0;
    margin: 0
}

.img20 {
    max-width: 90%;
    margin: 0 auto
}

.count8 {
    max-width: 180px;
    width: 100%;
    margin: 0 auto
}

.foot8 {
    max-width: 220px
}

.count-wrapper1 {
    width: 100%;
    background-color: #464646;
    padding: 50px 0
}

.img10 {
    margin: 25% 0 0
}

.bg33 p,
.wrap68 p {
    font-family: Manrope
}

.bg33 h3 {
    font-size: 40px;
    font-family: Manrope
}

.bg35 h2,
.bg37 h2 {
    font-size: 45px
}

.prest-bg33 h2,
.prest-bg33 p,
.prest-bg33 ul li {
    color: #d59f3c !important
}

.prest-bg33 ul {
    padding-left: 20px
}

.bg35 h2,
.bg35 p {
    color: #6f759a;
    margin: 0;
    padding: 0
}

.bg35 {
    padding: 50px
}

.bg37 h2,
.bg37 h3,
.bg37 p {
    color: #fff
}

.bg37 {
    padding: 6% 50px
}

.bg37 h2 {
    padding: 0;
    margin: 0
}

.bg37 p {
    margin: 0 0 20px;
    padding: 0
}

.cont_sec {
    height: auto !important
}

div .ui-group {
    float: right;
    position: absolute;
    top: 75px;
    right: 35px
}

.ui-group button,
.ui-group button .is-checked {
    background: 0;
    border: 0 !important;
    color: #fff;
    padding-right: 10px;
    outline: 0
}

.clt-bg1 {
    background-color: #000
}

.menu-wrap {
    background-color: #1f1e1e;
}

.clt-bg1 {
    background-repeat: repeat
}

.interested {
    padding: 50px 0
}

.interested h2 {
    color: #78ba37;
    font-size: 38px;
    padding: 0 0 25px;
    margin: 0
}

.interested h4 {
    font-size: 20px;
    color: #fff;
    padding: 25px 0 0
}

.interested p {
    text-align: center;
    padding: 0;
    margin: 0
}

.interested p a {
    color: #78ba37;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    width: 200px
}

.clt-sub {
    max-width: 100%;
    margin: 0 auto
}

.client-color {
    display: none
}

.client-white {
    display: block
}

.client-color-home,
.client-white-home {
    position: absolute;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

.cltbdr,
.cltbdr:focus,
.cltbdr:hover {
    position: relative;
    width: 100%;
    border: 1px solid transparent
}

.ashoka,
.bajaj,
.berserk,
.clt-bigc,
.clt-feath,
.clt-mani-img,
.clt-schn,
.clt-subl,
.clt-tit,
.clt-zap,
.commune,
.fellows,
.kurlon,
.meldr,
.nitesh,
.sbi,
.tri-style {
    position: absolute
}

.cltbdr:after,
.cltbdr:before,
.cltbdr>:first-child:after,
.cltbdr>:first-child:before {
    position: absolute;
    width: 25px;
    height: 25px;
    border-color: transparent;
    border-style: solid;
    content: ' '
}

.cltdiv:hover>.cltbdr,
.cltdiv:hover>.cltbdr:focus {
    border: 1px solid #dd5619
}

.cltdiv:hover>.cltbdr:after,
.cltdiv:hover>.cltbdr:before,
.cltdiv:hover>.cltbdr>:first-child:after,
.cltdiv:hover>.cltbdr>:first-child:before {
    border-color: #dd5619
}

.cltbdr:before {
    top: -2px;
    left: -2px;
    border-width: 3px 0 0 3px
}

.cltbdr:after {
    top: -3px;
    right: -3px;
    border-width: 3px 3px 0 0
}

.cltbdr>:first-child:before {
    bottom: -3px;
    right: -3px;
    border-width: 0 3px 3px 0
}

.cltbdr>:first-child:after {
    bottom: -3px;
    left: -3px;
    border-width: 0 0 3px 3px
}

.cltdiv {
    padding: 8px
}

.grey,
.greytext {
    color: #6d6f89
}

.greytext {
    text-align: left;
    padding: 20px
}

.abt-wrp p,
.error404 .exp p,
.exp,
.exp:hover,
.glitch-div,
.glitch-p,
.our-offerings,
.puneet .exp:hover p {
    text-align: center
}

.greytext p {
    font-family: Manrope;
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #fff
}

.padB5 {
    padding: 0 0 5px
}

.client2,
.client4,
.client5,
.client7 {
    padding: 0 0 0 5px
}

.clt-face1 {
    padding: 25px !important
}

.ashoka,
.bajaj,
.berserk,
.clt-schn,
.clt-zap,
.kurlon,
.meldr,
.nitesh {
    width: 70%
}

.clt-subl {
    width: 45%;
    left: 24%
}

.clt-feath,
.clt-tit {
    width: 60%;
    left: 20%
}

.clt-bigc,
.fellows,
.sbi {
    width: 50%
}

.clt-mani-img,
.commune {
    left: 16%;
    width: 70%
}

.clt-bigc {
    left: 25%
}

.clt-schn {
    left: 10%
}

.clt-zap {
    left: 11%
}

.berserk {
    left: 12%
}

.kurlon {
    left: 9%
}

.sbi {
    left: 16%
}

.bajaj {
    left: 15%
}

.nitesh {
    left: 12%
}

.meldr {
    left: 13%
}

.ashoka {
    left: 15%
}

.fellows {
    left: 22%
}

.left12 {
    left: 12px !important
}

.bot9 {
    bottom: 9px !important
}

.main-clt img.feath,
.main-clt img.schn,
.main-clt img.zap {
    width: 80%
}

.greytext h4 {
    font-size: 17px;
    margin: 0;
    padding: 15px 0 5px;
    color: #fff
}

.error404 h1,
.error404 p {
    padding: 0;
    font-family: Manrope;
    text-align: center
}

.error404 h1 {
    color: #333;
    font-size: 125px;
    margin: 0
}

.error404 p {
    color: #666;
    font-size: 20px;
    margin: 0 0 40px
}

.error404 .exp {
    margin: 0 auto
}

.error404 .exp p {
    color: #12a7d2;
    font-size: 14px;
    margin: 0;
    padding: 3px 0
}

.error404 a .exp:hover p {
    color: #000
}

.clt-triangle1 {
    top: 0;
    border-width: 20px 20px 0 0;
    border-color: #6d6f89 transparent transparent
}

.tri-style {
    width: 0;
    height: 0;
    border-style: solid
}

.clt-triangle2 {
    right: 0;
    bottom: 0;
    border-width: 0 0 50px 50px;
    border-color: transparent transparent #6d6f89
}

.clt-cbot-left {
    border-width: 0 0 3px 3px;
    bottom: 8px;
    left: 8px
}

.clt-cbot-right {
    border-width: 0 3px 3px 0;
    bottom: 8px;
    right: 8px
}

.client1,
.client2,
.client3,
.client4,
.client5,
.client6,
.main-clt {
    position: relative
}

.grid-item p,
.work-bor,
div.grid-bor {
    position: absolute
}

.bigc,
.feath,
.insta,
.mani-img,
.schn,
.subl,
.tit,
.zap {
    position: absolute;
    top: 0
}

.mani-img {
    top: 30%;
    left: 18%
}

.bigc,
.subl {
    top: 20%;
    left: 25%
}

.tit {
    margin-top: 10px
}

.feath {
    margin-top: -25px
}

.schn {
    margin-top: -110px
}

.insta {
    width: 70%;
    top: -50px;
    left: 83px
}

.zap {
    top: 35%;
    left: 8%
}

div.code {
    display: inline-block
}

.hidden,
.work-bor,
div.grid-bor {
    display: none
}

div.code h5,
div.code p,
div.code span {
    font-family: Manrope;
    color: #323658
}

.code h5,
div.code span {
    font-size: 20px;
    line-height: normal
}

.code h5 {
    padding: 5px 0;
    margin: 0
}

div.code p {
    font-size: 7px;
    margin: 0 5px;
    line-height: 8px
}

.padLR10 {
    padding: 0 10px !important
}

div.grid-bor {
    transition: 1s;
    content: '';
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid red
}

.work-bor {
    width: 25px;
    height: 25px;
    border-style: solid;
    border-color: red !important
}

.wtop-left {
    border-width: 4px 0 0 4px;
    top: -2px;
    left: -2px
}

.wtop-right {
    border-width: 4px 4px 0 0;
    top: -2px;
    right: -2px
}

.wbot-left {
    border-width: 0 0 4px 4px;
    bottom: -2px;
    left: -2px
}

.wbot-right {
    border-width: 0 4px 4px 0;
    bottom: -2px;
    right: -2px
}

.grid-item h4 {
    font-size: 20px;
    font-family: Manrope;
    color: #fff
}

.client-name {
    bottom: 40px;
    right: 40px
}

.client-name-top {
    top: 30px;
    left: 30px
}

.bigcty-triangle {
    border-width: 50px 50px 0 0;
    border-color: red transparent transparent
}

.bmm-triangle {
    bottom: 0;
    right: 0;
    border-width: 0 0 50px 50px;
    border-color: transparent transparent red
}

.titan-triangle {
    top: 0;
    right: 0;
    border-width: 50px 0 0 50px;
    border-color: red transparent transparent
}

.grid-item p {
    font-size: 20px;
    bottom: -20px;
    right: 40px
}

.menu-wrap,
.rotate,
.rotate1 {
    position: fixed
}

.grid-item a {
    padding: 0 0 0 30px;
    font-size: 24px;
    background-repeat: no-repeat;
    text-decoration: none
}

.grid-item a:hover {
    background-image: url(../images/arrow2.png);
    background-repeat: no-repeat
}

.grid-item span {
    font-family: Manrope;
    font-size: 20px;
    float: left;
    color: #fff;
    padding-right: 20px
}

.banner-text h1,
.banner-text h3 {
    font-family: Manrope
}

svg line:first-child {
    opacity: .5
}

.cltsvg1,
.svg1 {
    display: block
}

#mycursor,
.cltsvg2,
.cltsvg3,
.svg2,
.svg3 {
    display: none
}

.bor-animation {
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.menu-wrap {
    width: 0;
    height: 150%;
    right: 0;
    max-height: 1200px;
    z-index: 99999999
}

.rotate {
    width: 645px;
    top: -100px;
    right: -18%;
    -webkit-animation: rotate .4s;
    -moz-animation: rotate .4s;
    -ms-animation: rotate .4s;
    -o-animation: rotate .4s;
    animation: rotate .4s;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    transform: rotate(-9deg)
}

#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4,
.rotate1 {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0)
}

.rotate1 {
    width: 0;
    top: -100px;
    right: 0;
    -webkit-animation: rotate1 .45s;
    -moz-animation: rotate1 .45s;
    -ms-animation: rotate1 .45s;
    -o-animation: rotate1 .45s;
    animation: rotate1 .45s;
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.glitch {
    font-size: 70px;
    position: relative;
    width: 100%
}

.banner-text .glitch:first-child {
    margin-bottom: 0
}

#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
    width: 30px;
    height: 25px;
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 999999999
}

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 23px;
    margin: 5px 4px;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon3 span:nth-child(1) {
    top: 0
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 7px
}

#nav-icon3 span:nth-child(4) {
    top: 13px
}

#nav-icon3.open span:nth-child(1),
#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0;
    left: 50%
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.glitch:after,
.glitch:before {
    clip: rect(0, 900px, 0, 0);
    content: attr(data-text);
    position: absolute;
    top: 0;
    overflow: hidden
}

.glitch:after {
    animation: glitch-animation 2s infinite linear alternate-reverse;
    left: 2px;
    text-shadow: -1px 0 red
}

.glitch:before {
    animation: glitch-animation-2 3s infinite linear alternate-reverse;
    left: -2px;
    text-shadow: 1px 0 #00f
}

@keyframes glitch-animation {
    0% {
        clip: rect(42px, 9999px, 44px, 0)
    }

    5% {
        clip: rect(12px, 9999px, 59px, 0)
    }

    10% {
        clip: rect(48px, 9999px, 29px, 0)
    }

    15.0% {
        clip: rect(42px, 9999px, 73px, 0)
    }

    20% {
        clip: rect(63px, 9999px, 27px, 0)
    }

    25% {
        clip: rect(34px, 9999px, 55px, 0)
    }

    30.0% {
        clip: rect(86px, 9999px, 73px, 0)
    }

    35% {
        clip: rect(20px, 9999px, 20px, 0)
    }

    40% {
        clip: rect(26px, 9999px, 60px, 0)
    }

    45% {
        clip: rect(25px, 9999px, 66px, 0)
    }

    50% {
        clip: rect(57px, 9999px, 98px, 0)
    }

    55.0% {
        clip: rect(5px, 9999px, 46px, 0)
    }

    60.0% {
        clip: rect(82px, 9999px, 31px, 0)
    }

    65% {
        clip: rect(54px, 9999px, 27px, 0)
    }

    70% {
        clip: rect(28px, 9999px, 99px, 0)
    }

    75% {
        clip: rect(45px, 9999px, 69px, 0)
    }

    80% {
        clip: rect(23px, 9999px, 85px, 0)
    }

    85.0% {
        clip: rect(54px, 9999px, 84px, 0)
    }

    90% {
        clip: rect(45px, 9999px, 47px, 0)
    }

    95% {
        clip: rect(37px, 9999px, 20px, 0)
    }

    100% {
        clip: rect(4px, 9999px, 91px, 0)
    }
}

@keyframes glitch-animation-2 {
    0% {
        clip: rect(65px, 9999px, 100px, 0)
    }

    5% {
        clip: rect(52px, 9999px, 74px, 0)
    }

    10% {
        clip: rect(79px, 9999px, 85px, 0)
    }

    15.0% {
        clip: rect(75px, 9999px, 5px, 0)
    }

    20% {
        clip: rect(67px, 9999px, 61px, 0)
    }

    25% {
        clip: rect(14px, 9999px, 79px, 0)
    }

    30.0% {
        clip: rect(1px, 9999px, 66px, 0)
    }

    35% {
        clip: rect(86px, 9999px, 30px, 0)
    }

    40% {
        clip: rect(23px, 9999px, 98px, 0)
    }

    45% {
        clip: rect(85px, 9999px, 72px, 0)
    }

    50% {
        clip: rect(71px, 9999px, 75px, 0)
    }

    55.0% {
        clip: rect(2px, 9999px, 48px, 0)
    }

    60.0% {
        clip: rect(30px, 9999px, 16px, 0)
    }

    65% {
        clip: rect(59px, 9999px, 50px, 0)
    }

    70% {
        clip: rect(41px, 9999px, 62px, 0)
    }

    75% {
        clip: rect(2px, 9999px, 82px, 0)
    }

    80% {
        clip: rect(47px, 9999px, 73px, 0)
    }

    85.0% {
        clip: rect(3px, 9999px, 27px, 0)
    }

    90% {
        clip: rect(26px, 9999px, 55px, 0)
    }

    95% {
        clip: rect(42px, 9999px, 97px, 0)
    }

    100% {
        clip: rect(38px, 9999px, 49px, 0)
    }
}

.home-banner {
    position: relative;
    z-index: 99999
}

#mycursor,
.pointer {
    position: absolute;
    top: 0;
    left: 0
}

.pointer {
    z-index: 99
}

#mycursor {
    cursor: none;
    width: 37px;
    height: 38px;
    z-index: 9
}

.exp,
.grid-item {
    cursor: pointer
}

#mycursor .rel,
#mycursor .tri,
#mycursor .tri1 {
    position: relative
}

#mycursor .tri:after,
#mycursor .tri:before {
    content: '';
    background-color: rgba(255, 255, 255, .03);
    left: -942px;
    border-right: 1px solid rgba(195, 232, 255, .3);
    border-bottom: 1px solid rgba(195, 232, 255, .3)
}

#mycursor .rel {
    width: 100%
}

#mycursor .tri1:after,
#mycursor .tri1:before,
#mycursor .tri:after,
#mycursor .tri:before {
    right: 0;
    width: 1920px;
    height: 1920px;
    z-index: 99;
    position: absolute
}

#mycursor .tri:before {
    top: -2296px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

#mycursor .tri:after {
    display: block;
    bottom: -2337px;
    transform: rotate(45deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg)
}

#mycursor .tri1:after,
#mycursor .tri1:before {
    content: '';
    background-color: rgba(0, 0, 0, .5);
    top: -940px
}

#mycursor .tri1:before {
    left: 417px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg)
}

#mycursor .tri1:after {
    left: -2302px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

#our-service,
.bg1 {
    z-index: 99999
}

.worldmap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%
}

.home-banner:before {
    z-index: 9
}

.banner-text,
.exp-wrap {
    position: absolute;
    z-index: 999
}

.banner-text {
    top: 40%;
    left: 35px;
    color: #fff
}

.banner-text h1 {
    font-size: 40px;
    color: #fff
}

.banner-text h3 {
    font-size: 25px;
    color: #12a7d2
}

.lets-talk,
.lets-talk:focus,
.lets-talk:hover {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 95px;
    top: 44px;
    text-decoration: none;
    color: #fff;
    transition: .5s
}

.lets-talk {
    background-color: rgba(18, 167, 210, 0)
}

.lets-talk:hover {
    background-color: rgba(18, 167, 210, 1)
}

.exp-wrap {
    bottom: 60px;
    left: 45%;
    color: #12a7d2
}

.exp {
    background: rgba(18, 167, 210, 0);
}

.right-menu-web .exp:hover {
    background: linear-gradient(135deg, crimson, deepskyblue, yellowgreen) !important;
}

.exp {
    position: relative;
    width: 175px;
    border: 1px solid #12a7d2;
    font-size: 14px;
    color: #9eceff
}

.lets-talk:before {
    content: "";
    background-color: rgba(255, 255, 255, 1);
    height: 100%;
    width: 3.1em;
    display: block;
    top: 0
}

@keyframes shine {
    0% {
        background-color: #001f3f
    }

    100% {
        background-color: #12a7d2
    }
}

.lets-talk .exp p {
    margin: 3px 0;
    font-size: 14px
}

.lets-talk .exp {
    position: relative;
    width: 130px
}

.lets:after,
.lets:before,
.lets>:first-child:after,
.lets>:first-child:before {
    position: absolute;
    width: 10px;
    height: 10px;
    border-color: red;
    border-style: solid;
    content: ' '
}

.exp p {
    margin: 10px 0;
    font-size: 11px
}

.exp:after,
.exp:before,
.exp>:first-child:after,
.exp>:first-child:before {
    position: absolute;
    width: 10px;
    height: 10px;
    border-color: #12a7d2;
    border-style: solid;
    content: ' '
}

.exp-wrap:hover>.exp:after,
.exp-wrap:hover>.exp:before,
.exp-wrap:hover>.exp>:first-child:after,
.exp-wrap:hover>.exp>:first-child:before,
.lets-talk:hover>.exp:after,
.lets-talk:hover>.exp:before,
.lets-talk:hover>.exp>:first-child:after,
.lets-talk:hover>.exp>:first-child:before {
    border-color: transparent
}

.exp:before {
    top: 0;
    left: 0;
    border-width: 1px 0 0 1px
}

.exp:after {
    top: 0;
    right: 0;
    border-width: 1px 1px 0 0
}

.exp>:first-child:before {
    bottom: 0;
    right: 0;
    border-width: 0 1px 1px 0
}

.exp>:first-child:after {
    bottom: 0;
    left: 0;
    border-width: 0 0 1px 1px
}

.arrow5 {
    margin: 10px 0 0 85px
}

.point1 {
    top: 24%;
    left: 12%
}

.point2 {
    top: 66%;
    left: 50%
}

.point3 {
    top: 63%;
    left: 27%
}

.point4 {
    top: 23%;
    left: 55%
}

.point1,
.point2,
.point3,
.point4 {
    position: absolute;
    color: #fff;
    padding: 0;
    z-index: 9999999
}

.point-txt {
    padding: 0;
    display: none;
    background-color: transparent;
    z-index: 9999999
}

.point-txt1 {
    margin: -12px 0 0 -168px
}

.point-txt2 {
    margin: -7px 0 0 -130px
}

.point-txt3 {
    margin: -5px 0 0 -160px
}

.point-txt4 {
    margin: -12px 0 0 -112px
}

.point-rt1,
.point-rt2,
.point-rt3,
.point-rt4 {
    color: #ed2a28;
    font-family: Manrope
}

.point-rt1,
.point-rt2 {
    margin-right: 55px
}

.point-rt3 {
    margin-right: 45px
}

.point-rt4 {
    margin-right: 50px
}

.point-wt {
    color: #fff;
    font-family: Manrope
}

.point1 img,
.point2 img,
.point3 img,
.point4 img {
    -webkit-animation: grow 2s infinite;
    -moz-animation: grow 2s infinite;
    -ms-animation: grow 2s infinite;
    -o-animation: grow 2s infinite;
    animation: grow 2s infinite
}

.point-txt p {
    color: #12a7d2;
    font-size: 20px;
    margin: 10px 0 0 10px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    animation: type 2s steps(60, end)
}

.point-txt p:nth-child(2) {
    animation: type2 4s steps(60, end)
}

.point-txt p .hblink {
    animation: blink 1s infinite
}

.shape1 {
    background-color: #ed2a28;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.shape1:after,
.shape1:before {
    content: '';
    position: absolute;
    left: -9px;
    top: -9px;
    width: 25px;
    height: 25px;
    background-color: transparent
}

.shape1:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    border: 1px solid #ed2a28;
    z-index: 99
}

.shape1:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: 999
}

@keyframes type {
    from {
        width: 0
    }
}

@-moz-keyframes type {
    from {
        width: 0
    }
}

@-webkit-keyframes type {
    from {
        width: 0
    }
}

@-ms-keyframes type {
    from {
        width: 0
    }
}

@-o-keyframes type {
    from {
        width: 0
    }
}

@keyframes type2 {

    0%,
    50% {
        width: 0
    }

    100% {
        width: 100px
    }
}

@-moz-keyframes type2 {

    0%,
    50% {
        width: 0
    }

    100% {
        width: 100px
    }
}

@-webkit-keyframes type2 {

    0%,
    50% {
        width: 0
    }

    100% {
        width: 100px
    }
}

@-ms-keyframes type2 {

    0%,
    50% {
        width: 0
    }

    100% {
        width: 100px
    }
}

@-o-keyframes type2 {

    0%,
    50% {
        width: 0
    }

    100% {
        width: 100px
    }
}

@keyframes blink {
    to {
        opacity: 0
    }
}

@-moz-keyframes blink {
    to {
        opacity: 0
    }
}

@-webkit-keyframes blink {
    to {
        opacity: 0
    }
}

@-ms-keyframes blink {
    to {
        opacity: 0
    }
}

@-o-keyframes blink {
    to {
        opacity: 0
    }
}

@keyframes grow {

    0%,
    100% {
        width: 35px
    }

    50% {
        width: 40px
    }
}

@-moz-keyframes grow {

    0%,
    100% {
        width: 35px
    }

    50% {
        width: 40px
    }
}

@-webkit-keyframes grow {

    0%,
    100% {
        width: 35px
    }

    50% {
        width: 40px
    }
}

@-ms-keyframes grow {

    0%,
    100% {
        width: 35px
    }

    50% {
        width: 40px
    }
}

@-o-keyframes fadein {

    0%,
    100% {
        width: 35px
    }

    50% {
        width: 40px
    }
}

.marB5 {
    margin-bottom: 5px
}

.cltdiv-face,
.main-clt {
    margin-bottom: 5px !important
}

.prest-bg32 .detail-h1 {
    color: #d49e3c !important
}

.glitch-head {
    width: auto;
    display: inline-block;
    font-size: 45px !important
}

.glitch-head:after {
    left: 0 !important
}

.glitch-div {
    margin: 0 auto;
    padding: 0
}

.bajaj-awrd-bg {
    background: #00395e !important
}

.bajaj-award {
    padding-left: 45px
}

.bajaj-award li {
    color: #fff !important;
    padding-left: 20px
}

.bj-ret-cas {
    margin: 10px auto
}

.dotdashdiv {
    position: relative
}

.fundal,
.generator {
    position: absolute;
    bottom: 0
}

.abt-wrp {
    margin: 35px auto 15px;
}

.abt-wrp p {
    padding: 0 0 20px;
    margin: 0
}

.google-partner {
    height: 50px;
    display: inline-block
}

.puneet {
    padding: 50px 0 0
}

.puneet-img {
    margin: 0 auto;
    padding-top: 50px
}

.p-content {
    padding-bottom: 25px
}

.puneet .mem-detail-text {
    padding: 100px 0 0;
    float: left;
    width: auto;
    max-width: none
}

.padding-left-none {
    padding-left: 0
}

.puneet .mem-detail-text p {
    color: #9f9f9f
}

.puneet .exp {
    width: 116px
}

.puneet .exp p {
    margin: 3px 0;
    font-size: 14px;
    color: #9eceff !important
}

.puneet .exp:hover p {
    color: #000 !important;
    font-weight: 700 !important
}

.back-button {
    padding: 20px 15px
}

.back-button:hover {
    color: #FFF !important
}

.fundal {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 1;
    background-image: url(../images/glitch/1-mBTyNTN_zpsiefo4bt9.png);
    background-size: cover;
    background-color: transparent;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    -webkit-animation-name: ChangeImages;
    -moz-animation-name: ChangeImages;
    animation-name: ChangeImages;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes ChangeImages {
    0% {
        background-image: url(../images/glitch/1-mBTyNTN_zpsiefo4bt9.png)
    }

    8% {
        background-image: url(../images/glitch/2-GPXaMyS_zpsiby8mspn.png)
    }

    16% {
        background-image: url(../images/glitch/3-SsBA76T_zpsrloct8v7.png)
    }

    24% {
        background-image: url(../images/glitch/4-csh2jSg_zpsybpt4uhl.png)
    }

    32% {
        background-image: url(../images/glitch/5-4i4C71q_zpsq7h1ze0o.png)
    }

    40% {
        background-image: url(../images/glitch/6-Xtws8bS_zpswqs0dhix.png)
    }

    48% {
        background-image: url(../images/glitch/7-6Xdp2QO_zps93wsg2qd.png)
    }

    56% {
        background-image: url(../images/glitch/8-BYH1q0D_zpsxisjovmm.png)
    }

    64% {
        background-image: url(../images/glitch/9-ZxxIclG_zpsejtn4ee6.png)
    }

    82% {
        background-image: url(../images/glitch/10-KRyq2ZR_zpsk2xbrzhv.png)
    }

    90% {
        background-image: url(../images/glitch/11-5Pj3Ngu_zps003l5ghf.png)
    }

    98% {
        background-image: url(../images/glitch/12-faICtxF_zpswvuur0s1.png)
    }

    100% {
        background-image: url(../images/glitch/13-XufPGuT_zpskwrqxhng.png)
    }
}

@-moz-keyframes ChangeImages {
    0% {
        background-image: url(../images/glitch/1-mBTyNTN_zpsiefo4bt9.png)
    }

    8% {
        background-image: url(../images/glitch/2-GPXaMyS_zpsiby8mspn.png)
    }

    16% {
        background-image: url(../images/glitch/3-SsBA76T_zpsrloct8v7.png)
    }

    24% {
        background-image: url(../images/glitch/4-csh2jSg_zpsybpt4uhl.png)
    }

    32% {
        background-image: url(../images/glitch/5-4i4C71q_zpsq7h1ze0o.png)
    }

    40% {
        background-image: url(../images/glitch/6-Xtws8bS_zpswqs0dhix.png)
    }

    48% {
        background-image: url(../images/glitch/7-6Xdp2QO_zps93wsg2qd.png)
    }

    56% {
        background-image: url(../images/glitch/8-BYH1q0D_zpsxisjovmm.png)
    }

    64% {
        background-image: url(../images/glitch/9-ZxxIclG_zpsejtn4ee6.png)
    }

    82% {
        background-image: url(../images/glitch/10-KRyq2ZR_zpsk2xbrzhv.png)
    }

    90% {
        background-image: url(../images/glitch/11-5Pj3Ngu_zps003l5ghf.png)
    }

    98% {
        background-image: url(../images/glitch/12-faICtxF_zpswvuur0s1.png)
    }

    100% {
        background-image: url(../images/glitch/13-XufPGuT_zpskwrqxhng.png)
    }
}

@keyframes ChangeImages {
    z-index: 1;

    0% {
        background-image: url(../images/glitch/1-mBTyNTN_zpsiefo4bt9.png)
    }

    8% {
        background-image: url(../images/glitch/2-GPXaMyS_zpsiby8mspn.png)
    }

    16% {
        background-image: url(../images/glitch/3-SsBA76T_zpsrloct8v7.png)
    }

    24% {
        background-image: url(../images/glitch/4-csh2jSg_zpsybpt4uhl.png)
    }

    32% {
        background-image: url(../images/glitch/5-4i4C71q_zpsq7h1ze0o.png)
    }

    40% {
        background-image: url(../images/glitch/6-Xtws8bS_zpswqs0dhix.png)
    }

    48% {
        background-image: url(../images/glitch/7-6Xdp2QO_zps93wsg2qd.png)
    }

    56% {
        background-image: url(../images/glitch/8-BYH1q0D_zpsxisjovmm.png)
    }

    64% {
        background-image: url(../images/glitch/9-ZxxIclG_zpsejtn4ee6.png)
    }

    82% {
        background-image: url(../images/glitch/10-KRyq2ZR_zpsk2xbrzhv.png)
    }

    90% {
        background-image: url(../images/glitch/11-5Pj3Ngu_zps003l5ghf.png)
    }

    98% {
        background-image: url(../images/glitch/13-XufPGuT_zpskwrqxhng.png)
    }

    100% {
        background-image: url(../images/glitch/12-faICtxF_zpswvuur0s1.png)
    }
}

.generator {
    z-index: 3;
    pointer-events: none;
    color: #999
}

.glitch-p {
    color: #fff;
    padding: 20px;
    font-weight: 700;
    position: relative;
    width: auto;
    margin: 0 auto;
    max-width: 80%;
    background: rgba(0, 0, 0, .95);
    letter-spacing: 1px;
    z-index: 3
}

.glitch-p:after,
.glitch-p:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    color: #fff;
    overflow: hidden
}

@keyframes noise-anim {
    0% {
        clip: rect(94px, 9999px, 72px, 0)
    }

    5% {
        clip: rect(18px, 9999px, 70px, 0)
    }

    10% {
        clip: rect(66px, 9999px, 52px, 0)
    }

    15% {
        clip: rect(36px, 9999px, 23px, 0)
    }

    20% {
        clip: rect(88px, 9999px, 37px, 0)
    }

    25% {
        clip: rect(43px, 9999px, 91px, 0)
    }

    30% {
        clip: rect(15px, 9999px, 82px, 0)
    }

    35% {
        clip: rect(3px, 9999px, 41px, 0)
    }

    40% {
        clip: rect(3px, 9999px, 73px, 0)
    }

    45% {
        clip: rect(38px, 9999px, 7px, 0)
    }

    50% {
        clip: rect(51px, 9999px, 82px, 0)
    }

    55% {
        clip: rect(26px, 9999px, 77px, 0)
    }

    60% {
        clip: rect(89px, 9999px, 24px, 0)
    }

    65% {
        clip: rect(33px, 9999px, 33px, 0)
    }

    70% {
        clip: rect(80px, 9999px, 97px, 0)
    }

    75% {
        clip: rect(74px, 9999px, 54px, 0)
    }

    80% {
        clip: rect(63px, 9999px, 98px, 0)
    }

    85% {
        clip: rect(69px, 9999px, 66px, 0)
    }

    90% {
        clip: rect(11px, 9999px, 62px, 0)
    }

    95% {
        clip: rect(39px, 9999px, 48px, 0)
    }

    100% {
        clip: rect(70px, 9999px, 56px, 0)
    }
}

.glitch-p:after {
    left: 2px;
    text-shadow: -1px 0 red;
    background: #000;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite linear alternate-reverse
}

@keyframes noise-anim-2 {
    0% {
        clip: rect(61px, 9999px, 15px, 0)
    }

    5% {
        clip: rect(59px, 9999px, 50px, 0)
    }

    10% {
        clip: rect(17px, 9999px, 65px, 0)
    }

    15% {
        clip: rect(13px, 9999px, 82px, 0)
    }

    20% {
        clip: rect(76px, 9999px, 50px, 0)
    }

    25% {
        clip: rect(61px, 9999px, 17px, 0)
    }

    30% {
        clip: rect(68px, 9999px, 24px, 0)
    }

    35% {
        clip: rect(80px, 9999px, 33px, 0)
    }

    40% {
        clip: rect(68px, 9999px, 33px, 0)
    }

    45% {
        clip: rect(84px, 9999px, 33px, 0)
    }

    50% {
        clip: rect(53px, 9999px, 18px, 0)
    }

    55% {
        clip: rect(58px, 9999px, 50px, 0)
    }

    60% {
        clip: rect(51px, 9999px, 67px, 0)
    }

    65% {
        clip: rect(30px, 9999px, 27px, 0)
    }

    70% {
        clip: rect(31px, 9999px, 2px, 0)
    }

    75% {
        clip: rect(14px, 9999px, 28px, 0)
    }

    80% {
        clip: rect(46px, 9999px, 24px, 0)
    }

    85% {
        clip: rect(74px, 9999px, 16px, 0)
    }

    90% {
        clip: rect(86px, 9999px, 72px, 0)
    }

    95% {
        clip: rect(37px, 9999px, 59px, 0)
    }

    100% {
        clip: rect(3px, 9999px, 90px, 0)
    }
}

.glitch-p:before {
    left: -2px;
    text-shadow: 1px 0 #00f;
    background: rgba(0, 0, 0, .25);
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim-2 3s infinite linear alternate-reverse
}

.glitch-p a {
    color: #7bbd39 !important;
    border-bottom: 1px solid #7bbd39
}

.glitch-p a:hover {
    color: #11a6d2 !important;
    border-bottom: 1px solid #11a6d2
}

.col-data:after,
.col-data:before,
.even-brdr:after,
.odd-brdr:before {
    border-style: solid;
    content: ' '
}

.col-data:after,
.col-data:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: #8cc641
}

.our-offerings {
    margin: 15px auto;
    float: none
}

.col-1,
.offer-details .inner-col h3 {
    float: left
}

.our-offerings h2 {
    color: #10a4d1;
    padding-top: 15px;
    letter-spacing: -5px;
    text-transform: uppercase
}

.our-offerings p {
    color: #fff
}

#our-offerings {
    background: url(../images/wht-we-do-bg.jpg) no-repeat;
    background-size: cover;
    padding: 7% 0
}

.icon-white {
    display: none
}

.col-data:before {
    top: 0;
    right: 0;
    border-width: 3px 3px 0 0
}

.col-data:after {
    bottom: 0;
    left: 0;
    border-width: 0 0 3px 3px
}

.even-brdr:after,
.odd-brdr:before {
    position: absolute;
    width: 50%;
    height: 50%;
    border-color: #d11619;
    transition: .4s
}

.odd-brdr:before {
    top: -8px;
    right: -8px;
    border-width: 1px 1px 0 0
}

.even-brdr:after {
    bottom: -8px;
    left: -8px;
    border-width: 0 0 1px 1px
}

.col-1,
.nav-ul {
    position: relative
}

.col-1 {
    width: 14%;
    display: inline-block;
    margin: 10px 3%
}

.inner-color {
    background: url(../images/offerings/bg-1.jpg) no-repeat;
    background-size: cover
}

.inner-wht {
    background: url(../images/offerings/bg-2.jpg) no-repeat;
    background-size: cover
}

.inner-col h3 {
    color: #0f9bcd;
    padding: 0 0 15px;
    font-size: 18px
}

.offer-details .odd-brdr:before {
    width: 22%;
    height: 60%
}

.inner-wht h3 {
    color: #fff
}

.inner-wht .icon-color {
    display: none
}

.inner-wht .icon-white {
    display: inline-block
}

.inner-col a {
    padding: 15px 10px;
    display: block
}

.inner-col p {
    text-align: right;
    padding: 0;
    margin: 0
}

.offering {
    margin: 50px 0;
    overflow: hidden
}

.nav-ul {
    text-align: center;
    list-style-type: none
}

.nav-ul li {
    display: inline-block;
    padding: 10px 15px
}

.nav-details {
    margin: 20px 0 0
}

.nav-ul li a {
    color: #1290be;
    border-bottom: 1px solid transparent;
    font-size: 16px
}

.nav-ul li a:hover,
.nav-ul li.active a {
    display: inline-block;
    color: #fff !important;
    border-bottom: 1px solid #d11619
}

.offer-wrap {
    margin: 25px 0 10px;
    background: #191b2d;
    padding: 20px 15px 10px
}

.offer-wrap ul {
    margin: 0
}

.offer-data p {
    color: #fff
}

.offer-wrap ul li {
    list-style-type: none;
    display: inline-block;
    color: #fff;
    padding: 0 5px 10px 15px;
    background: url(../images/offerings/list-icon.png) 0 5px no-repeat;
    vertical-align: top
}

.padd1 {
    padding: 10px 10px 5px 2px !important
}

.padd2 {
    padding: 10px 2px 5px 10px !important
}

.offer-data .triangle2 {
    bottom: 0;
    border-width: 0 0 50px 50px
}

.offer-link h3 {
    color: #ffffff;
    /* text-transform: uppercase; */
    padding: 10px;
    font-size: 32px
}

.offer-link a {
    background-image: url(../images/arrow1.png);
    background-repeat: no-repeat;
    font-size: 14px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    display: inline-block;
    padding: 0 5px 30px;
    background-position: 10px 20px
}

.offer-link a:hover {
    background-image: url(../images/arrow2.png)
}

.active1 {
    background: url(../images/offerings/bg-2.jpg) no-repeat !important;
    background-size: cover !important
}

.active1 h3 {
    color: #fff !important;
    font-size: 18px !important
}

.active1 .icon-color {
    display: none
}

.active1 .icon-white {
    display: inline-block
}

.our-offerings h2 {
    font-size: 48px !important
}

@media screen and (min-width:768px) {
    .offer-wrap ul li {
        width: 31%;
        list-style-type: none;
        display: inline-block
    }

    .offer-data .grid-item,
    .offer-data .grid-sizer {
        width: 50%
    }

    .offer-details .col-1 {
        width: 18%;
        margin: 0 1%
    }
}

@media screen and (max-width:600px) {
    .col-1 {
        width: 42%;
        margin: 10px 3%;
        height: 129px !important
    }

    .inner-col h3 {
        font-size: 20px;
        float: none !important
    }

    .offer-wrap ul li {
        width: 100%
    }
}

@media screen and (min-width:600px) and (max-width:991px) {
    .col-1 {
        width: 43%;
        margin: 10px 3%
    }
}

@media screen and (max-width:480px) {
    .wrapper-pnf h1 {
        font-weight: 900;
        font-size: 32px !important
    }

    .wrapper-pnf {
        padding: 40% 0 20% !important
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .wrapper-pnf h1 {
        font-weight: 900;
        font-size: 60px !important
    }

    .wrapper-pnf {
        padding: 20% 0 !important
    }
}

@media screen and (max-width:320px) {
    .video-thumb {
        padding: 20px 0
    }

    .greytriangle2 {
        bottom: 117px !important
    }

    .ourwork h2 {
        font-size: 50px
    }

    .wrk1 p.casestudy,
    .wrk2 p.casestudy {
        margin: 50px 0 !important
    }

    .div .client-name,
    div .client-name-top {
        display: block
    }

    .grid-item p {
        bottom: 10px !important
    }

    .dotdash {
        padding: 0 !important
    }

    .item .col-md-3 .clt-img,
    .item .col-md-4 .clt-img,
    .item .col-md-5 .clt-img,
    .item .col-md-7 .clt-img {
        padding-left: 15% !important
    }

    .client1,
    .client2,
    .client3,
    .client4,
    .client5,
    .client6,
    .client7 {
        padding: 0 !important
    }

    .glitch-head {
        font-size: 27px !important
    }
}

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

    .mem-detail-img,
    .mem-detail-img img {
        max-width: 160px;
        float: none
    }

    .video-thumb {
        padding: 20px 0
    }

    .google-partner {
        float: right
    }

    .greytriangle2 {
        bottom: 98px
    }

    .wrk4 a,
    .wrk5 a,
    .wrk6 a {
        padding: 5px 0 !important
    }

    .wrk1 .group-case,
    .wrk2 .group-case,
    .wrk3 .group-case {
        height: 88%
    }

    .footer-social {
        margin: 6px 0 10px;
        float: none !important
    }

    div.cont {
        font-size: 16px !important;
        min-width: 240px !important
    }

    .footer p,
    footer p {
        text-align: right;
        padding: 10px 20px 0 0 !important
    }

    .bg3:after,
    .bg3:before,
    .bg3>:first-child:after,
    .bg3>:first-child:before {
        margin: 0 -30px !important
    }

    .dotdash:before {
        right: 20px
    }

    .dotdash:after {
        left: 19px
    }

    .mem-detail-img {
        width: 100%;
        margin: 0 auto
    }

    .puneet .mem-detail-text {
        padding: 34px 0 0
    }

    .mem-detail-text {
        padding: 0 20px 25px;
        float: none;
        width: 100%
    }

    .team-wrapper {
        margin: 20px auto
    }

    .boss img,
    .team-wrap-2 img,
    .team-wrap-4 img {
        width: 100%
    }

    .wrk1,
    .wrk2,
    .wrk3,
    .wrk4,
    .wrk5 {
        width: 100% !important;
        padding: 0 0 10px !important
    }

    .wrk4 span,
    .wrk5 span,
    .wrk6 span {
        font-size: 20px !important
    }

    .wrk3 .group-case {
        width: 94% !important;
        margin: 20px 12px !important;
        height: 83% !important
    }

    .contactdiv,
    .getin-text {
        margin: 20px auto
    }

    .clienthead h2,
    .getin h2,
    .services h2 {
        font-size: 50px
    }

    .dotdash {
        padding: 20px
    }

    .grid-item span {
        display: block
    }

    .bmm-triangle {
        border-width: 0 0 20px 20px
    }

    .bigcty-triangle {
        border-width: 20px 20px 0 0
    }

    .titan-triangle {
        border-width: 20px 0 0 20px
    }

    .techtriangle2,
    .triangle1 {
        border-width: 30px 30px 0 0
    }

    .triangle2 {
        border-width: 0 0 50px 50px
    }

    .blutriangle2 {
        border-width: 50px 0 0 50px
    }

    .blutriangle1 {
        border-width: 0 30px 30px 0
    }

    .wrk1 a,
    .wrk3 a,
    .wrk4 a,
    .wrk5 a,
    .wrk6 a,
    div.wrk2 a {
        padding-top: 5px
    }

    .wrk1 p.casestudy,
    .wrk2 p.casestudy,
    .wrk4 p.casestudy,
    .wrk5 p.casestudy,
    .wrk6 p.casestudy {
        margin: 70px 0 !important
    }

    .client2,
    .client4,
    .client5,
    .client7 {
        padding-left: 0 !important
    }

    .left14 {
        left: 9px !important
    }

    .wbot-left,
    .wbot-right,
    .wtop-left,
    .wtop-right {
        display: block !important
    }

    .mani-img {
        width: 60% !important;
        left: 20% !important
    }

    .bigc {
        width: 30% !important;
        left: 35%;
        top: 20% !important
    }

    .feath,
    .subl,
    .tit {
        top: 23% !important
    }

    .subl,
    .tit {
        width: 45% !important;
        left: 25% !important
    }

    .feath {
        left: 18% !important;
        width: 60% !important
    }

    .zap {
        top: 27% !important
    }

    .greytext {
        text-align: center
    }

    .fellows {
        width: 23% !important;
        left: 34% !important
    }

    .ashoka,
    .meldr {
        left: 32% !important
    }

    .ashoka {
        width: 30% !important
    }

    .meldr {
        width: 26% !important
    }

    .nitesh {
        width: 41% !important;
        left: 25% !important
    }

    .bajaj {
        width: 60% !important;
        left: 17% !important
    }

    .sbi {
        width: 37% !important;
        left: 26% !important
    }

    .cltdiv-face .col-xs-4,
    .cltdiv-face .col-xs-8 {
        width: 100%;
        padding: 0
    }

    .item .client1 .clt-img,
    .item .client2 .clt-img,
    .item .client3 .clt-img,
    .item .client4 .clt-img,
    .item .client5 .clt-img,
    .item .client6 .clt-img,
    .item .client7 .clt-img {
        padding-left: 23%
    }

    .bg33 h2,
    .glitch-head {
        font-size: 27px !important
    }
}

@media screen and (min-width:500px) {
    .footer {
        text-align: right
    }

    .footer p {
        display: inline-block
    }

    .google-partner {
        margin: 0 25px
    }
}

@media screen and (min-width:320px) and (max-width:640px) {
    .our-offerings h2 {
        font-size: 39px !important
    }
}

@media screen and (min-width:500px) and (max-width:640px) {
    div.cont {
        padding: 5px 0;
        font-size: 20px;
        min-width: 222px
    }

    .video-thumb {
        padding: 20px 0
    }
}

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

    .mem-detail-img,
    .mem-detail-text {
        float: none;
        width: 100%
    }

    .video-thumb {
        padding: 20px 0
    }

    .greytriangle2 {
        bottom: 77px
    }

    .wrk4 .img-work img {
        padding: 0 5px 0 0
    }

    .wrk5 .img-work img,
    .wrk6 .img-work img {
        padding: 0 0 0 5px
    }

    .year2-wrap {
        margin-left: 10% !important
    }

    .year3-wrap {
        margin-left: 20% !important
    }

    .year4-wrap {
        margin-left: 40% !important
    }

    .year5-wrap {
        margin-left: 50% !important
    }

    .mem-detail-img img {
        max-width: 200px;
        float: none;
        margin-left: 50px
    }

    .mem-detail-text {
        padding: 25px 50px
    }

    .team-wrapper {
        margin: 20px auto
    }

    .boss img,
    .team-wrap-2 img,
    .team-wrap-4 img {
        width: 100%
    }

    .wrk1,
    .wrk2 {
        width: 50% !important
    }

    .wrk4,
    .wrk5,
    .wrk6 {
        width: 33.3%
    }

    .wrk1 p.casestudy,
    .wrk2 p.casestudy,
    .wrk4 p.casestudy,
    .wrk5 p.casestudy,
    .wrk6 p.casestudy {
        margin: 50px 0 !important
    }

    a.link-more {
        padding-top: 5px !important
    }

    .group-case h4 {
        margin: 20px !important
    }

    .padLR10 {
        padding: 0 10px !important
    }

    .wrk5 .group-case {
        width: 93%
    }

    .wrk4 span,
    .wrk5 span,
    .wrk6 span {
        font-size: 15px;
        padding-right: 10px !important;
        padding-left: 0 !important
    }

    .wrk4 .readmore,
    .wrk5 .readmore,
    .wrk6 .readmore {
        right: 0 !important
    }

    .wrk4 p.casestudy,
    .wrk5 p.casestudy,
    .wrk6 p.casestudy {
        font-size: 20px
    }

    .wrk4 .group-case h4,
    .wrk5 .group-case h4,
    .wrk6 .group-case h4 {
        margin: 13px !important
    }

    .wrk4 a,
    .wrk5 a,
    .wrk6 a {
        padding: 0 !important
    }

    .wrk1 {
        padding: 0 5px 0 0
    }

    .wrk2 {
        padding: 0 0 0 5px
    }

    .contactdiv,
    .getin {
        width: 50% !important
    }

    .contactdiv {
        margin: 50px auto
    }

    .getin h2 {
        font-size: 50px !important
    }

    .clienthead p,
    .ourwork p,
    .services p {
        position: absolute
    }

    .dotdash {
        padding: 15px !important;
        margin: 22px 90px !important
    }

    .bg3:before {
        top: 52px;
        left: 118px
    }

    .bg3>:first-child:before {
        bottom: 51px;
        right: 120px
    }

    .bg3:after {
        top: 50px;
        right: 119px
    }

    .bg3>:first-child:after {
        bottom: 51px;
        right: 89px
    }

    .bg3 .dotdashdiv:before,
    .dotdash:after {
        left: 89px
    }

    .dotdash:before {
        right: 89px
    }

    div.grid-bor {
        top: 13px;
        bottom: 13px;
        left: 13px;
        right: 13px
    }

    .client1,
    .client2,
    .client3,
    .client4,
    .client5,
    .client6,
    .client7 {
        padding: 0 5px 0 0 !important
    }

    .item .client1 .clt-img,
    .item .client2 .clt-img,
    .item .client3 .clt-img,
    .item .client4 .clt-img,
    .item .client5 .clt-img,
    .item .client6 .clt-img,
    .item .client7 .clt-img {
        padding-left: 21%
    }
}

@media screen and (max-width:767px) {
    .contact-map {
        position: absolute;
        top: 49px;
        right: 15px
    }

    .other-branch address {
        padding: 25px;
        background-color: rgba(66, 66, 66, .6) !important;
        margin-bottom: 20px
    }

    .other-branch {
        max-width: 400px;
        background-color: transparent !important
    }

    .getin-text a,
    .getin-text a:hover {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .clienthead a,
    .services a,
    div.bg2 a {
        background-image: url(../images/arrow3.png)
    }

    .clienthead a:hover,
    .services a:hover,
    div.bg2 a:hover {
        background-image: url(../images/arrow4.png);
        background-repeat: no-repeat
    }

    div.bg2 a {
        padding: 4.255vw 10.2vw 1vw 2vw !important;
        font-size: 1.3vw !important;
        background-position: center right 0px !important;
        background-size: 29px auto !important;
        transition: .5s ease-in-out;
        background-repeat: no-repeat;
        text-decoration: none;
        outline: 0;
        list-style: none;
        float: left;
        outline-offset: -2px;
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
        margin-left: -5px !important;
    }

    .rotate-img {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    #mycursor,
    .desk-ban,
    .exp-wrap,
    .lets-talk,
    .point1,
    .point2,
    .point3,
    .point4 {
        display: none !important
    }

    .banner-text {
        left: 15px;
        padding: 15px 0
    }

    .mob-ban {
        display: block
    }

    .banner-text h1 {
        font-size: 22px
    }

    .banner-text h3 {
        font-size: 18px
    }

    .wrap68 {
        margin: 0 0 50px;
        padding: 0
    }

    .wrap68 p {
        padding: 10px 10px 10px 0
    }

    .cross1 {
        display: none
    }

    .mem-wrap {
        display: none !important
    }

    .techtriangle1,
    div.bott {
        display: none
    }

    .expert1,
    .expert10,
    .expert11,
    .expert12,
    .expert2,
    .expert3,
    .expert4,
    .expert5,
    .expert6,
    .expert7,
    .expert8,
    .expert9 {
        font-size: 15px;
        margin: 0 15px 5px 20px;
        float: none;
        padding: 0 10px 5px;
        width: 200px
    }

    .contact-form .form-control,
    .contact-form label {
        float: none;
        width: 100%
    }

    .expert13,
    .expert14 {
        margin: 0 15px 5px 20px;
        float: none;
        padding: 0 10px 5px
    }

    .expert-left h2,
    .expert-right h2 {
        font-size: 42px !important
    }

    .padBB5 {
        padding: 5px 0 !important
    }

    .pad-b5 {
        padding: 0 0 5px
    }

    .bg39 {
        background-image: url(../images/mob-bg11.jpg)
    }

    .padd22 {
        padding: 50px 0
    }

    .contact-form label {
        font-size: 16px;
        margin: 8px 0 0
    }

    .detail-h1 {
        font-size: 40px
    }

    .bg33 h3 {
        font-size: 33px
    }

    .bg33 h2 {
        font-size: 38px
    }

    .padd31 {
        padding: 20px 15px !important
    }

    .img10 {
        margin: 20px 0
    }

    .bg35,
    .bg37,
    .padd32 {
        padding: 25px !important
    }

    .bg-cli,
    .section4,
    .services,
    .work1 {
        height: auto !important
    }

    .triangle2 {
        bottom: 0 !important;
        top: inherit
    }

    .group-case {
        border: 1px solid #a30b0c !important
    }

    .case-bor {
        width: 20px !important;
        height: 20px !important
    }

    .wrk2,
    .wrk5 {
        padding: 0
    }

    .wrk3 .group-case {
        width: 94%;
        margin: 20px
    }

    .wrk1 h4,
    .wrk2 h4,
    .wrk3 h4,
    .wrk4 h4,
    .wrk5 h4,
    .wrk6 h4 {
        margin: 25px !important
    }

    .wrk1 p.casestudy,
    .wrk2 p.casestudy,
    .wrk4 p.casestudy,
    .wrk5 p.casestudy,
    .wrk6 p.casestudy {
        margin: 100px 0
    }

    .wrk3 p.casestudy {
        margin: 70px 0 !important
    }

    .dotdash {
        padding: 50px 20px
    }

    .row.reorder-xs {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        direction: rtl
    }

    .row.reorder-xs>[class*=col-] {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        direction: ltr
    }

    .clienthead,
    .ourwork,
    .services {
        padding: 50px 20px !important
    }

    .clienthead p,
    .ourwork p,
    .services p {
        bottom: 0;
        position: relative;
        width: 100%
    }

    .bg4,
    .bg8,
    .work1 {
        min-height: 250px
    }

    .grid-item p {
        display: block !important;
        margin: 0;
        right: 0
    }

    .portea p {
        bottom: 0
    }

    .grid-item span {
        padding-right: 35px
    }

    .client-name-top {
        top: 20px;
        left: 20px
    }

    .client-name {
        display: none !important
    }

    .client-name-top,
    .grid-bor,
    .micon,
    .work-bor {
        display: block !important
    }

    .grid-item p {
        bottom: 10% !important;
        width: 100%
    }

    .work-bor {
        width: 20px;
        height: 20px
    }

    .bigcty-triangle {
        border-width: 30px 0 0
    }

    .bmm-triangle {
        border-width: 0 0 30px 30px
    }

    .grid-item {
        float: left;
        position: relative !important;
        width: 100%;
        left: 0 !important;
        top: 0 !important;
        max-width: 100%
    }

    .grid-item a {
        float: right;
        background-position: bottom right
    }

    .clt-mani {
        width: 60%
    }

    .bajaj,
    .clt-schn,
    .clt-zap {
        width: 50%;
        left: 23%
    }

    .commune {
        width: 45%;
        left: 25%
    }

    .nitesh {
        width: 35%;
        left: 29%
    }

    .berserk,
    .kurlon {
        width: 40%;
        left: 27%
    }

    .clt-bigc,
    .sbi {
        width: 25%;
        left: 33%
    }

    .meldr {
        width: 22%;
        left: 35%
    }

    .clt-feath,
    .clt-subl,
    .clt-tit {
        width: 35%;
        left: 27%
    }

    .clt-mani-img {
        width: 50%;
        left: 25%
    }

    .clt-face1 {
        padding: 15px 30px !important
    }

    .ashoka {
        width: 24%;
        left: 35%
    }

    .fellows {
        width: 15%;
        left: 38%
    }

    .top14 {
        top: 14px !important
    }

    .right-14 {
        right: 14px !important
    }

    .clt-padL5,
    .clt-padR5 {
        padding: 0
    }

    .pad-L10 {
        padding-left: 10px !important
    }

    .clt-sub {
        max-width: 50% !important
    }

    .clientd {
        background-image: url(../images/bgclient.jpg);
        background-repeat: repeat;
        text-align: center
    }

    .header-social {
        display: none !important
    }

    .footer-social {
        display: inline-block !important;
        list-style: none;
        transition: .5s;
        position: inherit !important;
        float: left;
        padding: 0;
        margin: 6px 0 0 !important;
        text-align: left
    }

    footer {
        padding-top: 5px !important
    }

    .social-circle li a {
        width: 35px !important;
        height: 35px !important
    }
}

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

    .clt-menu>ul>a>li,
    .clt-menu>ul>a>li:hover {
        background-image: none !important
    }

    .wrapper-pnf h1 {
        font-weight: 900;
        font-size: 90px !important
    }

    .padd56 {
        padding: 100px 0 0 25px
    }

    .green-border {
        border-right: 1px solid #ffffff;
        min-height: 246px
    }

    .google-partner {
        float: left
    }

    .bajaj-bg33 .ht2 {
        padding-bottom: 50px
    }

    .bajaj2-bg33 .ht2 {
        padding-bottom: 100px
    }

    .man-bg33 .ht2 {
        padding-bottom: 130px
    }

    .wrk5 {
        padding: 0 10px
    }

    .padLR10 {
        padding: 0 10px !important
    }

    .desk-ban {
        display: block
    }

    .footer-social,
    .mob-ban {
        display: none
    }

    .padT5 {
        padding-top: 5px
    }

    .desk-right {
        float: right
    }

    .wrk1 {
        padding: 0
    }

    .wrk2 {
        padding: 0 0 10px 5px
    }

    .wrk4 {
        padding: 10px 5px 0
    }

    .clienthead,
    .ourwork,
    .services {
        position: absolute
    }

    .bot-9 {
        bottom: 9px !important
    }

    .clt-header .menu {
        width: auto;
        top: 43px
    }

    .clt-menu>ul>a>li {
        font-size: 13px !important
    }

    .clt-padR5 {
        padding-right: 5px;
        padding-left: 0
    }

    .clt-padL5 {
        padding-left: 5px;
        padding-right: 0
    }

    .left-14 {
        left: 14px !important
    }

    .right14 {
        right: 14px !important
    }

    .item .col-md-7 .clt-img {
        padding-left: 25% !important
    }

    .item .col-md-5 .clt-img {
        padding-left: 15% !important
    }

    .padd51 {
        padding-right: 8px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .left-darks,
    .right-darks {
        min-height: unset !important;
        text-align: center
    }

    .left-darks,
    .right-darks,
    .what-makes-us-box h3,
    .why-do-you-box h3,
    .why-do-you-content p {
        text-align: center
    }

    .head-seo-service {
        padding: 10px
    }

    .head-seo-service h2 {
        font-size: 27px
    }

    .head-seo-service p,
    .left-darks p,
    .right-darks p {
        font-size: 18px
    }

    .left-darks {
        padding: 10px !important
    }

    .left-darks p {
        padding: 10px 0 0;
        margin: 0
    }

    .right-darks {
        padding: 10px !important
    }

    .right-darks p {
        margin: 0;
        padding: 10px 0 0
    }

    .btm-space-seo {
        margin-bottom: 40px !important
    }

    .green-border {
        min-height: 355px !important
    }

    .form-free::after,
    .form-free::before {
        left: 0 !important
    }

    .text-box-analysis::after,
    .text-box-analysis::before {
        right: 0 !important
    }

    .form-free {
        margin: 0 0 55px !important
    }

    #free-seo-analysis .top-space-seo {
        padding: 0
    }

    .bg3 .dotdashdiv:after,
    .dotdash:before {
        right: 19px
    }

    .bg3 .dotdashdiv:before,
    .dotdash:after {
        left: 19px
    }

    .year2-wrap {
        margin-left: 20% !important
    }

    .year3-wrap {
        margin-left: 40% !important
    }

    .year4-wrap {
        margin-left: 60% !important
    }

    .year5-wrap {
        margin-left: 70% !important
    }

    .mem-detail-text {
        padding: 35px 0 0 35px
    }

    .mem-wrap {
        display: none !important
    }

    .dotdash {
        padding: 45px
    }

    .bg37 {
        padding: 20px 50px
    }

    .bg35 {
        padding: 62px 50px
    }

    .img10 {
        margin: 67% 0 0
    }

    .wrk4 .span-more,
    .wrk5 .span-more,
    .wrk6 .span-more {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .clt-subl {
        top: 36%
    }

    .team-wrapper {
        margin: 20px auto
    }

    .boss img,
    .team-wrap-2 img,
    .team-wrap-4 img {
        width: 100%
    }

    .seo-form-begin h1 {
        font-size: 30px !important;
        padding: 20px 0 !important
    }

    .content-seo p {
        margin: 0;
        padding: 10px 0 0;
        font-size: 18px !important
    }

    .content-seo p:first-child {
        padding: 0
    }

    .content-seo p:last-child {
        padding: 0 0 30px
    }

    .gap-seo-content {
        margin-bottom: 40px !important
    }

    #seo-content-sec .row>.top-space-seo:first-child {
        margin-top: 40px !important
    }

    #seo-content-sec .row>.top-space-seo:last-child {
        margin-top: 10px !important
    }

    .secon-sec-content p,
    .what-make-content p {
        font-size: 18px !important;
        margin: 0 0 10px !important;
        text-align: center
    }

    .why-content-row {
        margin-top: 0 !important;
        margin-bottom: 20px !important
    }

    .why-do-you-content p {
        font-size: 18px !important;
        margin: 0 0 10px !important
    }
}

@media screen and (max-width:991px) {
    .soc-h4 {
        padding: 0 15px 15px
    }

    .case-icon-wrap p {
        margin: 10px 0 10px 50px
    }

    .dotdash h4 {
        font-size: 16px
    }

    .dotdash p {
        font-size: 12px
    }

    .exwrap1,
    .exwrap2,
    .exwrap3,
    .exwrap4,
    .exwrap5,
    .exwrap6 {
        background-image: none !important;
        height: auto !important
    }

    .expert-left img,
    .expert-right img {
        width: 100%;
        margin: 0 0 25px
    }

    .expert1-wrap,
    .expert10-wrap,
    .expert11-wrap,
    .expert12-wrap,
    .expert2-wrap,
    .expert3-wrap,
    .expert4-wrap,
    .expert5-wrap,
    .expert6-wrap,
    .expert7-wrap,
    .expert8-wrap,
    .expert9-wrap {
        padding: 0 !important
    }

    .expert-left h2,
    .expert-right h2 {
        padding-left: 20px
    }

    .expert1,
    .expert10,
    .expert12,
    .expert2,
    .expert4,
    .expert6,
    .expert7,
    .expert8,
    .expert9 {
        margin-left: 20px
    }

    .expert-left p,
    .expert-right p {
        padding: 0 20px 20px;
        margin: 0
    }

    .bg50 {
        padding: 50px 0
    }

    .cltsvg1,
    .cltsvg2,
    .svg1,
    .svg2 {
        display: none
    }

    .cltsvg3,
    .svg3 {
        display: block !important
    }

    .client {
        padding: 10em 1em !important
    }

    .wrk4 a,
    .wrk5 a,
    .wrk6 a {
        padding: 0 !important
    }

    .wrk3 .group-case {
        width: 96%
    }

    .dotdash {
        border: 1px solid #a30b0c;
        margin: 20px
    }

    p.casestudy {
        font-size: 20px !important;
        margin: 70px auto !important
    }

    .wrk4 span,
    .wrk5 span,
    .wrk6 span {
        font-size: 15px
    }

    .grid-item p {
        right: 20px
    }

    .portea .client-name-top {
        top: 20px;
        left: 20px
    }
}

.soc-h4 {
    color: #10a4d1;
    font-size: 22px;
    font-weight: 700
}

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

    .cnt-map1,
    .contact-map {
        position: absolute;
        right: 25px
    }

    .contact-map {
        top: 0
    }

    .cnt-map1 {
        top: 25px
    }

    .exwrap {
        padding-top: 7%
    }

    .exwrap1 {
        padding-top: 4%
    }

    .expert-left img,
    .expert-right img {
        display: none
    }

    .expert-left {
        padding-left: 50px;
        float: left;
        width: 50%
    }

    .expert-right {
        padding-right: 50px;
        float: right;
        width: 50%
    }

    .year2-wrap {
        margin-left: 20% !important
    }

    .year3-wrap {
        margin-left: 40% !important
    }

    .year4-wrap {
        margin-left: 60% !important
    }

    .year5-wrap {
        margin-left: 75% !important
    }

    .contact-form label {
        width: 25%
    }

    .contact-form .form-control {
        width: 75%;
        float: right;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {

    .left-darks,
    .right-darks {
        padding: 20px !important
    }

    .form-free::after,
    .form-free::before {
        left: 0 !important
    }

    .text-box-analysis::after,
    .text-box-analysis::before {
        right: 0 !important
    }

    .form-free {
        margin: 0 0 55px !important
    }

    #free-seo-analysis .top-space-seo {
        padding: 0
    }

    .dotdash {
        padding: 50px 0
    }

    .seo-form-begin h1 {
        font-size: 32px !important;
        padding: 20px 0 !important
    }

    .content-seo p {
        font-size: 21px !important
    }

    .newseoform h3 {
        font-size: 22px !important;
        text-align: left !important
    }

    .cltsvg1,
    .cltsvg3,
    .svg1,
    .svg3 {
        display: none
    }

    .cltsvg2,
    .svg2 {
        display: block !important
    }

    .wrk4 span,
    .wrk5 span,
    .wrk6 span {
        padding: 0 !important
    }

    .team-wrapper {
        margin: 20px auto
    }

    .boss img,
    .team-wrap-2 img,
    .team-wrap-4 img {
        width: 100%
    }

    .mem-wrap .name {
        width: 120px
    }

    .mem-wrap {
        background-image: url(../images/cross.png);
        background-repeat: no-repeat
    }

    .boss .mem-wrap {
        background-position: 0 -2px
    }

    .team-wrap-2 .mem-wrap {
        background-position: -92px -66px
    }

    .team-wrap-4 .mem-wrap {
        background-position: 0 -83px
    }

    .what-makes-us-box h3,
    .why-do-you-box h3 {
        font-size: 20px !important
    }

    .secon-sec-content p,
    .what-make-content p,
    .why-do-you-content p {
        font-size: 21px !important
    }

    .why-do-you-content p:last-child {
        margin-bottom: 60px
    }
}

@media screen and (min-width:992px) and (max-width:1500px) {

    .expert-left h2,
    .expert-right h2 {
        font-size: 50px !important
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .wrapper-pnf {
        padding: 15% 10% 12%
    }

    .wrk5 .group-case {
        width: 78% !important;
        margin: 10px 20px
    }
}

@media screen and (max-width:1200px) {
    .padd32 {
        padding: 50px 0
    }

    .cross1 {
        display: none
    }

    .mani-img,
    .subl {
        left: 9%;
        width: 80%
    }

    .bigc {
        width: 50%
    }

    .feath,
    .schn,
    .tit,
    .zap {
        width: 80%
    }

    .wrk4 span,
    .wrk5 span,
    .wrk6 span {
        font-size: 17px
    }

    .bigc img {
        width: 50%
    }

    .greytext {
        padding: 20px
    }

    .greytext h4 {
        margin: 10px 0 !important
    }

    .cltdiv {
        max-height: 400px
    }
}

@media screen and (min-width:1500px) {
    .wrapper-pnf {
        width: 70%;
        margin: 0 auto;
        padding: 15% 0 10%
    }

    .dotdash li {
        padding-top: 55px !important
    }

    .wrk3 .group-case {
        height: 88% !important
    }

    .team-wrap-2 .mem-wrap {
        background-position: 9% -51px !important
    }

    .mem-detail-text {
        max-width: 800px;
        padding: 10% 0 0 15%
    }
}

@media screen and (min-width:1201px) and (max-width:1500px) {
    .wrapper-pnf {
        width: 70%;
        margin: 0 auto;
        padding: 10% 0
    }

    .gap-seo-content {
        padding-bottom: 60px
    }

    .why-do-you-content p:last-child {
        margin-bottom: 80px
    }

    .form-free::after,
    .form-free::before {
        left: 0 !important
    }

    .text-box-analysis::after,
    .text-box-analysis::before {
        right: 0 !important
    }

    .form-free {
        margin: 0 0 55px !important
    }

    #free-seo-analysis .top-space-seo {
        padding: 0
    }
}

@media screen and (min-width:1201px) {
    .mem-wrap {
        background-image: url(../images/cross.png);
        background-repeat: no-repeat
    }

    .boss .mem-wrap {
        background-position: 13% 73%;
        background-image: url(../images/cross2.png)
    }

    .team-wrap-2 .mem-wrap {
        background-position: -66px -64px
    }

    .team-wrap-4 .mem-wrap {
        background-position: 87px -82px
    }

    .mem-wrap .name {
        width: 140px
    }

    .wrk3 .group-case {
        width: 98% !important
    }

    .team-wrapper {
        margin: 20px auto
    }

    .boss img,
    .team-wrap-2 img,
    .team-wrap-4 img {
        width: 100%
    }

    .wrk5 .group-case {
        width: 85% !important;
        margin: 10px 20px
    }
}

@media screen and (max-width:1099px) {
    .bg41 {
        background-image: url(../images/bg14.jpg);
        background-repeat: repeat;
        background-size: initial;
        width: 100%
    }

    .expert1-wrap,
    .expert10-wrap,
    .expert11-wrap,
    .expert12-wrap,
    .expert2-wrap,
    .expert3-wrap,
    .expert4-wrap,
    .expert5-wrap,
    .expert6-wrap,
    .expert7-wrap,
    .expert8-wrap,
    .expert9-wrap {
        padding: 0 20px
    }
}

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

    .mem-detail-text .des,
    .mem-wrap .des {
        max-width: 125px
    }
}

@media screen and (min-width:1601px) {
    .mem-detail-text {
        padding: 10% 0 0 15%
    }

    .rotate {
        width: 740px
    }

    .expert-left,
    .expert-right {
        margin: 10% 0
    }
}

@keyframes rotate {
    0% {
        width: 0;
        right: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    40% {
        width: 400px;
        right: -7%;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    100% {
        width: 600px;
        right: -18%;
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
        -o-transform: rotate(-9deg);
        transform: rotate(-9deg)
    }
}

@-moz-keyframes rotate {
    0% {
        width: 0;
        right: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    40% {
        width: 400px;
        right: -7%;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    100% {
        width: 600px;
        right: -18%;
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
        -o-transform: rotate(-9deg);
        transform: rotate(-9deg)
    }
}

@-webkit-keyframes rotate {
    0% {
        width: 0;
        right: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    40% {
        width: 400px;
        right: -7%;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    100% {
        width: 600px;
        right: -18%;
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
        -o-transform: rotate(-9deg);
        transform: rotate(-9deg)
    }
}

@-ms-keyframes rotate {
    0% {
        width: 0;
        right: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    40% {
        width: 400px;
        right: -7%;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    100% {
        width: 600px;
        right: -18%;
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
        -o-transform: rotate(-9deg);
        transform: rotate(-9deg)
    }
}

@-o-keyframes rotate {
    0% {
        width: 0;
        right: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    40% {
        width: 400px;
        right: -7%;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    100% {
        width: 600px;
        right: -18%;
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
        -o-transform: rotate(-9deg);
        transform: rotate(-9deg)
    }
}

@keyframes rotate1 {
    0% {
        width: 600px;
        right: -18%;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    40% {
        width: 250px;
        right: -3%;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    100% {
        width: 0;
        right: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes rotate1 {
    0% {
        width: 600px;
        right: -18%;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    40% {
        width: 250px;
        right: -3%;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    100% {
        width: 0;
        right: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes rotate1 {
    0% {
        width: 600px;
        right: -18%;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    40% {
        width: 250px;
        right: -3%;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    100% {
        width: 0;
        right: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

@-ms-keyframes rotate1 {
    0% {
        width: 600px;
        right: -18%;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    40% {
        width: 250px;
        right: -3%;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    100% {
        width: 0;
        right: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

@-o-keyframes rotate1 {
    0% {
        width: 600px;
        right: -18%;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    40% {
        width: 250px;
        right: -3%;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    100% {
        width: 0;
        right: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

ul.social-network {
    list-style: none;
    display: inline;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    right: 245px;
    top: 38px;
    transition: .5s
}

.footer-social li,
ul.social-network li {
    display: inline;
    margin: 0
}

.social-network a.icoRss:hover {
    background-color: #f56505
}

.social-network a.icoFacebook:hover {
    background-color: #3b5998
}

.social-network a.icoTwitter:hover {
    background-color: #3cf
}

.social-network a.icoGoogle:hover {
    background-color: #bd3518
}

.social-network a.icoVimeo:hover {
    background-color: #0590b8
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7
}

.social-network a.icoInstagram:hover {
    background-color: #d91f50
}

.social-network a.icoFacebook:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoInstagram:hover,
.social-network a.icoLinkedin:hover i,
.social-network a.icoRss:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoVimeo:hover i {
    color: #fff
}

.socialHoverClass,
a.socialIcon:hover {
    color: #44bcdd
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 20px
}

.social-circle li i {
    margin: 0;
    line-height: 42px;
    text-align: center
}

.social-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.social-circle i {
    color: #11a6d2;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.animsition-loading {
    border: none !important;
    transform: none !important;
    animation-name: none !important;
    width: 55px;
    height: 55px
}

.exwrap .nav-tabs li a,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: 0;
    background-color: inherit
}

img.icon-color,
img.icon-white {
    max-width: 40px !important
}

.even-brdr:after,
.odd-brdr:before {
    display: none
}

.nav-tabs {
    border-bottom: 0;
    margin-left: 20px;
    margin-bottom: 10px
}

.exwrap .nav-tabs>li>a:hover,
a:active {
    color: red;
    border: 0;
    background-color: inherit
}

.exwrap .nav-tabs li {
    margin-right: 25px
}

.exwrap .nav-tabs li a {
    color: #fff !important;
    padding-left: 0;
    padding-bottom: 4px
}

.exwrap .nav-tabs li.active a {
    font-weight: 700;
    font-size: 20px;
    color: red !important
}

.exwrap .nav-tabs li.active {
    border-bottom: 1px solid red;
    background-color: inherit
}

textarea {
    resize: none
}

@media screen and (max-width:768px) {
    .applypadding {
        padding-left: 20px
    }

    .padding_bottom_wrapper {
        padding-bottom: 20px
    }
}

@media screen and (min-width:768px) and (max-width:880px) {
    .exp-wrap {
        bottom: 30px !important;
        left: 45%;
        color: #12a7d2
    }
}

@media screen and (min-width:768px) and (max-width:905px) {

    .col-1,
    .offer-details .inner-col h3 {
        float: left;
        font-size: 13px !important
    }
}

#id_captchafield_1_1 {
    background-color: transparent;
    border-color: #999;
    border-radius: 0;
    color: #fff;
    height: 39px
}

@media screen and (max-width:650px) {
    #colorbox {
        display: block;
        visibility: visible;
        top: 977px;
        left: 0;
        position: absolute;
        width: 90% !important;
        height: 420px;
        margin: auto !important;
        right: 0 !important
    }
}

.seo-accordion,
.seo-btn {
    width: 100%
}

#captcha_error p {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: red;
    font-style: italic
}

.error-div {
    min-height: 500px
}

#error-page .bg31 h1 {
    margin: 210px 0 0 !important
}

@media(max-width:768px) {
    .error-div {
        min-height: 425px
    }
}

.accordion .card-header.collapsed:after {
    content: "\f107";
    float: right;
    font-family: FontAwesome;
    font-size: 28px;
    color: red;
    margin-top: -10px
}

.accordion .card-header[aria-expanded=true]::after {
    content: "\f106";
    float: right;
    font-family: FontAwesome;
    color: red;
    font-size: 28px;
    margin-top: -10px
}

.newseoform::before,
.newseoform:after {
    left: 15px;
    content: ' '
}

.faq-box h3,
.seo-form-begin h1 {
    color: #00A8CD;
    text-align: center;
    font-weight: 800
}

.seo-body {
    background: #fff
}

.banner-img-seo {
    margin-top: 70px
}

.faq-box h3 {
    padding: 20px 0;
    margin-top: 40px
}

.newseoform h3 {
    color: #8cc641;
    text-align: justify;
    font-weight: 800;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 15px
}

.newseoform {
    border: 2px solid #ffb1b3;
    padding: 30px
}

.seo-btn {
    background-color: #6bb332;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
    border: 2px solid #6bb332;
    padding: 6px 15px
}

.seo-btn:hover {
    background-color: #fff !important;
    color: #6bb332 !important;
    border: 2px solid #6bb332 !important
}

.form-es ::before,
.newseoform::before,
.newseoform:after {
    position: absolute;
    border-color: #0f0;
    border-style: solid;
    width: 20px;
    height: 20px
}

.seo-btn:active,
.seo-btn:focus {
    background-color: #6bb332;
    color: #fff
}

.newseoform:after {
    bottom: 0;
    border-width: 0 0 3px 3px
}

.newseoform::before {
    top: 0;
    border-width: 3px 0 0 3px
}

.form-es ::before {
    top: 0;
    right: 15px;
    border-width: 0 3px
}

#seo-content-sec {
    background-image: url(../images/bg-seo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.what-makes-us-box {
    padding: 40px;
    color: #6bb332;
    font-weight: 700;
    border: 1px solid #a30b0c;
    margin-top: 20px;
    margin-bottom: 20px
}

.what-makes-us-box h3 {
    font-size: 25px;
    line-height: 1.4
}

.top-space-seo {
    margin-top: 60px
}

.content-seo p {
    font-size: 23px;
    margin-top: 0
}

.no-margin-con {
    margin-top: 0
}

.gap-seo-content {
    margin-bottom: 60px
}

.secon-sec-content p,
.what-make-content p {
    color: #fff;
    font-size: 23px;
    margin: 10px 0
}

.newseoform .form-control {
    border-radius: 0;
    font-size: 18px
}

.why-do-you-box {
    padding: 40px;
    color: #6bb332;
    font-weight: 700;
    border: 1px solid #a30b0c;
    margin-top: 20px;
    margin-bottom: 20px
}

.why-do-you-box h3 {
    font-size: 25px;
    line-height: 1.4
}

.why-do-you-content p {
    color: #fff;
    font-size: 23px;
    margin: 10px 0
}

.why-content-row {
    margin-top: 40px;
    margin-bottom: 40px
}

.form-free-seo {
    display: flex
}

.form-free-seo .form-group {
    width: 185px;
    margin: 0 10px 0 0
}

.seo-audit-btn {
    background-color: #6bb332;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
    border: 0;
    padding: 6px 15px;
    width: 180px;
    height: 35px
}

.seo-audit-btn:hover {
    background-color: #fff !important;
    color: #6bb332 !important;
    border: 2px solid #6bb332 !important
}

.form-free-seo .form-control {
    border-radius: 0;
    font-size: 18px
}

.form-free {
    margin: 0 55px 55px 0;
    border: 2px solid #ffb1b3;
    padding: 60px
}

#seo-services {
    background-color: #161923
}

.text-box-analysis h1 {
    color: #6bb332;
    font-weight: 800
}

.text-box-analysis strong {
    font-weight: 800;
    font-family: bold;
    font-size: 31px
}

.head-seo-service {
    text-align: center;
    padding: 40px;
    margin-top: 40px
}

.left-darks,
.right-darks {
    padding: 35px;
    min-height: 470px
}

.head-seo-service h2 {
    color: #00A8CD;
    font-size: 42px;
    font-weight: 800
}

.head-seo-service p {
    color: #fff;
    font-size: 23px
}

.greentri {
    border-width: 80px 80px 0 0;
    border-color: #6bb332 transparent transparent
}

.left-darks {
    background: #10131A
}

.left-darks h3 {
    color: #00A8CD
}

.left-darks p {
    color: #fff;
    font-size: 23px
}

.right-darks {
    background: #101117
}

.right-darks h3 {
    color: #00A8CD
}

.right-darks p {
    color: #fff;
    font-size: 23px
}

.pad-0 {
    padding: 0
}

.dark-lime-tri {
    right: 0;
    border-width: 30px 0 0 30px;
    top: 0
}

.dark-blue-tri {
    bottom: 0;
    border-width: 0 30px 30px 0;
    left: 0;
    border-color: transparent transparent #11a6d2
}

.dark-lime-tri2 {
    right: 0;
    border-width: 40px 0 0 40px;
    top: 0
}

.drk-green-tri {
    left: 0;
    bottom: 0;
    border-width: 0 30px 30px 0;
    border-color: transparent transparent #8cc641
}

.dark-bl-tri {
    right: 0;
    border-width: 30px 0 0 30px;
    top: 0;
    border-color: #11a6d2 transparent transparent
}

.btm-space-seo {
    margin-bottom: 90px !important
}

.od-evn:nth-child(odd) {
    background: #EAECEB
}

.od-evn:nth-child(even) {
    background: #f6f6f6
}

.seo-accordion .card {
    padding: 15px 90px;
    margin-bottom: 60px
}

.od-evn {
    padding: 30px
}

.card-header a {
    color: #000 !important;
    font-size: 18px;
    font-weight: 700
}

.form-es::before {
    top: 0;
    right: 15px;
    content: ' ';
    position: absolute;
    border-width: 3px 3px 0 0;
    border-color: #0f0;
    border-style: solid;
    width: 20px;
    height: 20px
}

.second-make-us::before,
.second-why-do::before,
.what-makes-us-box::before,
.why-do-you-box::before {
    top: 20px;
    content: ' ';
    position: absolute;
    border-color: #0f0;
    border-style: solid;
    width: 20px;
    height: 20px
}

.form-es::after {
    bottom: 0;
    right: 15px;
    content: ' ';
    position: absolute;
    border-width: 0 3px 3px 0;
    border-color: #0f0;
    border-style: solid;
    width: 20px;
    height: 20px
}

.what-makes-us-box::before {
    left: 15px;
    border-width: 2px 0 0 2px
}

.what-makes-us-box::after {
    content: ' ';
    bottom: 20px;
    left: 15px;
    border-width: 0 0 2px 2px;
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: #0f0;
    border-style: solid
}

.second-make-us::before {
    right: 15px;
    border-width: 2px 2px 0 0
}

.second-make-us::after {
    bottom: 20px;
    right: 15px;
    content: ' ';
    position: absolute;
    border-width: 0 2px 2px 0;
    border-color: #0f0;
    border-style: solid;
    width: 20px;
    height: 20px
}

.why-do-you-box::before {
    left: 15px;
    border-width: 2px 0 0 2px
}

.why-do-you-box::after {
    content: ' ';
    bottom: 20px;
    left: 15px;
    border-width: 0 0 2px 2px;
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: #0f0;
    border-style: solid
}

.second-why-do::before {
    right: 15px;
    border-width: 2px 2px 0 0
}

.second-why-do::after {
    bottom: 20px;
    right: 15px;
    content: ' ';
    position: absolute;
    border-width: 0 2px 2px 0;
    border-color: #0f0;
    border-style: solid;
    width: 20px;
    height: 20px
}

.text-box-analysis::after,
.text-box-analysis::before {
    right: 70px;
    border-color: #0f0;
    border-style: solid;
    width: 20px;
    height: 20px;
    position: absolute;
    content: ' '
}

.form-free::before {
    top: 0;
    left: 15px;
    content: ' ';
    position: absolute;
    border-width: 2px 0 0 2px;
    border-color: #0f0;
    border-style: solid;
    width: 20px;
    height: 20px
}

.form-free::after {
    content: ' ';
    bottom: 55px;
    left: 15px;
    border-width: 0 0 2px 2px;
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: #0f0;
    border-style: solid
}

.text-box-analysis::before {
    top: 0;
    border-width: 2px 2px 0 0
}

.text-box-analysis::after {
    bottom: 55px;
    border-width: 0 2px 2px 0
}

@media(max-width:767px) {
    .form-free-seo {
        display: grid
    }

    .form-free-seo .form-group {
        width: 100%;
        margin: 0 10px 15px 0
    }

    .seo-audit-btn {
        width: 100%
    }

    .form-free {
        margin: 0 0 55px;
        border: 2px solid #ffb1b3;
        padding: 20px
    }

    .text-box-analysis::after,
    .text-box-analysis::before {
        right: 15px
    }

    .seo-accordion .card {
        padding: 0
    }
}

.form-free-seo .form-control {
    height: 35px !important
}

.form-free-seo label,
.time label {
    color: red !important
}

#our-approach {
    padding: 40px 0
}

#our-approach h3 {
    text-align: center;
    color: #6bb332;
    font-size: 42px;
    font-weight: 600
}

#our-approach p {
    color: #333;
    font-size: 23px;
    text-align: center
}

#our-approach ol li {
    color: #333;
    font-size: 20px;
    padding: 10px 0
}

#faq-seo {
    background: url(../images/bg-seo.jpg) bottom
}

@media (max-width:576px) {

    .left-darks,
    .right-darks {
        min-height: unset;
        text-align: center
    }

    .second-make-us::after,
    .what-makes-us-box::after {
        bottom: 0
    }

    #our-approach {
        padding: 40px 0 20px
    }

    .faq-box h3 {
        padding: 0 0 20px
    }

    #our-approach h3 {
        font-size: 30px
    }

    #our-approach ol li,
    #our-approach p {
        font-size: 18px
    }

    #our-approach ol {
        padding: 0 0 0 20px;
        text-align: center
    }

    .head-seo-service,
    .left-darks {
        padding: 10px
    }

    #seo-services .greentri {
        border-width: 40px 40px 0 0
    }

    .head-seo-service h2 {
        font-size: 27px
    }

    .head-seo-service p,
    .left-darks p,
    .right-darks p {
        font-size: 18px
    }

    .left-darks p {
        padding: 10px 0 0;
        margin: 0
    }

    .right-darks {
        padding: 10px
    }

    .right-darks p {
        margin: 0;
        padding: 10px 0 0
    }

    .btm-space-seo {
        margin-bottom: 40px !important
    }

    .banner-img-seo {
        margin-top: 90px
    }

    .seo-form-begin h1 {
        font-size: 28px;
        padding: 30px 0 20px
    }

    .content-seo p {
        font-size: 16px;
        padding: 10px 0 0;
        margin: 0
    }

    .content-seo p:first-child {
        padding: 0
    }

    .content-seo p:last-child {
        padding: 10px 0 30px
    }

    .newseoform h3 {
        text-align: left
    }

    .gap-seo-content {
        margin-bottom: 30px !important
    }

    .top-space-seo {
        margin-top: 30px
    }

    .what-makes-us-box {
        margin-bottom: 0
    }

    .secon-sec-content p,
    .what-make-content p {
        margin: 0 0 10px;
        font-size: 16px;
        text-align: center
    }

    .what-makes-us-box h3 {
        text-align: center
    }

    .why-content-row {
        margin-top: 0 !important;
        margin-bottom: 20px !important
    }

    .why-do-you-content p {
        font-size: 16px;
        margin: 0 0 10px;
        text-align: center
    }

    .why-do-you-box h3 {
        text-align: center
    }

    .form-free {
        padding: 10px
    }

    #free-seo-analysis .top-space-seo {
        margin-top: 55px !important
    }
}

@media(min-width:576px) and (max-width:768px) {

    .left-darks,
    .right-darks {
        min-height: unset;
        text-align: center
    }

    .faq-box h3 {
        margin-top: 10px
    }

    #our-approach h3 {
        font-size: 30px
    }

    #our-approach ol li,
    #our-approach p {
        font-size: 18px
    }

    #our-approach ol {
        padding: 0 0 0 20px;
        text-align: center
    }

    .head-seo-service,
    .left-darks {
        padding: 10px
    }

    .head-seo-service h2 {
        font-size: 27px
    }

    .head-seo-service p,
    .left-darks p,
    .right-darks p {
        font-size: 18px
    }

    .left-darks p {
        padding: 10px 0 0;
        margin: 0
    }

    .right-darks {
        padding: 10px
    }

    .right-darks p {
        margin: 0;
        padding: 10px 0 0
    }

    .btm-space-seo {
        margin-bottom: 40px !important
    }

    .seo-form-begin h1 {
        font-size: 30px;
        padding: 20px 0
    }

    .content-seo p {
        font-size: 18px;
        margin: 0;
        padding: 10px 0 0
    }

    .content-seo p:first-child {
        padding: 0
    }

    .content-seo p:last-child {
        padding: 10px 0 30px
    }

    .gap-seo-content {
        margin-bottom: 30px !important
    }

    .what-makes-us-box {
        margin-bottom: 0
    }

    .secon-sec-content p,
    .what-make-content p {
        margin: 0 0 10px;
        font-size: 16px;
        text-align: center
    }

    .what-makes-us-box::after {
        bottom: 0
    }

    .what-makes-us-box h3 {
        text-align: center
    }

    .why-content-row {
        margin-top: 0 !important;
        margin-bottom: 20px !important
    }

    .why-do-you-content p {
        font-size: 16px;
        margin: 0 0 10px;
        text-align: center
    }

    .why-do-you-box h3 {
        text-align: center
    }

    .top-space-seo {
        margin-top: 30px
    }

    #free-seo-analysis .top-space-seo {
        margin-top: 55px !important
    }
}

@media(min-width:1501px) and (max-width:1800px) {
    .gap-seo-content {
        padding-bottom: 60px
    }

    .why-do-you-content p:last-child {
        margin-bottom: 80px
    }

    .form-free::after,
    .form-free::before {
        left: 0 !important
    }

    .text-box-analysis::after,
    .text-box-analysis::before {
        right: 0 !important
    }

    .form-free {
        margin: 0 0 55px !important
    }

    #free-seo-analysis .top-space-seo {
        padding: 0
    }
}

@media(min-width:1801px) {
    .gap-seo-content {
        padding-bottom: 60px
    }

    .why-do-you-content p:last-child {
        margin-bottom: 80px
    }

    .form-free::after,
    .form-free::before {
        left: 0 !important
    }

    .text-box-analysis::after,
    .text-box-analysis::before {
        right: 0 !important
    }

    .form-free {
        margin: 0 0 55px !important
    }

    #free-seo-analysis .top-space-seo {
        padding: 0
    }
}

.seo-form-begin h4 {
    color: #00A8CD;
    text-align: center;
    font-weight: 800;
    padding: 10px 0 20px
}

.seo-form-begin h1 {
    padding: 20px 0 0;
    font-size: 45px
}

.address--wrapper {
    padding-top: 30px
}

.address--wrapper address {
    background-color: transparent;
    padding: 0;
    color: #cacaca;
    font-size: 14px
}

.footer--menu--1 h5,
.footer--menu--1 li,
.footer--menu--2 li {
    padding-bottom: 10px
}

.address--wrapper h5,
.footer--menu--1 h5,
.footer--menu--2 li a {
    font-size: 15px;
    font-weight: 600;
    padding-left: 0
}

.address--wrapper h5 {
    color: #fff
}

.footer--address .header-social {
    display: flex;
    list-style: none;
    padding-left: 0;
    padding-top: 40px
}

.footer--address .social-circle li a {
    background: #fff;
    margin-right: 10px
}

.footer--menu--1 h5 {
    color: #fff
}

.footer--menu--2 li a {
    color: #fff !important
}

.footer--menu--1 li a {
    color: #cacaca !important;
    font-size: 14px
}

.footer--menu--1 ul,
.footer--menu--2 ul {
    list-style: none;
    padding-left: 0
}

.contact--info--footer ul {
    display: flex;
    list-style: none;
    padding-left: 15px;
    margin-bottom: 0;
    margin-top: 10px
}

.contact--info--footer ul li a {
    color: #fff !important;
    font-size: 14px
}

.contact--info--footer ul li {
    border-right: 1px solid #fff;
    line-height: 13px;
    padding-right: 15px;
    padding-left: 15px
}

.contact--info--footer ul li:last-child {
    border-right: none;
    padding-right: 0
}

.contact--info--footer ul li:first-child {
    padding-left: 0
}

.expert--form--wrapper {
    border: 1px solid #a30b0c;
    padding: 50px 30px
}

.expert--form--wrapper h4 {
    color: #11a6d2;
    padding-bottom: 30px;
    font-size: 20px
}

.expert--form--wrapper:after,
.expert--form--wrapper:before,
.expert--form:after,
.expert--form:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: #8cc641;
    border-style: solid;
    content: ' '
}

.expert--form--wrapper:before {
    top: 0;
    left: 15px;
    border-width: 3px 0 0 3px
}

.expert--form--wrapper:after {
    top: 0;
    right: 15px;
    border-width: 3px 3px 0 0
}

.expert--form:before {
    bottom: 0;
    right: 15px;
    border-width: 0 3px 3px 0
}

.expert--form:after {
    bottom: 0;
    left: 15px;
    border-width: 0 0 3px 3px
}

.expert--form input {
    background: 0 0;
    border: none;
    border-bottom: 1px dashed #8cc641;
    border-radius: 0;
    padding-left: 0;
    color: #fff !important
}

.expert--form input:focus {
    outline: 0;
    box-shadow: none
}

.expert--form .form-group {
    margin-bottom: 20px
}

.expert--form .form-group.button--wrapper {
    margin-top: 35px;
    margin-bottom: 0
}

.button--wrapper .btn-default {
    background: 0 0;
    color: #11a6d2;
    border: 1px solid #11a6d2;
    border-radius: 0;
    padding: 5px 30px;
    position: relative
}

.button--wrapper .btn-default:after,
.button--wrapper .btn-default:before,
.submit--span:after,
.submit--span:before {
    position: absolute;
    width: 10px;
    height: 10px;
    border-color: #12a7d2;
    border-style: solid;
    content: ' '
}

.button--wrapper .btn-default:after {
    top: 0;
    right: 0;
    border-width: 1px 1px 0 0
}

.button--wrapper .btn-default:before {
    top: 0;
    left: 0;
    border-width: 1px 0 0 1px
}

.submit--span:before {
    bottom: 0;
    right: 0;
    border-width: 0 1px 1px 0
}

.submit--span:after {
    bottom: 0;
    left: 0;
    border-width: 0 0 1px 1px
}

@media screen and (max-width:767px) {
    .footer--address .social-circle li a {
        width: 40px !important;
        height: 40px !important
    }

    .footer--address .header-social {
        display: flex
    }

    .footer--menu--1,
    .footer--menu--2 {
        padding-left: 0;
        padding-top: 30px
    }

    .contact--info--footer ul {
        display: block;
        padding-left: 0;
        padding-bottom: 30px
    }

    .contact--info--footer ul li {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px;
        border: none
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .contact--info--footer ul {
        padding-bottom: 30px
    }

    .footer--address .social-circle li a {
        width: 40px !important;
        height: 40px !important
    }

    .contact--info--footer ul,
    .footer--menu--1,
    .footer--menu--2 {
        padding-left: 0
    }

    .footer--center--section {
        padding-top: 30px
    }
}

@media (min-width:992px) {
    .footer--menu--2 {
        display: flex;
        flex-flow: column;
        align-items: center
    }
}

.home #getintouch {
    display: none
}

#what-we-do-hover-sub-menu #btb-search-sub-menu li::before,
#what-we-do-hover-sub-menu li::before,
#what-we-do-search-sub-menu li::before {
    content: "\2022";
    font-weight: 700;
    display: inline-block
}

.footer--section--new {
    padding-top: 30px;
    padding-bottom: 10px
}

.expert--form .error {
    color: rgb(255, 255, 255);
    font-size: 13px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

#what-we-do-hover-sub-menu {
    display: none;
    list-style: none
}

#what-we-do-search-sub-menu {
    display: none;
    list-style: none;
    margin-left: 5%
}

#what-we-do-hover-sub-menu li a {
    color: #fff !important;
    font-size: 17px
}

#what-we-do-search-sub-menu li a {
    color: #fff !important;
    font-size: 15px
}

#what-we-do-hover-sub-menu li::before {
    color: #12a7d2;
    width: 1em;
    margin-left: -1em
}

#what-we-do-search-sub-menu li::before {
    color: #6c0690;
    width: 1em;
    margin-left: -1em
}

.home .menu {
    width: 400px !important
}

.what-we-do-hover {
    float: right;
    padding: 0 0 0 40px;
    color: #fff;
    text-decoration: none;
    text-align: right;
    outline: 0;
    font-size: 20px;
    list-style: none;
    background-image: url(../images/arrow1.png);
    background-repeat: no-repeat;
    margin: 0 0 8px;
    clear: both
}

@media screen and (max-width:400px) {
    .home .menu {
        width: 300px !important;
        right: 20px !important;
        overflow: scroll;
        height: 500px
    }
}

#btb-search-sub-menu {
    list-style: none;
    display: none;
    margin-left: 5%
}

#what-we-do-hover-sub-menu #btb-search-sub-menu li::before {
    color: #6c0690 !important;
    width: 1em;
    margin-left: -1em
}

.bg52.privypolicycolr.animatedParent {
    background-image: unset;
    background-color: unset;
    color: #fff;
    padding: 20px 0
}

.privypolicycolr .animated.fadeInUpShort.go h1,
h2,
h3,
h4,
h5,
h6 {
    color: #7bbd39
}

@media screen and (min-width:768px) {
    .bg52.privypolicycolr.animatedParent ul {
        padding-inline-start: 18px
    }

    .offer-wrap ul li {
        background: url(../images/offerings/list-icon.png) 0 10px no-repeat;
    }
}

@media screen and (max-width:991px) {
    #what-we-do-hover-sub-menu {
        display: block !important;
        list-style: none
    }

    #what-we-do-search-sub-menu {
        display: block !important
    }

    .what-we-do-hover {
        text-align: inherit !important
    }

    .home .menu {
        top: 120px !important;
        overflow: scroll;
        height: 450px
    }

    .expert-left p,
    .expert-right p {
        margin-left: 20px
    }
}

@media screen and (max-width:767px) {
    .bg52.privypolicycolr.animatedParent {
        padding-top: 0
    }

    .bg52.privypolicycolr.animatedParent ul {
        padding-inline-start: 18px
    }

    #cboxContent,
    #cboxLoadedContent,
    #cboxWrapper {
        width: 100% !important;
        overflow: hidden
    }
}

#ppc-service-sub-menu li::before,
#what-we-do-hover-sub-menu li::before,
#what-we-do-search-sub-menu li::before {
    content: "\2022";
    font-weight: 700;
    display: inline-block
}

#ppc-service-sub-menu {
    list-style: none;
    display: none;
    margin-left: 5%
}

#what-we-do-hover-sub-menu #ppc-service-sub-menu li::before {
    color: #6c0690 !important;
    width: 1em;
    margin-left: -1em
}

#performance-marketing-sub-menu li::before,
#what-we-do-hover-sub-menu li::before,
#what-we-do-search-sub-menu li::before {
    content: "\2022";
    font-weight: 700;
    display: inline-block
}

#performance-marketing-sub-menu {
    list-style: none;
    display: none;
    margin-left: 5%
}

#what-we-do-hover-sub-menu #performance-marketing-sub-menu li::before {
    color: #6c0690 !important;
    width: 1em;
    margin-left: -1em
}

/* new style starts */

div.bg2 h2 {
    color: #fff;
    font-size: 4.5rem;
    margin-bottom: 10px;
}

.ourwork h5 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 1.8rem;
    line-height: 2.35rem;
    font-weight: 300;
}

span.span-more {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300;
}

/* new style ends */
.dotdash h4 {
    color: #fff;
    font-size: 2.4rem;
    margin-bottom: 6px;
}

.dotdash p {
    color: rgba(255, 255, 255, 0.80);
    font-size: 1.5rem;
    line-height: 2.35rem;
    font-weight: 300;
}

.services h2.go {
    color: #fff;
    font-size: 4.5rem;
    margin-bottom: 10px;
}

.services h5 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 300;
}

.clienthead h2 {
    color: #fff;
    font-size: 4.5rem;
    margin-bottom: 10px;
}

.clienthead h5 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 1.8rem;
    line-height: 2.35rem;
    font-weight: 300;
}

.clienthead span.span-more {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300;
}

section#our-service h4 {
    text-transform: lowercase;
    /* make all text lowercase */
}

section#our-service h4:first-letter {
    text-transform: uppercase;
    /* capitalize only first letter */
}

section#our-service .bg3.dtwrap.relative.padd0 {
    height: auto !important;
}

section#our-service {
    position: relative;
}

section#our-service .row.bg4.reorder-xs {
    height: auto !important;
}

.mem-wrap .des {
    color: rgba(255, 255, 255, 0.80);
    margin-top: 6px;
}

@media (max-width:767px) {
    section#our-service .dotdashdiv {
        margin-bottom: 45px !important;
    }

    .client.animatedParent.bg8 {
        height: auto !important;
    }

    .ri-grid ul li,
    .ri-grid ul li a {
        width: 50vw !important;
        height: 150px !important;
    }

    section#our-service {
        position: relative;
    }

    section#our-service .row.bg4.reorder-xs {
        height: auto !important;
    }

    section#our-service .bg3.dtwrap.relative.padd0 {
        height: auto !important;
    }


}

@font-face {
    font-family: 'Manrope-Light';
    src: url(../fonts/Manrope_Raleway/Manrope/Manrope-Light.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: 'Manrope-Medium';
    src: url(../fonts/Manrope_Raleway/Manrope/Manrope-Medium.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: 'Manrope-SemiBold';
    src: url(../fonts/Manrope_Raleway/Manrope/Manrope-SemiBold.ttf) format("truetype");
    font-display: swap
}

@media (min-width: 767px) {
    h2.wow.fadeinup-web {
        font-family: 'Manrope-Medium';
        font-size: 2.8vw !important;
    }

    .ourwork h5 {
        font-family: 'Manrope-Light';
        font-weight: 400;
        font-size: 1.2vw;
    }
}

@font-face {
    font-family: 'Manrope-Light';
    src: url(../fonts/Manrope_Raleway/Manrope/Manrope-Light.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: 'Manrope-Medium';
    src: url(../fonts/Manrope_Raleway/Manrope/Manrope-Medium.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: 'Manrope-SemiBold';
    src: url(../fonts/Manrope_Raleway/Manrope/Manrope-SemiBold.ttf) format("truetype");
    font-display: swap
}

div#footer-sec-webenza .address--wrapper h4 strong {
    font-family: 'Manrope-Medium';
}

div#footer-sec-webenza .address--wrapper h5 {
    font-family: 'Manrope-Medium';
}

div#footer-sec-webenza .address--wrapper address {
    font-family: 'Manrope-Light';
}

div#footer-sec-webenza .row .footer--menu--2 li a {
    font-family: 'Manrope-Light';
}

div#footer-sec-webenza .footer--menu--2 li a {
    font-family: 'Manrope-Light';
}

div#footer-sec-webenza .footer--menu--3 h4 {
    font-family: 'Manrope-Light';
}

div#footer-sec-webenza .row .col-lg-6:nth-child(1) li a {
    font-family: 'Manrope-Medium';
}

div#footer-sec-webenza .row .col-lg-6:nth-child(2) li.expertisehead a {
    font-family: 'Manrope-Medium';
}

.footer p {
    font-family: 'Manrope-Light';
}

.expert--form--wrapper h4 {
    font-family: 'Manrope-Light';
}

h5 {
    font-family: 'Manrope-Light';
}

#webenza-banner-section h2 {
    font-family: 'Manrope-Light';
}

p {
    font-family: 'Manrope-Light';
}

@media (min-width: 767px) {
    .dotdash p {
        font-size: 1.1vw !Important;
        padding-top: 1% !important;
        padding-bottom: 4% !important;
    }

    section#our-service h4 {
        font-size: 1.35vw !important;
    }

    .dotdash li {
        padding-top: 9% !important;
    }

    div#footer-sec-webenza .expert--form--wrapper h4 {
        line-height: 1.5;
    }
}

section#our-service h4 {
    font-family: 'Manrope-Light' !important;
}

div#footer-sec-webenza .footer--menu--3 h4 {
    font-family: 'Manrope-Medium' !important;
}

section#our-service h4 {
    font-family: 'Manrope-Light' !important;
    font-weight: 400;
}

@media (min-width: 767px) {
    a.expertise_cta {
        position: absolute;
        right: 20%;
        font-size: 1.1vw;
        color: #fff !important;
        font-family: 'Manrope-Light';
        font-weight: 400;
        margin-top: 0.5%;
    }

    .lets-talk .exp p {
        font-size: 1.1vw !important;
        padding: 2% 4%;
    }

    .lets-talk .exp {
        position: relative;
        width: 9vw;
        font-size: 1.1vw !important;
    }

    .lets-talk .exp p {
        font-size: 1.1vw !important;
        padding: 2% 4%;
        color: #fff;
        font-family: 'Manrope-Light';
        font-weight: 400;
    }
}

a#let_connect_cta_navbar {
    right: 8%;
}

@media (min-width: 767px) {
    section#our-service .padd0.section4 p.wow.fadeinup-web {
        margin-left: 0px !important;
        padding-left: 3px !important;
    }

    section#our-service .padd0.section4 p.wow.fadeinup-web a.animsition-link span {
        padding: 0px !important;
        margin: 0px !important;
    }

    .services h5 {
        margin-left: -3px !important;
    }
}

@media (min-width: 767px) {
    section#what-we-do .glitch-div h1.glitch-head {
        margin-top: 10%;
        padding-bottom: 5%;
        font-size: 3.1vw !important;
    }

    .our-offerings p {
        color: #fff;
        font-size: 1.25vw;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .our-offerings {
        margin: 15px auto;
        float: none;
        margin: 0px auto;
        padding-bottom: 4%;
    }

    #our-offerings .col-1 {
        margin: 10px 1% !important;
        width: 30%;
        border: 1px solid #ffffff;
        margin-bottom: 2% !important;
    }

    .inner-col a {
        padding: 8% 5%;
        display: block;
        padding-bottom: 20%;
    }

    .inner-col h3 {
        font-size: 1.25vw !important;
        color: #fff !important;
    }

    .inner-color {
        position: relative;
    }

    #our-offerings .col-1 img.icon-color,
    #our-offerings .col-1 img.icon-white {
        max-width: 4vw !important;
        position: absolute;
        height: 3.1vw;
        right: 5%;
        bottom: 13%;
    }
}

.offer-link h3 {
    color: #fff !important;
}

@media (min-width: 767px) {
    .offer-link h3 {
        color: #fff;
        font-size: 3.1vw !important;
        text-align: center;
        line-height: 1.3;
        padding-top: 5%;
    }

    .offer-link a {
        background-position: top 0px right !important;
        font-size: 14px;
        padding: 10px 0px 20px;
        background-position: 10px 20px;
    }

    .offer-details .nav-ul li a {
        font-size: 1.3vw !important;
    }

    .offer-data .col-md-6.col-xs-12 {
        padding-right: 8%;
    }

    .offer-data p {
        color: #fff;
        font-size: 1.3vw !important;
    }

    .what-we-done-grid {
        margin-top: 0% !important;
        margin-bottom: 0% !important;
    }

    .offer-data {
        padding-top: 3% !important;
    }

    #our-offerings {
        padding: 5% 0% !important;
        padding-top: 3% !important;
    }

    .offer-wrap {
        padding: 3% 3% !important;
    }

    .offer-wrap {
        margin-top: 6% !important;
        background: #191B2D;
        padding: 1.5% 1.5% !important;
    }

    .offer-wrap ul li {
        width: 33% !important;
        font-size: 1.25vw !important;
        font-family: 'Manrope-Light';
        font-weight: 400;
        padding: 0px;
        padding-left: 20px;
        padding-right: 0px;
    }
}

@media (min-width: 767px) {
    .offer-data .col-md-6.col-xs-12 {
        padding-right: 0%;
    }

    .offer-data {
        padding-top: 1% !important;
        padding-left: 4% !important;
        padding-right: 4% !important;
    }

    .offer-data p {
        color: #fff;
        font-size: 1.25vw !important;
        padding: 0px;
        margin: 5px 0px;
    }

    .offer-data .col-md-6:first-child {
        padding-right: 6%;
    }

    .offer-wrap ul li {
        width: 32% !important;
        padding-left: 15px !important;
    }
}

@media (min-width: 767px) {
    .offer-link a {
        text-align: center !important;
        margin: auto !important;
        display: block !important;
        width: max-content !important;
        margin-top: 2% !important;
        padding-right: 30px !important;
    }
}

.offer-link h3 {
    font-size: 2.8vw !important;
    font-family: 'Manrope-Light';
}

.gradient-animate-webenza {
    background: linear-gradient(70deg,
            #FFFFFF 0%,
            #FFFFFF 25%,
            #FFFFFF 30%,
            #FFFFFF 35%,
            #A7D566 55%,
            #11A4D0 70%,
            #FFFFFF 90%,
            #FFFFFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 400%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

#webenza-banner-section h2 span.gradient-animate-webenza {
    animation-delay: 0.3s;
}

.clienthead h2 span {
    padding: 0px;
}

@media (min-width: 767px) {
    a.expertise_cta {
        margin-top: 1.05% !important;
    }
}

@media(min-width: 767px) {
    h2.wow.fadeinup-web {
        padding-bottom: 2% !important;
        margin-bottom: 2% !important;
    }

    .ourwork h5 {
        line-height: 1.3;
        padding-bottom: 5% !important;
        margin-bottom: 2% !important;
    }

    .container-fluid.head header .header nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    section#our-client .clienthead.animated.fadeInUpShort.go h2.wow.fadeinup-web span {
        font-size: 2.8vw;
    }

    .ourwork p.wow.fadeinup-web {
        margin-top: 8%;
    }

    div.bg2 a {
        padding: 1vw 0vw 0vw 3vw !important;
        font-size: 1.3vw !important;
        background-position: center right 0px !important;
        background-size: 80% auto !important;
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
    }

    div.bg2 a:hover {
        padding: 1vw 0vw 0vw 3vw !important;
        font-size: 1.3vw !important;
        background-position: center right 0px !important;
        background-size: 80% auto !important;
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
    }

    .services a {
        padding: 1vw 0vw 0vw 3vw !important;
        font-size: 1.3vw !important;
        background-position: center right 0px !important;
        background-size: 80% auto !important;
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
    }

    .services a:hover {
        padding: 1vw 0vw 0vw 3vw !important;
        font-size: 1.3vw !important;
        background-position: center right 0px !important;
        background-size: 80% auto !important;
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
    }

    section#our-service .padd0.section4 p.wow.fadeinup-web {
        padding-top: 4%;
    }

    section#our-service .padd0.section4 p.wow.fadeinup-web a.animsition-link span {
        padding-right: 7px !important;
    }

    section#our-service h4 {
        font-weight: 500;
        font-family: 'Manrope-Medium' !important;
    }

    .clienthead a {
        padding: 1vw 0vw 0vw 3vw !important;
        font-size: 1.3vw !important;
        background-position: center right 0px !important;
        background-size: 80% auto !important;
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
    }

    .clienthead a:hover {
        padding: 1vw 0vw 0vw 3vw !important;
        font-size: 1.3vw !important;
        background-position: center right 0px !important;
        background-size: 80% auto !important;
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
    }

    .clienthead span.span-more {
        padding-right: 7px !important;
    }

    .social-circle li a {
        height: unset !important;
    }

    .col-md-7.col-sm-7.col-xs-12.col-lg-7.padd0.work2 .col-xs-12 {
        height: 17.4vw;
    }

    section#our-work .ourwork.animated.go span.span-more {
        font-size: 1vw !important;
        position: relative;
        top: 0.2vw;
        font-family: 'Manrope-Light';
        font-weight: 400;
    }

    .services h5 {
        margin-left: -3px !important;
        font-size: 1.2vw !important;
        padding-bottom: 5% !important;
        padding-top: 2% !important;
    }

    section#our-service .services.animated.go span.span-more {
        font-size: 1vw !important;
        position: relative;
        top: 0.2vw;
        font-family: 'Manrope-Light';
        font-weight: 400;
    }

    .clienthead h5 {
        font-size: 1.2vw !important;
        padding-bottom: 5% !important;
        padding-top: 2% !important;
    }

    section#our-client .clienthead.animated.fadeInUpShort.go span.span-more {
        font-size: 1vw !important;
        position: relative;
        top: 0.2vw;
        font-family: 'Manrope-Light';
        font-weight: 400;
    }

    .container-fluid.head .header {
        padding: 2% 2%;
        height: unset;
        transition: all linear 0.3s;
        min-height: unset;
        /* background: rgba(0, 0, 0, 0.4); */
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    section#our-work .work1 svg {
        visibility: hidden;
    }

    .container-fluid.head .header .right-menu-web {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    div#nav-icon3 {
        position: relative !important;
        top: 0.3vw !important;
        left: 0px;
        height: 2vw;
        width: 2vw;
        order: 3;
    }

    .clienthead h5 {
        line-height: 1.3;
    }

    .container-fluid.head .header a#let_connect_cta_navbar {
        right: 3.5vw !important;
        position: relative !important;
        left: unset !important;
        top: unset !important;
        width: max-content;
        order: 2;
    }

    .container-fluid.head .header a.expertise_cta {
        position: relative;
        right: 42% !important;
        left: unset !important;
        font-size: 1.1vw;
        color: #fff !important;
        font-family: 'Manrope-Light';
        font-weight: 400;
        margin-top: 0% !important;
        width: max-content !important;
    }

    .col-data .inner-col {
        transition: 0.3s;
    }

    .offer-wrap {
        margin-top: 4% !important;
        background: #191B2D;
        padding: 4.5% 3.5% !important;
        padding-bottom: 3% !important;
        width: 70%;
        margin: auto;
    }

    #what-we-do .offer-data p {
        width: 65% !important;
    }

    .offer-data .offer-link span.span-more {
        font-size: 1.4vw;
        line-height: 0px;
    }

    .offer-data .offer-link a.animsition-link {
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
        background-size: 16% auto;
        position: relative;
        line-height: 1.4;
        padding: 2% 1% 2% !important;
        padding-right: 3% !important;
        background-position: top 0.8vw right 5px !important;
    }

    .offer-data .offer-link a.animsition-link:hover {
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
        background-size: 16% auto;
        position: relative;
        line-height: 1.4;
        padding: 2% 1% 2% !important;
        padding-right: 3% !important;
        background-position: top 0.8vw right 5px !important;
    }

}

body.home {
    opacity: 0;
    visibility: hidden;
}

div#panel4 .row .col-lg-6:first-child {
    overflow: hidden;
    padding: 0px;
}

#webenza-banner-section h2 {
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.case-bor {
    border-color: #fff !important;
}

.group-case {
    border: 1px solid #fff !important;
}

.col-data:before {
    z-index: 1 !important;
}

.col-data .inner-col.inner-color:after,
.col-data .inner-col.inner-color:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: #8CC641;
    display: block;
    border-style: solid;
}

.col-data .inner-col.inner-color:after {
    bottom: 0;
    right: 0;
    left: unset;
    border-width: 0px 3px 3px 0px;
}

.col-data .inner-col.inner-color:before {
    top: 0;
    left: 0;
    right: unset;
    border-width: 3px 0px 0px 3px;
}

.tri-style {
    display: none;
}

.offer-data .triangle2 {
    display: none;
}

.tri-style {
    display: none;
}

div.grid-bor {
    border: 1px solid #fff !important;
}

div.grid-bor .work-bor {
    border-color: #fff !important;
}

@media(min-width: 992px) {
    #webenza-banner-section {
        padding: 11% 0%;
        padding-bottom: 8%;
        height: 100vh;
        align-content: center;
    }

    .home-banner {
        position: relative;
        z-index: 99999;
        height: 100vh !important;
    }
}

@media(min-width: 767px) {
    .header .left-menu-web img {
        /* width: 14vw;
        max-width: 14vw !important; */
    }

    section#our-work .col-md-7.col-sm-7.col-xs-12.col-lg-7.padd0.work2 .col-xs-12 {
        padding-right: 0.5vw;
    }

    section#our-work .col-md-12.wrk3.work.wow.fadeinup-web {
        margin-bottom: 0.5vw;
        padding-top: 0.5vw !important;
    }

    section#our-work .col-md-4.wrk4.padd0.work {
        padding-right: 0.5vw !important;
    }

    section#our-work .col-md-4.wrk6.padd0 {
        padding-left: 0.5vw !important;
    }
}

.work:hover .img-work img {
    transition: 0.5s all linear;
}

.work:hover .img-work img {
    transform: scale(1.05) !important;
}

.img-work {
    overflow: hidden;
}

.webenza-banner-arrow.banner-page-arrow {
    position: absolute;
    background-color: unset;
    width: 2vw;
    height: 2vw;
    bottom: 3.5%;
    left: 49%;
    z-index: 1;
    animation: 3s infinite bounce;
}

@keyframes bounce {
    50% {
        transform: translatey(-70%)
    }
}

html {
    scroll-behavior: smooth;
}

.webenza-banner-arrow.banner-page-arrow img.img-fluid {
    position: relative;
    width: 2vw;
}

@media(max-width: 767px) {
    .group-case {
        width: 92%;
        height: 89%;
    }

    .wrk6 .group-case {
        left: 5%;
        width: 87%;
    }
}

@media (min-width: 767px) {
    #webenza-banner-section h2 {
        font-size: 6vw !important;
    }

    .container-fluid.head .header a.expertise_cta:hover {
        color: #11A6D2;
    }

    .container-fluid.head .header a.expertise_cta {
        transition: .5s ease-in-out;
    }

    .col-data .inner-wht {
        background: unset;
    }

    .col-data .inner-color {
        background: url(../images/offerings/bg-1.jpg) no-repeat;
    }

    section#what-we-do .glitch-div h1.glitch-head {
        padding-bottom: 0% !important;
    }

    #our-offerings .col-1 img.icon-color,
    #our-offerings .col-1 img.icon-white {
        max-width: 6vw !important;
        position: absolute;
        height: 6.1vw;
        right: 3%;
        bottom: 3%;
        width: 6vw;
        object-fit: cover;
    }

    .cltdiv:hover>.cltbdr:after,
    .cltdiv:hover>.cltbdr:before,
    .cltdiv:hover>.cltbdr>:first-child:after,
    .cltdiv:hover>.cltbdr>:first-child:before {
        border-color: #fff !important;
    }

    .cltdiv:hover>.cltbdr,
    .cltdiv:hover>.cltbdr:focus {
        border: 1px solid #fff !important;
    }

    .webenza-banner-arrow.banner-page-arrow img.img-fluid {
        position: relative;
        width: 1.5vw;
    }

    .webenza-banner-arrow.banner-page-arrow {
        bottom: 0% !important;
    }

    section#our-work .col-xs-12.work a {
        position: relative;
    }

    .group-case {
        width: 94%;
        height: 86%;
    }

    .wrk3 .group-case {
        width: 98% !important;
        height: 85% !important;
        margin: 0% !important;
        top: 4%;
        left: 1%;
    }

    .wrk5 .group-case {
        width: 94% !important;
        margin: 3%;
        height: 86%;
    }

    .recaptch.captchaerror {
        display: block;
        align-items: center;
        justify-content: space-between;
    }

    .recaptch.captchaerror img.captcha {
        position: relative;
        order: 2;
        height: 40px;
        width: 90px;
        margin-bottom: 1px;
    }

    div#footer-sec-webenza .button--wrapper .btn-default:hover {
        color: #000;
        background-color: rgba(18, 167, 210, 1);
    }

    div#footer-sec-webenza .button--wrapper .btn-default {
        transition: 1s;
    }
}

.container-fluid.head .header a.expertise_cta:hover {
    color: #11A6D2 !important;
}

@media (min-width: 767px) {
    .recaptch.captchaerror {
        display: block;
        align-items: end;
        justify-content: left;
        /* margin-top: -15%; */
        gap: 5px;
    }

    #footer-sec-webenza .recaptch.captchaerror {
        display: flex;
        gap: 5px;

    }
}

#webenza-banner-section h2 {
    letter-spacing: 0 !important;
}

.col-data .inner-col.inner-color {
    background: unset !important;
    background-size: 100% 100% !important;
    transition: 1s !important;
}

.inner-col.inner-wht {
    background: unset !important;
    background-size: 100% 100% !important;
    transition: 1s !important;
}

.col-data .inner-col:after,
.col-data .inner-col:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: #8CC641;
    display: block;
    border-style: solid;
}

.col-data .inner-col:before {
    top: 0;
    left: 0;
    right: unset;
    border-width: 3px 0px 0px 3px;
}

.col-data .inner-col:after {
    bottom: 0;
    left: unset;
    right: 0;
    border-width: 0px 3px 3px 0px;
}

.mem-wrap .des {
    line-height: 1.3;
}

.grid-item p a span {
    display: none;
}

.offer-wrap ul li {
    padding-bottom: 3%;
}

@media (min-width: 767px) {
    .offer-wrap ul li {
        padding-bottom: 2%;
        padding-right: 2%;
    }
}

.webenza_stg {
    margin-bottom: 30px !important;
}

.offering .inner-col a {
    background-color: #1B1C30;
}

#our-offerings .col-1:has(.inner-wht) {
    border: 1px solid #12a7d2;
    transition: all linear 0.4s;
}

h1.light-white.webenza_stg {
    color: #ffffff;
}

.footer-what .accordion-header {
    color: #fff !important;
    font-size: 1.05vw;
    cursor: pointer;
}

.footer-what .footer-columns ul li a {
    color: #fff !important;
    opacity: 0.8;
    font-size: 1.0vw;
}

section.footer-what {
    padding: 35px 20px 20px 50px;
}

@media (max-width:767px) {
    section.footer-what {
        padding: 35px 20px 5px 20px;
    }
}

section#hero-case-study {
    position: relative;
}

.recaptch.captchaerror img.captcha {
    margin-right: 10px;
}

.expertise_cta,
#let_connect_cta_navbar {
    transition: opacity 0.3s ease, max-height 0.3s ease;
    opacity: 1;
    max-height: 200px;
    /* adjust according to actual content */
    overflow: hidden;
}

.right-menu-web:has(.open) .expertise_cta,
.right-menu-web:has(.open) #let_connect_cta_navbar {
    opacity: 0;
    max-height: 0;
    pointer-events: none;
    /* prevents clicking while hidden */
}



/* 21-9 */

form.contact-form abbr {
    visibility: hidden;
}

button#lets_connect_sumbit_cta {
    background: 0 0;
    color: #11a6d2;
    border: 1px solid #11a6d2;
    transition: all linear 0.3s;
}

button#lets_connect_sumbit_cta:hover {
    color: #000;
    background-color: rgba(18, 167, 210, 1);
}

@media (min-width: 767px) {
    .bg51 .bg52 p {
        color: #fff;
        font-size: 1.25vw;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .year-wrapper p {
        color: #fff;
        font-size: 1.25vw;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .year-wrapper p,
    .interested p {
        color: #fff;
        font-size: 1.25vw;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        opacity: 0.8;
    }

    .offer-details .nav-ul li.active a {
        border-bottom: 1px solid #ffffff;
    }

    .offer-details .nav-ul li a:hover {
        border-bottom: 1px solid #ffffff;
    }
}

h3.casestudies_awards,
h3.casestudies_impact {
    margin-top: 35px
}


.offer-data .cta-webenza {
    display: flex;
    margin: 25px auto;
    gap: 25px;
    justify-content: center;
}



.offer-data .cta-webenza p {
    padding: 5px 20px;
}

.fancybox__container {
    z-index: 999999999999999;
}

.footer-what .footer-columns ul li a:hover {
    color: #11a6d2 !important;
}

@media (min-width: 767px) {
    .container-fluid.head .header .right-menu-web:has(.micon.open) {
        display: flex;
        align-items: end;
        justify-content: space-between;
        height: 100vh;
        flex-direction: column-reverse;
    }

    .container-fluid.head .header .right-menu-web:has(.micon.open) .menu {
        width: 300px;
        display: none;
        top: 0;
        right: 40px;
        z-index: 999999;
        bottom: 0;
        align-content: center;
        max-height: unset;
    }

    .container-fluid.head header .header nav:has(.micon.open) {
        display: block;
    }

}

.offer-data .exp a {
    padding: 15px 5px;
    width: 200px;
    display: block;
    text-align: center;
    text-align: -webkit-center;
    font-size: 1.1vw !important;
}

.offer-data .exp:hover a {
    color: #fff !important;
    transition: all linear 0.3s;
}

.offer-data .exp {
    width: 200px;
}

.lets-talk .exp {
    border: 2px solid;
    /* thickness required */
    border-image: linear-gradient(135deg, crimson, deepskyblue, yellowgreen) 1;
}

/* Desktop: hide mobile video */
.mobile-video {
    display: none;
}

.pull-right input#id_captcha_1 {
    height: 40px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #ccc;
}

button#lets_connect_submit_cta {
    color: #00bcd4;
    border: 1px solid #00bcd4;
    position: relative;
    text-transform: capitalize;
}

div#id_Name-error,
div#id_Email-error,
div#id_Mobile-error {
    position: absolute;
    color: #fff;
    bottom: -18px;
}

.bg31-head .form-group {
    display: flex;
    position: relative;
    margin-bottom: 25px;
}

button#lets_connect_submit_cta::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background:
        /* Top-left corner */
        linear-gradient(to right, #12a7d2 10px, transparent 10px), linear-gradient(to bottom, #12a7d2 10px, transparent 10px),
        /* Top-right corner */
        linear-gradient(to left, #12a7d2 10px, transparent 10px), linear-gradient(to bottom, #12a7d2 10px, transparent 10px),
        /* Bottom-left corner */
        linear-gradient(to right, #12a7d2 10px, transparent 10px), linear-gradient(to top, #12a7d2 10px, transparent 10px),
        /* Bottom-right corner */
        linear-gradient(to left, #12a7d2 10px, transparent 10px), linear-gradient(to top, #12a7d2 10px, transparent 10px);
    background-size: 2px 10px, 10px 2px, 2px 10px, 10px 2px, 2px 10px, 10px 2px, 2px 10px, 10px 2px;
    background-position: top left, top left, top right, top right, bottom left, bottom left, bottom right, bottom right;
    background-repeat: no-repeat;
    pointer-events: none;
}

button#lets_connect_submit_cta:active:focus {
    background-color: transparent;
    outline: unset;
}

.container-fluid.head .header .right-menu-web .exp:after,
.container-fluid.head .header .right-menu-web .exp:before,
.container-fluid.head .header .right-menu-web .exp>:first-child:after,
.container-fluid.head .header .right-menu-web .exp>:first-child:before {
    border-color: #12a7d200;
}

section#challenge-case-study {
    padding-bottom: 3% !important;
}

.contact-p {
    margin-top: -1%;
    padding-bottom: 5%;
}

@media (max-width:767px) {

    div#id_Name-error,
    div#id_Email-error,
    div#id_Mobile-error {
        font-size: 1rem;
    }

    .contact-p {
        padding-left: 0%;
    }

    #webenza-banner-section {
        height: 100vh;
        position: relative;
    }

    #webenza-banner-section .video-banner video,
    #webenza-banner-section .video-banner {
        height: 100vh;
        object-fit: fill;

    }

    .webenza-banner-hero-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .webenza-banner-hero-overlay {
        height: 100vh;
    }

    .webenza-banner-hero-overlay img {
        display: none;
    }

    #webenza-banner-section .container.px-0 {
        position: unset;
        z-index: 1;
    }

    #webenza-banner-section h2 {
        font-size: 3.4rem;
    }

    #webenza-banner-section p {
        font-size: 1.6rem;
    }

    #webenza-banner-section a.webenza-banner-hero-btn {
        font-size: 1.6rem;
    }

    #webenza-banner-section a span img,
    .webenza-banner-arrow.banner-page-arrow img.img-fluid {
        width: 1.8rem;
    }

    #our-work div.bg2 h2,
    .clienthead h2,
    .getin h2,
    .services h2 {
        font-size: 3.8rem;
    }

    #our-work .work .img-work img {
        height: auto !important;
        object-fit: cover;
        object-position: 20% 50%;
    }

    #our-work .work2 {
        height: auto !important;
    }

    section#our-service .section4 p {
        margin: 20px -32px 25px 0px;
    }

    .clienthead h2 span {
        font-size: unset;
    }

    section#our-service h4 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    /* footer css starts */

    div#footer-sec-webenza .address--wrapper h4 {
        font-size: 1.4rem;
    }

    .footer--address {
        padding: 0;
    }

    div#footer-sec-webenza .address--wrapper h5 {
        font-size: 1.2rem;
    }

    div#footer-sec-webenza .address--wrapper address {
        font-size: 1rem;
    }

    #footer-sec-webenza .container {
        width: 100%;
        max-width: 100%;
    }

    div#footer-sec-webenza .footer--menu--2 li a {
        font-size: 1.2rem;
        margin-bottom: 0px;
    }

    div#footer-sec-webenza .footer--menu--3 h4 {
        font-size: 1.4rem;
    }

    div#footer-sec-webenza .footer--menu--3 li a,
    .footer-what .accordion-header {
        font-size: 1.2rem;
    }

    .footer-what .accordion-header {
        font-size: 1.4rem;
    }

    div#footer-sec-webenza .footer--menu--3 .webenza-footer-social-icons img {
        width: 2.2rem;
    }

    .icons-wrapper-social h4 {
        text-align: center;
    }

    .webenza-footer-social-icons {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
        gap: 8px;
    }

    div#footer-sec-webenza .expert--form--wrapper h4 {
        font-size: 2.3rem;
        width: 100%;
    }

    div#footer-sec-webenza .expert--form--wrapper {
        padding: 25px 15px
    }

    div#footer-sec-webenza .expert--form input,
    div#footer-sec-webenza .button--wrapper .btn-default {
        font-size: 1.2rem;
    }

    section.footer-what {
        padding: 20px 20px 5px 20px;
    }

    .expert--form .form-group {
        margin-bottom: 0;
    }

    div#footer-sec-webenza .expert--form input {
        margin-bottom: 5px;
        margin-top: 15px;
    }

    div#privacy-policy-footer-webenza ul.social-circle.footer-social {
        display: flex !important;
        gap: 40px;
    }

    div#privacy-policy-footer-webenza p,
    div#privacy-policy-footer-webenza a {
        font-size: 1rem;
        padding-right: 0 !important;
    }

    .footer-privacy-content {
        width: 30%;
    }

    .footer--menu--3 li::marker {
        color: #fff;
    }

    .footer--menu--3 {
        padding-left: 0;
        padding-top: 15px;
    }

    .footer--menu--3 ul {
        padding-left: 20px;
    }

    div#footer-sec-webenza .footer--menu--2 {
        padding-top: 15px;
    }

    div#privacy-policy-footer-webenza ul.social-circle.footer-social img {
        height: auto;
        width: 75px;
    }

    .footer-what .footer-columns ul li a {
        font-size: 1rem;
    }

    .footer-what .footer-columns ul li {
        margin-bottom: 5px;
    }

    .footer-what .footer-columns {
        gap: 0;
    }

    .video-banner.mobile-video video {
        width: 100%;
    }

    .desktop-video {
        display: none;
    }

    .mobile-video {
        display: block;
    }

    .right-menu-web a.expertise_cta {
        display: none;
    }

    div#privacy-policy-footer-webenza {
        display: block;
        width: 100%;
    }

    div#privacy-policy-footer-webenza ul.social-circle.footer-social {
        justify-content: center;
        width: 100%;
    }

    .footer-privacy-content {
        width: 100%;
    }

    .footer-privacy-content p {
        text-align: center;
    }

    .icons-wrapper-social {
        display: flex;
        align-items: flex-end;
        gap: 15px;
    }

    .footer-what .footer-columns {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        /* default 4 columns on desktop */
        gap: 20px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .footer-what .footer-columns ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .services h2 {
        color: #fff;
    }

    .icons-wrapper-social {
        margin-bottom: 15px;
    }

    .about-wrap {
        padding: 10px 0;
    }

    .boss,
    .team-wrap-4 {
        width: 100%;
    }

    .team-wrap-2 {
        width: 50%;
    }

    .mem-wrap {
        display: block !important;
    }

    .mem-wrap {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 15px;
        background-color: transparent;
        top: 33%;
        left: 0;
        cursor: pointer;
    }

    .col-1 {
        width: 90%;
        margin: 10px 3%;
        height: auto !important;
    }

    .inner-col h3 {
        font-size: 22px;
        float: none !important;
        padding-top: 5%;
        padding-left: 10%;
    }

    img.icon-color,
    img.icon-white {
        max-width: 80px !important;
    }

    .inner-col h3 br {
        display: none;
    }

    .cta-webenza {
        position: sticky !important;
        top: 9% !important;
        z-index: 11111 !important;
        width: fit-content;
    }

    .bg52.animatedParent .p1.animated.fadeInUpShort.go {
        padding: 10% 0%;
        padding-bottom: 4%;
    }

    .container-wrap.meta_overlaid_blog .container.main-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    .masonry.meta_overlaid article.post .post-header h2 a {
        display: block;
        font-size: 18px;
        line-height: 1.2;
    }

    body #post-area.masonry.meta_overlaid .masonry-blog-item .post-meta .date {
        font-size: 15px !important;
    }

    body .masonry.meta_overlaid article.post .post-header .meta-author a {
        font-size: 15px !important;
    }

    .contact-form button,
    .contact-form button:focus,
    .contact-form button:hover {
        float: left;
        border: 0;
        padding: 6px 15px;
        margin-top: 5%;
    }

    .other-branch {
        max-width: 100%;
        margin-bottom: 8%;
    }

    .what-we-done-grid .grid-item {
        padding: 0px !important;
        padding-bottom: 5% !important;
    }

    .what-we-done-grid {
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }

    .offer-link h3 {
        font-size: 5vw !important;
        font-family: 'Manrope-Light';
        padding-bottom: 6%;
    }

    .offer-link a span.span-more {
        width: 100%;
        font-size: 18px !important;
        line-height: 1.3;
    }

    .offer-link a {
        background-position: center right;
        padding: 15px 2px;
        padding-top: 25px;
        padding-right: 30px;
        margin-top: -4%;
    }

    section.footer-what {
        padding: 10px 20px 5px 20px !important;
    }

    footer {
        padding-top: 15px !important;
    }

    div#privacy-policy-footer-webenza ul.social-circle.footer-social {
        align-items: flex-start;
    }

    .line-text .line {
        opacity: 0;
    }

    .mem-detail-text .line-text span.des {
        color: #fff;
        position: relative;
    }

    .mem-detail-text h2.name {
        margin-bottom: -4%;
    }
}


/* 29-09-25 */


section#our-work .work .img-work img {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 1;
}

section#our-work .work2:hover .img-work img {
    opacity: 0.5;
}

section#our-work .work .img-work:hover img {
    opacity: 1;
    transform: scale(1.05);
    /* optional zoom effect */
    z-index: 2;
    position: relative;
}

#what-we-do .offer-data p {
    color: #fff;
    font-size: 1.25vw;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}

#challenge-case-study .tab-panels img {
    width: 100%;
    max-width: unset !important;
    height: auto;
}

body.home section#challenge-case-study .tab-labels {
    z-index: 999999999;
}

.bg43.nwbg3 {
    background: url(../images/wht-we-do-bg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
}

.bg42.nwbg2 {
    background-image: url(../images/bg13.jpg);
}

.bg39.bger {
    background: url(https://www.webenza.com/static/images/wht-we-do-bg.jpg) no-repeat;
    background-size: cover;
    background-position: left;
}

.bg38.bger2 {
    background-image: url(https://www.webenza.com/static/images/bg13.jpg);
}

@media (max-width:767px) {
    section#execution-case-study ul {
        padding-left: 20px;
    }

    #what-we-do .offer-data p {
        color: #999;
        text-align: center;
        padding: 0 0 25px;
        font-size: 15px;
        width: 100%;
    }

    .ourwork {
        width: 100% !important;
    }

    .services a {
        padding: 10px 0 0 40px;
        padding: 4.255vw 10.2vw 1vw 2vw !important;
        font-size: 1.3vw !important;
        background-position: center right 0px !important;
        background-size: 29px auto !important;
        transition: .5s ease-in-out;
        background-repeat: no-repeat;
        text-decoration: none;
        outline: 0;
        list-style: none;
        float: left;
        outline-offset: -2px;
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
        margin-left: -5px !important;
    }

    .offer-data .exp {
        width: fit-content;
    }

    .offer-data .exp a {
        font-size: 1.4rem !important;
        width: auto;
        padding: 15px 25px;
    }

    .case-study-wrapper .tabs h3,
    .case-study-wrapper h3 {

        font-family: Manrope;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 45px;
        margin-top: 20px;
    }

    body.home section#challenge-case-study .tab-labels {
        display: flex;
        overflow: scroll;
        z-index: 1;
        position: sticky !important;
        top: 16% !important;
    }

    .tabs .tab-labels label {
        min-width: 200px;
    }

    .desk-view {
        display: none;
    }

    a.logo.animsition-link {
        left: 20px;
        position: relative;
    }

    .logo img {
        max-width: 180px !important;
    }

    .header {
        padding: 3% 2% !important;
        min-height: 60px !important;
    }

    div#nav-icon3 {
        top: 23px !important;
    }

    .container-fluid.head {
        /* background-color: transparent !important; */
    }

    #hero-case-study h2 {
        font-size: 34px;
    }

    .mob-view {
        display: block !important;
    }

    .ourwork.animated.go,
    .services.animated.go {
        z-index: 1;
        position: relative;
    }

    .clienthead a {
        padding: 2.255vw 4.2vw 3vw 2vw !important;
        font-size: 1.3vw !important;
        background-position: center right 0px !important;
        background-size: contain;
        transition: .5s ease-in-out;
        background-repeat: no-repeat;
        text-decoration: none;
        outline: 0;
        list-style: none;
        float: left;
        outline-offset: -2px;
        background-image: url(https://www.webenza.com/static/webenza/images/Banner-arrow.png) !important;
        margin-left: -5px !important;
    }

    #webenza-banner-section a span img {
        width: 3rem;
        margin-left: 10px;
        margin-top: -2px;
    }
}

.container-fluid.head .header:has(.micon.open) {
    backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
}

.mob-view {
    display: none;
}

/* #webenza-banner-section h2,#webenza-banner-section p,#webenza-banner-section a.webenza-banner-hero-btn{
    display:none;
}
.webenza-banner-hero-content {
    margin: auto;
    text-align: center;
} */

/* .webenza-banner-hero-content {
    position: absolute;
    bottom: 75px !important;
    left: 0;
    right: 0;
    transform: unset;
    top: unset;
} */