/*@font-face { font-family: Brinnan; src: url(../fonts/Brinnan\ Black.otf); }*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
a,
.btn-default,
textarea { margin: 0; padding: 0; }
* { margin: 0; padding: 0; }
a { text-decoration: none !important; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
body { overflow-x: hidden; }

/*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay { display: none; }
a#hamburg { position: fixed; top: 10px; left: 10px; width: 40px; height: 40px; z-index: 9999999; text-align: center; color: white; display: none; transition: all ease-out 0.3s; }
a#hamburg i { position: relative; top: 50%; transform: translateY(-50%); }
.nav1 { transition: all ease-out 0.3s; display: none; }
.nav1 a { color: #fff; font-size: 13px; }
.nav1 ul { margin: 0; padding: 0; background-color: #303030; }
.nav1 ul li { display: inline-block; position: relative; }
.nav1 ul li>a { display: inline-block; padding: 10px; }
.nav1 ul li>a>i { margin-left: 15px; transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.1s; }
.nav1 ul li ul { display: none; position: absolute; top: 38px; background: #222; width: 200px; text-align: left; }
.nav1 .search-nav,
.nav1 .title { display: none; }
.nav1 ul li ul li { display: block; }
.nav1 ul li ul li a { display: block; }
.nav1 ul li:hover>a { color: #000; text-decoration: none; }
.nav1 ul li:hover>a>i { transform: rotateZ(90deg); }
.nav1 ul li:hover ul { display: block; }
.nav1 span.marrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; float: right; height: 0; margin: 8px 0 0 8px; width: 0; }
.nav1 ul li.open span.marrow { border-left: 5px solid transparent; border-top: 0; border-right: 5px solid transparent; border-bottom: 5px solid #fff; }
@media screen and (max-width:991px) {
    a#hamburg { display: block; top: 50px; left: 40px; }
    main { transition: all ease-out 0.3s; }
    .nav1 .row { margin: 0px; }
    .nav1 { background: black; box-shadow: -2px 0 0px #f9d707 inset; display: block; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; transform: translateX(-250px); width: 250px; }
    .nav1 .search-nav,
    .nav1 .title { display: block; }
    .nav1 .search-nav input { border: 1px solid #2c313f; background-color: rgba(255, 255, 255, 0.2); padding: 5px; width: 100%; color: #000; margin: 10px 0; }
    .nav1 .search-nav input[type="submit"] { background: url("images/search-icon.png") no-repeat scroll center center; border: 0; width: auto; font-size: 0; height: 16px; position: absolute; right: 7px; top: 8px; width: 16px; filter: invert(100%); }
    .nav1 .title { background: #000; color: #fff; font-size: 14px; margin: 0 -15px; padding: 6px 15px 6px; }
    .search-nav>form { position: relative; }
    .nav1 a:hover { color: #0c73b4; text-decoration: none; }
    .nav1 ul { text-align: left; background-color: transparent; margin-top: 50px; }
    .nav1 ul li { display: block; border-bottom: 1px solid #999; }
    .nav1 ul li a { display: block; padding: 10px 0; }
    .nav1 ul li:hover>a { color: #0c73b4; }
    .nav1 ul li a>i { float: right; }
    .nav1 ul li ul { display: none; position: static; width: 100%; background-color: transparent; padding: 0 10px; }
    .nav1 ul li:hover>ul { display: none; }
    .nav1 ul li:hover>a>i { transform: rotateZ(0); }
    .nav1 ul li.open>a { background-color: transparent; }
    .nav1 ul li.open>a>i { transform: rotateZ(90deg); }
    .nav1 ul li.open>ul { display: block; }
    div#menuoverlay { display: block; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; transition: all ease-out 0.3s; z-index: 1; opacity: 0; }
    html.open-menu { overflow: hidden; }
    html.open-menu div#menuoverlay { visibility: visible; background: rgba(0, 0, 0, 0.5); min-height: 100vh; width: 100% !important; opacity: 1; width: calc(-150%); left: 250px; }
    html.open-menu a#hamburg { transform: translateX(250px); z-index: 999; }
    html.open-menu main { transform: translateX(250px); }
    html.open-menu nav.nav1 { z-index: 9999999; transform: translateX(0); }
    .menu-main-menu-container ul ul ul li a { padding: 5px; }
    ul li.has-subnav .accordion-btn { color: #000; font-size: 24px; width: 20px !important; float: right; line-height: inherit !important; }
    .nav1 ul li:last-child { border: 0; }
    .nav-cross.open>span { background: #e84483; }

    /*---------------------Hamberg Icon --------------------------------------------- */
    .nav-cross { width: 24px; height: 40px; position: relative; margin: 0px auto; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; }
    .nav-cross span { display: block; position: absolute; height: 3px; width: 100%; background: #e84483; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
    #nav-icon1 span:nth-child(1) { top: 0px; }
    #nav-icon1 span:nth-child(2) { top: 18px; }
    #nav-icon1 span:nth-child(3) { top: 36px; }
    #nav-icon1.open span:nth-child(1) { top: 18px; transform: rotate(135deg); }
    #nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
    #nav-icon1.open span:nth-child(3) { top: 18px; transform: rotate(-135deg); }
    .nav-cross span:nth-child(1) { top: 12px; transform-origin: left center; }
    .nav-cross span:nth-child(2) { top: 20px; transform-origin: left center; }
    .nav-cross span:nth-child(3) { top: 28px; transform-origin: left center; }
    .nav-cross.open span:nth-child(1) { transform: rotate(45deg); top: 11px; left: 4px; }
    .nav-cross.open span:nth-child(2) { width: 0%; opacity: 0; }
    .nav-cross.open span:nth-child(3) { transform: rotate(-45deg); top: 28px; left: 4px; }
}

/*---------------------------------- Slick SLider----------------------------------------------------*/
.main-slider,
.item-slider,
.client,
.thumb-slider { display: none; }
.item-slider.slick-initialized,
.thumb-slider.slick-initialized,
.client.slick-initialized,
.main-slider.slick-initialized { display: block !important; }
.slider { position: relative; clear: left; overflow: hidden; }
.slider .inner-item { height: 756px; }
.slider .container { position: relative; }
.slick-slide .caption { color: #fff; font-size: 1.2em; line-height: 1.2em; position: absolute; left: 10%; text-shadow: 2px 2px 2px #000; top: 37%; width: 35%; background: rgba(0, 0, 0, 0.7); padding: 20px 20px 0; z-index: 99; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.thumb-slider .slick-slide { margin: 5px 0 0 5px; }
.slider-thumb .thumb-slider .slick-slide img { max-width: 100%; height: auto; box-sizing: border-box; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; position: relative; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; transition: all .25s ease; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { position: absolute; z-index: 11; bottom: -30px; margin: 0px; padding: 0; text-align: center; width: 100%; }
.slick-dots li { list-style: none; display: inline-block; }
.slick-dots button { border: 1px solid #333; background: #fff; width: 12px; height: 12px; border-radius: 100%; font-size: 0; padding: 0px; margin-right: 5px; }
.slick-dots .slick-active button { background: red; }
.slick-arrow { border: 0px !important; font-size: 0 !important; right: 0; margin-top: -20px; position: absolute; top: 50%; z-index: 1; background: transparent;    /* background: transparent url(../images/right-arrow.png) no-repeat center center; */ background-image: linear-gradient(270deg, #f37471b0 50%, transparent 50%), url(../images/right-arrow.png); background-repeat: no-repeat; background-position: center; width: 5% !important; height: 40px;    /* transform: rotate(180deg); */ }
.services-slider .slick-arrow { height: 65px; }
.slick-arrow:hover { background: #e74184 url(../images/right-arrow.png) no-repeat center center; }
.slick-next.slick-arrow { transform: rotate(180deg); }
.slider-progress { width: 100%; height: 5px; background: rgba(0, 216, 192, 0.8); position: absolute; top: 0; z-index: 99; }
.slider-progress .progress { width: 0%; height: 5px; background: rgba(36, 51, 0, 0.8); }
.thumb-slider .slick-active img { border: 1px solid transparent; }
.thumb-slider .slick-current img { opacity: 0.5; }

/* custom css */

/* roots */:root { --primary-color: #f37471; --secondary-color: #e74184; --dark-background-color: #2e433a; --black-color: #1b272e; --white-color: #fff; }
.baselineRow { display: flex; align-items: baseline; }
.centerRow { display: flex; align-items: center; }
section { padding: 50px 0; }
marquee { width: 100%; height: 170px; display: flex; align-items: center; }
marquee .animatedTxt { margin: 0; font-size: 120px; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1px #dddddd4f; }
marquee .animatedTxt span { -webkit-text-stroke: 1px #ff000057; }

/* slider css */
.word {    /* font-family: 'Anton', sans-serif; */
perspective: 962px; line-height: 10px; }
.word span { cursor: pointer; display: inline-block; font-size: 50px; user-select: none; line-height: 1; text-transform: uppercase; }
.evenword { cursor: pointer; display: inline-block; font-size: 40px; user-select: none; line-height: 1; color: var(--primary-color); text-transform: uppercase; font-weight: 600; }
.darktext { color: #fff; font-family: 'Poppins', sans-serif; font-size: 15px; margin-bottom: 15px; line-height: 1.6; }
.word.even { color: #fff; -webkit-text-stroke: 0px; }
.word span:nth-child(1) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(2) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(3) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(4) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(5) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(6) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(7) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(8) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(9) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(10) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(11) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(12) { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span { color: transparent; -webkit-text-stroke: 1px #fff; }
.word span:nth-child(1).active { animation: balance 1.5s ease-out; transform-origin: bottom left; }
@keyframes balance {
    0%,
    100% { transform: rotate(0deg); }
    30%,
    60% { transform: rotate(-45deg); }
}
.word span:nth-child(2).active { animation: shrinkjump 1s ease-in-out; transform-origin: bottom center; }
@keyframes shrinkjump {
    10%,
    35% { transform: scale(2, .2) translate(0, 0); }
    45%,
    50% { transform: scale(1) translate(0, -150px); }
    80% { transform: scale(1) translate(0, 0); }
}
.word span:nth-child(3).active { animation: falling 2s ease-out; transform-origin: bottom center; }
@keyframes falling {
    12% { transform: rotateX(240deg); }
    24% { transform: rotateX(150deg); }
    36% { transform: rotateX(200deg); }
    48% { transform: rotateX(175deg); }
    60%,
    85% { transform: rotateX(180deg); }
    100% { transform: rotateX(0deg); }
}
.word span:nth-child(4).active { animation: rotate 1s ease-out; }
@keyframes rotate {
    20%,
    80% { transform: rotateY(180deg); }
    100% { transform: rotateY(360deg); }
}
.word span:nth-child(5).active { animation: toplong 1.5s linear; }
@keyframes toplong {
    10%,
    40% { transform: translateY(-48vh) scaleY(1); }
    90% { transform: translateY(-48vh) scaleY(4); }
}
.word span:nth-child(6).active { animation: balance 1.5s ease-out; transform-origin: bottom left; }
@keyframes balance {
    0%,
    100% { transform: rotate(0deg); }
    30%,
    60% { transform: rotate(-45deg); }
}
.word span:nth-child(7).active { animation: shrinkjump 1s ease-in-out; transform-origin: bottom center; }
@keyframes shrinkjump {
    10%,
    35% { transform: scale(2, .2) translate(0, 0); }
    45%,
    50% { transform: scale(1) translate(0, -150px); }
    80% { transform: scale(1) translate(0, 0); }
}
.word span:nth-child(8).active { animation: falling 2s ease-out; transform-origin: bottom center; }
@keyframes falling {
    12% { transform: rotateX(240deg); }
    24% { transform: rotateX(150deg); }
    36% { transform: rotateX(200deg); }
    48% { transform: rotateX(175deg); }
    60%,
    85% { transform: rotateX(180deg); }
    100% { transform: rotateX(0deg); }
}
.word span:nth-child(9).active { animation: rotate 1s ease-out; }
@keyframes rotate {
    20%,
    80% { transform: rotateY(180deg); }
    100% { transform: rotateY(360deg); }
}
.word span:nth-child(10).active { animation: toplong 1.5s linear; }
@keyframes toplong {
    10%,
    40% { transform: translateY(-48vh) scaleY(1); }
    90% { transform: translateY(-48vh) scaleY(4); }
}
.word span:nth-child(11).active { animation: balance 1.5s ease-out; transform-origin: bottom left; }
.secondHeading { position: relative; margin: 0; padding-left: 10px; margin-bottom: 15px; font-size: 40px; line-height: 1.3; color: #000; text-transform: capitalize; font-family: 'Poppins', sans-serif !important; }
.secondHeading:before { content: ""; background-color: red; width: 15px; position: absolute; top: -5px; left: -20px; bottom: -12px; animation: scroll 2s infinite; }
.secondHeading .word {    /* font-family: 'Anton', sans-serif; */
perspective: 1000px; }
.secondHeading .word span { cursor: pointer; display: inline-block; font-size: 55px; user-select: none; line-height: 1; text-transform: initial; }
.secondHeading .evenword { cursor: pointer; display: inline-block; font-size: 65px; user-select: none; line-height: 1; color: #000; text-transform: capitalize; }
.subtitleLight { margin: 0 0 15px 0; font-size: 70px; line-height: 1.2; color: #000; text-transform: capitalize; letter-spacing: 2px; }
.secondHeading .darktext { color: #fff; font-family: 'Poppins', sans-serif; font-size: 15px; margin-bottom: 15px; }
.secondHeading .word.even { color: #000; -webkit-text-stroke: 0px; }
.secondHeading .word span:nth-child(1) { color: black; -webkit-text-stroke: 1px #000; }
.secondHeading .word span:nth-child(2) { color: black; -webkit-text-stroke: 1px #000; }
.secondHeading .word span:nth-child(3) { color: black; -webkit-text-stroke: 1px #000; }
.secondHeading .word span:nth-child(4) { color: black; -webkit-text-stroke: 1px #000; }
.secondHeading .word span:nth-child(5) { color: black; -webkit-text-stroke: 1px #000; }
.secondHeading .word span:nth-child(6) { color: black; -webkit-text-stroke: 1px #000; }
.secondHeading .word span:nth-child(7) { color: black; -webkit-text-stroke: 1px #000; }
.secondHeading .word span:nth-child(8) { color: transparent; -webkit-text-stroke: 1px #fff; }
.secondHeading .word span:nth-child(9) { color: transparent; -webkit-text-stroke: 1px #fff; }
.secondHeading .word span:nth-child(10) { color: transparent; -webkit-text-stroke: 1px #fff; }
.secondHeading .word span:nth-child(11) { color: transparent; -webkit-text-stroke: 1px #fff; }
.secondHeading .word span:nth-child(1).active { animation: balance 1.5s ease-out; transform-origin: bottom left; }
@keyframes balance {
    0%,
    100% { transform: rotate(0deg); }
    30%,
    60% { transform: rotate(-45deg); }
}
.secondHeading .word span:nth-child(2).active { animation: shrinkjump 1s ease-in-out; transform-origin: bottom center; }
@keyframes shrinkjump {
    10%,
    35% { transform: scale(2, .2) translate(0, 0); }
    45%,
    50% { transform: scale(1) translate(0, -150px); }
    80% { transform: scale(1) translate(0, 0); }
}
.secondHeading .word span:nth-child(3).active { animation: falling 2s ease-out; transform-origin: bottom center; }
@keyframes falling {
    12% { transform: rotateX(240deg); }
    24% { transform: rotateX(150deg); }
    36% { transform: rotateX(200deg); }
    48% { transform: rotateX(175deg); }
    60%,
    85% { transform: rotateX(180deg); }
    100% { transform: rotateX(0deg); }
}
.secondHeading .word span:nth-child(4).active { animation: rotate 1s ease-out; }
@keyframes rotate {
    20%,
    80% { transform: rotateY(180deg); }
    100% { transform: rotateY(360deg); }
}
.secondHeading .word span:nth-child(5).active { animation: toplong 1.5s linear; }
@keyframes toplong {
    10%,
    40% { transform: translateY(-48vh) scaleY(1); }
    90% { transform: translateY(-48vh) scaleY(4); }
}
.secondHeading .word span:nth-child(6).active { animation: balance 1.5s ease-out; transform-origin: bottom left; }
@keyframes balance {
    0%,
    100% { transform: rotate(0deg); }
    30%,
    60% { transform: rotate(-45deg); }
}
.secondHeading .word span:nth-child(7).active { animation: shrinkjump 1s ease-in-out; transform-origin: bottom center; }
@keyframes shrinkjump {
    10%,
    35% { transform: scale(2, .2) translate(0, 0); }
    45%,
    50% { transform: scale(1) translate(0, -150px); }
    80% { transform: scale(1) translate(0, 0); }
}
.secondHeading .word span:nth-child(8).active { animation: falling 2s ease-out; transform-origin: bottom center; }
@keyframes falling {
    12% { transform: rotateX(240deg); }
    24% { transform: rotateX(150deg); }
    36% { transform: rotateX(200deg); }
    48% { transform: rotateX(175deg); }
    60%,
    85% { transform: rotateX(180deg); }
    100% { transform: rotateX(0deg); }
}
.secondHeading .word span:nth-child(9).active { animation: rotate 1s ease-out; }
@keyframes rotate {
    20%,
    80% { transform: rotateY(180deg); }
    100% { transform: rotateY(360deg); }
}
.secondHeading .word span:nth-child(10).active { animation: toplong 1.5s linear; }
@keyframes toplong {
    10%,
    40% { transform: translateY(-48vh) scaleY(1); }
    90% { transform: translateY(-48vh) scaleY(4); }
}

/* header start*/
header.headerSection { position: relative; top: 0; width: 100%; z-index: 2; background: #fff }
.header-btn .gl-btn.yellow { background: 0 0 }
.headerSection .row.navigation_section { align-items: center; text-align: left; padding-bottom: 20px; border-bottom: 1px solid #5ca99d }
nav { position: relative; z-index: 999; width: 100% }
nav.fixed { position: fixed; width: 100%; z-index: 999; top: 0 }
.menu-header,
.menu-header ul,
.menu-header ul li,
.menu-header ul li a,
.menu-header #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.menu-header:after,
.menu-header>ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.menu-header #menu-button { display: none }
.menu-header { background: 0 0; text-align: center }
.menu-header>ul>li { display: inline-block; position: relative }
.menu-header.align-center>ul { font-size: 0; text-align: center }
.menu-header.align-center>ul>li { display: inline-block; float: none }
.menu-header.align-center ul ul { text-align: left }
.menu-header.align-right>ul>li { float: right }
.menu-header>ul>li.current-menu-item.page_item a { color: red }
.menu-header>ul>li>a { color: #000; font-size: 15px; line-height: 22px; font-weight: 500; letter-spacing: 0; background-position: center center; border-color: transparent; border-style: solid; padding: 12px 20px; text-transform: uppercase }
.menu-header>ul>li>a:hover { text-decoration: none; color: red }
.menu-header ul ul:before { border-color: transparent transparent #000; border-style: solid; border-width: 10px; content: ""; left: 20px; position: absolute; top: -20px }
.menu-header ul ul ul:before { display: none }
.menu-header>ul>li.has-sub:hover>a:before { top: 23px; height: 0 }
.menu-header ul ul { position: absolute; left: -9999px }
.menu-header.align-right ul ul { text-align: right }
.menu-header ul ul li { height: 0; transition: all .25s ease }
.menu-header li:hover>ul { left: auto }
.menu-header.align-right li:hover>ul { left: auto; right: 0 }
.menu-header li:hover>ul>li { height: 35px }
.menu-header ul ul ul { margin-left: 100%; top: 0 }
.menu-header.align-right ul ul ul { margin-left: 0; margin-right: 100% }
.menu-header ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, .15); padding: 8px 10px; width: 220px; font-size: 11px; text-decoration: none; color: #fff; font-weight: 400; background: #e74482; text-align: left; line-height: normal; text-transform: uppercase }
.menu-header ul ul li:hover>a,
.menu-header ul ul li a:hover { color: #fff; background: #000 }
.menu-header ul ul:before { border-color: transparent transparent #e84483; border-style: solid; border-width: 10px; content: ""; left: 20px; position: absolute; top: -20px }
.menu-header ul ul li:last-child>a,
.menu-header ul ul li.last-item>a { border-bottom: 0 }
.menu-header ul ul li:hover>a,
.menu-header ul ul li a:hover { color: #fff }
.menu-header ul ul li.has-sub>a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: '' }
.menu-header.align-right ul ul li.has-sub>a:after { right: auto; left: 11px }
.menu-header ul ul li.has-sub>a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; transition: all .25s ease }
.menu-header.align-right ul ul li.has-sub>a:before { right: auto; left: 14px }
.menu-header ul ul>li.has-sub:hover>a:before { top: 17px; height: 0 }
.menu-header>ul>li:first-child a { padding-left: 0 }
.menu-header>ul>li a:after { background: #50ae7c; width: 2px; height: 20px; display: block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto }
.menu-header>ul>li:last-child a:after { display: none }
@media (min-width:100px) and (max-width:767px) {
    .menu-header { width: 100% }
    .menu-header ul { width: 100%; display: none }
    .menu-header.align-center>ul { text-align: left }
    .menu-header ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, .2) }
    .menu-header ul ul li,
    .menu-header li:hover>ul>li { height: auto }
    .menu-header ul li a,
    .menu-header ul ul li a { width: 100%; border-bottom: 0 }
    .menu-header>ul>li { float: none }
    .menu-header ul ul li a { padding-left: 25px }
    .menu-header ul ul ul li a { padding-left: 35px }
    .menu-header ul ul li a { color: #ddd; background: 0 0 }
    .menu-header ul ul li:hover>a,
    .menu-header ul ul li.active>a { color: #fff }
    .menu-header ul ul,
    .menu-header ul ul ul,
    .menu-header.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left }
    .menu-header>ul>li.has-sub>a:after,
    .menu-header>ul>li.has-sub>a:before,
    .menu-header ul ul>li.has-sub>a:after,
    .menu-header ul ul>li.has-sub>a:before { display: none }
    .menu-header #menu-button { display: none; padding: 17px; color: #ddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700 }
    .menu-header #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 8px; width: 20px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; content: '' }
    .menu-header #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #ddd; content: '' }
    .menu-header #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
    .menu-header #menu-button.menu-opened:before { top: 23px; background: #fff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }
    .menu-header .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, .2); height: 46px; width: 46px; cursor: pointer }
    .menu-header .submenu-button.submenu-opened { background: #262626 }
    .menu-header ul ul .submenu-button { height: 34px; width: 34px }
    .menu-header .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #ddd; content: '' }
    .menu-header ul ul .submenu-button:after { top: 15px; right: 13px }
    .menu-header .submenu-button.submenu-opened:after { background: #fff }
    .menu-header .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #ddd; content: '' }
    .menu-header ul ul .submenu-button:before { top: 12px; right: 16px }
    .menu-header .submenu-button.submenu-opened:before { display: none }
    .header-btn { display: none !important; }
}
div#menuoverlay { display: none }
.gl-btn a { padding: 15px 35px; margin: 0 auto; text-align: center; color: #fff; line-height: normal; border-radius: 5px; text-transform: uppercase; transition: all .9s ease; border-radius: 50px; background: linear-gradient(85deg, #e53688 0%, #f4776f 100%); }
.gl-btn a:hover { background: #c51e46; box-shadow: 0 0 10px #c51e46; color: #fff }
.header-btn { display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center }
.gl-btn.yellow a { background: linear-gradient(85deg, rgba(186, 158, 22, 1) 0%, rgba(255, 212, 0, 1) 100%) }
.gl-btn.red a { background: linear-gradient(85deg, #e53688 0%, #f4776f 100%); }
.msg-box { position: absolute; bottom: 149px; right: 200px; z-index: 2 }
.msg-box a { background: #e85d00; height: 60px; width: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all .8s ease }
.msg-box a:hover { transform: translateY(-10px); background: #c51e46 }
.headerSection .row.top-section { padding: 30px 0; align-items: center; position: relative }
.headerSection .row.top-section:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 50%; height: 5px; background: #ec6178; }
.headerSection .row.top-section:after { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 5px; background: #ea5e79; }
.showSm-screen { display: none; }
@media (max-width:991px) {
    .showSm-screen { display: block }
    .hiddenSm-screen logo { display: none }
    .showSm-screen .logo { text-align: center }
    .showSm-screen .logo img { width: 170px; }
}
.row.top-section .logo img { width: 230px; }

/* header end*/

/* mian banner start */
.banner { background-image: url(../images/Banner.jpg); background-size: cover; position: relative; z-index: 0; display: flex; height: 700px; background-repeat: no-repeat; background-position: bottom; padding: 100px 0; }
.banner .banner-body { display: flex; height: 925px; position: relative; }
.banner .banner-body .slick-list { overflow: visible !important; }
.banner .banner-body .row .bannerRightcontent img { position: absolute; z-index: 1; top: 54px; bottom: 0; margin: auto; right: -140px; width: 660px; height: 780px; object-fit: contain; }
.banner .banner-body .row .bannerLeftcontent { position: relative; }
.banner .banner-body .row .bannerLeftcontent .evenword .strock { cursor: pointer; display: inline-block; color: transparent; -webkit-text-stroke: 1px #fff; }
.subtitleDark { margin: 0 0 15px 0; font-size: 40px; color: #fff; text-transform: uppercase; letter-spacing: 2px; }
.mainHeading { position: relative; margin: 0; padding-left: 0px; margin-bottom: 15px !important; !i; !; !imo; !imo; !i; !; }
.banner .banner-body .row { display: flex; height: 925px; position: relative; }
.banner .banner-body .item.slick-slide { overflow: hidden; opacity: 0; }
.banner .banner-body .item.slick-slide.slick-current { overflow: visible; opacity: 1; }
.banner .banner-body .row .bannerLeftcontent .para p { margin-bottom: 30px; }

/* new CSSS */

/* main */
body.page-template-default.page { background: url('../images/bodyBg.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }

/* main */
.primaryHeading { margin-top: 0; font-size: 45px; color: #fff; }
.secondHeading .word span:nth-child(11).active { animation: balance 1.5s ease-out; transform-origin: bottom left; }
.lightText { font-family: 'Poppins', sans-serif; margin-bottom: 15px; transition: all ease 1s; color: #fff; font-size: 14px; line-height: 22px; }
.evenword.evenWord2 { font-size: 40px; user-select: none; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1px #fff; line-height: 55px; margin-top: 0 !important; !i; !; }

/* .strock {
position: relative;
-webkit-text-stroke: 1px #fff;
color: #ea537c;
}

.strock:before {
content: '';
position: absolute;
top: 2px;
left: 1px;
text-transform: uppercase;
color: #e84483;
/* -webkit-text-stroke: 0px #fff; */

/* btn1 */
.btn1 { position: absolute; left: 8%; top: 250px; transition: all ease 1s; }
.btn1 .btnImg { display: inline-block; position: absolute; width: 60px; height: 240px; bottom: 0px; object-fit: contain; left: 145px; }
.btn1 .border { padding: 18px 25px; border-radius: 50px; color: #fff; background: linear-gradient(85deg, #e53688 0%, #f4776f 100%); position: relative; border: 2px solid #fff !important; transition: all ease 1s; }
.btn1 .border:hover { background: linear-gradient(90deg, #f37471 54%, #e74184 56%); transition: all ease 1s; border-radius: 15px; border: 2px dashed #fff !important; }
.btn1 .border:hover .btnImg { filter: drop-shadow(2px 4px 6px black); animation: building 1s linear infinite alternate both; }
.btn1 .border:hover i { color: #e5c51c; }
.btn1 .border span:nth-child(1) { width: 100px; display: inline-block; }
.btn1 .border span:last-child { width: 130px; display: inline-block; text-align: right; }
.btn1 .border span:last-child i { padding: 0 0 0 10px; }

/* btn1 */

/* btn 3 */
.digitalProduct .developmentServices .btn3 { text-align: center; padding: 10px; margin-top: 20px; }
.btn3 .border { width: 200px; display: block; padding: 12px; margin: 0 auto; border-radius: 50px; background: linear-gradient(85deg, #e53688 0%, #f4776f 100%); color: #fff; border: 2px solid #fff !important; position: relative; overflow: hidden; transition: all ease 1s; }
.btn3 .border:before { content: ''; position: absolute; width: 30px; height: 30px; background: #972b48; left: -1px; border-radius: 0 15px 15px 0; top: -2px; transition: all ease 1s; }
.btn3 .border:after { content: ''; position: absolute; width: 30px; height: 30px; background: #972b48; right: -1px; border-radius: 15px 0 15px 15px; bottom: -2px; transition: all ease 1s; }
.btn3 .border:hover { transition: all ease 1s; background: #000; }
.btn3 .border:hover:before { background: #f37471; width: 10px; height: 10px; border-radius: 0; top: 0; bottom: 0; left: 20px; margin: auto; }
.btn3 .border:hover:after { background: #f37471; width: 10px; height: 10px; border-radius: 0; top: 0; bottom: 0; right: 20px; margin: auto; }

/* btn 3 */

/* banner */
.banner .word .simpleText { display: inline; line-height: 4px; }
.banner .banner-body .row .bannerLeftcontent .evenword strong { color: var(--primary-color); }
.banner .word .simpleText:nth-child(1) span { color: var(--primary-color); }
.banner .word .simpleText span { -webkit-text-stroke: 0px #fff; color: #fff; font-size: 40px; font-weight: 600; }
.banner .evenword { f; font-size: 40px; user-select: none; line-height: 1; text-transform: uppercase; margin-bottom: 20px; }
.bannerRightcontent .sliderTxt { position: absolute; top: -240px; right: -30px; color: #dd84a88a; font-size: 107px; width: 100%; display: block; }
.banner .word .simpleText.simpleText2:nth-child(1) span { color: var(--secondary-color); }
.banner .banner-body .slick-arrow {    /* background: #f37471; */
transition: all ease 1s; }
.banner .banner-body .slick-prev.slick-arrow { position: absolute; left: 43%; top: 80%; border-radius: 10px; }
.banner .banner-body .slick-next.slick-arrow { position: absolute; right: 42%; top: 80.1%; border-radius: 10px; }
.banner:hover .bannerRightcontent img { animation: vibrate-1 2s linear infinite both; }
.vibrate-1 { animation: vibrate-1 2s linear infinite both; }
@keyframes vibrate-1 {
    0% { transform: translate(0); }
    20% { transform: translate(-2px, 2px); }
    40% { transform: translate(-2px, -2px); }
    60% { transform: translate(2px, 2px); }
    80% { transform: translate(2px, -2px); }
    100% { transform: translate(0); }
}
.simpleText.simpleText2 { padding: 0 60px 0 0px; }
.evenword.companyText aside { display: inline-block; padding-left: 5px; }
.banner .word .simpleText.simpleText2 span { font-size: 40px; }
.sliderTxt { animation: slide-right 4s linear infinite alternate both; }
@keyframes slide-right {
    0% { transform: translateX(0); }
    100% { transform: translateX(100px); }
}
.shapeBox { background-color: #f37471; width: 220px; height: 20px; display: inline-block; position: relative; left: 20px; top: 13px; border-radius: 25px; text-align: center; animation: shapeboxBG 2s linear infinite alternate both; }
.evenword.companyText {    /* display: flex; */
align-items: baseline; }
.shapeBox .box {    /* width: 29%; */
background: #fff; height: 15px; display: inline-flex; position: relative; top: -18px; left: 0; border-radius: 15px; }
.shapeBox .box.box1 { width: 29%; animation: shapebox1 2s linear infinite alternate both; }
.shapeBox .box.box2 { width: 29%; animation: shapebox2 2s linear infinite alternate both; background: #1b030a; }
.shapeBox .box.box3 { width: 29%; animation: shapebox3 2s linear infinite alternate both; }
.shapeboxBG { animation: shapeboxBG 2s linear infinite alternate both; }
@keyframes shapeboxBG {
    0% { background-color: #f37471; }
    100% { background-color: #e74184; }
}
.shapebox1 { animation: shapebox1 2s linear infinite alternate both; }
@keyframes shapebox1 {
    0% { width: 30%; }
    50% { width: 15%; }
    100% { width: 32%; }
}
.shapebox2 { animation: shapebox2 2s linear infinite alternate both; }
@keyframes shapebox2 {
    0% { width: 20%; }
    50% { width: 50%; }
    100% { width: 20%; }
}
.shapebox3 { animation: shapebox3 2s linear infinite alternate both; }
@keyframes shapebox3 {
    0% { width: 32%; }
    50% { width: 15%; }
    100% { width: 32%; }
}
.building { animation: building 2s linear infinite alternate both; }
@keyframes building {
    0% { filter: drop-shadow(2px 4px 6px black); }
    50% { filter: drop-shadow(2px 4px 6px red); }
    100% { filter: drop-shadow(2px 4px 6px #2e75af); }
}

/* banner */

/* resultsDelivered */
.resultsDelivered { position: relative; }
.resultsDelivered marquee { position: absolute; top: 200px; }
.parallaxEffect1 { height: 50vh; width: 100%; display: table; background-attachment: fixed; background-color: #e16b6a; overflow: visible; border-radius: 60px 60px; border: 2px solid #fff; position: relative; bottom: -90px; z-index: 2; box-shadow: 1px 20px 20px 6px #00000096; }
.parallaxEffect2 { height: 50vh; width: 100%; display: table; background-attachment: fixed; background-color: #c34064; overflow: visible; border-radius: 60px 60px; border: 2px solid #fff; position: relative; bottom: 0; box-shadow: -5px 12px 20px 20px #00000096; }
.parallaxEffect3 { height: 50vh; width: 100%; background-image: url(https://www.masquesaludanimal.es/posts/easset_upload_file62195_613728_e.jpg); background-size: cover; background-position: center; display: table; background-attachment: fixed; overflow: visible; }
.parallaxInner { display: flex; position: relative; padding: 50px; overflow: visible; display: table-cell; vertical-align: middle; }
.parallaxInner .leftBox { width: 60%; }
.parallaxInner .rightBox { width: 40%; }
.parallaxInner .rightBox { position: absolute; right: 0px; top: -80px; text-align: center; }
.parallaxInner .rightBox img { width: 70%; box-shadow: -5px 12px 20px 20px #00000096; border-radius: 60px 60px 0 0; }
.parallaxMain { height: 90vh; overflow-y: scroll; padding-right: 20px; }

/* resultsDelivered end */

/* faq */
.accordion-container { position: relative; width: 100%; height: auto; z-index: 1; border-radius: 10px; }
.faqs-sec .row { display: flex; justify-content: center; }
.faqs-sec .faqSec-heading { text-align: center; }
.faqs-sec .faqSec-heading .lightText { width: 53%; margin: 0 auto; }
.accordion-container>h2 { text-align: center; color: #fff; padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px solid #ddd }
.set { position: relative; width: 100%; height: auto; background-color: #f5f5f5 }
.set>a { display: block; padding: 10px 15px; text-decoration: none; color: #555; font-weight: 600; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear }
.set>a.active { color: #000; margin-left: 65px }
.set>a:before { float: right; content: ""; height: 8px; margin: 6px 0 0; width: 15px }
.set>a.active:before { filter: invert(100%); transform: rotate(180deg) }
.accordion-container .content { position: relative; width: 100%; height: auto; display: none }
.accordion-container .content p { padding: 10px 15px; margin: 0; color: #333 }
.faq-section .set { background: #620d2e; margin: 0; color: #fff; }
.faq-section .set>a { border: unset; font-size: 18px; line-height: normal; padding-left: 20px; padding-top: 30px; padding-bottom: 30px; font-weight: 500; color: var(--primary-headingcolor); position: relative; border-bottom: 1px dashed #b95456; }
.faq-section .set>a:after { content: '+'; left: unset; right: 15px; position: absolute; background: #fff; width: 30px; height: 30px; text-align: center; top: 50%; transform: translateY(-50%); border-radius: 100%; color: #083a63; display: inline-flex; align-items: center; justify-content: center; font-size: 25px; padding: 3px 0 0 }
.faq-section .set>a.active { margin: 0; background: linear-gradient(90deg, #c34064, #e16b6a); border-radius: 0; box-shadow: 0 0 10px #0000000f; color: #fff; }
.faq-section .content { border: unset; box-shadow: 0 10px 10px #0000000f; padding-left: 10px; padding-bottom: 15px; margin: 0; padding-right: 50px; background: linear-gradient(90deg, #c34064, #e16b6a); }
.faq-section .set>a.active:after { background: #fff; color: #083a63; }
section.faq-section .gl-heading h2 { margin: 0 0 5px }
section.faq-section .para p { max-width: 700px; margin: 0 auto; text-align: center; margin-bottom: 40px }
.faq-section .content p { color: var(--white-color); font-size: 15px; font-weight: 400 }
.faq-section .content { color: #929ea3; }
.faq-section .set>a.active .content { background: #fff; }
.faqSec-heading { width: 100%; }
.faqSec-heading img { width: 30%; }
.aiVectorBgBox { text-align: center; position: relative; top: -150px; transition: all ease-in-out; }
.aiVectorBgBox img { position: absolute; left: 0; right: 0; margin: 0 auto; }
.aiVectorBgBox .questionMark { width: 30%; top: 30px; left: 50px; }
.aiVectorBgBox img { width: 70%; z-index: 1; }
.aiVectorBgBox:before { content: ''; position: absolute; width: 210px; height: 320px; top: 51px; left: 289px; z-index: 0; border-radius: 50%; animation: vectorshadow linear 3s infinite alternate both; }
.faqSec-heading .primaryHeading { color: #fff; font-size: 65px; }
.faq-section .set:first-child { border-radius: 0; }
.faq-section .set:last-child { border-radius: 0; }
.faq-section .set:last-child > a { border-bottom: none; }
.faqs-sec { position: relative; transition: all ease 1s; }
.faqs-sec .ring { position: absolute; }
.faqs-sec .ring.ring2 { left: 20%; bottom: -22%; animation: rotate-90-cw 10s linear infinite alternate forwards; width: 486px; height: 470px; }
.faqs-sec .ring.ring1 { left: -40px; bottom: -14%; }
.faqs-sec .ring.ring3 { right: 0; bottom: -2%; animation: scale-up-center 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; width: 400px; height: 400px; z-index: 3; }
.faqs-sec .ring.ring4 { right: 0; bottom: -2%; animation: scale-up-center 7s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; width: 400px; height: 400px; z-index: 4; }
.faqs-sec .mobile { position: absolute; }
.faqs-sec .mobile.leftMbl { left: 0; bottom: 3%; z-index: 2; width: 400px; }
.faqs-sec .mobile.rightMbl { right: 0; bottom: 17%; width: 400px; z-index: 5; }
.faqs-sec:hover .mobile { animation: vibrate-1 2s linear infinite both; }
.faqs-sec .shape { position: absolute; right: 0; z-index: 0; top: 0; width: 450px; }
.faqs-sec .ring.ring5 { right: 10%; top: 12%; width: 50px; height: 50px; animation: scale-up-center 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.faqs-sec .ring.ring6 { right: 13%; top: 7%; width: 30px; height: 30px; animation: scale-up-center 4s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.faqs-sec .ring.ring7 { right: 15%; top: 12%; width: 30px; height: 30px; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.faqSec-heading .word strong { padding-right: 5px; }

/* faq end */

/* getYourDesignSec */
.getYourDesignSec { position: relative; padding-top: 120px; background: url(../images/getYourAppDesignBG.png); background-size: 100% 150%; background-position: top center; }
.getYourDesignSec marquee { position: absolute; top: -70px; }
.getYourDesignSec .getYourDesignMain { text-align: center; margin-bottom: 50px; }
.getYourDesignSec .getYourDesignContentBox { padding: 20px; text-align: center; display: block; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px dashed #f37471; border-radius: 50px; background: #00000069; }
.getYourDesignSec .getYourDesignContentBox .evenword { font-size: 20px; color: #f37471; margin-bottom: 15px; line-height: 22px; font-weight: 600; }
.getYourDesignSec .getYourDesignContentBox .lightText { font-size: 15px; line-height: 22px; }
.getYourDesignSec .getYourDesignContentBox img { width: 85px; height: 85px; object-fit: contain; margin-bottom: 20px; }
.getYourDesignSec .getYourDesignContentBox:hover { border: 2px dashed #f37471; border-radius: 50px; background: #5c182a; }
.getYourDesignSec .ring { position: absolute; }
.getYourDesignSec .ring.ring3 { width: 15px; height: 15px; top: 107px; left: 61.6%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.getYourDesignSec .ring.ring5 { width: 15px; height: 15px; top: 210px; left: 22%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.getYourDesignSec .ring.ring6 { width: 15px; height: 15px; top: 210px; left: 78%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }

/* gameChangingSec */
.gameChangingSec { padding: 100px 0; position: relative; }
.gameChangingSec .gameChangingMainHeading { text-align: center; }
.gameChangingSec .gameChangingMainHeading .lightText { width: 75%; margin: 0 auto; }
.gameChangingBoxes { display: flex; gap: 10px; padding: 150px 0 50px; position: relative; background: url(../images/arrowShapes.png); background-size: 70%; background-position: top center; background-repeat: no-repeat; margin-top: 70px; justify-content: center; }
.gameChangingBoxes .item { text-align: center; margin: 0 auto; position: relative; transition: all ease 1s; height: 230px; }
.gameChangingBoxes .slick-list { overflow: unset; }
.gameChangingBoxes img { width: 80px; height: 80px; object-fit: contain; margin-bottom: 20px; }
.gameChangingBoxes .boxFront { position: relative; z-index: 1; padding: 30px; height: 200px; width: auto; margin: 0 5px; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; border-radius: 10px; }
.gameChangingBoxes .boxBack { position: relative; top: -200px; z-index: 0; height: 200px; width: 80%; margin: 0 auto; display: flex; align-items: flex-end; border: 2px dashed transparent; transition: all ease 0.5s; border-radius: 10px; }
.gameChangingBoxes .item:hover .boxBack { height: 350px; background: #ffffff61; top: -250px; width: 80%; margin: 0 auto; border: 2px solid #fff; }
.gameChangingBoxes .boxBack .lightText { font-size: 13px; line-height: 22px; text-align: center; display: block; width: 100%; padding: 0 15px; }
.gameChangingBoxes .boxFront.box1 { background: linear-gradient(136deg, #e26b6a 50%, #b19b9b 130%); }
.gameChangingBoxes .boxFront.box2 { background: linear-gradient(136deg, #dd4d74 50%, #b19b9b 130%); }
.gameChangingBoxes .boxFront.box3 { background: linear-gradient(136deg, #ec6178 50%, #b19b9b 130%); }
.gameChangingBoxes .boxFront.box4 { background: linear-gradient(136deg, #d05a87 50%, #b19b9b 130%); }
.gameChangingBoxes .boxFront.box5 { background: linear-gradient(136deg, #ec6178 50%, #b19b9b 130%); }
.gameChangingSec .ring { position: absolute; }
.gameChangingSec .ring.ring3 { width: 75px; height: 75px; top: 397px; left: 48%; animation: none; }

/* landscapeMobile */
.landscapeMobile { display: flex; align-items: center; justify-content: center; text-align: center; position: relative; }
.landscapeMobileContentBox .mainHeading { margin: 0; }
.landscapeMobileContentBox .lightText { font-size: 15px; }
.landscapeMobileContentBox { padding: 70px 90px 80px; background: url(../images/landscapeMobile.png); background-size: 100% 100%; height: 440px; display: flex; flex-direction: column; justify-content: flex-start; position: relative; z-index: 1; }
.landscapeMobile .btn1 { left: 0; top: -130px; z-index: 2; position: relative; }
.landscapeMobile .btn1 .btnImg { height: 180px; }
.landscapeMobile .btn1 .border span:nth-child(1) { text-align: center; }
.landscapeMobile .ring { position: absolute; z-index: 0; width: 400px; height: 400px; }
.landscapeMobile .ring.ring1 { z-index: 0; animation: scale-up-center 6s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; top: 177px; left: 35.6%; }
.landscapeMobile .ring.ring2 { z-index: 0; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; top: 177px; left: 35.6%; }
.landscapeMobile .ring.ring3 { z-index: 0; animation: scale-up-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; top: -73px; left: 76%; width: 340px; height: 340px; }
.landscapeMobile .ring.ring4 { z-index: 0; animation: scale-up-center 4s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; top: -83px; left: 75%; width: 360px; height: 360px; }
.landscapeMobile .ring.ring5 { z-index: 0; animation: scale-up-center 6s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; top: -92px; left: 74.3%; width: 380px; height: 380px; }
.landscapeMobile .ring.ring6 { z-index: 0; animation: scale-up-center 6s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; top: -103px; left: 73.6%; width: 400px; height: 400px; }
.costToMakeApp .row { display: flex; justify-content: center; text-align: center; position: relative; }
.costToMakeApp { padding-top: 80px; padding-bottom: 0; }
.costToMakeAppFullRow { background: linear-gradient(0deg, #e7558c 95%, transparent 5%); border: 2px solid #fff; border-left: 0; border-right: 0; padding: 60px 0; position: relative; }
.costToMakeApp .costToMakeAppContentBox { margin-bottom: 50px; }
.costToMakeAppFullRow .circleArrow { position: absolute; top: -90px; left: 0; right: 0; margin: 0 auto; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background: #5e0f2d; border: 1px solid #fff; border-radius: 50px; }
.costToMakeAppFullRow .circleArrow i { color: #fff; font-size: 28px; }
.costToMakeAppFullRow .costToMakeAppBox { position: relative; }
.costToMakeAppFullRow .costToMakeAppBox .blankBox { width: 210px; height: 80px; padding: 7px; display: flex; flex-direction: column; justify-content: center; position: absolute; left: 0; right: 0; margin: auto; bottom: -110px; border-radius: 50px; background: #e7558c; transition: all ease 1s; }
.costToMakeAppFullRow .costToMakeAppBox .btn2 { width: 190px; height: 70px; padding: 7px; border: 2px solid #fff; margin: auto; border-radius: 50px; transition: all ease 1s; }
.costToMakeAppFullRow .costToMakeAppBox .btn2 .border { padding: 10px; display: block; background: #fff; border-radius: 50px; color: #000; }
.costToMakeAppFullRow .costToMakeAppBox .blankBox:hover { transition: all ease 1s; }
.costToMakeAppFullRow .costToMakeAppBox .blankBox:hover .btn2 { border: 2px solid #000; }
.costToMakeAppFullRow .costToMakeAppBox .blankBox:hover .btn2 .border { background: #000; color: #e84483; border: 1px solid #000 !important; }

/* costToMakeApp */

/* earn */
.earn { position: relative; }
.costToMakeAppFullRow.earn .earnAppBox .mainHeading .evenword { font-size: 45px; }
.earn:before { content: ''; position: absolute; background: #7f0d32; width: 100%; height: 70%; right: 0; top: 130px; transform: rotate(0deg); border: 3px solid #aba7a7; animation: rotate-90-ccw 2s linear infinite alternate both; }
.costToMakeAppFullRow.earn { overflow: hidden; background: none; height: 700px; display: flex; align-items: center; padding: 100px 0; border: 0; overflow: hidden; }
.costToMakeAppFullRow.earn.earn2 { padding-top: 0; position: relative; height: 610px; overflow: visible; top: -30px; padding-bottom: 50px; }
.costToMakeAppFullRow.earn.earn2::before { top: 60px; background: linear-gradient(170deg, #000000c9 20%, transparent 120%); }

/* earn */

/* digitalProduct */
.digitalProduct .row { display: flex; justify-content: center; }
.digitalProduct .digitalProductContentBox { text-align: center; }
.digitalProduct .digitalProductContentBox .lightText { font-size: 15px; line-height: 1.6; }
.digitalProduct { padding-top: 0; border-bottom: 10px solid #f37471; }
.digitalProduct .developmentServices { }
.digitalProduct .developmentServices .serviceMain a { color: #f37471; font-size: 24px; line-height: 1.3; position: relative; text-transform: uppercase; }
.digitalProduct .developmentServices .serviceMain { text-align: center; padding: 20px; }
.digitalProduct .developmentServices .serviceMain a:hover { color: #ea537c; position: relative; transition: all ease 1s; }
.digitalProduct .developmentServices .serviceMain a:hover::before { content: ''; position: absolute; width: 80px; height: 3px; background: #f37471; top: -10px; left: 0; right: 0; margin: 0 auto; transition: all ease 1s; }

/* digitalProduct */

/* growth */
.growthContentBox .mainHeading .evenword { color: transparent; -webkit-text-stroke: 1px #fff; }
.growthContentBox .mainHeading .evenword strong { color: #f37471; -webkit-text-stroke: 0px #fff; }
.growth .row { display: flex; justify-content: center; padding-top: 20px; }
.growth .row .growthContentBox { text-align: center; }
.growthServices .growthServicesMain { text-align: center; transition: all ease 0.5s; border-radius: 10px; position: relative; height: 400px; display: flex; align-items: flex-end; border: 2px dashed #f37471; background: #00000069; }
.growthServices .growthServicesMain:hover { border: 2px dashed #f37471; background: #00000069; }
.growthServices .growthServicesMain img { width: 150px; height: 170px; object-fit: contain; position: absolute; left: 0; right: 0; top: -120px; margin: auto; }
.growthServices .growthServicesMain .lightText { padding: 20px 10px; font-size: 15px; line-height: 22px; }
.growthServices .growthServicesMain .headingBox { padding: 15px 0; color: #fff; border-top: 2px solid; border-bottom: 2px solid; background: #e74482; }
.row.growthServices { padding-top: 180px; }

/* growth */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5; }
::-webkit-scrollbar { width: 12px; background-color: transparent; }
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #eb5e78; }
.rotate-90-cw { animation: rotate-90-cw 10s linear infinite alternate forwards; }
@keyframes rotate-90-cw {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}
.scale-up-center { animation: scale-up-center 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
@keyframes scale-up-center {
    0% { transform: scale(0.5); }
    100% { transform: scale(0.7); }
}
.rotate-90-ccw { animation: rotate-90-ccw 2s linear infinite alternate both; }
@keyframes rotate-90-ccw {
    0% { transform: rotate(-5deg); }
    50% { transform: rotate(0deg); }
    100% { transform: rotate(5deg); }
}
.growthServices .growthServicesMain.second { margin-top: 80px; }
.growthServices .growthServicesMain:hover .headingBox { background: #ee6177; }
.swing { animation: swing ease-in-out 1s infinite alternate; transform-origin: center -20px; float: left; }
.swing img { border: 5px solid #f8f8f8; display: block; }
.swing:after { content: ''; position: absolute; width: 20px; height: 20px; border: 1px solid #999; top: -10px; left: 50%; z-index: 0; border-bottom: none; border-right: none; transform: rotate(45deg); }

/* nail */
.swing:before { content: ''; position: absolute; width: 5px; height: 5px; top: -14px; left: 54%; z-index: 5; border-radius: 50% 50%; background: #000; }
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
section.growth { position: relative; border-bottom: 10px solid #f37471; }
.growth .row.r1:before { content: ''; width: 200px; height: 200px; background-image: url(../images/roundimg.png); background-repeat: no-repeat; left: 80%; animation: scale-up-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; right: 180px; position: absolute; }
@keyframes circle {
    0% { transform: rotate(0deg) translate(-165px) rotate(0deg); }
    100% { transform: rotate(360deg) translate(-165px) rotate(-360deg); }
}
.icon1 { background: #e74482; width: 30px; height: 30px; border-radius: 50%; top: 40px; position: relative; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.icon2 { background: transparent; width: 50px; height: 50px; border-radius: 50%; border: 6px solid #fff; top: 60px; left: -50px; position: relative; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
section.growth:before { content: ''; width: 200px; height: 200px; position: absolute; bottom: 0px; opacity: 0.4; background: linear-gradient(-45deg, #985154, #e74482, #f37471); clip-path: circle(57.9% at 23% 100%); animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* App SEction */
.appcontent .mainHeading { padding-top: 30px; }
section.app-section { position: relative; }
.app-section .row.approws { padding-top: 80px; position: relative; display: flex; align-items: center; }
.approws .appcontent .mainHeading .evenword.evenWord2 { color: transparent; -webkit-text-stroke: 1px #fff; position: relative; }
.approws .appcontent .mainHeading .evenword strong { color: #f37471; -webkit-text-stroke: 0px #fff; font-weight: 600; }
.approws .appcontent .mainHeading .evenword span.newyork { color: #e74482; }
section.app-section .approws .appcontent p.app-text { font-size: 15px; line-height: 22px; color: #fff; }
.approws .appcontent { padding-left: 150px; }
.applaptop { position: absolute; right: 0; top: -270px; }
.applaptop:before { content: ''; position: absolute; width: 280px; background-image: url(../images/circleapp.png) !important; height: 280px; background-repeat: no-repeat; left: -70px; top: -80px; animation: scale-up-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.applaptop img { z-index: 1; position: relative; }
section.app-section:before { content: ''; width: 700px; height: 100%; position: absolute; right: 0; top: -5px; clip-path: polygon(20% 0%, 100% 0, 100% 68%, 0% 100%); background: linear-gradient(180deg, #f37471, #e74482, #3a1f27, #982c55); animation: gradient 2s ease infinite; }
@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.appcontent:before { content: ''; width: 40px; height: 40px; background: #e74482; position: absolute; top: -40px; border-radius: 50%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.appcontent::after { content: ''; width: 60px; height: 60px; background: transparent; position: absolute; border: 6px solid #fff; top: -62px;    /*left: 14%;*/ border-radius: 50%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }

/* iOS */
.iosrows .ioscontent .mainHeading .evenword.evenWord2 { color: transparent; -webkit-text-stroke: 1px #fff; position: relative; }
.iosrows .ioscontent .mainHeading .evenword strong { color: #f37471; -webkit-text-stroke: 0px #fff; }
.iosrows .ioscontent .mainHeading .evenword span.newyork { color: #e74482; }
.ioscontent .evenword { cursor: pointer; display: inline-block; font-size: 65px; user-select: none;    /* line-height: 1; */ color: #ffffff; text-transform: CAPITALIZE; }
.iosrows .ioscontent .mainHeading .evenword.evenWord2 span.strocks { font-size: 45px; text-transform: uppercase; color: #e84483; -webkit-text-stroke: 0px #fff; font-weight: 600; }
section.ios-section .iosrows .ioscontent p.ios-text { font-size: 15px; line-height: 22px; color: #fff; }
.ios-section .row.iosrows { padding: 50px 150px 50px 150px; display: flex; align-items: center; }
.ioslaptop img.image-fluid { max-width: 100%; z-index: 1; position: relative; }
.ioslaptop { text-align: center; }
section.ios-section { position: relative; }
section.ios-section:before { position: absolute; content: ''; width: 400px; height: 400px; border-radius: 50%; background: #f37471; bottom: 100px; left: -20px; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
section.ios-section::after { position: absolute; content: ''; width: 440px; height: 440px; border-radius: 50%; background: transparent; border: 10px solid #fff; bottom: 80px; left: -40px; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.row.iosrows { position: relative; }
section.ios-section .row.iosrows:before { content: ''; width: 40px; height: 40px; background: #f37471; position: absolute; top: -40px; right: 30px; border-radius: 50%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
section.ios-section .row.iosrows::after { content: ''; width: 100px; height: 100px; background: transparent; position: absolute; border: 6px solid #fff; top: -40px; right: -25px; border-radius: 50%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }

/* TESTIMONIALS */
section.testimonial { background-image: url(../images/testibanner.png) !important; height: 630px; background-size: cover; position: relative; }
.testimonial .row { padding-top: 50px; padding-bottom: 50px; }
.testimonial .testcontent .para p { font-size: 20px; line-height: 1.5; color: #fff; padding-left: 10%; text-align: center; padding-bottom: 50px; z-index: 1; position: relative; }
section.testimonial .testcontent .img-ttile { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; top: 0; }
section.testimonial .testcontent .profile .designation { font-size: 24px; line-height: 30px; text-align: center; padding: 10px; color: #fff; }
section.testimonial .testcontent .profile .tittle { font-size: 24px; line-height: 30px; text-align: center; padding: 10px; color: #fff; }
section.testimonial .testcontent img.image-fluid { width: 180px; height: 157px; object-fit: contain; }
section.testimonial:before { content: ''; width: 100px; height: 100px; background: transparent; position: absolute; border: 6px solid #fff; top: 0px; right: 0; border-radius: 50%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
section.testimonial::after { content: ''; width: 80px; height: 80px; background: #e74482; position: absolute; top: 10px; right: 30px; border-radius: 50%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.testimonial .testcontent .para p:before { content: ''; width: 550px; height: 550px; position: absolute; left: 10%; background-image: url(../images/testiring.png); background-repeat: no-repeat;    /* animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; */ animation: rotate-90-cw 10s linear infinite alternate forwards; top: -175px; }
.testcontent { padding-top: 160px; }
.testimonial .testcontent .para p:after { content: ''; width: 200px; height: 500px; position: absolute; left: 10%; background-image: url(../images/testicon.png); background-repeat: no-repeat; top: -150px; animation: swing ease-in-out 1s infinite alternate; transform-origin: center -20px; float: left; }
section.testimonial .testcontent .img-ttile:before { content: ''; width: 50px; height: 50px; background: #f37471; position: absolute; top: 10px; left: -15%; border-radius: 50%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
section.testimonial .testcontent .img-ttile:after { content: ''; width: 100px; height: 100px; background: transparent; position: absolute; border: 6px solid #fff; top: -20%; left: -255px; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; border-radius: 50%; }

/* CONTACT ROW */
.contactrows .contactcontent .mainHeading .evenwords.evenWords2 { color: transparent; -webkit-text-stroke: 1px #fff; position: relative; }
.contactrows .contactcontent .mainHeading .evenwords strong { color: #f37471; -webkit-text-stroke: 0px #fff; }
.contactrows .contactcontent .mainHeading .evenwords span.newyork { color: #e74482; }
.ioscontent .evenword { cursor: pointer; display: inline-block; font-size: 40px; user-select: none;    /* line-height: 1; */ color: #ffffff; text-transform: capitalize; font-weight: 600; }
section.contact { position: relative; padding-top: 100px 0; }
.contact .row.contactrows .contactcontent .mainHeading .evenwords { font-size: 45px; color: #fff; line-height: 55px; }
.contact .row.contactrows .contactcontent .mainHeading { text-align: center; }
.contact .row.contactrows .contactcontent .para p { text-align: center; color: #fff; }
.contact .row.contactform .form-group { padding: 20px; }
.contact .row.contactform .form-group input { padding: 12px; font-size: 18px; background: #7d424f78; border-radius: 20px; border: 2px solid #fff; color: #fff; }
.contact .row.contactform .form-group textarea { background-color: transparent; height: 200px; border: 2px solid #fff; color: #fff; font-size: 18px; border-radius: 20px; }
.contact .row.contactform .form-group textarea:focus { border-color: #fff; box-shadow: none; }
.contact .row.contactform .form-group input:focus { border-color: #fff; box-shadow: none; }
.contact .row.contactform button.btn.formbtn:before { content: ''; position: absolute; width: 30px; height: 30px; background: #972b48; left: -1px; border-radius: 0 15px 15px 0; top: -2px; transition: all ease 1s; }
.contact .row.contactform button.btn.formbtn:after { content: ''; position: absolute; width: 30px; height: 30px; background: #972b48; right: -1px; border-radius: 15px 0 15px 15px; bottom: -2px; transition: all ease 1s; }
.contact .row.contactform button.btn.formbtn { width: 200px; display: block; padding: 12px; margin: 0 auto; border-radius: 50px; background: #ea537c; color: #fff; border: 2px solid #fff !important; position: relative; overflow: hidden; font-size: 18px; transition: all ease 1s; }
.contact .row.contactform input::placeholder { color: #fff; }
.contact .row.contactform button.btn.formbtn:hover { transition: all ease 1s; background: #000; }
.contact .row.contactform button.btn.formbtn:hover:before { background: #f37471; width: 10px; height: 10px; border-radius: 0; top: 0; bottom: 0; left: 20px; margin: auto; }
.contact .row.contactform button.btn.formbtn:hover:after { background: #f37471; width: 10px; height: 10px; border-radius: 0; top: 0; bottom: 0; right: 20px; margin: auto; }

/* FOOTER */
.footer .row.footerrow { display: flex; align-items: center; position: relative; }
.footer .row.footerrow .firstcontent .head h3 { text-align: center; font-size: 50px; color: #fff; font-weight: 500; }
.footer .row.footerrow .logoimg { padding: 20px; text-align: center; padding-bottom: 40px; }
.footer .row.footerrow .row.innerrow .list ul li a { list-style: none; color: #fff; font-size: 12px; font-weight: 400; }
.footer .row.footerrow .contentbackups ul.detail li i { font-size: 14px; letter-spacing: 1px; color: #ec517e; }
.firstcontent:before { background: #30161dd1; content: ''; width: 1000px; height: 600px; position: absolute; top: -268px; left: -20px; z-index: -1; }
.footer .row.footerrow .firstcontent { position: relative; padding-top: 100px; z-index: 1; padding-bottom: 100px; }
.footer .row.footerrow .firstcontent .head h2 { font-size: 50px; text-align: center; color: #fff; }
section.footer { padding: 0; }
.footer .row.footerrow .col-md-6 { padding-right: 0; }
.contentbackups { padding: 20px; border-top: 5px solid #fff; border-left: 5px solid #fff; background: #572030b3; }
.footer .row.footerrow .row.innerrow .list { padding: 30px; }
.footer .row.footerrow .row.innerrow .list ul li { list-style: none; }
.footer .row.footerrow .row.innerrow .list ul li a:hover { color: #ea537c; }
.footer .row.footerrow .contentbackups h3 { font-size: 25px; color: #f37471; padding-bottom: 20px; }
.footer .row.footerrow .contentbackups ul.detail { display: flex; gap: 30px; }
.footer .row.footerrow .contentbackups ul.detail li { list-style: none; color: #fff; font-family: 'Poppins', sans-serif; }
.footer .row.footerrow .contentbackups ul.detail p { padding-left: 20px; font-size: 15px; }
.footer .row.footerrow .contentbackups ul.detail a { color: #fff; }
.footer .row.footerrow .contentbackups .contactinfo { padding: 20px; }
.firstcontent:before { background-image: url(../images/foot.png); content: ''; width: 1000px; height: 600px; position: absolute; top: -150px; left: -20px; z-index: -1; }
.footer .row.footerrow .copywrite { position: relative; z-index: 1; bottom: -220px; padding-left: 0; padding-bottom: 10px; }
.footer .row.footerrow .copywrite h3 { text-align: center; color: #fff; font-size: 15px; margin-top: 0 !important; !i; !; font-weight: 400; }
.footer .row.footerrow .firstcontent .head h2:before { content: ''; width: 100px; height: 100px; background: transparent; position: absolute; border: 6px solid #fff; top: -20%; left: 150px; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; border-radius: 50%; }
.footer .row.footerrow .firstcontent .head h2:after { content: ''; width: 50px; height: 50px; background: #ea537c; position: absolute; top: 10px; left: 150px; border-radius: 50%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.footer .row.footerrow .firstcontent .head:before { content: ''; position: absolute; left: 20%; width: 46%; height: 425px; background-image: url(../images/testiring.png); background-repeat: no-repeat; animation: rotate-90-cw 10s linear infinite alternate forwards; left: 25%; top: -58px; background-size: cover; }
.footerrow:after { content: ''; width: 100px; height: 100px; background: #562130; position: absolute; border: 6px solid #ec517e; top: 66%; z-index: 3; right: 50%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; border-radius: 50%; }
.footerrow:before { content: ''; width: 50px; height: 50px; background: #f37471; position: absolute; border: 4px solid #692b3a; top: 65%; z-index: 4; right: 50%; border-radius: 50%; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.footer .row.footerrow .contentbackups ul.detail .fa-map-marker::before { content: "\f041"; padding-right: 10px; }
.footer .row.footerrow .contentbackups ul.detail .fa-mobile::before { content: "\f3ce"; padding-right: 10px; }
.footer .row.footerrow .contentbackups ul.detail .fa-envelope::before { content: "\f0e0"; padding-right: 10px; }

/* ----------------------------------------------------SERVICES PAGE-----------------------------------------------------------*/

/* BANNER */
.servicesbane .simpleText.simpleText2 { padding: 0 3px 0 0px; }
.servicesbane .evenword.companyText aside { display: inline-block; padding-left: 5px; }
.servicesbane .btn1 { position: relative; left: 0; float: left; top: 0; transition: all ease 1s; right: 0; bottom: 0; }
.servicesbane .btn3 .border { width: 200px; display: block; padding: 12px; margin: 0 auto; border-radius: 50px; background: linear-gradient(85deg, #e53688 0%, #f4776f 100%); color: #fff; border: 2px solid #fff !important; text-align: center; position: relative; overflow: hidden; transition: all ease 1s; }
.servicesbane .btn3 .border:hover { transition: all ease 1s; background: #000; }
.servicesbane .para p { color: #fff; padding-bottom: 15px; margin-top: -12px; }

/* SERVICE SECTION 2 */
section.brandsec { position: relative; top: 82px; background: #fff; padding-bottom: 10px; padding-top: 40px; }
.brandsec .row.brand { padding-right: 100px; padding-left: 100px; }
.brandsec .row.brand ul { display: flex; list-style: none; justify-content: space-evenly; align-items: center; }
.brandsec .row.brand li.bell { animation: bell 1s infinite; }
@keyframes bell {
    0% { rotate: 0deg }
    10% { rotate: 10deg }
    20% { rotate: -10deg }
    30% { rotate: 0deg }
    40% { rotate: 5deg }
    50% { rotate: -5deg }
    60% { rotate: 0deg }
}

/* ----------------------- SERVICE SECTION 3 --------------------------------- */
section.serapp { position: relative; padding-top: 100px; }
.serapprow .btn1 { position: relative; left: 0%; top: 20px; transition: all ease 1s; float: left; }
.serapprow .btn3 .border { width: 200px; display: block; padding: 12px; margin: 0 auto; border-radius: 50px; background: #ea537c; color: #fff; border: 2px solid #fff !important; text-align: center; position: relative; overflow: hidden; transition: all ease 1s; }
.serapprow .btn3 .border:hover { transition: all ease 1s; background: #000; }
.serapprow .appcontent .mainHeading .evenword strong { color: #f37471; -webkit-text-stroke: 0px #fff; }

/* .appcontent .mainHeading .evenword {
-webkit-text-stroke: 1px #fff;
color: #ea537c;
} */
.serapprow .appcontent .mainHeading .evenword.evenWord2 { color: transparent; -webkit-text-stroke: 1px #fff; }
.serapp .row.serapprow { display: flex; align-items: center; }
.serapp .row.serapprow .rightimg img { max-width: 100%; z-index: 1; position: relative; animation: swing ease-in-out 1s infinite alternate; }
.serapp .row.serapprow .rightimg:before { position: absolute; content: ''; width: 500px; height: 500px; border-radius: 50%; background: #e84483; bottom: 11px; right: 50px; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.serapp .row.serapprow .rightimg:after { position: absolute; content: ''; width: 540px; height: 540px; border-radius: 50%; background: transparent; border: 10px solid #a28d97; bottom: -11px; right: 30px; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }

/* SERVICE SECTION FOUR */
section.serapp { position: relative; padding-top: 160px; }
.serv-secfour-row .btn1 { position: relative; left: 0%; top: 20px; transition: all ease 1s; float: left; }
.serv-secfour-row .btn3 .border { width: 200px; display: block; padding: 12px; margin: 0 auto; border-radius: 50px; background: #ea537c; color: #fff; border: 2px solid #fff !important; text-align: center; position: relative; overflow: hidden; transition: all ease 1s; }
.serv-secfour-row .btn3 .border:hover { transition: all ease 1s; background: #000; }
.appcontent .apppara p { color: #fff; }
.serv-secfour-row .appcontent .mainHeading .evenword strong { color: #f37471; -webkit-text-stroke: 0px #fff; }

/* .appcontent .mainHeading .evenword {
-webkit-text-stroke: 1px #fff;
color: #ea537c;
} */
.serv-secfour-row .appcontent .mainHeading .evenword.evenWord2 { color: transparent; -webkit-text-stroke: 1px #fff; }
.serv-secfour .row.serv-secfour-row { display: flex; align-items: center; }
section.serv-secfour:before { content: ''; width: 700px; height: 100%; position: absolute; left: 0; top: -5px; clip-path: polygon(0 0, 39% 0, 100% 100%, 0 86%); background: #f37471; animation: gradient 2s ease infinite; }
section.serv-secfour { position: relative; }
section.serv-secfour .appcontent .mainHeading:before { content: ''; width: 163px; height: 176px; background-image: url(../images/roundimg.png); background-repeat: no-repeat; right: -44%; z-index: 1; animation: rotate-90-cw 10s linear infinite alternate forwards; position: absolute; background-size: cover; }
.earnAppBox.first-earn .mainHeading .evenword { color: #fff; }

/* PIZZA SLIDER */
.pizza-slider-inner .pizza-slider-border { background: url('../images/services/slidebg.png') no-repeat center center / cover; padding: 80px 50px; border-radius: 100px; }
.btnSlider a.border { width: unset; margin: unset; padding-left: 60px; z-index: 1; font-size: 15px; padding-right: 60px; }
.btnSlider a.border span:last-child:before { content: ''; position: absolute; width: 54%; height: 100%; right: 0; top: 0; z-index: -1; background: #f37471; }
.btnSlider a.border { z-index: 1; font-size: 15px; }
.btnSlider a.border span:last-child { margin-left: 25px; }
.pizza-slider-inner { margin: 0px 25px 0 30px; border: solid 3px #fff; border-radius: 100px; padding: 20px; position: relative; }
.pizza-slider-inner:after { content: ''; background: #ea537c; width: 100%; height: 100%; position: absolute; bottom: -5%; left: -1.5%; border-radius: 100px; z-index: -1; opacity: 0.5; }
.pizza-slider-run { z-index: 1; position: relative; }
.pizza-slider-inner .slider-main-content { width: 50%; }
.pizza-slider-inner .slider-main-content h3 { font-size: 40px; letter-spacing: 3px; }
.pizza-slider-run .slick-track { padding-top: 50px; padding-bottom: 50px; }
.pizza-slider-run ul.slick-dots { width: auto; display: flex; right: 0; flex-direction: column; align-items: end; top: 0; justify-content: center; height: 100%; }
.pizza-slider-run ul.slick-dots li button { width: 60px; border-radius: 10px; height: 7px; margin: 0; line-height: 0; }
.pizza-slider-run ul.slick-dots li { line-height: 0; margin-bottom: 4px; }
.pizza-slider-run ul.slick-dots li.slick-active button { width: 90px !important; background: #e74482; }
.pizza-slider-run .slick-list { width: 90%; }
.mainHeadingOne { font-size: 45px; letter-spacing: 2px; }
.mainHeadingOne strong { color: #f37471; }
.btnCustom a { background: #ea537c; color: #fff; padding: 15px 30px; border-radius: 30px; border: solid 1px; position: relative; overflow: hidden; z-index: 1; line-height: 0; height: 60px; display: flex; align-items: center; }
.btnCustom { margin-top: 30px; position: relative; display: inline-block; overflow: hidden; border-radius: 30px; }
.btnCustom a span:first-child { padding-right: 15px; }
.btnCustom a span:last-child { padding-left: 15px; }
.btnCustom a:after { content: ''; background: #f37471; position: absolute; right: 0; width: 50%; height: 100%; top: 0; z-index: -1; }
.btnCustom:after { content: ''; background: #a63431; width: 45px; height: 45px; position: absolute; border-radius: 100%; left: 84%; z-index: 1; bottom: -30px; }
.btnCustom:before { content: ''; background: #a63431; width: 45px; height: 45px; position: absolute; border-radius: 100%; right: 80%; z-index: 2; top: -30px; left: unset; }
.faqs-inner .accordion-item { margin-bottom: 55px; background: transparent; position: relative; z-index: 1; }
.faqs-inner .accordion-item h2 { margin: 0 !important; }
.faqs-inner .accordion-item h2 button.accordion-button { box-shadow: unset !important; color: #fff; font-size: 25px; border-radius: 20px 20px 0px 0px; background-image: -moz-linear-gradient(-177deg, rgb(238, 113, 112) 0%, rgb(230, 57, 135) 100%); background-image: -webkit-linear-gradient(-177deg, rgb(238, 113, 112) 0%, rgb(230, 57, 135) 100%); background-image: -ms-linear-gradient(-177deg, rgb(238, 113, 112) 0%, rgb(230, 57, 135) 100%); padding-top: 25px; padding-left: 25px; }
.faqs-inner .collapse.show { background-image: -moz-linear-gradient(-177deg, rgb(238, 113, 112) 0%, rgb(230, 57, 135) 100%); background-image: -webkit-linear-gradient(-177deg, rgb(238, 113, 112) 0%, rgb(230, 57, 135) 100%); background-image: -ms-linear-gradient(-177deg, rgb(238, 113, 112) 0%, rgb(230, 57, 135) 100%); padding: 0px 25px 25px 25px; }
.faqs-inner .accordion-item h2 button.accordion-button.collapsed { background: transparent; }
.faqs-inner .collapse .accordion-body { color: #fff; font-size: 15px; font-weight: 100; }
.faqs-inner .accordion-item .collapsed { color: #ffffff7a !important; border-bottom: solid 1px #ffffff7a; padding-bottom: 50px; }
.faqs-inner .accordion-item h2 button.accordion-button:after { content: '-' !important; background: unset; }
.faqs-inner .accordion-item h2 button.collapsed:after { content: '+' !important; background: unset; }
.faqs-inner .accordion-item:last-child h2 button.accordion-button.collapsed { border: none; }
.faqs-inner .accordion-item .collapse.show:after { content: ''; border: solid 2px #fff; position: absolute; width: 100%; height: 100%; top: -10%; z-index: -1; border-radius: 20px 20px 0px 0px; }
section.faqs-wrapper:after { content: ''; background: url('../images/services/blsss.png') no-repeat center center / contain; position: absolute; width: 28%; height: 100%; right: 0; bottom: 0; }
.faqs-wrapper { position: relative; padding-top: 210px; background: url('../images/services/bgsss-min.png') no-repeat center center / cover; }

/*--------------------------digital-transformation-open----------------------------*/
.sub-ttl .evenword { font-size: 30px; }
.brand-listing ul li { color: #fff; font-weight: normal; font-size: 15px; }
.rightimg.gt-images { padding: 0 30px; }
.gt-images img { width: 400px; }
.gt-serapp { padding: 120px 0; }
.gt-bgchecked { background-image: url(../images/testibanner.png) !important; padding: 60px 0; background-size: cover; position: relative; }
.banner .banner-body .row .dt-mock img { position: absolute; z-index: 1; top: 0%;    /* margin-top: 100%; */ bottom: 0; margin: auto; right: -40px; width: 600px; height: 600px; object-fit: contain; }
.con-lft-pad { padding-left: 30px; }
.gt-serapp .row.serapprow .gt-images:before { content: ''; width: 400px; height: 400px; position: absolute; left: 10%; background-image: url(../images/testiring.png); background-repeat: no-repeat; background-size: cover;    /* animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; */ animation: rotate-90-cw 10s linear infinite alternate forwards; top: 0; z-index: -1; }
section.gt-serapp { padding: 60px; }
.digi-tans .ring.ring5 { right: 0; width: 50px; height: 50px; animation: scale-up-center 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; bottom: 0; }
.digi-tans .ring { position: absolute; }
.digi-tans { position: relative; transition: all ease 1s; }
.digi-tans .ring.ring6 { right: 50px; bottom: 50px !important; width: 30px; height: 30px; animation: scale-up-center 4s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.digi-tans .ring.ring7 { right: 5%; bottom: -20%; height: 30px; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
section.chat-support.pink-bg-simp { background-image: url(../images/services/bg-ser-1.png) !important; padding: 60px 0; background-size: cover; position: relative; margin: 180px 0 0; }
h2.chat-head { font-size: 60px; color: #fff; font-weight: 100 !important; }
.middle-btn { align-items: center; display: flex; }
p.sub-cont { color: #000; font-size: 35px; font-weight: 100 !important; line-height: 30px; }
section.chat-support.pink-bg-simp:after { background-image: url(../images/services/start-chat.png) !important; position: absolute; content: ''; width: 500px; top: -144px; z-index: 1111111; height: 500px; bottom: 0; right: 0px; background-repeat: no-repeat; background-size: cover; overflow: visible; }
.gt-images { max-width: 100%; z-index: 1; position: relative; animation: swing ease-in-out 1s infinite alternate; }

/*--------------------------digital-transformation-close----------------------------*/

/*--------------------------web-dev-open----------------------------*/
.container.bttm { padding: 60px 0; }
.info-list-head { cursor: pointer; display: inline-block; font-size: 20px; user-select: none; line-height: 1; color: #fff; padding-left: 10px; text-transform: CAPITALIZE; }
.information-listing ul { list-style: none; }
.listing-image-for { border: 1px solid #e84483; border-radius: 88%; }
.listing-image-for:hover { background: linear-gradient(45deg, #e63987, #ee7170); }
.listing-image-for img { padding: 10px; width: 50px; height: 50px; }
.listing-image-for { display: inline-table; }
.information-listing ul li { padding-bottom: 20px; }
section.dev-section { position: relative; }
.dev-section .row.approws { padding-top: 0px; position: relative; display: flex; align-items: center; }
section.dev-section .approws .appcontent p.app-text { font-size: 15px; line-height: 30px; color: #fff; }
section.FALANGE { background-image: url(../images/testibanner.png) !important; height: 700px; background-size: cover; position: relative; }
.flang-image { padding-bottom: 20px; }
.paralel-image-full img { width: 1000px; top: 25px; position: absolute; left: 33px; }
.flang-image img { width: 100px; height: 100px; }
.brd-outer:before { content: ''; width: 400px; height: 400px; position: absolute; left: 85%; background-image: url(../images/testiring.png); background-repeat: no-repeat; background-size: cover; animation: rotate-90-cw 10s linear infinite alternate forwards; top: 200px; }
.dig-tt-section .row.iosrows { padding: 50px 150px 50px 150px; }
p.ios-text { color: #fff !important; font-size: 15px; }
.information-listing.l2 { display: flex; }
section.contact { background-image: url(../images/testibanner.png) !important; height: auto; background-repeat: no-repeat; width: 100%; background-size: cover; position: relative; }
.l2 { padding-bottom: 20px; }
a.leading-logos.lad-log img { width: 300px; padding-bottom: 50px; }
.leading-centralize { padding-bottom: 50px; }
.lead-ring .ring.ring2 { left: -23%; bottom: -25px; animation: rotate-90-cw 10s linear infinite alternate forwards; width: 350px; height: 350px; }
.lead-ring .ring { position: absolute; }
.leadingrows.contactcontent .mainHeading .evenwords strong { color: #f37471; -webkit-text-stroke: 0px #fff; }
.leadingrows .contactcontent .mainHeading { text-align: center; }
section.leading .leadingrows .contactcontent .mainHeading .evenwords { font-size: 70px; }
.leadingrows .contactcontent .mainHeading .evenwords strong { color: #f37471; -webkit-text-stroke: 0px #fff; }
.leadingrows .contactcontent .mainHeading .evenwords.evenWords2 { color: transparent; }
.leadingrows .contactcontent .mainHeading .evenwords { font-size: 70px; color: #fff; }
.web-3-land { display: flex; align-items: center; justify-content: center; text-align: center; position: relative; right: 230px; top: -50px; }
.figure-web3-sep img { width: 1000px; position: relative; top: -50px; left: 25%; bottom: 10%; }
.web-head-3.no-pd { padding-left: 0; }
.row.approws.main-sec-web3 { padding-top: 0; }
.landscapeMobile.digi-trans { top: -700px; }
.rainbow-btn { margin: 50px auto; width: 600px; text-align: center; position: relative; color: #ffffff; text-decoration: none; border-radius: 6px; box-sizing: border-box; display: block; z-index: 2; overflow: hidden; padding: 8px; height: 100px; }
.rainbow-btn:before { content: ""; position: absolute; top: 0; left: 0; width: 200%; height: 100%; background: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b); background-size: 50% 100% }
.rainbow-btn span { position: relative; z-index: 2; padding: .875rem 0; font-size: 1.1rem; text-decoration: none; align-items: center; background: #000; border-radius: 3px; display: block; justify-content: center; box-sizing: border-box; height: 100%; font-size: 50px; font-family: 'Poppins', sans-serif; }
.rainbow-btn:focus:before,
.rainbow-btn:hover:before { animation: rainbow-btn .75s linear infinite }
@keyframes rainbow-btn {
    to { transform: translateX(-50%) }
}
.ATOZ { position: relative; }
.serapp .row.serapprow .ATOZ:after { position: absolute; content: ''; width: 320px; height: 305px; border-radius: 50%; background: transparent; border: 10px solid #a28d97; bottom: 7px; right: -13px; animation: scale-up-center 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both; }
.serapp .row.serapprow .ATOZ img { max-width: 100%; right: 0; z-index: 1; top: -299px; position: absolute; width: 295px;    /* position: relative; */ animation: swing ease-in-out 1s infinite alternate; }
h3.ab-title { font-size: 22px; }
.pd-extr { padding-top: 300px; }
.padd-extr-req { padding-top: 200px !important; }
.poiw p { color: #fff; font-size: 15px; }
.col-md-6.col-sm-12.pad-rght-ab { padding-right: 80px; }
.paraio { text-align: center; }
.paraio p { color: #fff; font-weight: 500; font-size: 26px; padding-bottom: 20px; }
a.wht-btn { background: #fff; padding: 10px 40px; border-radius: 5px; color: #000; letter-spacing: 2px; font-size: 22px; font-weight: 600; }
.evenword.lnks { font-size: 20px; color: var(--primary-color); display: inline-block; }
.evenword.lnks img { width: 15px; }
section.dig-tt-section.check-red { background-image: url(../images/testibanner.png) !important; height: auto; background-size: cover; position: relative; }
.future-is-web3 { background-image: url(../images/testibanner.png) !important; height: auto; background-size: cover; position: relative; }
.contactrows .contactcontent .mainHeading .evenwords.evenWords2 span.strocks.WEB3-DEV { position: absolute; top: 3px; left: 255px; font-size: 70px; text-transform: uppercase; color: #e84483; -webkit-text-stroke: 0px #fff; }
.GT-MARG { padding-top: 100px; padding-bottom: 100px; }
.contactrows .contactcontent .mainHeading .evenwords.evenWords2 span.strocks.looking.uio { position: absolute; top: 3px; left: 455px; font-size: 70px; text-transform: uppercase; color: #e84483; -webkit-text-stroke: 0px #fff; }
.join-us .row.contactrows .contactcontent .mainHeading { text-align: center; }
.join-us .row.contactrows .contactcontent .mainHeading .evenwords { font-size: 70px; color: #fff; }
.join-us .row.contactrows .contactcontent .mainHeading .evenwords.evenWords2 { color: transparent; }
.join-us .row.contactrows .contactcontent .mainHeading .evenwords { font-size: 70px; color: #fff; }
.banner .banner-body .row .dt-mock img.image-fluid.abt-img { right: 37px; width: 100%; top: -100vh; height: 700px; object-fit: contain; }
.banner .banner-body .row .dt-mock img.image-fluid.contact-uss { right: 0px; width: 100%; height: 700px; object-fit: contain; }
.evenword.TRANS strong { line-height: 32px; color: #c53e6b !important; }
section.chat-support.pink-bg { background-image: url(../images/services/bg-ser-1.png) !important; padding: 60px 0; background-size: auto; position: relative; margin: 180px 0 0; background-position: bottom; }
.contactrows .contactcontent .mainHeading .evenwords.evenWords2 span.strocks.web-dev { position: absolute; top: 2px; left: 470px; }
.contactrows .contactcontent .mainHeading .evenwords.evenWords2 span.strocks.todays { position: absolute; top: 2px; left: 319px; }
section.contact.bbrand { padding: 100px 0; }
.mainHeading.logo-dde .evenword { font-size: 100px; }
.evenwords.MAV { color: #e84483; }
.evenwords.PRO-COM { color: #fff; }
.pre-mob-acc img { width: 100%; }
.pre-mob-acc img { width: 750px; }
.mainHeading.sub-ttl.pre-post { font-size: 30px; line-height: 40px; }
.apppara P { color: #fff; }
.landscapeMobile.smar-con { top: -530px; right: 185px; }
section.banner.abt-ban-height { background-image: url(../images/banner-d.png) !important; background-size: cover; position: relative; z-index: 0; display: flex; height: 720px; background-repeat: no-repeat; background-position: bottom; }
section.banner.abt-ban-height { background-image: url(../images/banner-d.png) !important; background-size: cover; position: relative; z-index: 0; display: flex; height: 720px; background-repeat: no-repeat; background-position: bottom; }
body.page-template.page-template { background: url(../images/bodyBg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }

/*CUSTOM STYLING*/
.growthServices .growthServicesMain .t_heading { color: #fff; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; }

/*CUSTOM STYLING END*/
div#nav_menu-2 h4 { color: #ec517e; padding-bottom: 20px; font-size: 24px; }
div#nav_menu-3 h4 { color: #ec517e; padding-bottom: 20px; font-size: 24px; }

/*LIMITED OFFER FORM SECTION*/
.form_wrapper { background: #fff; margin: 0 25px; padding: 0px 30px; position: relative; }
.form_wrapper .form_text { text-align: center }
.form_wrapper .form_text h2 { font-size: 37px; line-height: 37px; margin-bottom: 20px !important; font-weight: 900; color: #f37470; font-family: 'Poppins', sans-serif !important; }
.form_wrapper .form_text h2>strong { font-size: 27px; font-weight: 500; color: #212529 }
.form_wrapper #choice_2_8_1 { margin-top: -5px }
.form_wrapper .gravity-form .gfield { position: relative; margin: 0 0 12px !important }
.form_wrapper .gravity-form .gfield .gfield_label { position: absolute; top: -14px; padding: 0 20px !important; background: #fff; width: auto; font-size: 14px !important; left: 16px; text-transform: uppercase; color: #b0adbc; font-weight: 400 !important }
.form_wrapper .gravity-form input { padding: 12px 15px !important; border: 2px solid #d7dee5; border-radius: 5px !important; font-family: 'Poppins', sans-serif; }
.form_wrapper .gravity-form .gfield .gfield_label:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg); width: 7px; height: 7px; background: #000 }
.form_wrapper .gravity-form .gfield .gfield_label:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(45deg); width: 7px; height: 7px; background: #000 }
.form_wrapper .gravity-form select { padding: 15px !important; border: 2px solid #d7dee5; border-radius: 5px !important }
.form_wrapper .gravity-form textarea { padding: 15px !important; border: 2px solid #d7dee5; border-radius: 5px !important; font-family: 'Poppins', sans-serif; }
.form_wrapper .gravity-form .gfield:hover .gfield_label:before,
.form_wrapper .gravity-form .gfield:hover .gfield_label:after { background: #f2135c }
.gform_footer.top_label { padding: 0 !important; margin: 0 !important; }
.gform_footer input[type="submit"]:hover { background: #000000 !important; border: 2px solid #000000 !important; }
.form_wrapper .gravity-form .gfield label.gfield_consent_label { color: #222; font-size: initial; line-height: normal; }
.side-sec p { writing-mode: vertical-rl; font-weight: 800; transform: rotate(180deg); margin: auto; letter-spacing: 5px; color: #fff; height: 530px; font-size: 40px; position: relative; top: -80px; }
.side-sec:after { content: ''; background: #000; width: 20px; height: 20px; position: absolute; bottom: 0; right: 0; }
.side-sec:before { content: ''; background: #000; width: 20px; height: 20px; position: absolute; top: 0; left: 0; }
.side-sec { width: 20%; background: #fff; padding: 10px; border-radius: 0; margin: auto; width: 40%; box-shadow: 0px 0px 3px 0px #0000007d; position: relative; top: 0; right: 30px; background: linear-gradient(85deg, #e53688 0%, #f4776f 100%); padding: 20px; height: 100% !important; }
.form_wrapper { position: relative; display: flex; }
.form_inner { padding: 40px 0; }
#gform_11 input,
#gform_11 textarea { padding: 12px; font-size: 15px; background: #632334; border-radius: 0; border: 1px solid #914357; color: #fff; margin-bottom: 15px; }
#gform_11 textarea::placeholder { color: #fff; }
.gform_footer input[type="submit"] { border-radius: 50px; background: linear-gradient(85deg, #e53688 0%, #f4776f 100%); border: 2px solid #ea537c !important; position: relative; overflow: hidden; font-size: 18px; transition: all ease 1s; width: 200px; display: block !important; padding: 12px; margin: auto !important; margin-top: 10px !important; color: #fff; }