.slick-slide,
.slider-banner-blog ul.slick-dots li button:focus,
a {
    outline: 0 !important
}

.contact-tabs .tab-content a,
.panel-title>a:active,
.panel-title>a:focus,
.panel-title>a:hover,
a.left-bxdarrows,
a:hover {
    text-decoration: none
}

::selection {
    color: #fff;
    background-color: #8167a9
}

::-moz-selection {
    color: #fff;
    background-color: #8167a9
}

.blogcta-btns .bordercolorbtns:hover,
.link-grow,
.ofafters .headingline-top::after {
    background: #fff
}

.banner-wrap {
    background: url(../images/banner-background.webp) 0 0/cover;
    width: 100%
}

.banner-contents,
.device-box img,
img.center-image {
    text-align: center;
    margin: 0 auto;
    display: block
}

.banner-contents p {
    font-size: 15px;
    font-weight: 400;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0
}

.banner {
    background: url(../images/banner-bg.webp) center/cover;
    padding: 150px 0 0;
    position: relative;
    z-index: 1
}

.banner .banner_bg {
    width: 850px;
    height: 565px;
    top: 45%
}

@keyframes flash {
    0%,
    15%,
    25%,
    30%,
    40%,
    45% {
        opacity: 0
    }
    100%,
    20%,
    35%,
    50% {
        opacity: 1
    }
}

.banner .banner_after {
    width: 895px;
    height: 415px;
    top: 50%;
    animation: 4s linear infinite flash
}

.bnerbhot {
    position: absolute;
    right: 200px;
    bottom: 400px
}

.banner .banner_top,
.centergamesd,
.centermobilebox,
.content-center,
.errorDv .errorDvsection figure,
.fund-process,
.heading-popup,
.home-banner-bg ul.banner-imgs .wrap .two,
.ournav-about,
.prtnr h4,
.refrl .trnsfrm .topsec h2,
.rfrlservice p,
.shwcse h2,
.shwcse h3 {
    text-align: center
}

.banner .banner_top h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 800
}

.banner .banner_top p {
    color: #fff;
    width: 60%;
    margin: 0 auto 20px;
    display: block;
    font-size: 14px
}

.blueheader .start-header.scroll-on .nav-item.active .nav-link,
.btn-select li span,
.btn_2:hover span,
.nav-link,
.typn h1 span,
body.mycustom-nav .scroll-on .mega-drop-down a,
body.mycustom-nav .scroll-on a.calltop {
    color: #000 !important
}

.banner .banner_top .combo_btn {
    justify-content: center
}

.banner .banner_content {
    margin-top: 8rem;
    position: relative
}

.banner .banner_content .bubble {
    border-radius: 50%;
    position: absolute;
    z-index: -1
}

.banner .banner_content .bubble_one {
    background: #34a852;
    bottom: 60px;
    left: 190px;
    box-shadow: 0 0 22px 10px #34a852
}

.banner .banner_content .bubble_two {
    background: #ce3b2f;
    top: -70px;
    left: 34%;
    box-shadow: 0 0 13px 5px #ce3b2f
}

.banner .banner_content .bubble_three {
    background: #b8f200;
    bottom: -130px;
    left: 42%;
    box-shadow: 0 0 25px 5px #b8f200
}

.banner .banner_content .bubble_four {
    width: 200px;
    height: 200px;
    background: #c2ff00;
    top: -10px;
    right: 360px;
    box-shadow: 0 0 80px 0 #c2ff00;
    animation: 2s linear infinite bounce
}

.banner .banner_content .bubble_five {
    width: 300px;
    height: 300px;
    background: #ad362c;
    bottom: -200px;
    right: 220px;
    box-shadow: 0 0 13px 5px #ce3b2f;
    animation: 2s linear infinite bounce
}

.banner ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    margin: 0 auto
}

.banner ul li:first-child {
    transform: translateY(75px)
}

.banner ul li:nth-child(2) {
    transform: translateY(4px)
}

.banner ul li:nth-child(3) {
    transform: translateY(-80px)
}

.banner ul li:nth-child(4) {
    transform: translateY(-20px)
}

.banner ul li:nth-child(6) {
    transform: translateY(130px)
}

.banner ul li:first-child .flip-card-inner,
.banner ul li:nth-child(3) .flip-card-inner {
    animation-delay: 1s
}

.banner ul li:nth-child(2) .flip-card-inner,
.banner ul li:nth-child(5) .flip-card-inner {
    animation-delay: 2s
}

.banner ul li:nth-child(4) .flip-card-inner,
.banner ul li:nth-child(6) .flip-card-inner {
    animation-delay: 3s
}

.banner ul li .flip-card {
    background-color: #fff0;
    width: 214px;
    height: 463px;
    perspective: 1000px
}

.banner ul li .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .6s;
    transform-style: preserve-3d;
    animation: 8s linear infinite flip
}

.banner ul li .flip-card-back,
.banner ul li .flip-card:hover .flip-card-inner,
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg)
}

.banner ul li .flip-card-back,
.banner ul li .flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.navigation-wrap.bg-light .navbar-light .navbar-toggler-icon {
    background-color: #ffff !important
}

.navigation-wrap.bg-light .navbar-toggler {
    padding: 5px 2px !important;
    font-size: 10px !important;
    background-color: #fff
}

.start-header {
    opacity: 1;
    transform: translateY(0);
    padding: 10px 0;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.start-header.scroll-on {
    padding: 6px 0;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    background: #f3f3f3 !important;
    color: #fff
}

.start-header.scroll-on .navbar-brand img {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    width: 70%
}

.navigation-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.about-foldtwo,
.afterimage-pic,
.alhersh,
.b_style,
.backimage-anibox,
.banner-wrap,
.bgtowsgames,
.bottom-shaddow-mobile,
.boxslide-animation,
.casestudybtn-icons,
.centerfoursecgame,
.centerline-productst,
.centerplane,
.chmta h2,
.chmta h4,
.com-before-after,
.communication-pages,
.communitter,
.contact-tabs,
.cus-ali-gns,
.divbe,
.dwarf-mine,
.education-pages,
.estmd,
.flyout-left,
.flyout-right,
.game-bgs-one,
.headingline-top,
.hlthcre img,
.hokey,
.ill-last-sec .col-lg-3,
.illustrationbg1,
.illustrator-vector-dec .col-lg-3,
.illustratorsec4 .logo-image-first-secs,
.imagecomputer,
.img-newadd,
.industriesbtn-icons,
.left-roundsssf,
.linefund-proccessstep,
.logo-image-first-secs,
.logo-page-bannerstyle,
.logo-section-5,
.logo-section-6 .container,
.logosection4-box,
.media-pages,
.myblues,
.mynewpage-animationtext,
.mypinks,
.myreds,
.nav-link,
.nav-two,
.odanta,
.ourdownicon,
.popupform-custom .empty,
.pos-rel,
.pos1tab,
.posap-sliders .container,
.posrel-itve,
.posrelll,
.postings,
.posupslogo,
.process-p1,
.process-p2,
.process-p3,
.process-p4,
.process-p5,
.process-p6,
.process-p7,
.process-p8,
.process-texts h3,
.rfrlprocs .mainwrp .nmbr,
.right-lineslogo,
.second-right-iconss,
.section,
.section-black-leftimageone,
.sectionfimage,
.sectionslider-free .container-fluid,
.servicesbtn-icons,
.side-portfoliosd p,
.sidepos-bar,
.songmatch,
.switch-poker,
.themeblack-sectionone,
.travel-pages,
.trnsfrm .imgwp,
.trnsfrm .topsec p,
.videothumb,
.vsnry,
.ylwbx .boxwrp ul li:first-child,
a#btn-2,
a.nav-link.active,
a.ourbottm-down,
button.btn-select,
li.drop-down,
section.ready-to-workss,
section.sidebyside-image-content,
ul.my-ill-lisiting {
    position: relative
}

.navigation-wrap.scroll-on {
    padding-top: 16px !important
}

.navigation-wrap.bg-light {
    background: #000 !important;
    padding-bottom: 0
}

.navbar,
.spc-off-ps .bpxlastwithimgill p {
    padding: 0
}

.navbar-brand img {
    height: auto;
    width: auto;
    display: block;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.nav-link,
.ourmenustyle .menu-content p span.blockdiv,
.rfrlservice ul.slick-dots li,
span.in-blocks,
ul.brdcrumb li {
    display: inline-block
}

.bg-light,
.dropdown-item,
.dropdown-menu,
.nav-item,
.nav-link {
    transition: .2s linear
}

ul.brdcrumb {
    padding: 0 0 20px;
    margin: 0
}

.rfrlprocs .mainwrp .cntn p,
ul.brdcrumb li i {
    font-size: 12px
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0
}

a#btn-2,
a.contactbtn-top {
    border-radius: 50px;
    font-size: 12px;
    color: #fff
}

.btn-select:focus,
.button:focus,
.navbar-toggler:active,
.navbar-toggler:focus,
.rfrlservice ul.slick-dots li button:focus {
    outline: 0
}

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #000;
    transition: .3s linear
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #000;
    top: 0;
    left: 0;
    content: "";
    z-index: 2;
    transition: .3s linear
}

.mycustom-nav .navigation-wrap.bg-light,
.navigation-wrap.bg-light.bg-trans,
.web-temp-proccess .bpxlastwithimgill:hover,
span#typping1 {
    background: 0 0 !important
}

.navbar-light .navbar-nav .nav-link {
    color: #fff !important
}

.navbar-light .navbar-toggler-icon:after {
    top: 8px
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
    transform: rotate(45deg)
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg)
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    border-color: #fff0
}

.nav-link {
    font-weight: 600;
    font-size: 15px;
    padding: 5px 0 !important
}

.nav-item:hover .nav-link {
    color: #b7f200 !important
}

.nav-item.active .nav-link {
    color: #7ca304 !important
}

.posrelll ul {
    padding-bottom: 0 !important
}

.nav-item:hover:after {
    bottom: 0;
    opacity: 1
}

.loader-wrap.hide .loader,
.nav-item.active:hover:after,
.prtnr .imgwp:hover h6,
.refrl .trnsfrm .imgwp:hover h6 {
    opacity: 0
}

.navigation-wrap.bg-trans.scroll-on {
    background: #f6f6f6 !important
}

.about-foldtwo.service-left .custompadding::after,
.about-foldtwo.service-left:after,
.about-foldtwo.service-right .custompadding::after,
.about-foldtwo.service-right:after,
.android-bn.border-nones-de::after,
.banner-contents.logo-page-bannerstyle h1::after,
.banner-contents.services-lefts.blacktheme-style h3::after,
.content-load,
.disnones-desktop,
.displaynonebefore,
.drop-down-ul,
.dropdown-toggle::after,
.fa,
.hrd,
.mobileonof,
.my-tabs,
.navigation-wrap.scroll-on .before-scroll,
.no-js .file-input button,
.no-js .file-input input[type=text],
.ournonetabs,
.ourtbs .active img.activewalaone,
.popupform-custom .ourclasss span,
.rightgamecontent,
.screenbox1.afteroff::after,
.vodiapicker,
h3.name-showof,
img.activewala {
    display: none
}

.gamedvb,
.heading-center-page,
.my-tabs.current,
.navigation-wrap.scroll-on .displaynonebefore,
.newdropdowns .dropdown:hover .dropdown-content,
.ournonetabs.active,
.oursnd-h2 span2,
.ourtbs .active img.activewala,
.ourtbs a.active h3.name-showof,
span.blockdiv {
    display: block
}

.social-icons-top a {
    padding: 0 5px;
    text-decoration: none
}

a.contactbtn-top {
    padding: 10px 12px;
    display: inline-block;
    text-align: center;
    margin-left: 18px;
    background: #3c3c3b
}

#a,
.btn_2>span,
.button--isi>span {
    padding-left: 0
}

a#btn-2 {
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    letter-spacing: 1px;
    border: 1px solid #fff;
    padding: 10px 35px;
    z-index: 99;
    text-decoration: none;
    font-weight: 700
}

.btn_2::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 110%;
    margin: -3px 0 0;
    width: 40px;
    height: 22px;
    border-radius: 50px;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .9, 1), opacity .3s cubic-bezier(.7, 0, .9, 1);
    transition: transform .3s cubic-bezier(.7, 0, .9, 1), opacity .3s cubic-bezier(.7, 0, .9, 1);
    background: #b7f200;
    background: -moz-linear-gradient(144deg, #2895fb 0, #355ced 100%);
    color: #fff
}

.nav-two::after,
.nav-two::before {
    display: block;
    width: 100%;
    height: 1px;
    content: ""
}

#flex_start {
    justify-content: flex-start
}

.blogcta-btns a,
.btn_2>span,
.button,
.button--isi .button__icon,
.button--isi>span,
.button>span,
.errorDv .errorDvsection a:before,
.myproductcenter-btn .button--isi .button__icon {
    vertical-align: middle
}

.btn_2:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1);
    left: 90%;
    text-decoration: none;
    overflow: visible;
    border: none !important
}

.absolute-center,
button.btn-select::after {
    transform: translateY(-50%);
    position: absolute
}

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

.b,
.contentleft-about h3:after {
    display: none;
    position: absolute
}

.nav-two a.nav-link {
    font-size: 15px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 20px !important
}

.nav-two .nav-item:after {
    display: none !important
}

.nav-two {
    margin-top: 10px
}

.bluelightnewcolors .content-sstylenewpages,
.margin-right-0 a:nth-child(4),
.modal-open .modal,
a.nav-link.margin-right-zero,
body.modal-open {
    padding-right: 0 !important
}

.nav-two::after {
    position: absolute;
    left: 0;
    bottom: 0
}

.nav-two::before {
    border-top: 1px solid #3c3c3b;
    position: absolute;
    left: 0;
    top: 0
}

#a {
    margin-bottom: 0;
    text-align: left
}

#a li {
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer
}

#a li:hover {
    background-color: #f4f3f3
}

#a li img,
.imageicon-p {
    margin: 5px
}

.btn-select:hover li,
.contact-footer p span span,
.lang-select {
    margin-left: 0
}

#a li span,
.btn-select li span {
    margin-left: 10px;
    padding-right: 7px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500
}

.b {
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border: 1px solid rgb(0 0 0 / .15);
    border-radius: 5px;
    padding: 8px;
    background: #fff;
    z-index: 9
}

.open {
    display: show !important
}

.btn-select {
    margin-top: 0;
    border-radius: 5px;
    background-color: #fff0;
    border: 0 solid #ccc
}

.btn-select li {
    float: left;
    padding-bottom: 0
}

.btn-select:hover {
    background-color: #fff0;
    border: 0 !important
}

.lang-select {
    width: auto;
    display: inline-block
}

button.btn-select::after {
    width: 0;
    height: 0;
    border-left: 3px solid #fff0;
    border-right: 3px solid #fff0;
    border-top: 5px solid #000;
    content: "";
    top: 50%
}

button.btn-select {
    top: 3px
}

.aurspacealign {
    display: flex;
    align-items: center
}

.sectionslider-free .container-fluid::after {
    left: 0;
    width: 15%;
    content: "";
    display: block;
    background: #fff;
    height: 120%;
    top: 0;
    position: absolute
}

.bg-light {
    background-color: transparent !important
}

.section {
    width: 100%;
    display: block
}

.absolute-center {
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: 40px;
    z-index: 20
}

.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    display: block;
    padding: 0;
    margin: 0;
    transition: .2s linear
}

.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    transform: translate3d(0, 0, 0)
}

.dropdown-menu {
    padding: 10px !important;
    margin: 0;
    font-size: 13px;
    letter-spacing: 1px;
    color: #212121;
    background-color: #fcfaff;
    border: none;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgb(138 155 165 / .15)
}

.dropdown-item {
    padding: 3px 15px;
    color: #212121;
    border-radius: 2px
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background-color: rgb(129 103 169 / .6)
}

.logo,
.logo img {
    transition: 250ms linear;
    display: block
}

.logo {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 100
}

.button,
.product-carousel__aside {
    z-index: 1;
    position: relative;
    float: left
}

.logo img {
    height: 26px;
    width: auto;
    filter: brightness(10%)
}

.button {
    min-width: 150px;
    max-width: 260px;
    display: block;
    margin: 1em;
    padding: 1em 2em;
    border: none;
    background: 0 0;
    color: inherit;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.button--isi {
    padding: 10px;
    color: #fff;
    background: #3c3c3b;
    background: -moz-linear-gradient(144deg, #355ced 0, #2895fb 100%);
    -moz-box-shadow: 0 10px 18px rgb(53 93 237 / .3)
}

.button--isi::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .9, 1), opacity .3s cubic-bezier(.7, 0, .9, 1);
    transition: transform .3s cubic-bezier(.7, 0, .9, 1), opacity .3s cubic-bezier(.7, 0, .9, 1);
    background: #b7f200;
    background: -moz-linear-gradient(144deg, #2895fb 0, #355ced 100%)
}

.button--isi:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1)
}

.button--isi:hover span {
    color: #3b3b3b !important
}

.button--round-l {
    border-radius: 40px
}

.button--size-s {
    font-size: 12px;
    font-weight: 700 !important;
    letter-spacing: 1px
}

.buttonbox {
    text-align: center;
    justify-content: center;
    display: flex !important;
    align-items: baseline !important
}

.contentleft-about h3:after {
    width: 117px;
    height: 2px;
    background: #3c3c3b;
    content: "";
    right: -35px;
    bottom: -12px
}

.contentleft-about p {
    font-size: 15px;
    color: #3c3c3b;
    line-height: 1.8;
    margin-top: 30px
}

.contentleft-about h3 {
    position: relative;
    display: inline;
    margin-bottom: 18px !important;
    font-size: 40px;
    font-weight: 900
}

.box-contact-d.highlightmy .contact-info h3,
.box-contact-d:hover .contact-info h3,
.contentleft-about h3 span,
.custom-popup .close:hover,
.posab-nav a.active .box-for-select-country span {
    color: #2e7bf5
}

.contentleft-about .buttonbox.centerbtnabot {
    text-align: left !important;
    display: block;
    margin: 0 !important
}

.about-pagebanners {
    background: url(../images/about/about-banner-bg.webp) center bottom/cover no-repeat
}

.contentleft-about button.button.button--isi {
    margin: 8px 0 0 !important
}

.aligntabs-bet,
.custom-flex-newvd,
.custom-justify,
.customflx-centerspace,
.flex-oowns,
.justify-ownspace,
.lgos ul,
.refrl .lgos ul {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.center-header,
.centerbtnabot,
.heading-contact-homepage,
.headingnewpagestyles {
    text-align: center;
    margin: 0 auto
}

.section-about-home {
    padding: 100px 0;
    background: #3c3c3b;
    position: relative
}

.content-box h2 {
    color: #fff;
    font-weight: 600;
    font-size: 45px
}

.content-box p {
    font-size: 16px;
    color: #eee;
    line-height: 2
}

.section-about-home::after {
    height: 223px;
    width: 100%;
    display: block;
    position: absolute;
    content: "";
    background: url(../images/about-section-home-bg.webp) center bottom/100% 81% no-repeat;
    bottom: -25px;
    opacity: .1;
    filter: brightness(0) invert(1)
}

.product-carousel__aside {
    padding: 0;
    width: 33.3%;
    min-width: 33.3%;
    max-width: 33.3%;
    display: flex
}

.product-carousel__title {
    text-align: left;
    margin-bottom: 0;
    display: block;
    text-size-adjust: 100%
}

.homepage-featured-products-aside-title {
    text-size-adjust: 100%;
    text-transform: initial;
    margin: 0 0 30px;
    font-weight: 600;
    font-size: 33px;
    line-height: 40px;
    display: block;
    text-align: left;
    color: #3c3c3b
}

.product-carousel-cell,
.product-carousel-container,
.product-carousel__controls {
    line-height: 1.5;
    font-size: 100%;
    letter-spacing: 1.5px;
    font-family: Raleway, sans-serif
}

.product-carousel__controls {
    text-size-adjust: 100%;
    color: #000 !important;
    box-sizing: border-box;
    margin-top: 40px;
    cursor: pointer;
    display: block
}

.product-carousel-container {
    background: #fff;
    justify-content: center;
    flex-wrap: nowrap;
    overflow: auto;
    max-width: 1680px;
    height: 444px;
    text-size-adjust: 100%;
    width: 67.7%;
    padding-left: 20px;
    position: relative;
    margin-bottom: 0 !important;
    box-sizing: border-box
}

.flickity-next-button,
.flickity-prev-button {
    width: 30px;
    height: 30px;
    background: #fff;
    padding: 23px 25px;
    border: 1px solid #cbcbcb;
    box-shadow: 0 2rem 5rem -2.5rem rgb(0 0 0 / .25), 0 .3rem 1rem 0 rgb(0 0 0 / .3);
    display: inline;
    box-sizing: border-box;
    cursor: pointer
}

.flickity-next-button,
.footerlinks ul li a:hover,
.game-content a img {
    margin-left: 10px
}

.flickity-prev-button {
    margin: 10px
}

.product-carousel-cell {
    flex: 0 0 auto;
    border-radius: 5px;
    margin-right: 10px;
    height: 100%;
    min-height: 1px;
    counter-increment: gallery-cell;
    width: 27%
}

.android-bn img,
.bedgelogobox,
.box-sl-services,
.heading-center-page,
.slider-nav-one {
    margin: 0 auto;
    text-align: center
}

.product-carousel-container.flickity-enabled.is-draggable {
    position: absolute;
    width: 100%;
    left: 40%;
    overflow: visible
}

.alhersh .imagebox-portfolio::before,
.communitter .imagebox-portfolio::before,
.dwarf-mine .imagebox-portfolio::before,
.game-wise .imagebox-portfolio::before,
.genuine-impct .imagebox-portfolio::before,
.hokey .imagebox-portfolio::before,
.odanta .imagebox-portfolio::before,
.pappiles .imagebox-portfolio::before,
.songmatch .imagebox-portfolio::before,
.switch-poker .imagebox-portfolio::before {
    width: 55%
}

.roduct-carousel-container .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -133px !important;
    padding-top: 15px
}

.product-carousel__title p {
    font-size: 15px;
    color: #737373;
    font-weight: 400
}

.section-services {
    padding: 150px 0 100px;
    position: relative;
    overflow: hidden
}

.box-sl-services {
    width: 89%;
    -webkit-box-shadow: 0 0 13px 0 rgb(0 0 0 / .08);
    -moz-box-shadow: 0 0 13px 0 rgb(0 0 0 / .08);
    box-shadow: 0 0 13px 0 rgb(0 0 0 / .08);
    padding: 24px 0;
    border-radius: 9px
}

.box-sl-services img {
    width: 100%;
    position: relative;
    left: -24px;
    -webkit-box-shadow: 15px 15px 18px -5px rgb(0 0 0 / 14%);
    -moz-box-shadow: 15px 15px 18px -5px rgb(0 0 0 / .14);
    box-shadow: 15px 15px 18px -5px rgb(0 0 0 / 14%);
    border-radius: 10px
}

.box-sl-services h4 {
    color: #3c3c3b;
    text-align: left;
    font-size: 25px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 0
}

.box-sl-services p {
    font-weight: 500;
    text-align: left;
    color: #a3a3a3;
    letter-spacing: 0;
    margin-bottom: 0;
    font-size: 12px
}

.box-sl-services .boxspaceing {
    padding: 0 24px
}

.readmore a.arrow-right {
    color: #8d8e90;
    font-size: 11px;
    letter-spacing: 0;
    text-decoration: none;
    display: block;
    width: auto;
    text-align: right;
    margin-top: 10px
}

.readmore a.arrow-right svg {
    position: relative;
    top: -2px;
    margin-right: 5px
}

.bedgelogobox {
    padding: 10px 0 80px
}

.center-header h2::after {
    position: absolute;
    display: block;
    content: "";
    width: 100px;
    height: 1px;
    background: #3c3c3b;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px
}

.center-header h2 {
    font-size: 33px;
    font-weight: 600;
    position: relative
}

.ownflexbox {
    display: flex;
    align-items: center;
    margin-top: 90px;
    margin-bottom: 110px
}

.box-service-sceens {
    width: 20%
}

.screenbox1 {
    margin: 0 18px;
    text-align: center;
    position: relative
}

.screenbox1 h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 12px 0
}

.screenbox1 p {
    color: #73798c;
    font-size: 14px;
    line-height: 1.8
}

.screenbox1::after {
    position: absolute;
    width: 25px;
    height: 400px;
    content: "";
    background: url(../images/shaddow-box-screen-size.webp) 0 0/contain;
    content: "";
    display: block;
    top: -70px;
    left: -37px
}

.alhersh::before,
.communitter::before,
.dwarf-mine::before,
.game-wise::before,
.genuine-impct::before,
.hokey::before,
.odanta::before,
.pappiles::before,
.songmatch::before,
.switch-poker::before,
.w20ty {
    width: 30%
}

.alhersh .imagebox-portfolio::before,
.alhersh::before {
    background: #006837;
    content: "";
    display: block;
    position: absolute;
    height: 150%;
    right: 0;
    top: -90px;
    z-index: 99
}

.flickity-page-dots {
    bottom: 0 !important
}

.main-slider {
    background: url(../images/background-portfolio.webp) 0 0/cover;
    width: 100%
}

.mainportfolio {
    padding: 0 0 50px
}

.hokey .imagebox-portfolio::before,
.hokey::before {
    background: #ec472b;
    content: "";
    display: block;
    position: absolute;
    height: 150%;
    right: 0;
    top: -90px;
    z-index: 99
}

.songmatch .imagebox-portfolio::before,
.songmatch::before {
    background: #7427ac;
    content: "";
    display: block;
    position: absolute;
    height: 150%;
    right: 0;
    top: -90px;
    z-index: 99
}

.content-box.content-center p,
.imagebox-portfolio img {
    position: relative;
    z-index: 999
}

.odanta .imagebox-portfolio::before,
.odanta::before {
    background: #0073d0;
    content: "";
    display: block;
    position: absolute;
    height: 150%;
    right: 0;
    top: -90px;
    z-index: 99
}

.communitter .imagebox-portfolio::before,
.communitter::before {
    background: #2ea8fe;
    display: block;
    height: 150%;
    top: -90px;
    position: absolute;
    z-index: 99;
    content: "";
    right: 0
}

.dwarf-mine .imagebox-portfolio::before,
.dwarf-mine::before {
    background: #cca667;
    display: block;
    height: 150%;
    top: -90px;
    position: absolute;
    z-index: 99;
    content: "";
    right: 0
}

.genuine-impct .imagebox-portfolio::before,
.genuine-impct::before {
    background: #0086ff;
    display: block;
    height: 150%;
    top: -90px;
    position: absolute;
    z-index: 99;
    content: "";
    right: 0
}

.game-wise .imagebox-portfolio::before,
.game-wise::before {
    background: #313d93;
    display: block;
    height: 150%;
    top: -90px;
    position: absolute;
    z-index: 99;
    content: "";
    right: 0
}

.pappiles .imagebox-portfolio::before,
.pappiles::before {
    background: #242528;
    display: block;
    height: 150%;
    top: -90px;
    position: absolute;
    z-index: 99;
    content: "";
    right: 0
}

.switch-poker .imagebox-portfolio::before,
.switch-poker::before {
    background: #ed1c24;
    display: block;
    height: 150%;
    top: -90px;
    position: absolute;
    z-index: 99;
    right: 0;
    content: ""
}

.spaceing-mm {
    padding-bottom: 80px;
    margin-top: 60px
}

.headingbottomline h3 {
    font-size: 33px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    color: #3c3c3b
}

.conportfolio h5,
a.ourbtnline {
    font-weight: 700;
    color: #3c3c3b
}

.headingbottomline h3::after {
    height: 1px;
    width: 100px;
    position: absolute;
    content: "";
    display: block;
    background: #3c3c3b;
    bottom: -15px;
    right: -25px
}

.conportfolio p {
    font-size: 15px;
    color: #6d7583;
    line-height: 1.8
}

.conportfolio h5 {
    font-size: 35px;
    margin-bottom: 18px
}

.about-foldtwo .buttonbox,
.about-slider-main .buttonbox,
.content-banner-blogs .buttonbox,
.mainportfolio .buttonbox,
.refrl .buttonbox {
    justify-content: flex-start
}

.conportfolio {
    width: 95%
}

.ctabtns .buttonbox,
.fl-end,
.jst-end,
.justifyend,
.vsnry .buttonbox {
    justify-content: flex-end
}

.positionsliders {
    position: absolute;
    width: 100%;
    display: block;
    top: -106px;
    left: 0
}

.marginstb {
    margin: 24px 0 !important;
    display: block
}

a.ourbtnline {
    font-size: 12px;
    text-transform: initial;
    text-decoration: none;
    cursor: pointer !important;
    position: relative
}

a.ourbtnline::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 38px;
    background: #3c3c3b;
    top: 8px;
    height: 1px;
    margin: 0 0 0 14px
}

.positionsliders .slick-center img {
    transition: transform .2s;
    transform: scale(1) !important;
    opacity: 1 !important;
    -webkit-box-shadow: 0 10px 32px 3px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 10px 32px 3px rgb(0 0 0 / .2);
    box-shadow: 0 10px 32px 3px rgb(0 0 0 / 20%);
    border-radius: 30px !important;
    width: 95% !important
}

.positionsliders .slick-list {
    padding: 40px 0 !important
}

.positionsliders .slick-slide img {
    opacity: 1;
    transition: transform .2s;
    margin: 0 auto;
    width: 85%
}

.positionsliders button.slick-arrow:hover {
    background: #2e7bf5;
    color: #fff !important
}

.positionsliders button.slick-next:hover,
.positionsliders button.slick-prev:hover {
    background-position: center
}

.positionsliders button.slick-arrow {
    background: center #bec8d8;
    border: 0;
    font-size: 0;
    padding: 14px;
    position: absolute;
    z-index: 99;
    outline: 0 !important;
    transform: translateY(-43%);
    top: 47%
}

.positionsliders button.slick-prev,
.positionsliders button.slick-prev:hover {
    background-image: url(../images/leftarrow-btn.webp);
    left: -30px
}

.positionsliders button.slick-next,
.positionsliders button.slick-next:hover,
.positionsliders button.slick-prev,
.positionsliders button.slick-prev:hover {
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-size: 45%;
    outline: 0 !important
}

.positionsliders button.slick-next,
.positionsliders button.slick-next:hover {
    background-image: url(../images/rightarrow-btn.webp);
    right: -30px
}

.positionsliders .slick-next,
.slider-blog-features .slick-next {
    right: 0
}

.carousel-own,
.carousel-own-industries,
span#typping {
    background: 0 0
}

.carousel-own .carousel-cell,
.carousel-own-industries .carousel-cell {
    width: 18%;
    height: 385px;
    margin-right: 18px;
    counter-increment: gallery-cell;
    transition: transform .2s;
    border-radius: 9px !important;
    transform: scale(.9) !important
}

.carousel-own .flickity-viewport,
.carousel-own-industries .flickity-viewport {
    overflow: visible !important
}

.carousel-own .flickity-slider {
    left: 15% !important
}

.sectionslider-free {
    padding: 80px 0 120px;
    overflow-x: hidden
}

.container-same,
.gallery-mains,
.imageboxcontainer,
.toplineupdown {
    position: relative;
    width: 100%
}

.image_boxed {
    display: block;
    width: 100%;
    height: auto
}

.overlay_boxed {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s;
    border-radius: 9px !important;
    background: -moz-linear-gradient(top, rgb(0 0 0 / .7) 0, rgb(0 0 0 / .8) 1%, #000 100%);
    background: -webkit-linear-gradient(top, rgb(0 0 0 / .7) 0, rgb(0 0 0 / .8) 1%, #000 100%);
    background: linear-gradient(to bottom, rgb(0 0 0 / .7) 0, rgb(0 0 0 / .8) 1%, #000 100%)
}

.bpxlastwithimgill:hover img.withhoverill,
.container-same:hover .overlay-same,
.gallery-mains:hover .overlay-gallerys,
.imageboxcontainer:hover .overlay_boxed,
.prtnr .imgwp:hover .hvrtxt,
.refrl .trnsfrm .imgwp:hover .hvrtxt {
    opacity: 1
}

.text_boxed {
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    text-align: left;
    padding: 15px;
    bottom: 0
}

.text_boxed p {
    font-size: 11px !important;
    line-height: 1.8;
    margin-bottom: 0
}

.text_boxed span {
    font-size: 13px;
    color: #ccc;
    padding-bottom: 5px;
    display: block
}

.boxcontent-hover {
    position: absolute;
    bottom: 0;
    padding: 16px;
    background: -moz-linear-gradient(top, #fff0 0, rgb(0 0 0 / 80%) 70%);
    background: -webkit-linear-gradient(top, #fff0 0, rgb(0 0 0 / 80%) 70%);
    background: linear-gradient(to bottom, #fff0 0, rgba(0 0 0 / 80%) 70%);
    width: 100%;
    height: 50%;
    border-radius: 12px
}

.boxcontent-hover h4 {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    position: absolute;
    bottom: 10px
}

.text_boxed h4 {
    font-size: 14px !important;
    font-weight: 600;
    margin-bottom: 0
}

.boxcontent-hover p {
    font-size: 14px;
    color: #b9b9b9;
    margin-bottom: 0
}

.readmore span {
    display: inline-block;
    font-size: 12px
}

.text_boxed .readmore {
    border-top: .5px solid #ffffff85;
    margin-top: 10px;
    border-bottom: 0
}

.carousel-own .carousel-cell:hover,
.carousel-own .carousel-cell:hover .imageboxcontainer {
    transform: scale(1) !important;
    transition: transform .5s !important
}

.Images,
.animation-pricing-list-section,
.b_style img,
.backimage-anibox img,
.banner-image-rights img,
.blog-thumb img,
.box-about-slide img,
.boximage-side-ser img,
.counter-selects,
.exo-menu,
.fold-images img,
.fold-para,
.fullimage-game img,
.hund img,
.image-services-fold img,
.image-side-anis img,
.image-sidecontents img,
.imageicon-p img,
.imageleft-industries img,
.img-newadd img,
.intl-tel-input.allow-dropdown.separate-dial-code,
.logo-image-first-secs img,
.logo-news-up img,
.onelineslogo .button-style-price-color,
.our-newtab-illustrator,
.ourclasss.fullwd,
.ourimage-side img,
.productbanner-centerimage img,
.productst-imageone img,
.prtnr .imgwp img,
.refrl .lgos ul li img,
.request-a-quote,
.sectionfive-gamepage .content-game-same p,
.slider-logoside .items img,
.trendimage img,
.trnsfrm .imgwp img,
.videosectionhome,
.videosectionhome video,
input#phone-country {
    width: 100%
}

span#typping,
span#typping1 {
    width: 0 !important
}

.imagebox-portfolio img {
    width: 68%;
    margin: 0 auto 14px;
    display: block
}

.positionsliders .slick-center img {
    position: relative;
    top: -10px
}

.mainportfolio .headingbottomline h3 {
    font-size: 22px;
    margin-bottom: 30px;
    color: #3c3c3b
}

.dubaibox,
.londonbox,
.newyorkbox {
    -webkit-box-shadow: -3px 5px 16px 0 rgb(50 50 50 / .22);
    -moz-box-shadow: -3px 5px 16px 0 rgb(50 50 50 / .22);
    box-shadow: -3px 5px 16px 0 rgb(50 50 50 / .22);
    border-radius: 12px;
    transition: transform .2s
}

.posab-nav a.active .dubaibox,
.posab-nav a.active .londonbox {
    -webkit-box-shadow: -3px 5px 16px 0 rgb(50 50 50 / .22);
    -moz-box-shadow: -3px 5px 16px 0 rgb(50 50 50 / .22);
    border-radius: 12px;
    background-color: #f0f1f3
}

.posab-nav a.active .dubaibox {
    background-image: url(../images/dubai-active-icon.webp);
    box-shadow: -3px 5px 16px 0 rgb(50 50 50 / .22)
}

.posab-nav a.active .londonbox {
    background-image: url(../images/london-active-icon.webp);
    box-shadow: -3px 5px 16px 0 rgb(50 50 50 / .22)
}

.posab-nav a.active .newyorkbox {
    background-image: url(../images/newyork-active-icon.webp);
    -webkit-box-shadow: -3px 5px 16px 0 rgb(50 50 50 / .22);
    -moz-box-shadow: -3px 5px 16px 0 rgb(50 50 50 / .22);
    box-shadow: -3px 5px 16px 0 rgb(50 50 50 / .22);
    border-radius: 12px;
    background-color: #f0f1f3
}

.posab-nav a.active .box-for-select-country span::before {
    background-color: #2e7bf5
}

.pos2tab {
    align-items: center;
    justify-content: center
}

.contact-tabs .nav-tabs {
    display: flex;
    justify-content: flex-start
}

.boxcontenttabs h3 {
    font-size: 22px;
    color: #2e7bf5;
    font-weight: 700
}

.testimonailsection {
    padding: 120px 0 60px;
    background-image: url(../images/testimonials-backgroundbg.webp);
    background-position: bottom center;
    background-size: 100% 80%;
    background-repeat: no-repeat
}

.testimonailscontent h3 {
    color: #3c3c3b;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    display: inline-block
}

.testimonailscontent h4 {
    font-size: 50px;
    font-weight: 600;
    line-height: 1;
    color: #a4d600
}

.testimonailscontent h4 span {
    font-size: 48px
}

.testimonailsbox-home p {
    font-size: 15px;
    width: 90%;
    line-height: 1.8;
    font-weight: 500
}

.client-details p {
    font-size: 17px;
    color: #3c3c3b;
    line-height: 1.2;
    width: auto;
    text-align: right;
    padding-right: 15px;
    margin-bottom: 0
}

.client-details p span {
    font-size: 14px !important;
    color: #9fa0a2;
    display: block !important;
    font-weight: 500
}

.client-details {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 30px
}

.testimonailsbox-home {
    background-color: #f9fbfe;
    border: 1px solid #e3e9f2;
    padding: 25px;
    margin: 0 10px;
    border-radius: 13px !important
}

.testimonailsbox-home img.icon-tops {
    margin-bottom: 20px;
    filter: grayscale(1)
}

.testimonails-home-slider .slick-arrow {
    position: absolute;
    bottom: 0;
    outline: 0 !important;
    filter: grayscale(1);
    left: -70px
}

.testimonails-home-slider button.slick-prev {
    left: -120px
}

.testimonails-home-slider .slick-next {
    width: 42px;
    height: 42px;
    font-size: 0;
    border: 0;
    background: url(../images/next-slide-hover.webp)
}

.testimonails-home-slider .slick-prev {
    width: 42px;
    height: 42px;
    font-size: 0;
    border: 0;
    background: url(../images/prevarrow-btn-hover.webp)
}

.boxcontent-bedge p {
    font-size: 16px !important;
    color: #797d7f;
    margin-bottom: 0
}

.align-v-customs,
.blog-cta .row,
.boxbedgefooter,
.button-download,
.cus-ali-gns,
.cus-align-items-center,
.custom-fl-blog-np,
.flexboxprocess,
.left-bxdarrows,
.myspc-btw,
.tempprocess li {
    display: flex;
    align-items: center
}

.boxcontent-bedge h5 {
    font-weight: 600
}

.boxcontent-bedge {
    margin-left: 20px;
    border-left: 1px solid #c0c8cc;
    padding-left: 20px
}

.mt-120,
.mt-processbox,
.section-add-update,
section.banner-main-blog {
    margin-top: 120px
}

.footersection {
    padding: 70px 0 30px;
    background: linear-gradient(360deg, #15171a 0, #222 100%)
}

.footersection .topsec {
    padding: 0 0 40px;
    border-bottom: 1px solid #353535;
    margin-bottom: 40px
}

.footerbox-details h3 {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #fff
}

.footerbox-details h3::after {
    height: 2px;
    width: 117px;
    display: block;
    position: absolute;
    content: "";
    background: #b7f200;
    right: -20px;
    bottom: -10px
}

.contact-footer a img,
.contact-footer p img {
    margin-right: 20px;
    filter: grayscale(1)
}

.contact-footer a span {
    font-size: 14px;
    font-weight: 500;
    color: #3b3b3b
}

.contact-footer {
    margin: 30px 0 0;
    display: block
}

.contact-footer a {
    margin: 0 0 30px;
    display: block
}

.contact-footer a:hover {
    color: #a1d602
}

.contact-footer p span {
    font-size: 14px;
    font-weight: 500;
    color: #3b3b3b;
    margin-left: 8px
}

.footerbox-details p {
    display: flex;
    align-items: flex-start
}

.footerbox-details.linksheading h3::after {
    width: 50%;
    left: 0
}

.footerlinks {
    margin-top: 22px
}

.footerlinks ul {
    margin: 0;
    padding-left: 0
}

.footerlinks ul li {
    margin: 0;
    list-style: none
}

.footerlinks ul li a {
    font-size: 14px;
    color: #a1a1a1;
    text-decoration: none;
    font-weight: 500;
    transition: 1s
}

.request-a-quote h3 {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin: 0
}

.request-a-quote p {
    font-size: 13px;
    color: #fff;
    margin: 0
}

.request-a-quote a {
    font-size: 15px;
    font-weight: 300;
    position: relative;
    display: inline-block;
    color: #fff
}

.request-a-quote a::after {
    width: 25px;
    height: 1px;
    background: #fff;
    position: absolute;
    content: "";
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    right: -35px
}

.footerright-text,
.text-boxedright {
    display: flex;
    justify-content: flex-end
}

.ourspcbt-footer {
    justify-content: space-between
}

.powerdby p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0
}

hr.customhr-footer {
    border: 0;
    border-bottom: 1px solid #d5dce7;
    width: 100%;
    margin: 30px 0
}

.cntctsec {
    background: url(../images/contact-page-background.jpg) center/cover no-repeat
}

.banner-contents.services-lefts.webdev-temp h1 span,
.blog-block:hover .blog-title-dec h4,
.blueheader .start-header.scroll-on .nav-link,
.cntctsec .banner-contents.services-lefts h1,
.game-wrap .banner-contents.services-lefts h1,
.mycustom-nav .btn-select li span,
.mycustom-nav .nav-two a.nav-link,
.process-btn:hover p,
.white-nav a.nav-link,
body.mycustom-nav .mega-drop-down a,
body.mycustom-nav a.calltop,
button.btn-fill.button--isi:hover span {
    color: #fff !important
}

.contact-form-page input,
.contact-form-page textarea {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 29px 0 rgb(0 0 0 / .1);
    padding-left: 20px;
    background: #fff;
    border: 1px solid #3c3c3b;
    box-shadow: 0 0 29px 0 rgb(0 0 0 / .1);
    margin-bottom: 27px
}

.about-foldtwo.service-right .imagesidemobile,
.ourmb-app-plays,
.refrl .lgos h3,
.social-blogs-links,
.social-icons,
.text-align-right {
    text-align: right
}

.android-bn img {
    z-index: 2;
    width: 70% !important;
    display: block
}

.android-bn {
    position: relative;
    top: -20px
}

.android-bn::after {
    background-size: 100% 100%;
    background-image: url(../images/services/android/shaddow-android.webp);
    height: 32px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    bottom: -20px;
    left: -20px;
    z-index: 1;
    transform: translateX(0)
}

.section-services .flickity-page-dots .dot {
    margin: 0 2px
}

.contact-form-page {
    background-image: url(../images/contact-page-background.webp);
    background-size: cover;
    padding: 50px 0
}

.contact-form-page input {
    height: 50px;
    -webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.contact-form-page textarea {
    height: 118px;
    padding-top: 20px
}

.contact-form-page select {
    padding-left: 20px;
    background: url(../images/down-arrow-select.webp) 96% 20px no-repeat #fff;
    height: 50px;
    margin-bottom: 27px;
    border-radius: 10px;
    border: 1px solid #3c3c3b;
    color: #c3c4cb !important;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0 0 29px 0 rgb(0 0 0 / .1);
    box-shadow: 0 0 29px 0 rgb(0 0 0 / .1)
}

.contact-form-page select option {
    background: #3b3b3b
}

.contact-form-page input.form-control.submitbtn {
    width: 180px;
    margin: 0 auto;
    background: #fff;
    color: #000;
    font-size: 13px;
    font-weight: 600 !important;
    border-radius: 50px;
    height: 50px;
    border: 1px solid
}

.contact-form-page input.form-control.submitbtn:hover {
    background: 0 0;
    color: #fff
}

.heading-contact-homepage h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px
}

.heading-contact-homepage h4 {
    font-size: 28px;
    color: #a1d600;
    margin-bottom: 45px
}

select::-ms-expand {
    display: none !important
}

.form-control::-webkit-input-placeholder {
    color: #c3c4cb !important;
    font-size: 14px
}

.form-control:-ms-input-placeholder {
    color: #c3c4cb !important;
    font-size: 14px
}

.form-control::placeholder {
    color: #c3c4cb !important;
    font-size: 14px
}

.about-slider-main .slick-arrow,
.afdcnone::after,
.banner-contents.services-lefts.blacktheme-style h1::after,
.blockmb-new,
.bpxlastwithimgill.leftalignbox-temps:hover::after,
.disblocks-mlb,
.disnone-allsite,
.disnone-st+span,
.disnone-st.empty+span,
.displaynone-desktop-and-mobile,
.for-mobile,
.for-mobile-991,
.illustrationbg1.webpage-temp-sec1::after,
.lastdisnoneaf::after,
.lastoff-after::after,
.lastoff-before::after,
.mega-menu-wrap a::before,
.mobile-sl-game,
.mycustom-nav .disnonecustom-page,
.nav-two a.nav-link.active::before,
.newslider-animation .videothumb::after,
.newslider-animation .videothumb::before,
.ofafters::after,
.oofaft::after,
.optimize-page .android-bn::after,
.padding-div-title a:first-child::after,
.portfolio-game-disnone,
.s-icon a::after,
.slider-videos-sls ul.slick-dots {
    display: none !important
}

.nav-two a.nav-link.active {
    color: #2e7bf5 !important
}

.banner-about {
    background-image: url(../images/about/about-banner.webp)
}

.banner-contents h1 {
    font-size: 85px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px
}

.banner-contents p {
    color: #989797;
    line-height: 1.8
}

.ournav-about h3 {
    font-size: 20px;
    color: #b2b2b2;
    position: relative
}

.slider-nav-one {
    width: 60%
}

.about-slider-main {
    padding: 90px 0 0
}

.heading-center-page h2 {
    font-size: 33px;
    font-weight: 600;
    position: relative;
    margin-bottom: 80px
}

.heading-center-page h2::after {
    height: 1px;
    width: 117px;
    position: absolute;
    content: "";
    display: block;
    background: #3c3c3b;
    right: -20px;
    bottom: -10px
}

.ournav-about h3::after,
.slider-nav-one::after {
    background: #e6e8ee;
    position: absolute;
    content: ""
}

.about-slider .slick-current .ournav-about h3 {
    color: #3c3c3b !important
}

.about-slider .slick-current .ournav-about h3::after,
button.btn-fill.button--isi:hover::before {
    background: #3c3c3b
}

.ournav-about h3::after {
    width: 14px;
    height: 14px;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50px;
    bottom: -30px
}

.slider-nav-one::after {
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 8px;
    z-index: -1
}

.about-foldtwo::after,
.custompadding::after {
    background: #3c3c3b;
    display: block;
    position: absolute;
    top: 49%;
    z-index: -1;
    content: "";
    height: 90%;
    right: 0;
    transform: translateY(-50%)
}

.slider-nav-one .slick-list {
    padding: 0 0 24px !important;
    outline: 0
}

.mt-sixty,
.slider-for-one {
    margin-top: 60px
}

.box-about-slide h3 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px
}

.box-about-slide p {
    font-size: 15px;
    color: #7f7f7f;
    line-height: 1.8;
    margin-bottom: 20px
}

.automtivebner p,
.off-mb-dek,
.tempprocess li:last-child {
    margin-bottom: 0 !important
}

.aboutleft-content h2,
.aboutleft-content h3 {
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 45px
}

.btn-round,
h3.bottomborder {
    display: inline-block;
    position: relative
}

h3.bottomborder::after {
    width: 117px;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    background: #2c83f7;
    right: -20px;
    bottom: -20px
}

.aboutleft-content p {
    font-size: 15px;
    color: #7f7f7f;
    line-height: 1.8
}

.custompadding {
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative
}

.about-foldtwo::after {
    width: 31%
}

.dis-space-bt {
    justify-content: space-between;
    align-items: center
}

.flutt img,
.imagesidemobile img,
.prtnr .imgwp .hvrtxt img,
.wautos img {
    width: auto
}

.custompadding::after {
    width: 28%
}

.custom-rowflex,
.services-page-space-between,
.services-spacebt-four-five {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.heading-border-left,
.newdropdowns .dropdown,
h3.border-btms {
    position: relative;
    display: inline-block
}

.services-content-box h2,
.services-content-box h3 {
    font-size: 33px;
    font-weight: 600;
    margin: 20px 0
}

.device-box p,
.services-devices .device-box:nth-child(3) {
    margin-bottom: 0
}

.services-fold-one {
    padding: 30px 0 60px
}

.services-content-box p {
    font-size: 15px;
    color: #8d8d8d;
    line-height: 1.8
}

.services-fold-two {
    background: url(../images/services/second-fold-background.webp) no-repeat;
    width: 100%;
    padding: 90px 0
}

.pt-0-im,
.spaceoff img {
    padding-top: 0 !important
}

.device-box h4 {
    font-size: 18px;
    font-weight: 700
}

.device-box p {
    font-size: 15px;
    color: #9f9f9f;
    line-height: 1.8
}

.device-box {
    margin-bottom: 50px
}

.services-fold-three::after {
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    content: "";
    width: 58%;
    height: 80%;
    left: 0;
    z-index: 0;
    padding-top: 10px;
    transform: translateY(-50%);
    top: 50%;
    -webkit-box-shadow: -17px 29px 30px 0 rgb(109 127 162 / .25);
    -moz-box-shadow: -17px 29px 30px 0 rgb(109 127 162 / .25);
    box-shadow: -17px 29px 30px 0 rgb(109 127 162 / .25);
    border: 1px solid #dfe5ed
}

.services-fold-three {
    position: relative;
    padding: 90px 0
}

.services-fold-three::before {
    background: #3c3c3b;
    display: block;
    position: absolute;
    content: "";
    height: 100%;
    width: 50%;
    right: 0;
    top: 0
}

.android-pages.services-right-left-banners::after,
.android-pages.services-right-left-banners::before,
.bottom-shaddow-mobile::after,
.ourcased.services-right-left-banners::before {
    background-size: contain;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    display: block;
    content: ""
}

.content-larges h2,
.content-larges p {
    font-size: 51px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 0
}

.boxes-fronts,
.home-banner-bg ul.banner-imgs li,
.process-p1 img,
.process-p2 img,
.process-p3 img,
.process-p4 img,
.process-p5 img,
.process-p6 img,
.process-p7 img,
.process-p8 img,
.services-devices,
.side-portfoliosd {
    position: relative;
    z-index: 1
}

.box-flexup {
    width: 85%;
    display: flex;
    align-items: center;
    height: 100%
}

.content-larges {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

.section-contacts,
.services-fold-four,
.services-fold-six {
    padding: 70px 0
}

.services-bg-color {
    background-color: #fff
}

.about-foldtwo.service-left .imagesidemobile,
.services-lefts,
.typn {
    text-align: left
}

.banner-contents.services-lefts p {
    width: 100% !important;
    font-size: 15px;
    margin-bottom: 20px
}

.animation-pricing-list-section .tab-content .pricelistinganimation,
.banner-contents.services-lefts .button--isi,
.content-banner-blogs .buttonbox button,
.optm .dwnsec,
.rfrlbaner .txtwrp ul.prc,
.trnsfrm .my-tabs.current,
ul,
ul.services-menu li a {
    margin: 0
}

.services-lefts .buttonbox {
    justify-content: left
}

.banner-contents.services-lefts h1,
.banner-contents.services-lefts h3,
.content-banner-blogs h1,
.content-banner-blogs h2 {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    padding-bottom: 25px;
    position: relative
}

.bottom-shaddow-mobile::after {
    background-image: url(../images/services/mobile-bottom-shaddow-bottom-section.webp);
    height: 48px;
    bottom: -50px;
    background-position: bottom center
}

.android-pages.services-right-left-banners::after {
    background-image: url(../images/services/android/services-right-bottom.webp);
    height: 90%;
    right: 0;
    bottom: 0;
    background-position: right bottom
}

.android-pages.services-right-left-banners::before,
.ourcased.services-right-left-banners::before {
    background-image: url(../images/services/ios/services-left-bottom.webp);
    height: 90%;
    right: 0;
    bottom: 0;
    background-position: left bottom
}

.android-mobile-image-services,
.app-store-optimization-services,
.flutter-page-image-services,
.ios-mobile-image-services,
.mobile-app-mobile-image-services,
.react-mobile-image-services,
.rfrlservice h3,
.wearable-mobile-image-services {
    text-align: center;
    position: relative
}

.android-mobile-image-services img,
.flutter-page-image-services img,
.ios-mobile-image-services img,
.mobile-app-mobile-image-services img,
.react-mobile-image-services img,
.wearable-mobile-image-services img {
    width: auto;
    position: relative;
    z-index: 99
}

.android-mobile-image-services::after {
    background-image: url(../images/services/android/mobile-first-fold-back-bg.webp);
    height: 621px;
    width: 460px;
    position: absolute;
    background-size: 100% 100%;
    content: "";
    display: block;
    top: -120px;
    z-index: 0;
    left: -18px
}

.positiontopcenter {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: inline-block
}

.services-fold-five {
    position: relative;
    display: block;
    height: 100%;
    width: 100%
}

.tabscontent-services .nav-tabs .nav-link {
    font-size: 15px;
    color: #a4b3c5 !important
}

.positiontopcenter .nav-tabs {
    justify-content: space-between;
    border-bottom: 0
}

.ourctajust,
.ours-aligncn,
.row.ournewcas {
    align-items: center
}

.services-content-tabs h3 {
    font-size: 33px;
    font-weight: 600;
    padding-top: 50px;
    margin-bottom: 20px
}

.tabscontent-services a.nav-link.active {
    color: #000 !important;
    background-color: transparent !important;
    position: relative
}

a.nav-link.active::before {
    border-bottom: 2px solid #2e7bf5;
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: -1px
}

.tabscontent-services a.nav-link.active::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #2e7bf5;
    opacity: 0;
    transition: .2s linear
}

.tabscontent-services .nav-link:hover,
.tabscontent-services .nav-tabs .nav-link.active {
    border-color: transparent !important
}

.services-content-tabs p {
    font-size: 15px;
    color: #9b9da0;
    line-height: 1.8;
    margin-bottom: 0
}

.services-fold-five::after {
    background: #fbfcfe;
    display: block;
    position: absolute;
    height: 80%;
    width: 100%;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.app-store-optimization-services::after,
.flutter-page-image-services::after,
.ios-mobile-image-services::after,
.mobile-app-mobile-image-services::after,
.react-mobile-image-services::after,
.wearable-mobile-image-services::after {
    height: 621px;
    width: 460px;
    z-index: 0;
    left: -18px;
    background-size: 100% 100%
}

.ours-aligncn {
    height: 100%;
    display: flex
}

.tabs-images-services {
    -webkit-box-shadow: -5px 17px 40px 0 rgb(109 127 162 / 50%);
    -moz-box-shadow: -5px 17px 40px 0 rgb(109 127 162 / 50%);
    box-shadow: -5px 17px 40px 0 rgb(109 127 162 / 50%)
}

.flex-technologies {
    display: flex;
    width: 100%
}

.center-heading-border {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    position: relative
}

.boxtechnologies {
    box-shadow: 10px 17px 30px 0 rgb(109 127 162 / 25%);
    text-shadow: 10px 17px 30px rgb(109 127 162 / 25%);
    background: #fff;
    width: 18%;
    margin: 0 11px
}

.innertechnologies-logo {
    text-align: center;
    margin: 0 auto;
    border: 1px solid #dfe5ed
}

.mauto-flex {
    margin: 20px auto 0;
    justify-content: center
}

.center-heading-border h2,
.center-heading-border h3 {
    display: inline-block;
    font-size: 33px;
    font-weight: 600;
    position: relative
}

.center-heading-border h2::after,
.center-heading-border h3::after {
    width: 117px;
    height: 1px;
    position: absolute;
    content: "";
    background: #3c3c3b;
    display: inline-block;
    bottom: -13px;
    right: -30px
}

.section-fold-seven {
    padding: 40px 0 90px
}

.section-fold-seven .center-heading-border {
    padding: 0 0 55px
}

.text-align-lefts .process-texts,
h4.row.mega-title {
    padding-left: 15px
}

.process-texts p {
    font-size: 13.5px;
    color: #949494;
    margin-bottom: 0;
    line-height: 1.5
}

.w40ty {
    width: 35%
}

.process-texts h3 span2 {
    font-size: 21px;
    font-weight: 600
}

.text-align-right .process-texts {
    padding-right: 15px
}

.process-texts h3 span {
    position: absolute;
    font-size: 114px;
    top: -2px;
    line-height: 0;
    z-index: -1;
    color: #f5f5f5;
    right: -10px
}

.section-about-home.android-page::after {
    background-image: url(../images/services/android/android-text-bg.webp) !important
}

.desktop-order-1 {
    display: flex;
    order: 1
}

.desktop-order-2 {
    display: flex;
    order: 2
}

.text-align-lefts .process-texts h3 span,
section.sidebyside-image-content.padding-section-c.positionleftlinebluess::after {
    left: 0
}

.section-about-home.ios-page::after {
    background: url(../images/services/ios/ios-text-bg.webp) !important
}

.alhersh-case.industt.services-right-left-banners::after,
.alhersh-case.services-right-left-banners::after,
.communittercase.services-right-left-banners::after,
.hockeynowcase.services-right-left-banners::after,
.ios-page.services-right-left-banners::after,
.ios-page.services-right-left-banners::before,
.odontacase.services-right-left-banners::after,
.songmatchcase.services-right-left-banners::after,
.swirchpockercase.services-right-left-banners::after {
    background-size: contain;
    height: 90%;
    bottom: 0;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    display: block;
    right: 0;
    width: 100%
}

.ios-page.services-right-left-banners::after {
    background-image: url(../images/services/ios/services-right-bottom.webp);
    background-position: right bottom
}

.communittercase.services-right-left-banners::after {
    background-image: url(../images/casestudy/Communitter/communitter.bgs.webp);
    background-position: right bottom
}

.hockeynowcase.services-right-left-banners::after {
    background-image: url(../images/casestudy/hockeynow/hockey-nowbg.webp);
    background-position: right bottom
}

.alhersh-case.services-right-left-banners::after {
    background-image: url(../images/casestudy/Al-Hersh/al-hershbgs.webp);
    background-position: right bottom;
    opacity: .7
}

.alhersh-case.industt.services-right-left-banners::after {
    background-image: url(../images/industries/casesty-bgg.webp) !important;
    background-position: right bottom;
    opacity: .7
}

.odontacase.services-right-left-banners::after {
    background-image: url(../images/casestudy/Odonta/odontabg.webp);
    background-position: right bottom;
    opacity: .7
}

.songmatchcase.services-right-left-banners::after {
    background-image: url(../images/casestudy/SongMatch/songmatchbgs.webp);
    background-position: right bottom;
    opacity: .7
}

.swirchpockercase.services-right-left-banners::after {
    background-image: url(../images/casestudy/SwitchPoker/switchpokerbga.webp);
    background-position: right bottom;
    opacity: .7
}

.ios-page.services-right-left-banners::before {
    background-image: url(../images/services/android/services-left-bottom.webp);
    background-position: left bottom
}

.ios-mobile-image-services::after {
    background-image: url(../images/services/ios/mobile-first-fold-back-bg.webp);
    position: absolute;
    content: "";
    display: block;
    top: -80px
}

.iosshaddow img {
    box-shadow: 10px 17px 40px 0 rgb(0 0 0 / .3);
    text-shadow: 10px 17px 40px rgb(0 0 0 / .3);
    width: auto
}

.pos-rel img,
.videosectionhome {
    position: relative;
    z-index: 2
}

.iosshaddow {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    text-align: right
}

.section-about-home.react-page::after {
    background: url(../images/services/react-native/react-text-bg.webp) !important
}

.optimize-page.services-right-left-banners::after,
.optimize-page.services-right-left-banners::before,
.react-page.services-right-left-banners::after,
.react-page.services-right-left-banners::before,
.wearable-page.services-right-left-banners::after,
.wearable-page.services-right-left-banners::before {
    background-size: contain;
    height: 90%;
    position: absolute;
    display: block;
    content: "";
    right: 0;
    bottom: 0;
    background-repeat: no-repeat
}

.react-page.services-right-left-banners::after {
    background-image: url(../images/services/react-native/services-right-bottom.webp);
    width: 100%;
    background-position: right bottom
}

.react-page.services-right-left-banners::before {
    background-image: url(../images/services/react-native/services-left-bottom.webp);
    width: 100%;
    background-position: left bottom
}

.react-mobile-image-services::after {
    background-image: url(../images/services/react-native/mobile-first-fold-back-bg.webp);
    position: absolute;
    content: "";
    display: block;
    top: -80px
}

.wearable-mobile-image-services::after {
    background-image: url(../images/services/wearable/mobile-first-fold-back-bg.webp);
    position: absolute;
    content: "";
    display: block;
    top: -80px
}

.ourmb-app-plays img {
    width: 80%;
    text-align: right;
    margin-right: 0 !important
}

.app-store-optimization-services img {
    width: 100%;
    position: relative;
    z-index: 99
}

.app-store-optimization-services::after {
    background-image: url(../images/services/app-store-optimization/mobile-first-fold-back-bg.webp);
    position: absolute;
    content: "";
    display: block;
    top: -80px
}

.optimize-page.services-right-left-banners::after {
    background-image: url(../images/services/app-store-optimization/services-right-bottom.webp);
    width: 100%;
    background-position: right bottom
}

.optimize-page.services-right-left-banners::before {
    background-image: url(../images/services/app-store-optimization/services-left-bottom.webp);
    width: 100%;
    background-position: left bottom
}

.wearable-page.services-right-left-banners::after {
    background-image: url(../images/services/wearable/services-right-bottom.webp);
    width: 100%;
    background-position: right bottom
}

.wearable-page.services-right-left-banners::before {
    background-image: url(../images/services/wearable/services-left-bottom.webp);
    width: 100%;
    background-position: left bottom
}

.section-about-home.wearable-page::after {
    background: url(../images/services/wearable/wearable-text-bg.webp) !important
}

.section-about-home.optimize-page::after {
    background: url(../images/services/app-store-optimization/appstoreoptimization-text.webp) !important
}

.section-about-home.mobiles-page::after {
    background: url(../images/services/mobile-app/mobile-text-bg.webp) !important
}

.section-about-home.flutter-pageb::after {
    background: url(../images/services/flutter/flutter-text-image.webp) !important
}

.flutter-app-n.services-right-left-banners::after,
.flutter-app-n.services-right-left-banners::before,
.mobile-app.services-right-left-banners::after,
.mobile-app.services-right-left-banners::before {
    width: 100%;
    height: 90%;
    background-repeat: no-repeat;
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0
}

.mobile-app-mobile-image-services::after {
    background-image: url(../images/services/mobile-app/mobile-first-fold-back-bg.webp);
    position: absolute;
    content: "";
    display: block;
    top: 0
}

.flutter-page-image-services::after {
    background-image: url(../images/services/flutter/flutter-first-fold-back-bg.webp);
    position: absolute;
    content: "";
    display: block;
    top: -80px
}

.desktpmobile-center img {
    margin: 0 auto;
    display: block
}

.mobile-app.services-right-left-banners::after {
    background-image: url(../images/services/mobile-app/services-right-bottom.webp);
    background-size: contain;
    background-position: right bottom
}

.flutter-app-n.services-right-left-banners::before,
.mobile-app.services-right-left-banners::before {
    background-image: url(../images/services/mobile-app/services-left-bottom.webp);
    background-size: contain;
    background-position: left bottom
}

.flutter-app-n.services-right-left-banners::after {
    background-image: url(../images/services/flutter/flutter-right-bottom.webp);
    background-size: contain;
    background-position: right bottom
}

.blueheader .start-header.scroll-on {
    background: #2c83f7 !important
}

.casestudy-about {
    padding: 80px 0 0
}

.casestudy-main-heading h2 {
    font-size: 45px;
    font-weight: 700;
    color: #000;
    display: inline-block;
    position: relative
}

.casestudy-main-content p,
.fold-para {
    color: #595959;
    font-size: 15px;
    line-height: 1.8
}

.casestudy-main-heading h2::after {
    background: url(../images/casestudy-heading-shaddow.webp) right center/100% 100% no-repeat;
    content: "";
    height: 375px;
    width: 39px;
    position: absolute;
    display: block;
    content: "";
    right: 0;
    top: -100px;
    transform: translateY(0)
}

.casestudy-main-content p {
    padding-right: 20px;
    margin-bottom: 30px;
    font-weight: 600
}

.spacebtns {
    width: 20px
}

.casestudy-folds {
    padding: 0 0 60px
}

.fold-side-headings h3 {
    font-size: 15px;
    color: #a3b0c2;
    text-align: center;
    margin-bottom: 0;
    background: #fff;
    padding: 8px;
    position: relative;
    z-index: 999
}

.fold-side-headings::after {
    height: 100vh;
    width: 2px;
    content: "";
    background: #dce3eb !important;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%)
}

.fold-side-headings {
    height: 100%;
    display: block
}

.custom-popup .modal-dialog {
    max-width: 755px !important
}

.custom-popup .modal-content {
    border-radius: 10px;
    border: 0
}

.custom-popup .modal-header {
    border: 0
}

.casestudybtn-icons::before,
.industriesbtn-icons::before,
.servicesbtn-icons::before {
    left: 50%;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    top: 28px;
    transform: translateX(-50%)
}

.heading-popup h2 {
    font-size: 18px;
    font-weight: 700;
    position: relative
}

.heading-popup p {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    padding-top: 20px;
    margin-bottom: 0;
    line-height: 1.8
}

.heading-popup h2::after {
    position: absolute;
    display: block;
    content: "";
    width: 28px;
    background: #2e7bf5;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px
}

.mb-bottom4,
.our-new-gallery-temp {
    margin-bottom: 40px
}

.custom-popup button.close {
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 10px;
    outline: 0
}

.custom-popup .close {
    font-size: 60px;
    font-weight: 100;
    color: #9ca2ac;
    line-height: .5
}

.popupform-custom div {
    width: 48.5%;
    display: inline-block;
    position: relative
}

.popupform-custom input {
    font-size: 12px;
    background: #f0f4f7;
    margin-bottom: 18px;
    height: 35px;
    border: 0;
    position: relative
}

.popupform-custom textarea {
    width: 100%;
    display: inline-block;
    background: #f0f4f7;
    margin-bottom: 18px;
    min-height: 95px !important;
    border: 0
}

.custom-popup .modal-body {
    padding: 48px
}

.popupform-custom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.placehodercss::-webkit-input-placeholder {
    color: #9ca2ac !important;
    font-size: 11px !important;
    position: relative !important
}

.placehodercss::-moz-placeholder {
    color: #9ca2ac !important;
    font-size: 11px !important;
    position: relative !important
}

.placehodercss:-ms-input-placeholder {
    color: #9ca2ac !important;
    font-size: 11px !important;
    position: relative !important
}

.placehodercss:-moz-placeholder {
    color: #9ca2ac !important;
    font-size: 11px !important;
    position: relative !important
}

.placehodercss.empty+span {
    position: absolute;
    top: 8%;
    font-size: 23px;
    color: red;
    left: 18%;
    display: block !important;
    transform: translate(18%, 8%)
}

span.messages {
    left: 12% !important;
    top: -2px !important;
    transform: translate(12%, -2%)
}

input.submitbtn {
    background: #355ced;
    background: -moz-linear-gradient(144deg, #355ced 0, #2895fb 100%);
    background: -webkit-linear-gradient(144deg, #355ced 0, #2895fb 100%);
    background: linear-gradient(144deg, #355ced 0, #2895fb 100%);
    width: 100px;
    height: 34px;
    border-radius: 50px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin: 0 auto
}

ul {
    padding: 0
}

.content {
    margin: 50px 100px 0
}

.exo-menu>li {
    display: inline-block;
    float: left;
    font-size: 13px;
    text-decoration: none
}

.headnew-red,
.menu-content h3,
.menu-content p {
    text-transform: initial
}

.exo-menu>li>a {
    -webkit-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -o-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px
}

.exo-menu i {
    float: left
}

li.drop-down:before {
    content: "\f103";
    color: #fff;
    font-family: FontAwesome;
    font-style: normal;
    display: inline;
    position: absolute;
    right: 6px;
    top: 20px;
    font-size: 14px
}

li.drop-down>ul {
    left: 0;
    min-width: 230px
}

.flyout-left>ul,
.flyout-right>ul {
    top: 0;
    min-width: 230px;
    display: none;
    border-left: 1px solid #365670
}

.flyout-left ul>li>a,
.flyout-right ul>li>a,
li.drop-down>ul>li>a {
    color: #fff;
    display: block;
    padding: 20px 22px;
    text-decoration: none;
    background-color: #365670;
    border-bottom: 1px dotted #547787;
    -webkit-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -o-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear
}

.flyout-left ul>li>a,
.flyout-right ul>li>a {
    border-bottom: 1px dotted #b8c7bc
}

.flyout-mega-wrap {
    top: 0;
    right: 0;
    left: 100%;
    width: 100%;
    display: none;
    height: 100%;
    padding: 15px;
    min-width: 742px
}

h4.row.mega-title {
    border-bottom: 1px solid #ccc;
    color: #eee;
    margin-top: 0;
    font-size: 14px;
    padding-bottom: 13px;
    padding-top: 15px
}

.flyout-mega ul>li>a {
    font-size: 90%;
    line-height: 25px;
    color: #fff;
    font-family: inherit
}

.flyout-mega ul>li>a:active,
.flyout-mega ul>li>a:focus,
.flyout-mega ul>li>a:hover {
    text-decoration: none;
    background-color: transparent !important;
    color: #ccc !important
}

.mega-menu {
    position: relative;
    padding: 28px;
    display: none;
    min-height: 100%;
    top: 38px;
    border-radius: 10px;
    z-index: 1
}

.ourmenustyle {
    display: flex;
    align-items: center !important
}

.Blog,
.Images {
    left: 0;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px
}

.menu-content h3 {
    font-size: 13px;
    color: #fff;
    font-weight: 600
}

.menu-content p {
    font-size: 10px;
    line-height: 1.8;
    color: #b4b9c8;
    margin-bottom: 0
}

.icon-menu,
.mr-blogbtn {
    margin-right: 15px
}

.mega-menu ul li a {
    display: block;
    text-decoration: none
}

ul.stander li a {
    padding: 3px 0
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px
}

ul.description li span {
    color: #ccc;
    font-size: 85%
}

a.view-more {
    border-radius: 1px;
    margin-top: 15px;
    background-color: #009fe1;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important
}

.Blog a.view-more,
.Images h4 {
    margin-top: 0
}

a.view-more:hover {
    color: #fff;
    background: #0dadef
}

ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009fe1;
    line-height: 35px !important
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px
}

.Blog .blog-title,
.headingwithcenterleftstyle p {
    color: #fff;
    font-size: 15px
}

.Blog .blog-des {
    color: #ccc;
    font-size: 90%;
    margin-top: 15px
}

.Images h4 {
    font-size: 15px
}

.flyout-left ul>li>a,
.flyout-mega-wrap,
.flyout-right ul>li>a,
.mega-menu {
    background-color: #3c3c3b
}

.Blog:hover,
.Images:hover,
.blog-drop-down>a:hover+.Blog,
.drop-down-ul:hover,
.flyout-mega-wrap:hover,
.images-drop-down>a:hover+.Images,
.mega-drop-down a:hover+.mega-menu,
.mega-menu:hover,
li.drop-down>a:hover+.drop-down-ul,
li.flyout-left a:hover+ul,
li.flyout-left>ul:hover,
li.flyout-mega>a:hover+.flyout-mega-wrap,
li.flyout-right a:hover+ul,
li.flyout-right>ul:hover {
    display: inline-table !important
}

@media (min-width:767px) {
    .exo-menu>li>a {
        display: block
    }
    .Blog,
    .Images,
    .flyout-left>ul,
    .flyout-mega-wrap,
    .flyout-right>ul,
    .mega-menu,
    li.drop-down>ul {
        position: absolute
    }
    .flyout-right>ul {
        left: 100%
    }
    .flyout-left>ul {
        right: 100%
    }
}

a.toggle-menu {
    position: absolute;
    right: 0;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364b;
    top: 0
}

.mega-drop-down a {
    margin-right: 30px;
    color: #3c3c3b
}

.bpxlastwithimgill img,
.leftbtn-and-margins h3,
.mb-customs,
.mega-menu-wrap ul a,
.pad-sec ul,
.themeblack-sectionone h3,
ul.services-menu li {
    margin-bottom: 20px
}

.servicesbtn-icons::before {
    width: 0;
    height: 0;
    border-bottom: 10px solid #b7f200;
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    display: none
}

.casestudybtn-icons::before,
.industriesbtn-icons::before {
    width: 0;
    height: 0;
    border-bottom: 10px solid #abe300;
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    display: none
}

.box-contact-d.highlightmy .image-contact-destination::after,
.box-contact-d.highlightmy .image-contact-destination::before,
.box-contact-d:hover .image-contact-destination::after,
.box-contact-d:hover .image-contact-destination::before,
.mycustom-nav .disnone-allsite,
li.mega-drop-down:hover a::before {
    display: block !important
}

a.ourbottm-down::after {
    width: 0;
    height: 0;
    border-left: 3px solid #fff0;
    border-right: 3px solid #fff0;
    border-top: 5px solid #000;
    content: "";
    display: block;
    position: absolute;
    right: -12px;
    top: 38%;
    transform: translateY(-38%)
}

.boxslide-animation:last-child,
.displaynonebefore .mega-drop-down a {
    margin-right: 0
}

.menu2drop {
    position: absolute;
    right: 0;
    left: 100%;
    transform: translateX(-100%);
    display: none;
    width: 100% !important
}

.nvbar-btn .menu2drop {
    top: 38px
}

.mx-md-4,
.nvbar-btn .ml-md-4 {
    margin-left: 2.3rem !important
}

.animation-pricing-list-section .tab-content .pricingboxani-p .button-pricingwhiteani,
.mega-menu li a,
.nvbar-btn .menu2drop.mb-s0,
.scroll-on .mega-menu li a {
    padding-bottom: 0 !important
}

.scroll-on .nvbar-btn img {
    position: relative;
    top: -8px
}

.form-contact-page-side input {
    margin-bottom: 18px;
    height: 45px;
    border: 0;
    border-bottom: 1px solid #d9e0ea;
    border-radius: 0
}

.form-contact-page-side textarea {
    margin: 18px 0 30px;
    height: 90px;
    border-bottom: 1px solid #ced4da !important;
    border: 0;
    border-radius: 0
}

input.submitbtn-contact-page {
    width: 69px;
    height: 69px;
    border-radius: 50px;
    border: 1px solid #3c3c3b;
    padding: 0;
    font-size: 15px;
    font-weight: 700;
    color: #3c3c3b;
    margin-bottom: 0;
    position: relative
}

.btn-round::before {
    height: 10px;
    width: 10px;
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    transform: translateY(-50%);
    top: 50%;
    z-index: 9;
    border-radius: 50%
}

.btn-round::after,
.text-boxedright h1::after,
.text-boxedright h2::after,
.text-boxedright h3::after {
    background: #3c3c3b;
    height: 1px;
    display: block;
    content: ""
}

.btn-round::after {
    width: 38px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
    z-index: 11
}

.form-contact-page-side select {
    border-bottom: 1px solid #ced4da !important;
    border: 0;
    border-radius: 0;
    height: 45px;
    color: #666 !important;
    font-size: 13px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/down-arrow-select.webp);
    background-repeat: no-repeat;
    background-position: 96% 20px;
    -webkit-box-shadow: 0 0 29px 0 rgb(0 0 0 / .1);
    box-shadow: 0 0 29px 0 rgb(0 0 0 / .1)
}

.placehodercss-contact::-webkit-input-placeholder {
    color: #666 !important;
    font-size: 13px !important;
    position: relative !important;
    font-family: Raleway, sans-serif
}

.placehodercss-contact::-moz-placeholder {
    font-family: Raleway, sans-serif;
    color: #666 !important;
    font-size: 13px !important;
    position: relative !important
}

.placehodercss-contact:-ms-input-placeholder {
    color: #9ca2ac !important;
    position: relative !important;
    font-size: 13px !important;
    font-family: Raleway, sans-serif
}

.placehodercss-contact:-moz-placeholder {
    font-family: Raleway, sans-serif;
    color: #666 !important;
    font-size: 13px !important;
    position: relative !important
}

.file-input input[type=file] {
    position: absolute;
    left: -10000px
}

.file-input input[type=text]:focus {
    -webkit-box-shadow: none;
    border-color: #ccc
}

.no-js .file-input input[type=file] {
    position: static;
    left: 0
}

.custom-browse input {
    margin-top: 22px;
    background: #fff !important
}

.custom-browse span.input-group-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px !important
}

.custom-browse button.btn.btn-primary {
    font-size: 11px !important;
    padding: 4px 14px;
    border-radius: 2px
}

.text-boxedright h1,
.text-boxedright h2,
.text-boxedright h3 {
    font-size: 50px;
    font-weight: 700;
    color: #000;
    position: relative
}

.text-boxedright h1::after,
.text-boxedright h2::after,
.text-boxedright h3::after {
    width: 209px;
    position: absolute;
    right: 0;
    bottom: -40px
}

.contact-info h3 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    margin-bottom: 22px;
    display: inline-block
}

.contact-info p {
    font-size: 15px;
    color: #a3a3a3;
    line-height: 1.8;
    font-weight: 600
}

.contact-box-section-box {
    padding: 60px 0;
    margin-bottom: 80px
}

.contact-info h3::after {
    width: 50px;
    height: 1px;
    display: block;
    position: absolute;
    content: "";
    background: #2e7bf5;
    right: -10px;
    bottom: -10px
}

.image-contact-destination {
    margin-top: 0;
    position: relative
}

.image-contact-destination img {
    filter: grayscale(100%);
    opacity: .7
}

.box-contact-d:hover .image-contact-destination img {
    box-shadow: 14px 23px 54px 0 rgb(109 127 162 / .35);
    text-shadow: 14px 23px 54px rgb(109 127 162 / .35);
    filter: initial;
    opacity: 1
}

.box-contact-d:hover {
    transform: scale(1)
}

.animation-pricing-list-section .tab-content .priceheading-boxs h3,
.box-contact-d.highlightmy .contact-info p,
.box-contact-d:hover .contact-info p,
.color-black {
    color: #000
}

.blog-block,
.blog-section-main .tab-content .row,
.contact-info,
.spaceoff p {
    margin-bottom: 30px
}

.image-contact-destination::after {
    content: "";
    height: 88%;
    width: 1px;
    position: absolute;
    background: #2566d7;
    top: 60px;
    right: 42px;
    display: none
}

.image-contact-destination::before {
    content: "";
    width: 75%;
    height: 1px;
    position: absolute;
    background: #2566d7;
    right: 42px;
    bottom: -18px;
    display: none
}

.box-contact-d.highlightmy,
.bpxlastwithimgill:hover,
.optm .imgsp ul li.current {
    transform: scale(1.1)
}

.oursd-lst p::after,
.owns-in::after,
.same-more,
.text-same {
    transform: translateY(-50%)
}

.box-contact-d {
    transition: transform .2s
}

.box-contact-d.highlightmy .image-contact-destination img {
    box-shadow: 14px 23px 54px 0 rgb(109 127 162 / .75);
    text-shadow: 14px 23px 54px rgb(109 127 162 / .75);
    filter: initial;
    opacity: 1
}

.owns-in {
    width: 100%;
    position: relative
}

#sidebar-blog,
.oursd-lst p::after,
.overlay-same,
.owns-in::after,
.round-ics,
.round-ics::after,
.same-more,
.text-same {
    position: absolute
}

.owns-in::after {
    content: "Select a price range";
    font-size: 11px;
    display: block;
    top: 50%;
    right: 50px;
    color: #a3a3a3;
    font-weight: 600
}

.banner-contents.services-lefts.lowercase h1,
.banner-contents.services-lefts.lowercase h3 {
    text-transform: initial !important
}

.modal-open,
body.compensate-for-scrollbar {
    overflow-y: scroll !important
}

.same-section-add {
    padding: 50px 0;
    background: url(../images/services/services-same/background-image-same-bg.webp) 0 0/cover
}

.services-content-sme h3 {
    font-size: 33px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    margin-bottom: 25px
}

.services-content-sme p {
    font-size: 15px;
    color: #9b9da0
}

.services-content-sme h3::after {
    content: "";
    position: absolute;
    width: 117px;
    height: 1px;
    display: block;
    background: #3c3c3b;
    right: 0;
    bottom: -10px
}

.box-servicesh {
    background: #fff;
    border-radius: 6px;
    padding: 30px 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    border: 1px solid #ced5dd
}

.mtowns-same {
    margin-top: 28px;
    margin-bottom: 28px
}

.image-same {
    display: block;
    height: auto;
    text-align: center;
    margin: 0 auto
}

.overlay-same {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s;
    background-color: #3c3c3b;
    border-radius: 6px
}

.text-same {
    color: #fff;
    font-size: 20px;
    text-align: left;
    padding-left: 18px;
    width: 80%;
    top: 50%
}

.same-more {
    right: 0;
    top: 50%
}

.text-same h3 {
    font-size: 18px;
    font-weight: 600
}

.text-same p {
    font-size: 11px;
    line-height: 1.8;
    margin-bottom: 0
}

.odontacase .whun img {
    width: 80% !important
}

.casestudy-main-heading h2 {
    padding-right: 21px;
    line-height: 1.2
}

section.all-folds-case {
    padding: 150px 0 80px;
    position: relative
}

.round-ics {
    height: 100% !important;
    left: 50%;
    transform: translate(-50%);
    bottom: 0
}

.round-ics::after {
    width: 2px;
    content: "";
    background: #dce3eb !important;
    display: block;
    height: 300px;
    left: 50%;
    transform: translate(0)
}

.round-ics::before {
    width: 6px;
    height: 6px;
    position: relative;
    content: "";
    border-radius: 5px;
    display: block;
    background: #dce3eb;
    bottom: -100%;
    left: 70%;
    transform: translate(-50%, 0)
}

.whun::after {
    bottom: -40px
}

.fold-para p {
    color: #595959;
    font-weight: 600
}

.pl-20owns {
    padding-left: 30px
}

.img-newadd,
.pr-20owns {
    padding-right: 30px
}

.ourslcs h3,
.row.pl-20owns h3 {
    background: #2e7bf5;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding: 4px;
    line-height: 1
}

.ourslcs P,
.row.pl-20owns P {
    font-size: 15px;
    font-weight: 600;
    color: #595959
}

.ourslcs h4,
.row.pl-20owns h4 {
    font-size: 15px;
    font-weight: 700
}

.oursd-lst p {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
    position: relative
}

.oursd-lst p::after {
    width: 12px;
    content: "";
    content: "";
    height: 1px;
    display: block;
    background: #2e7bf5;
    left: -24px;
    top: 50%
}

.oursd-lst {
    padding-left: 25px
}

.ourslcs {
    text-align: center;
    margin: 40px 0;
    border-top: 1px solid #0000002e;
    padding-top: 28px
}

.halfs {
    position: relative;
    margin: 50px 0
}

.owns-h {
    height: 500px !important
}

.content-left-section-half-image h3 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 20px
}

.content-left-section-half-image p {
    font-size: 15px;
    color: #000;
    line-height: 1.8
}

@media (max-width:767.98px) {
    .halfs {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:768px) {
    .halfs .halfs-img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    .cursor {
        display: none !important
    }
    .halfs .half-contents .row {
        min-height: 350px
    }
}

.upimage-case-rights {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%)
}

.upimage-case-lefts img,
.upimage-case-rights img {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    display: block;
    box-shadow: 10px 17px 60px 0 rgb(38 43 58 / .2);
    text-shadow: 10px 17px 60px rgb(38 43 58 / .2);
    border-radius: 14px
}

.upimage-case-lefts {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%)
}

.section-about-home.constructions-text::after {
    background: url(../images/industries/construction/construction-text.webp) !important
}

.industries-sectionbxd {
    padding: 140px 0
}

.industries-text-right h3 {
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 28px
}

.border-btms::after {
    width: 117px;
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: #3c3c3b;
    right: -20px;
    bottom: -12px
}

.imageleft-industries::after,
.imageleft-industries::before {
    width: 173px;
    height: 173px;
    display: block;
    background: #3c3c3b;
    z-index: -1;
    position: absolute;
    content: ""
}

.industries-text-right p {
    color: #a3a3a3;
    line-height: 1.8;
    font-size: 15px
}

.imageleft-industries::after {
    right: -28px;
    top: -40px
}

.imageleft-industries::before {
    left: -28px;
    bottom: -40px
}

.industries-fold-three {
    background: no-repeat #3c3c3b;
    background-size: cover !important;
    padding: 60px 0;
    width: 100%
}

.boxcalls img,
.lft-arrow-bl,
.logocallbox a img,
.ournew-pricing-logo .pricelistinganimation ul li img,
.tickss img {
    margin-right: 10px
}

.tickss p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 4
}

.industriescta {
    background: url(../images/industries/cta-bg.webp) 0 0/cover !important;
    padding: 60px 0;
    width: 100%
}

.ctatext h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5
}

.ctabtns .buttonbox button {
    background: #fff;
    font-size: 14px;
    color: #3c3c3b;
    font-weight: 800 !important
}

.ctabtns .buttonbox .button--isi.newsd::before {
    background: #eef5ff !important
}

.posap-sliders .container .col-lg-4 {
    position: absolute;
    z-index: 999;
    top: -100% !important;
    transform: translateY(100%);
    display: inline-block
}

.roundsd,
.roundsdfour,
.roundsdthree,
.roundsdtwo,
.roundsfour {
    position: absolute;
    right: 0;
    display: none;
    border-left: 6px solid #fff0;
    border-right: 6px solid #fff0;
    border-top: 6px solid #000;
    top: 50%;
    transform: translateY(-50%)
}

.circle-rotate,
.circle-rotate-two {
    transform: translateY(-50%) rotate(0)
}

.mega-drop-down img {
    top: 0 !important
}

.errorDv {
    background: url(../images/error-404.webp) 0 0/cover no-repeat
}

.errorDv .errorDvsection {
    margin: 12vh 0
}

.errorDv .errorDvsection h1 {
    font-size: 2rem;
    text-align: left;
    color: #fff;
    font-weight: 600
}

.errorDv .errorDvsection p {
    color: #fff;
    text-align: left;
    font-size: 20px
}

.errorDv .errorDvsection a {
    color: #fff;
    font-size: 20px
}

.errorDv .errorDvsection a:before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #fff;
    margin: 0 15px 0 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.banner-contents.blacktheme-style p,
.blog-block:hover .blog-title-dec a,
.blog-block:hover .blog-title-dec p,
.blog-block:hover .padding-div-title span,
.content-animationsection.services-content-box h3,
.content-animationsection.services-content-box p,
.errorDv .errorDvsection a a:hover,
.game-wrap .banner-contents.services-lefts p,
.hlthcre h2,
.hlthcre p,
.industries-fold-three .industries-text-right p,
.industries-fold-three .tickss p,
.industries-fold-three h3.border-btms,
.lastsection-newpage .headingnewpagestyles h3,
.newdropdowns .dropdown-content a,
.ofafters .services-content-box h3,
.ofafters .services-content-box p,
.padding-div-title a:hover,
.process-btn.active p,
.rfrlprocs .mainwrp .cntn,
.slider-videos-thumbs-sl .slick-current.slick-active p,
.trnsfrm .topsec {
    color: #fff
}

.errorDv .errorDvsection img,
.logo-wrap img {
    width: 50%
}

.sectionslider-free.industriessldr::before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    height: 100%;
    width: 40%;
    z-index: 99
}

.sectionslider-free.industriessldr {
    position: relative;
    overflow: hidden;
    padding-top: 0 !important
}

.imgs-cn-own img {
    width: 70%;
    position: relative;
    left: -52px
}

.carousel-own-industries .flickity-button {
    position: absolute;
    z-index: 999;
    left: 8% !important;
    top: initial;
    bottom: 60px;
    background: #2e7bf5;
    border-radius: 0;
    width: 30px;
    height: 30px
}

.communication-pages::after,
.education-pages::after,
.media-pages::after,
.travel-pages::after {
    width: 100% !important;
    min-width: 100%;
    min-height: 100%;
    z-index: 9;
    content: "";
    display: block;
    bottom: 0
}

.readmore {
    position: relative;
    z-index: 999999 !important
}

.carousel-own-industries .flickity-button:hover {
    background: #2e7bf5 !important
}

.carousel-own-industries .flickity-prev-next-button.next {
    left: 11% !important
}

.carousel-own-industries .flickity-button svg {
    fill: #fff;
    width: 15px
}

.popupform-custom .ourclasss:nth-child(2),
.popupform-custom .ourclasss:nth-child(4) {
    margin-left: 12px
}

.communication-pages::after {
    background: url(../images/industries/communication/Img01.webp) no-repeat;
    position: absolute;
    right: 10%;
    background-position: right center !important;
    top: 40px
}

.education-pages::after,
.media-pages::after,
.travel-pages::after {
    right: 0;
    top: inherit;
    position: absolute
}

.travel-pages::after {
    background: url(../images/industries/travel-and-transport/Img02.webp) no-repeat;
    background-position: right center !important
}

.indust img {
    width: auto !important;
    text-align: right;
    margin-right: 0
}

.section-about-home.retail-text::after {
    background: url(../images/industries/retail/RETAIL.webp) 0 0/cover no-repeat !important
}

.section-about-home.insurance-text::after {
    background: url(../images/industries/insurance/INSURANCE.webp) 0 0/cover no-repeat !important
}

.section-about-home.healthcare-text::after {
    background: url(../images/industries/healthcare/HEALTHCARE.webp) 0 0/cover no-repeat !important
}

.section-about-home.communication-text::after {
    background: url(../images/industries/communication/COMMUNICATIONS.webp) 0 0/cover no-repeat !important
}

.section-about-home.travel-text::after {
    background: url(../images/industries/travel-and-transport/TRANSPORT.webp) 0 0/cover no-repeat !important
}

.section-about-home.education-text::after {
    background: url(../images/industries/education/EDUCATION.webp) 0 0/cover no-repeat !important
}

.section-about-home.media-text::after {
    background: url(../images/industries/media/MEDIA.webp) 0 0/cover no-repeat !important
}

.media-pages::after {
    background: url(../images/industries/media/Img01.webp) 0 0/38% no-repeat;
    background-position: right bottom !important
}

.education-pages::after {
    background: url(../images/industries/education/Img01.webp) 0 0/contain no-repeat;
    background-position: right bottom !important
}

.android-bn.oofaft,
.banner-wrap #sky #clouds {
    top: 0
}

.healthcaresimg img {
    width: 70% !important
}

#navbarToggle li a::after {
    top: 50%;
    transform: translateY(-50%)
}

.scroll-on li a {
    padding-bottom: 16px !important
}

.game-bgs-one {
    background: #0b012c;
    height: 100vh
}

.game-bgs-two {
    background: red;
    height: 100vh
}

.game-bgs-three {
    background: #ff0;
    height: 100vh
}

.gameboxhw {
    background: #cac5c5;
    height: 100px;
    width: 100px
}

.circle-rotate {
    position: absolute;
    left: -120px;
    top: 35%;
    animation: 25s linear infinite rotate
}

.circle-rotate-two {
    position: absolute;
    right: -50px;
    top: 20%;
    width: 240px;
    animation: 50s linear infinite rotate
}

@keyframes rotate {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.box-right-shaddow-round-world img {
    z-index: 2
}

.box-right-shaddow-round-world::after {
    background: url(../images/game-page/right-shaddowtop-banner-one.webp) top right no-repeat;
    content: "";
    position: absolute;
    display: block;
    background-size: contain !important;
    width: 80%;
    top: 0;
    height: 80%;
    right: 0;
    z-index: 1
}

img.planeupdown {
    position: absolute;
    right: -90px;
    z-index: 3;
    top: 13% !important
}

.testi-shape-3 {
    position: absolute;
    animation: 7s linear infinite topmove4
}

@keyframes topmove4 {
    0%,
    100% {
        top: 20px;
        transform: rotate(0)
    }
    50% {
        top: 20px;
        transform: rotate(4deg)
    }
}

.box-right-shaddow-round-world img.ct-shape-1 {
    z-index: 1
}

.ct-shape-1 {
    position: absolute;
    width: 100%;
    top: 5%;
    left: 10%;
    animation: 30s cubic-bezier(.175, .885, .32, 1.275) infinite leftmove1
}

@keyframes leftmove1 {
    0%,
    100% {
        left: 10%;
        top: 5%
    }
    50% {
        left: 7%;
        top: 2%
    }
}

@keyframes topmove {
    0%,
    100% {
        bottom: 0
    }
    50% {
        bottom: 30px
    }
}

.game-bgs-one::after {
    background: url(../images/game-page/bg-bottom-slide-1-with-out-man.webp);
    content: "";
    position: absolute;
    display: block;
    background-size: cover !important;
    width: 100%;
    height: 45%;
    bottom: 0;
    z-index: 4
}

.game-bgs-one::before {
    background: url(../images/game-page/blocks-moving.webp);
    content: "";
    position: absolute;
    display: block;
    background-size: contain !important;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(50%);
    z-index: 3;
    animation: 8s ease-in-out infinite toptmovee;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes toptmovee {
    0%,
    100% {
        top: 0;
        left: 0
    }
    50% {
        top: -20px;
        left: 20px
    }
}

.bottom-bggames {
    position: relative;
    height: 100%;
    width: 100%
}

.bottom-bggames::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 80%;
    bottom: 0;
    background: url(../images/game-page/bg-bottom-banner-one.webp) 0 0/cover
}

.man-iconics {
    position: absolute;
    bottom: 0;
    z-index: 100;
    left: 60%;
    transform: translateX(-60%);
    transform: translatey(0);
    animation: 6s ease-in-out infinite float-twos
}

@keyframes float-twos {
    0%,
    100% {
        transform: translatey(0)
    }
    50% {
        transform: translatey(-20px)
    }
}

.box-contentsdes {
    top: 50%;
    position: absolute;
    z-index: 999;
    width: 100%;
    transform: translateY(-50%)
}

.game-content h1 {
    font-size: 40px;
    font-weight: 800;
    color: #fff
}

.game-content p {
    font-size: 15px;
    color: #fff;
    width: 70%;
    line-height: 1.8;
    margin-top: 18px
}

.game-content a {
    color: #2a8cf9;
    font-size: 21px;
    font-weight: 900;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: .5s
}

.game-content a:hover {
    color: #fff;
    transition: .5s
}

.game-section-two {
    padding: 120px 0 80px;
    background: #07001c;
    position: relative;
    z-index: 0
}

.boxes-backs,
.flip-box-back,
.game-section-three,
.newslider-animation {
    z-index: 1;
    position: relative
}

.game-section-two::after {
    background: url(../images/game-page/new.webp) left bottom/contain no-repeat;
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 1
}

.content-game-same h3 {
    font-size: 13px;
    color: #2a8cf9;
    font-weight: 900
}

.content-game-same h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 900;
    line-height: 1.4
}

.game-section-two .container {
    z-index: 2;
    position: relative
}

.rightgamecontent p {
    font-size: 19px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0
}

.box-gamedetails,
.pricelistinganimation {
    margin: 0 10px
}

.flip-box {
    background-color: #fff0;
    perspective: 1000px;
    height: 200px;
    border-radius: 3px
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .8s;
    transform-style: preserve-3d
}

.flip-box-back,
.flip-box-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 4px;
    overflow: hidden
}

.flip-box-front {
    color: #000;
    background: #2199de
}

.flip-box-back {
    background: #2199de;
    color: #fff;
    transform: rotateY(180deg)
}

.game-slider-five .slick-list {
    padding: 10px 0
}

.flip-box-back::after,
.flip-box-front::after {
    background: url(../images/game-page/bottom-bg-flip-box.webp) center bottom/contain no-repeat;
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0
}

.game-section-two::before,
.second-right-iconss::after {
    height: 140px;
    content: "";
    position: absolute;
    display: block
}

.boxes-fronts h2 {
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    padding-top: 25px;
    padding-bottom: 15px
}

.boxes-fronts img {
    width: 100%;
    position: relative;
    top: -20px
}

.boxes-backs {
    margin: 0 auto;
    padding: 18px;
    top: 50%;
    transform: translateY(-50%)
}

.boxes-backs p {
    font-size: 13px;
    margin-bottom: 0
}

.game-slider-five ul.slick-dots {
    display: block;
    margin: 12px auto 0;
    width: 100%;
    text-align: center
}

.game-slider-five ul.slick-dots li {
    display: inline-block;
    font-size: 0;
    border-radius: 50px !important;
    border: 0 !important;
    margin: 0 4px
}

.game-slider-five ul.slick-dots li button {
    width: 6px;
    height: 6px !important;
    border: 0 !important;
    border-radius: 50px !important;
    padding: 0;
    background: #23658c;
    outline: 0 !important
}

.game-slider-five ul.slick-dots slick-active.li button {
    width: 8px !important;
    display: block
}

.game-slider-five li.slick-active button {
    padding: 0 0 0 15px !important;
    background: #38adf1 !important
}

.contact-address,
.custom-toppro-game-40,
.mt-own-slider,
.mttops {
    margin-top: 40px
}

.game-section-two::before {
    background: url(../images/game-page/second-fold-left-icon.webp) 0 0/contain no-repeat;
    width: 133px;
    bottom: 0;
    animation: 3s linear infinite topmove1
}

@keyframes topmove1 {
    0%,
    100% {
        bottom: 20px
    }
    50% {
        bottom: 50px
    }
}

.second-right-iconss::after {
    background: url(../images/game-page/second-fold-right-icon.webp) 0 0/contain no-repeat;
    width: 134px;
    top: -120px;
    right: 0
}

.game-section-three {
    padding: 80px 0 0;
    background: #080b2c
}

.content-game-same p {
    font-size: 15px;
    color: #fff;
    line-height: 1.8;
    width: 90%;
    margin: 0 auto
}

img.logos-games {
    margin: 30px 0
}

.shake-horizontal:hover {
    -webkit-animation: .8s cubic-bezier(.455, .03, .515, .955) both shake-horizontal;
    animation: .8s cubic-bezier(.455, .03, .515, .955) both shake-horizontal
}

@-webkit-keyframes shake-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

@keyframes shake-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

.game-section-three::after {
    background: url(../images/game-page/bg-bottomsec-three.webp) 0 0/cover no-repeat;
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    z-index: -1 !important
}

.content-game-same.centergamesd {
    z-index: 3 !important;
    position: relative
}

.bgtowsgames::after,
.bgtowsgames::before,
.com-before-after::after,
.com-before-after::before,
.game-footersec::after,
.game-sectionfour::after,
.imagecomputer::after,
.imagecomputer::before,
.process-p1::after,
.process-p5::after,
.process-p6::after,
.process-p7::after,
.process-p8::after {
    position: absolute;
    display: block;
    content: ""
}

.computer-image,
.logocallbox {
    margin: 50px auto 0;
    text-align: center
}

.com-before-after::before {
    background: url(../images/game-page/computer-icon-1.webp) 0 0/contain no-repeat;
    width: 131px;
    height: 127px;
    left: -60px;
    top: 0;
    animation: 10s linear infinite rotatenew
}

@keyframes rotatenew {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.com-before-after::after {
    background: url(../images/game-page/computer-icon-4.webp) 0 0/contain no-repeat;
    width: 228px;
    height: 180px;
    right: -60px;
    bottom: 0;
    animation: 3s linear infinite leftmove2
}

@keyframes leftmove2 {
    0%,
    100% {
        bottom: 2%
    }
    50% {
        bottom: 4%
    }
}

.imagecomputer::after {
    background: url(../images/game-page/computer-icon-2.webp) 0 0/contain no-repeat;
    width: 128px;
    height: 137px;
    right: -70px;
    animation: 10s linear infinite rotatenew2;
    top: 0
}

.bgtowsgames::after,
.bgtowsgames::before {
    right: 50px
}

@keyframes rotatenew2 {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.imagecomputer::before {
    background: url(../images/game-page/computer-icon-3.webp) 0 0/contain no-repeat;
    width: 117px;
    height: 133px;
    left: -50px;
    animation: 10s linear infinite rotatenew3;
    bottom: -20px
}

@keyframes rotatenew3 {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.imagecomputer img {
    position: relative;
    z-index: 4
}

.bgtowsgames::before {
    background: url(../images/game-page/heading-right-icons-fold3.webp) 0 0/contain no-repeat;
    width: 8px;
    animation: 3s linear infinite leftmove10;
    background-position: top !important;
    height: 100%
}

@keyframes leftmove10 {
    0%,
    100% {
        bottom: 20px
    }
    50% {
        bottom: 50px
    }
}

.bgtowsgames::after {
    background: url(../images/game-page/heading-left-icons-fold3.webp) 0 0/contain no-repeat;
    width: 119px;
    height: 100px;
    animation: 3s linear infinite leftmove11;
    background-position: top !important;
    left: 50px;
    bottom: 80px
}

@keyframes leftmove11 {
    0%,
    100% {
        bottom: 20px
    }
    50% {
        bottom: 50px
    }
}

.game-sectionfour {
    background: #0d1957;
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

.game-sectionfour::after {
    height: 100%;
    width: 100%;
    background: url(../images/game-page/bgsection-four-after.webp) no-repeat;
    top: 0;
    z-index: 1
}

.afterimage-pic::after,
.afterimage-pic::before,
.centerfoursecgame::after {
    animation: 10s linear infinite rotate-gallery;
    width: 100px;
    height: 100px;
    display: block;
    content: ""
}

.centerfoursecgame {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 35px !important
}

.galleryshows,
.mt-on-gallery {
    margin-top: 26px
}

.centerfoursecgame h2 {
    width: 78%;
    margin: 0 auto
}

#loadMore,
a.btnhiderow {
    width: 150px;
    margin: 20px auto;
    border-radius: 50px;
    font-weight: 800;
    font-size: 13px;
    text-align: center;
    z-index: 9;
    color: #2a8cf9;
    transition: .3s;
    background-color: #00f0;
    border: 2px solid #0084f4
}

.galleryshows {
    position: relative;
    z-index: 3
}

#loadMore {
    display: block;
    padding: 10px
}

#loadMore:hover,
a.btnhiderow:hover {
    color: #fff;
    background-color: #00f0;
    border: 2px solid #fff;
    text-decoration: none
}

a.btnhiderow {
    padding: 10px 25px;
    display: none
}

.noContent {
    color: #000 !important;
    background-color: transparent !important;
    pointer-events: none
}

.loadmore-btns {
    position: relative;
    z-index: 99;
    margin: 30px auto 0
}

.image-gallerys {
    display: block;
    width: 100%;
    height: auto;
    filter: grayscale(100%)
}

.overlay-gallerys,
.text-gallerys {
    height: 100%;
    width: 100%;
    position: absolute
}

.overlay-gallerys {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .5s;
    background: -moz-linear-gradient(top, #fff0 0, rgb(0 0 0 / .56) 51%, #000 91%);
    background: -webkit-linear-gradient(top, #fff0 0, rgb(0 0 0 / .56) 51%, #000 91%);
    background: linear-gradient(to bottom, #fff0 0, rgb(0 0 0 / .56) 51%, #000 91%)
}

.text-gallerys {
    color: #fff;
    font-size: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.bxover {
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 20px;
    left: 20px
}

.bxover h3 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 5px
}

.bxover h4,
.clint .txtwrp p {
    font-size: 17px
}

.overlay-gallerys img.image-gallerys:hover {
    filter: inherit
}

.fullimage-game:hover img.image-gallerys,
.logo-softs img:hover,
img.anchormy.highlightmy,
img.anchormy1.highlightmy {
    filter: inherit !important
}

.afterimage-pic::after {
    background: url(../images/game-page/image-1-gallery.webp) 0 0/contain no-repeat;
    position: absolute;
    top: 0;
    z-index: 9;
    right: -30px
}

.afterimage-pic::before {
    background: url(../images/game-page/image-2-gallery.webp) 0 0/contain no-repeat;
    position: absolute;
    z-index: 1;
    left: -50px;
    bottom: -100px !important
}

.centerfoursecgame::after {
    background: url(../images/game-page/heading-icon-rotate.webp) no-repeat;
    position: absolute;
    top: 0
}

section.game-sectionfour::before {
    background: url(../images/game-page/heading-icon-rotate-bottom.webp) 0 0/contain no-repeat;
    content: "";
    position: absolute;
    display: block;
    width: 200px;
    height: 206px;
    right: -30px;
    bottom: -170px;
    animation: 10s linear infinite rotate-gallery1
}

@keyframes rotate-gallery1 {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.sectionfive-gamepage {
    background: #0e0a31;
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

.toplineupdown::before {
    background: url(../images/game-page/heading-left-icons-fold3.webp) 0 0/contain no-repeat;
    content: "";
    position: absolute;
    display: block;
    width: 119px;
    height: 8px;
    animation: 3s linear infinite leftmove22;
    background-position: top !important;
    left: 15px;
    bottom: 80px
}

@keyframes leftmove22 {
    0%,
    100% {
        bottom: 20px
    }
    50% {
        bottom: 50px
    }
}

.toplineupdown::after {
    animation: 10s linear infinite rotate-gallery;
    background: url(../images/game-page/box-roundddd.webp) no-repeat;
    content: "";
    position: absolute;
    display: block;
    width: 83px;
    height: 74px;
    top: 0;
    left: 40% !important;
    transform: translateX(-40%)
}

@keyframes rotate-gallery {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.sectionfive-gamepage::after {
    background: url(../images/game-page/shaddow-five.webp) 0 0/cover no-repeat;
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    z-index: 0 !important
}

.linefund-proccessstep .fund-process,
.sectionfive-gamepage .row {
    position: relative;
    z-index: 9
}

.left-roundsssf::after,
.ourabsd,
.sectionfimage::after {
    position: absolute;
    display: block
}

.sectionfimage::after {
    background: url(../images/game-page/computer-icon-4.webp) 0 0/contain no-repeat;
    content: "";
    width: 228px;
    height: 295px;
    right: 0;
    bottom: 0;
    z-index: -1;
    animation: 3s linear infinite leftmove26
}

@keyframes leftmove26 {
    0%,
    100% {
        bottom: 2%
    }
    50% {
        bottom: 4%
    }
}

.left-roundsssf::after {
    animation: 10s linear infinite rotate-gallery22;
    background: url(../images/game-page/5roundss.webp) no-repeat;
    content: "";
    width: 63px;
    height: 61px;
    bottom: -100px;
    left: -70px
}

@keyframes rotate-gallery22 {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.ourabsd {
    top: -24px;
    left: 50px;
    animation: 100s linear infinite ban55;
    opacity: .5;
    z-index: 1;
    height: 100%;
    width: 100%
}

@keyframes ban55 {
    0%,
    100% {
        top: 0;
        left: 50px
    }
    25% {
        top: 80%;
        left: 300px
    }
    50% {
        top: 50%;
        left: 80%
    }
}

.section-sixgame {
    background: url(../images/game-page/bg-sec-sixx.webp) 0 0/cover no-repeat;
    padding: 80px 0;
    position: relative;
    z-index: 99
}

.section-sixgame .container {
    z-index: 9999;
    position: relative
}

.box-pro-content-text h3 {
    font-size: 17px;
    font-weight: 800;
    color: #2a8cf9
}

.box-pro-content-text p {
    font-size: 11px;
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0
}

.custom-toppro-game {
    margin-top: 70px
}

.process-p1::after {
    -webkit-box-shadow: 0 0 35px 13px #ff3939;
    -moz-box-shadow: 0 0 35px 13px #ff3939;
    box-shadow: 0 0 35px 13px #ff3939;
    width: 40px;
    height: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .3s
}

.hover-p1:hover .process-p1::after,
.hover-p1:hover .process-p2::after,
.hover-p1:hover .process-p3::after,
.hover-p1:hover .process-p4::after,
.hover-p1:hover .process-p5::after,
.hover-p1:hover .process-p6::after,
.hover-p1:hover .process-p7::after,
.hover-p1:hover .process-p8::after,
.newslider-animation button.slick-next:hover,
.newslider-animation button.slick-prev:hover {
    opacity: 1 !important
}

.hover-p1:hover .rotate-center {
    -webkit-animation: .6s ease-in-out both rotate-center;
    animation: .6s ease-in-out both rotate-center
}

@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.process-p2::after,
.process-p3::after,
.process-p4::after {
    width: 40px;
    height: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .3s;
    display: block;
    position: absolute;
    content: ""
}

.process-p2::after {
    -webkit-box-shadow: 0 0 35px 13px rgb(231 47 234 / .76);
    -moz-box-shadow: 0 0 35px 13px rgb(231 47 234 / .76);
    box-shadow: 0 0 35px 13px rgb(231 47 234 / .76)
}

.process-p3::after {
    -webkit-box-shadow: 0 0 35px 13px rgb(119 229 239 / .76);
    -moz-box-shadow: 0 0 35px 13px rgb(119 229 239 / .76);
    box-shadow: 0 0 35px 13px rgb(119 229 239 / .76)
}

.process-p4::after {
    -webkit-box-shadow: 0 0 35px 13px rgb(92 209 255 / .76);
    -moz-box-shadow: 0 0 35px 13px rgb(92 209 255 / .76);
    box-shadow: 0 0 35px 13px rgb(92 209 255 / .76)
}

.process-p5::after {
    -webkit-box-shadow: 0 0 35px 13px rgb(255 213 0 / .76);
    -moz-box-shadow: 0 0 35px 13px rgb(255 213 0 / .76);
    box-shadow: 0 0 35px 13px rgb(255 213 0 / .76);
    width: 30px;
    height: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .3s
}

.process-p6::after,
.process-p7::after,
.process-p8::after {
    width: 35px;
    height: 20px;
    left: 50%;
    top: 50%;
    transition: .3s;
    transform: translate(-50%, -50%);
    opacity: 0
}

.process-p6::after {
    -webkit-box-shadow: 0 0 35px 13px rgb(75 207 198 / .76);
    -moz-box-shadow: 0 0 35px 13px rgb(75 207 198 / .76);
    box-shadow: 0 0 35px 13px rgb(75 207 198 / .76)
}

.process-p7::after {
    -webkit-box-shadow: 0 0 35px 13px rgb(90 229 55 / .76);
    -moz-box-shadow: 0 0 35px 13px rgb(90 229 55 / .76);
    box-shadow: 0 0 35px 13px rgb(90 229 55 / .76)
}

.process-p8::after {
    -webkit-box-shadow: 0 0 35px 13px rgb(185 70 242 / .76);
    -moz-box-shadow: 0 0 35px 13px rgb(185 70 242 / .76);
    box-shadow: 0 0 35px 13px rgb(185 70 242 / .76)
}

.logo-area-hover h3 {
    font-size: 21px;
    color: #fff;
    font-weight: 800;
    margin-top: 50px;
    margin-bottom: 20px
}

.logo-softs {
    display: flex
}

.logo-softs img {
    position: relative;
    left: -11px;
    width: auto;
    filter: grayscale(100%)
}

.same-more img,
a.calltop img {
    filter: grayscale(1)
}

.blogflex-customs,
.cusflxe,
.custm-flx,
.customflexbets,
.ourspaceev {
    display: flex;
    justify-content: space-between
}

.game-footersec {
    background: #0e1b5a;
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

.game-footersec::after {
    height: 100%;
    width: 100%;
    background: url(../images/game-page/footer-ssc.webp) no-repeat;
    top: 0;
    z-index: 1
}

.game-footersec .content-game-same p {
    margin-left: 0;
    padding-bottom: 20px;
    width: 100%
}

.game-footersec .container {
    z-index: 99;
    position: relative
}

.ourf-rounds2::before,
.ourf-rounds::after {
    position: absolute;
    top: 0;
    display: block;
    content: ""
}

.forms-g .form-control {
    background: 0 0;
    border-radius: 50px
}

.forms-g textarea.form-control {
    height: 140px;
    border-radius: 17px;
    margin-bottom: 25px;
    resize: none;
    color: #fff
}

.forms-g input.form-control {
    margin-bottom: 20px;
    color: #fff
}

.forms-g .submitbtn {
    width: 149px;
    padding: 0;
    height: 44px;
    border-color: #0282f1;
    color: #0282f1;
    transition: .3s
}

.forms-g .submitbtn:hover {
    border-color: #fff;
    color: #fff
}

.ourf-rounds,
.ourf-rounds2 {
    position: relative;
    width: 100%;
    height: 100%
}

.ourf-rounds::after {
    height: 81px;
    width: 81px;
    background: url(../images/game-page/secsf.webp) no-repeat;
    animation: 10s linear infinite rotate-galleryff
}

@keyframes rotate-galleryff {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.ourf-rounds2::before {
    height: 90px;
    width: 92px;
    background: url(../images/game-page/ff-22.webp) no-repeat;
    animation: 10s linear infinite rotate-galleryfff;
    right: -80px
}

.btn-newss a:hover,
.second-btn:hover {
    background-color: #fff0;
    outline: 0;
    text-decoration: none
}

.typn:first-child,
.typn:nth-child(2),
.typn:nth-child(3),
.typn:nth-child(4),
.typn:nth-child(5),
.typn:nth-child(6),
.typn:nth-child(7),
.typn:nth-child(8) {
    display: inline-block !important
}

@keyframes rotate-galleryfff {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.imgfff {
    position: relative;
    bottom: 0;
    z-index: 9;
    animation: 3s linear infinite topmoveff-nn
}

.sectionfimage {
    animation: 3s linear infinite topmoveff-nnn
}

@keyframes topmoveff-nnn {
    0%,
    100% {
        bottom: 0
    }
    50% {
        bottom: 30px
    }
}

.imgfff img {
    position: absolute;
    top: -90px;
    width: 18%;
    left: 0
}

@keyframes topmoveff-nn {
    0%,
    100% {
        bottom: 0
    }
    50% {
        bottom: 30px
    }
}

#clouds {
    width: 200%;
    height: 100%;
    background-image: url(../images/game-page/smoke.webp);
    background-size: contain;
    -webkit-animation: 25s linear infinite movingclouds;
    -moz-animation: 25s linear infinite movingclouds;
    -o-animation: 25s linear infinite movingclouds;
    position: absolute;
    z-index: 2;
    bottom: 0
}

@keyframes movingclouds {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: -100%
    }
}

.banner-wrap #sky {
    position: absolute;
    z-index: 99;
    height: 70% !important;
    width: 100%;
    display: block;
    bottom: 0
}

.btn-newss {
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.btn-newss a {
    width: 150px;
    display: block;
    text-align: center;
    margin: 0 10px 0 0;
    padding: 10px;
    border-radius: 50px;
    border: 2px solid #0084f4;
    background-color: #00f0;
    transition: .3s;
    z-index: 9;
    color: #2a8cf9;
    font-weight: 800;
    font-size: 13px;
    text-decoration: none;
    text-transform: capitalize
}

.oursnd-h2 span1,
.oursnd-h2 span2 {
    font-size: 80px;
    font-weight: 900
}

.btn-newss a:hover,
.mycustom-nav a.contactbtn-top {
    color: #fff;
    border-color: #fff
}

.second-btn {
    border: 2px solid #fff;
    color: #fff
}

.second-btn:hover {
    color: #2a8cf9;
    border-color: #2a8cf9
}

.left-roundsssf .btn-newss a {
    margin-left: 0 !important
}

.flip-box.myhover .flip-box-back {
    webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(-180deg)
}

span.blockdiv.mbls {
    display: inline
}

.staring {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 8%
}

.staring img {
    width: 100px;
    animation: 6s ease-in-out infinite float-twoss
}

@keyframes float-twoss {
    0%,
    100% {
        transform: translatey(0)
    }
    50% {
        transform: translatey(-20px)
    }
}

.bbbannersd img {
    text-align: center;
    display: block;
    justify-content: center;
    margin: 0 auto
}

@keyframes Jumped-two {
    0%,
    100%,
    50% {
        top: 0
    }
    25% {
        top: -4vh
    }
    75% {
        top: -2vh
    }
}

@keyframes Typping-two {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

.oursnd-h2 h2 {
    text-transform: uppercase;
    line-height: 1 !important;
    text-align: right;
    color: #000
}

.oursnd-h2 span3 {
    font-size: 90px;
    font-weight: 900;
    display: block
}

@keyframes Jumped {
    0%,
    100%,
    50% {
        top: 0
    }
    25% {
        top: -4vh
    }
    75% {
        top: -2vh
    }
}

@keyframes Typping {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

.typn:nth-child(5) {
    width: 38% !important;
    text-align: left;
    z-index: 3
}

.typn:nth-child(6) {
    width: 50% !important;
    text-align: left;
    left: -9px
}

.typn h1 {
    font-size: 100px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: .8;
    color: #000 !important;
    position: relative !important
}

.custom-flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.blog-section-main {
    padding-bottom: 40px
}

.blog-title-dec {
    background: #f5f5f5;
    padding: 18px
}

.blog-cta,
.css-text-mask,
.ourside-div {
    background-size: cover
}

.blog-title-dec p {
    font-size: 13px !important;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.padding-div-title {
    padding: 0;
    position: relative
}

.padding-div-title a {
    position: relative;
    color: #007bff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600
}

.padding-div-title a::after {
    width: 24px;
    height: 13px;
    background: url(../images/blogs/right-icon-blog.webp) -10px -10px;
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    right: -32px
}

.blog-block .blog-title-dec:hover a::after,
.padding-div-title a:hover::after {
    width: 24px;
    height: 13px;
    background: url(../images/blogs/right-icon-blog.webp) -54px -10px;
    content: "";
    position: absolute;
    display: inline-block
}

.blog-block:hover .blog-title-dec {
    background: #007bff
}

.blog-block:hover .blog-block:hover .padding-div-title::after {
    width: 43px;
    height: 150px;
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    top: 2px;
    background-size: 100% 100%;
    background-image: url(../images/blogs/left-line-color-blog-title.webp)
}

.blog-block:hover .s-icon img,
.industries-fold-three .tickss img,
.our-ready-content .btn-stylebordernews a img,
.tabs-funds a.active img {
    filter: brightness(0) invert(1)
}

.blogtabs-link ul {
    padding: 15px;
    border: 0 !important;
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: #f7f7f7
}

.blogtabs-link ul a {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    position: relative
}

.blogtabs-link {
    margin-top: 100px;
    margin-bottom: 40px
}

.blogtabs-link a.active {
    color: #2996fb;
    position: relative
}

.blogtabs-link a.active::after,
.blogtabs-link a:hover::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #2996fb;
    bottom: -19px
}

.blog-block:hover {
    box-shadow: 10px 17px 38px 2px rgb(95 95 95 / 25%);
    text-shadow: 10px 17px 38px rgb(95 95 95 / 25%);
    top: -8px
}

.blog-block {
    position: relative;
    top: 0;
    transition: top .5s
}

.blog-cta {
    background-image: url(../images/blogs/blog-cta-image.webp);
    padding: 50px 0;
    background-repeat: no-repeat
}

.cta-content-blog h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 700
}

.cta-content-blog p {
    font-size: 16px;
    color: #2996fb;
    margin-bottom: 0;
    font-weight: 700
}

.blogcta-btns a {
    transition: .3s;
    padding: 10px 18px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    width: 130px
}

.blogcta-btns .bluecolorbtns {
    background: #0056b3;
    color: #fff;
    border: 2px solid #0056b3
}

.bordercolorbtns {
    color: #fff;
    border: 2px solid #fff
}

.blogcta-btns .bluecolorbtns:hover {
    background: #fff;
    color: #0056b3
}

.blog-page-main::after {
    content: "";
    display: block !important;
    background-color: #fff;
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.blog-page-main {
    position: relative;
    height: 100%;
    width: 100%;
    right: 0
}

.ourside-div {
    background-repeat: repeat;
    width: 50%;
    height: 100%;
    z-index: 9;
    position: absolute;
    right: 0;
    border-radius: 6px 6px 0
}

.footerinner-off,
.play-btn {
    height: 100px
}

.css-text-mask {
    font-size: 100px;
    background-position: center center !important;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000
}

.blog-page-main .container {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99
}

.content-blogbanner h3 {
    font-size: 100px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    left: 5.4%;
    position: relative;
    letter-spacing: 3px;
    line-height: 1;
    display: inline-block
}

.content-banner-blogs {
    margin-top: 40px;
    width: 45%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
    padding-top: 20px
}

.content-banner-blogs p {
    font-size: 15px;
    color: #989797;
    line-height: 1.8;
    margin-bottom: 20px
}

.blog-inner-pages .content-banner-blogs {
    width: 90%;
    padding-top: 0;
    margin-top: 0;
    border-top: 0
}

.blog-left-content p {
    font-size: 1.2em;
    font-weight: 400;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    line-height: 1.7
}

.side-two-trend p,
.trendtext p {
    color: #585858;
    margin-bottom: 0
}

.blog-left-content h4 {
    padding-top: 20px;
    padding-bottom: 20px
}

#sidebar-blog.fixed-blog {
    position: fixed;
    top: 0
}

.fixed-blog {
    width: 26% !important;
    top: 100px !important
}

.blog-trending h4 {
    font-weight: 700;
    font-size: 24px;
    color: #585858;
    margin-bottom: 30px
}

.blog-trending {
    position: relative;
    display: block;
    width: 100% !important
}

.blog-trending::after {
    width: 65%;
    display: block;
    position: absolute;
    content: "";
    height: 1px;
    background: #585858;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.trendtext p {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600
}

.side-two-trend p,
.time-blog-trend p {
    font-weight: 500;
    font-size: 12px
}

.panel-group .panel .panel-heading,
.trendingbox {
    margin: 0 0 20px
}

.flex-cc .side-one-trend {
    width: 15% !important
}

.blogflex-customs.flex-cc {
    justify-content: flex-start;
    align-items: center
}

.new-section-home,
.pad-sec {
    padding: 80px 0
}

.new-section-home .buttonbox {
    justify-content: flex-start;
    margin-top: 30px
}

.video-content h2,
.video-content h4 {
    color: #3c3c3b;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    display: inline-block
}

.video-content h2::after,
.video-content h4::after {
    width: 107px;
    height: 1px;
    background: #3c3c3b;
    display: block;
    position: absolute;
    content: "";
    right: -30px;
    bottom: -4px
}

.video-content h3 {
    font-size: 28px;
    color: #a1d600;
    font-weight: 900;
    padding: 10px 0
}

.video-content p {
    font-size: 15px;
    color: #737373;
    font-weight: 400;
    margin-bottom: 0
}

video#vid {
    border-radius: 6px
}

.play-btn {
    width: 100px;
    background: radial-gradient(rgb(0 123 225 / .8) 60%, rgba(5 99 183 / 59%) 62%);
    border-radius: 50%;
    position: relative;
    display: block;
    margin: 40px 0;
    box-shadow: 0 0 25px 3px #102a55;
    user-select: none;
    -webkit-user-drag: none;
    outline: 0 !important
}

.home-banner.banner-wrap.services-bg-color.services-right-left-banners,
.pos2tab {
    height: auto
}

.play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center center;
    width: 0;
    height: 0;
    border-top: 15px solid #fff0;
    border-bottom: 15px solid #fff0;
    border-left: 25px solid #fff;
    z-index: 1;
    -webkit-transition: .4s cubic-bezier(.55, .055, .675, .19);
    transition: .4s cubic-bezier(.55, .055, .675, .19)
}

.play-btn:before {
    content: "";
    position: absolute;
    width: 150%;
    height: 150%;
    -webkit-animation: 2s infinite pulsate1;
    animation: 2s infinite pulsate1;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid #007bff;
    top: -25%;
    left: -25%;
    background: #fff0
}

@-webkit-keyframes pulsate1 {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 1;
        box-shadow: inset 0 0 25px 3px rgb(0 123 225 / .75), 0 0 25px 10px rgb(0 123 225 / .75)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        box-shadow: none
    }
}

@keyframes pulsate1 {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 1;
        box-shadow: inset 0 0 25px 3px rgb(0 123 225 / .75), 0 0 25px 10px rgb(0 123 225 / .75)
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1);
        opacity: 0;
        box-shadow: none
    }
}

.btns-thumb-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ourvideo-popup .modal-body {
    padding: 0;
    background: 0 0 !important
}

.ourvideo-popup .modal-content {
    background: 0 0;
    outline: 0 !important;
    border: 0 !important
}

.contact-tabs .dubai,
.contact-tabs .karachi,
.contact-tabs .london,
.contact-tabs .newyork {
    background-size: cover;
    background-color: #f0f1f3;
    transition: transform .2s
}

.videosectionhome img {
    width: 100%;
    border-radius: 6px
}

.btns-thumb-video button:focus {
    outline: 0 !important;
    border: 0;
    box-shadow: none
}

.btns-thumb-video button {
    outline: 0 !important;
    stroke: 0 !important;
    border: 0 !important
}

.content-box h1 {
    font-size: 45px;
    color: #eee;
    font-weight: 600
}

.ourvideo-popup .modal-dialog {
    max-width: 70%;
    margin: 1.75rem auto
}

a.calltop {
    font-size: 13px;
    color: #000;
    text-decoration: none;
    margin-right: 35px;
    position: relative;
    font-weight: 500
}

.social-icons-top a:nth-child(2)::after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    display: block;
    background: #3c3c3b;
    top: 0;
    right: -16px
}

.contact-address ul li {
    margin-bottom: 15px
}

.contact-address ul li:first-child span,
.sourceimage p a {
    font-weight: 700
}

.contact-address ul li:first-child img {
    filter: grayscale(0)
}

.contact-address ul li a {
    display: flex;
    align-items: center;
    color: #fff
}

.contact-address ul li img {
    margin-right: 10px;
    filter: grayscale(1)
}

a.calltop img {
    margin-right: 8px
}

section.banner-wrap.hautos {
    height: 90px
}

.pad-sec h1.cusHead {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    padding-bottom: 25px
}

.pad-sec h2,
.pad-sec h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 30px !important;
    display: block
}

.auth-dec h5 strong,
h3.name-showof {
    font-weight: 900
}

.pad-sec p {
    font-size: 16px;
    margin-bottom: 20px !important;
    line-height: 1.8
}

section.footerdec p {
    font-size: 12px;
    margin-bottom: 0;
    color: #595959;
    text-align: center
}

section.footerdec {
    padding: 0 0 10px;
    background: #15171a
}

.countery-back-selects .row {
    width: 100% !important;
    display: block
}

.contact-tabs {
    transition: transform .2s;
    background-color: #f0f1f3 !important
}

.mainportfolio .headingbottomline h3::after {
    bottom: -10px
}

.contact-tabs .dubai {
    background-image: url(../images/tab-contact-dubai-bg.webp) !important
}

.contact-tabs .london {
    background-image: url(../images/tab-contact-london-bg.webp) !important
}

.contact-tabs .karachi {
    background-image: url(../images/tab-contact-hou-bg.webp) !important
}

.contact-tabs .newyork {
    background-image: url(../images/tab-contact-newyork-bg.webp) !important
}

h3.name-showof {
    font-size: 50px;
    color: #fff;
    text-shadow: 0 4px 6px rgb(0 0 0 / 30%)
}

.active .ownzooms {
    transform: scale(1.1);
    transition: transform .2s
}

.boxcalls a {
    margin-bottom: 10px !important;
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.posab-nav a {
    text-decoration: none !important
}

.box-for-select-country span::before {
    background-color: #4d4d4e;
    content: "";
    height: 2px;
    width: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px
}

.box-for-select-country span {
    position: relative;
    left: 5px;
    padding-left: 15px;
    color: #4d4d4e;
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px !important;
    display: block
}

.contact-tabs .tab-pane {
    height: 650px;
    padding: 70px 0 0;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.pos2tab {
    position: absolute;
    bottom: 50px;
    display: initial;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    left: 50%;
    transform: translateX(-50%)
}

.contact-tabs .nav-tabs {
    border: 0 !important;
    display: flex;
    justify-content: space-around
}

.boxcontenttabs p {
    font-size: 18px;
    font-weight: 500
}

.ourtbs li {
    margin: 0 15px;
    width: 20%;
    display: inline-block
}

.ourtbs li img {
    width: 100%;
    border-radius: 6px;
    filter: grayscale(100%);
    border: 0 solid #b5b6b7
}

.ourtbs a.active img {
    filter: inherit !important;
    border: 2px solid #2e7bf5;
    -webkit-box-shadow: 0 0 16px 0 rgb(45 45 45 / .22);
    -moz-box-shadow: 0 0 16px 0 rgb(45 45 45 / .22);
    box-shadow: 0 0 16px 0 rgb(45 45 45 / .22)
}

.ownzooms h3.name-showof {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    transform: translate(-50%, -50%)
}

.dubaibox,
.londonbox,
.newyorkbox {
    height: auto !important;
    width: auto !important;
    background: 0 0 !important
}

.align-mblsoff {
    padding: 30px 0 60px !important
}

.blog-title-dec p {
    margin-bottom: 0 !important;
    padding: 10px 0 !important
}

a.ourtopspds {
    top: 4px
}

.padding-div-title h4 {
    height: 36px
}

section.blog-inner-section {
    padding: 70px 0 0 !important
}

.blog-left-content img {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 50px 0;
    width: auto !important
}

.innerblog-imagedetails {
    padding-top: 130px;
    text-align: center;
    margin: 0 auto
}

.innerblog-imagedetails h1,
.innerblog-imagedetails h3 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.285em;
    width: 60%;
    margin: 0 auto 50px;
    text-transform: capitalize
}

.blog-left-content h3:first-child {
    text-align: center;
    font-size: 35px;
    text-transform: capitalize
}

.b-description-ss {
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 80%;
    text-align: left
}

.b-description-ss a {
    font-size: 35px;
    color: #fff;
    width: 80% !important;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 1px 1px 4px #000
}

.slider-banner-blog ul.slick-dots {
    position: absolute;
    bottom: 20px;
    text-align: center;
    margin: 0;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
    display: none !important
}

.slider-banner-blog ul.slick-dots li {
    display: inline-block;
    font-size: 0;
    border: 0
}

.slider-banner-blog ul.slick-dots li button {
    border: 1px solid #fff;
    height: 14px;
    width: 4px;
    border-radius: 50px;
    margin: 0 5px;
    background: 0 0
}

.slider-banner-blog ul.slick-dots li.slick-active button {
    border: 1px solid #2e7bf5
}

.slider-banner-blog ul.slick-dots li button:focus-visible {
    outline: 0 !important
}

.auth-dec p {
    margin-bottom: 0 !important;
    color: #a3a3a3
}

.image-autherdec {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.auth-dec {
    margin-left: 20px
}

.autherbox {
    padding: 30px;
    border: 1px solid #dee5ef
}

p.aut-ps {
    font-size: 14px;
    line-height: 1.8;
    color: #000;
    margin-bottom: 0
}

.box-slider-feature h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px
}

.box-slider-feature {
    margin-right: 40px
}

.slider-blog-features {
    padding: 50px 0
}

.ready-to-workss .mttops,
.slider-blog-leftright {
    margin-top: 30px
}

.slider-blog-features button {
    position: absolute;
    top: 0;
    font-size: 0;
    border: 0;
    height: 0;
    background: 0 0 !important
}

.newdropdowns button:focus,
.newslider-animation button:focus,
.slider-blog-features button:focus {
    outline: 0 !important
}

.animation-pricing-list-section ul li,
.ill-last-sec .bpxlastwithimgill p,
span.ourlined {
    padding: 0 10px
}

.box-slider-feature p {
    font-size: 15px !important;
    color: #a3a3a3;
    line-height: 1.8
}

.animation-page-banner .absolute-center,
.social-blogs-links {
    margin-top: 0 !important
}

.slider-blog-features button.slick-next.slick-arrow::after {
    background: url(../images/blog-image-banner/left-arrow.webp) 0 0/contain no-repeat;
    position: absolute;
    content: "";
    display: block;
    width: 148px;
    height: 15px;
    right: 0;
    background-color: transparent !important
}

.slider-blog-features button.slick-prev.slick-arrow::after {
    background: url(../images/blog-image-banner/prev-arrow.webp) 0 0/contain no-repeat;
    position: absolute;
    content: "";
    display: block;
    width: 148px;
    height: 15px;
    left: 0;
    background-color: transparent !important
}

.about-foldtwo.service-left .custompadding,
.about-foldtwo.service-right .custompadding,
section.blog-next-lefts {
    padding: 40px 0
}

.blog-anchor-d h3 {
    font-size: 20px;
    color: #000;
    margin: 0 !important
}

.blog-anchor-d h5 {
    display: block;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: .1em
}

.nnc {
    display: flex;
    flex-wrap: wrap;
    margin-right: 12px;
    text-align: right;
    justify-content: flex-end
}

.blog-left-content h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 40px 0 20px !important
}

.blog-left-content h3 {
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    padding-right: 20px;
    margin-bottom: 20px
}

.blog-left-content h4 {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    color: #000
}

.padding-div-title span {
    position: absolute;
    right: 0;
    font-size: 13px;
    font-weight: 700;
    color: #000
}

.contact-slider-location .slick-list,
.newslider-animation .slick-list {
    padding: 30px 0
}

.funds-pagebanner {
    background: url(../images/services/funds/funds-banner.webp) !important
}

.ourcenterheadingbanner-new h2 {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    padding-bottom: 0;
    position: relative;
    text-align: center;
    color: #fff
}

.ourcenterheadingbanner-new h4 {
    font-size: 19px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 400
}

.ourcenterheadingbanner-new .buttonbox {
    margin: 30px AUTO 0;
    text-align: center;
    justify-content: center !important;
    width: 100% !important;
    display: flex
}

.ourcenterheadingbanner-new h2::after {
    position: absolute;
    display: block;
    content: "";
    width: 179px;
    height: 2px;
    top: -20px;
    background: #2e7bf5;
    transform: translateX(-50%);
    left: 50%
}

.headingnewpagestyles h3,
.ourblds span {
    font-weight: 700;
    color: #2e7bf5
}

.centerplane .services-fold-one {
    padding-top: 70px
}

.centerplane .services-content-box h3 {
    padding-top: 0 !important;
    margin-bottom: 0
}

section.centerplane .services-page-space-between {
    align-items: flex-start
}

section.doublesection {
    background: #f4f7fb;
    padding: 70px 0
}

.headingnewpagestyles h4 {
    display: block !important;
    width: 100%
}

.centerplane::before {
    background: url(../images/services/funds/plane.webp) center left/contain no-repeat !important;
    position: absolute;
    display: block;
    content: "";
    width: 37% !important;
    height: 100%;
    left: 0;
    top: 40%;
    transform: translateY(-50%)
}

.animation-pagepricing .services-content-box h3::after,
.linefund-proccessstep::after,
.tabs-funds a.active::after {
    left: 50%;
    transform: translateX(-50%)
}

.newstyletabs-page {
    padding: 60px 0;
    background: url(../images/services/funds/center-banner-tabs.webp) !important
}

.tabs-funds {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block
}

.tabs-funds ul.nav.nav-tabs li {
    display: inline-block;
    margin: 0 4px
}

.tabs-funds ul li a {
    padding: 14px 15px;
    background: #fff;
    border-radius: 5px;
    width: 230px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    min-height: 0;
    line-height: 28px;
    color: #2e7bf5
}

.tabs-funds ul.nav.nav-tabs {
    text-align: center;
    margin: 0 auto;
    display: block;
    border: 0 !important
}

.tabs-funds a img {
    width: 22px;
    margin-right: 8px
}

.tabs-funds a.active {
    background: #2e7bf5;
    color: #fff;
    position: relative
}

.tabs-funds a.active::after {
    border-left: 13px solid #fff0;
    border-right: 13px solid #fff0;
    border-top: 13px solid #2e7bf5;
    position: absolute;
    display: block;
    content: "";
    bottom: -13px
}

.tabs-funds h3 {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 30px
}

.our-headingwhychoosed p,
.tabs-funds p {
    font-size: 15px;
    color: #fff;
    line-height: 1.8
}

.ournewtabbox h3 {
    margin: 14px 0;
    font-size: 21px !important
}

.sectionthree-newpage {
    padding: 70px 0;
    background: #f4f7fb
}

.headingnewpagestyles p {
    color: #9b9da0;
    font-size: 15px;
    width: 80%;
    margin: 20px auto 0
}

.fund-process h3 {
    font-size: 17px;
    font-weight: 700;
    margin: 15px 0
}

.content-sstylenewpages p,
.fund-process p {
    font-size: 15px;
    color: #9b9da0;
    line-height: 1.8
}

.linefund-proccessstep::after {
    width: 100%;
    height: 100px;
    position: absolute;
    content: "";
    display: block;
    background: url(../images/services/funds/line-fund-proccess.webp) center center no-repeat !important;
    z-index: 0
}

.content-sstylenewpages h4 {
    font-size: 38px;
    font-weight: 700;
    color: #2c83f7;
    margin-bottom: 30px
}

.content-sstylenewpages h3 {
    font-size: 30px;
    margin-bottom: 15px !important
}

.content-sstylenewpages h3 span {
    font-weight: 700;
    display: block
}

.whitesection-newpagestyle {
    padding: 100px 0;
    position: relative
}

.newbtnsstyle a {
    background: #1c68e1;
    padding: 10px 15px;
    border-radius: 4px;
    margin-top: 8px !important;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 15px
}

section.whitesection-newpagestyle::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/services/funds/1stsecright-after.webp) right top/20% no-repeat !important;
    right: 0 !important;
    top: 20px;
    z-index: -1
}

.bluelightnewcolors {
    background: #f4f7fb;
    position: relative
}

.whitesection-newpagestyle.mobile-appdevelopment-left::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/services/funds/mobile-appdevelopment-left.webp) left center/35% no-repeat !important;
    right: 0 !important;
    top: 20px;
    z-index: 0
}

section .ourspaceev {
    position: relative;
    z-index: 99
}

section.whitesection-newpagestyle.cube-imagesd::after {
    background: url(../images/services/funds/cube-image.webp) right center/26% no-repeat !important;
    right: 0 !important;
    top: 0
}

.whitesection-newpagestyle.mobile-appdevelopment-left.circlebox-secs::after {
    background: url(../images/services/funds/MANAGED-CLOUD-DEVELOPMENT-back.webp) left center/25% no-repeat !important;
    top: 0 !important
}

section.whitesection-newpagestyle.cube-imagesd.MAINTENANCE-rounds::after {
    background: url(../images/services/funds/round-round-line.webp) right center/26% no-repeat !important;
    right: 0 !important;
    top: 0
}

.whitesection-newpagestyle.mobile-appdevelopment-left.circlebox-secs.digitals-imag::after {
    background: url(../images/services/funds/digital-image-back.webp) left center/25% no-repeat !important;
    top: 0 !important
}

section.doublesection.lastsection-newpage {
    background: url(../images/services/funds/bottom-last-bg.webp) 0 0/cover no-repeat
}

.lastsection-newpage .headingnewpagestyles p {
    margin-top: 0 !important;
    padding-top: 0;
    color: #fff;
    margin-bottom: 20px
}

.animation-pagepricing .tab-content {
    background: #f6f8fa;
    padding: 70px 0;
    border-radius: 50px
}

.box-counters {
    background: #edf9fe;
    padding: 30px 3px;
    border-radius: 13px;
    text-align: center
}

.newslider-animation .items {
    margin-left: 30px !important
}

.process-btn:hover h4 {
    color: #00aeef !important
}

.process-btn {
    margin: 0 20px
}

.video-animation-banner {
    background: url(../images/services/video-animation/Video-Animation-Background.webp) !important
}

.blacktheme-style h3 {
    color: #06a5ef;
    padding-bottom: 0 !important;
    margin-bottom: 0
}

.blacktheme-style h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700
}

.animation-pagepricing .priceheading-boxs p {
    margin-top: 28px;
    font-size: 12px
}

.padding-section-c {
    padding: 90px 0
}

.headingline-top::after {
    width: 49px;
    height: 2px;
    background: #00aeef;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: -15px
}

.content-animationsection .buttonbox,
.leftbtn-and-margins .buttonbox,
.themeblack-sectionone .buttonbox {
    justify-content: start
}

.content-animationsection .buttonbox button,
.contentupdate-section .buttonbox button,
.leftbtn-and-margins .buttonbox button,
.themeblack-sectionone .buttonbox button {
    margin: 10px 0 0
}

.section-black-leftimageone::after {
    background: url(../images/services/video-animation/sideimage-section1.webp) !important;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.positionback-image-blacktheme {
    position: absolute;
    width: 100%
}

.box-counters h3 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #06a6ef
}

.box-counters p {
    font-size: 11px;
    margin-bottom: 0 !important;
    font-weight: 700
}

.bgnorepeat {
    background-repeat: no-repeat !important;
    background-size: cover !important
}

section.Process-section {
    background: #011062;
    padding: 60px 0
}

.content-animationsection.services-content-box h3 {
    color: #fff;
    padding: 0;
    margin: 0 0 20px
}

.ourwidth-selectauto {
    width: 16.5%
}

.processbtnssection {
    background: #00093a;
    padding: 60px 0 40px
}

.process-btn h4 {
    color: #80849d;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px;
    padding-top: 30px
}

.process-btn p {
    font-size: 13px;
    color: #80849d
}

.process-btn.active h4,
.slider-videos-thumbs-sl .slick-current.slick-active h4 {
    color: #00aeef
}

.process-btn h4::after {
    top: 0;
    position: absolute;
    width: 50px;
    height: 2px;
    content: "";
    display: block;
    background: #80849d
}

section.sidebyside-image-content::after,
section.slider-rightsides::after {
    background: #198def;
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    content: ""
}

.process-btn.active h4::after,
.process-btn:hover h4::after,
.slider-videos-thumbs-sl .slick-current.slick-active h4::after {
    background: #00aeef
}

section.sidebyside-image-content::after {
    width: 129px;
    right: 0;
    z-index: -1
}

section.slider-rightsides {
    background: #000a41;
    position: relative
}

.headingwithcenterleftstyle h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px
}

section.slider-rightsides::after {
    width: 23%
}

.front-imagetextbox {
    position: absolute;
    bottom: 0;
    padding: 28px
}

.front-imagetextbox h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 16px;
    display: block;
    font-weight: 600
}

.front-imagetextbox p {
    color: #fff;
    font-size: 14px
}

a.btn-aniborder {
    padding: 8px;
    border: 1px solid #00aeef;
    border-radius: 3px;
    margin-top: 3px !important;
    display: inline-block;
    font-size: 13px;
    color: #00aeef;
    text-decoration: none
}

.boxslide-animation,
.refrl .lgos ul li {
    margin: 0 30px
}

.newslider-animation .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -100px;
    opacity: .5
}

.newslider-animation button.slick-prev {
    margin: -30px 0 0;
    box-shadow: none !important;
    border: 0;
    font-size: 0;
    width: 40px;
    height: 40px;
    display: block;
    background: url(../images/services/video-animation/left-arrow-slideani.webp) !important
}

.newslider-animation button.slick-next {
    margin: 30px 0 10px;
    box-shadow: none !important;
    border: 0;
    font-size: 0;
    width: 40px;
    height: 40px;
    display: block;
    background: url(../images/services/video-animation/right-arrow-slideani.webp) !important
}

.animation-pagepricing .services-content-box.leftbtn-and-margins {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%
}

.animation-pricing-list-section ul {
    margin: 10px auto 0;
    justify-content: center;
    border-bottom: 0;
    width: 100%
}

.animation-pricing-list-section ul li a {
    color: #000;
    font-weight: 600;
    text-decoration: none
}

.animation-pricing-list-section ul li a.active {
    color: #198def;
    position: relative;
    font-weight: 700
}

.animation-pricing-list-section ul li a.active::after {
    width: 100%;
    display: block;
    position: absolute;
    content: "";
    height: 3px;
    background: #198df0
}

.priceheading-boxs {
    border-radius: 5px;
    padding: 24px 12px;
    text-align: center
}

.priceheading-boxs h5 {
    font-size: 13px;
    color: #00aeef;
    font-weight: 600;
    margin-bottom: 0
}

.priceheading-boxs h3 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px
}

.animation-pricing-list-section .tab-content .pricingboxani-p {
    padding: 25px;
    -webkit-box-shadow: 10px 10px 19px -5px rgb(32 109 195 / .11);
    -moz-box-shadow: 10px 10px 19px -5px rgb(32 109 195 / .11);
    box-shadow: 10px 10px 19px -5px rgb(32 109 195 / .11)
}

.animation-pricing-list-section .tab-content .priceheading-boxs h5 {
    font-size: 16px;
    position: relative
}

.ofafters {
    padding-top: 0;
    padding-bottom: 0
}

.posanisd {
    position: absolute;
    bottom: 0
}

.ofafters .services-content-box {
    padding: 0 20px 50px 0
}

.ofafters button {
    border: 2px solid #fff9
}

.backbg-lastafter {
    position: relative;
    padding-top: 100px
}

.backbg-lastafter::after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    right: 0;
    height: 100%;
    width: 60%;
    background: #00aeef;
    background: -moz-linear-gradient(-45deg, #00aeef 0, #4551ee 100%);
    background: -webkit-linear-gradient(-45deg, #00aeef 0, #4551ee 100%);
    background: linear-gradient(135deg, #00aeef 0, #4551ee 100%);
    z-index: -1
}

.animation-pricing-list-section .tab-content .pricelistinganimation ul {
    text-align: left;
    padding: 0;
    color: #011062 !important
}

.animation-pricing-list-section .tab-content .priceheading-boxs h5::after {
    width: 30px;
    bottom: -10px;
    height: 2px;
    background: #4faeef;
    content: "";
    display: block;
    position: absolute
}

.animation-pricing-list-section .tab-content .priceheading-boxs {
    padding: 0;
    text-align: left
}

.navbar ul.exo-menu li a,
.newdropdowns.top-drop .dropbtn {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.animation-pricing-list-section .tab-content .priceheading-boxs p {
    color: #000;
    font-weight: 600
}

.priceheading-boxs p {
    font-size: 9px;
    color: #fff;
    margin-bottom: 0
}

.scrollbar.style-14 {
    height: 135px;
    overflow: auto;
    margin-top: 30px
}

.scrollbar.style-14 li {
    font-size: 18px;
    padding: 5px
}

.pricing-slider .item .price-wrapper .an-themeBtn {
    margin: auto;
    display: block;
    width: 195px
}

.scrollbar.style-14::-webkit-scrollbar {
    width: 3px
}

.scrollbar.style-14::-webkit-scrollbar-track {
    background: #cccfe0;
    border-radius: 10px;
    border: 1px solid #cccfe0
}

.scrollbar.style-14::-webkit-scrollbar-thumb {
    background: #00aeef;
    border-radius: 0
}

.scrollbar.style-14::-webkit-scrollbar-thumb:hover {
    background: #292929
}

.pricingboxani-p {
    background: #fff;
    border-radius: 13px
}

.game-footersec::after,
.game-sectionfour::after {
    background-size: cover !important
}

.animation-pricing-list-section .tab-content button {
    margin: 0;
    padding: 12px;
    font-size: 12px
}

.pricelistinganimation ul {
    margin: 12px 0 0 !important;
    padding: 0 10px;
    text-align: center
}

.pricelistinganimation ul li {
    font-size: 13px !important;
    margin: 0 !important;
    padding: 4px !important;
    color: #011062;
    font-weight: 600
}

.button-pricingwhiteani {
    text-align: center;
    margin-top: 22px;
    padding-bottom: 30px
}

.button-pricingwhiteani a {
    background: #fff;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    color: #00aeef;
    width: 60% !important;
    display: block;
    margin: 0 auto;
    text-decoration: none
}

.animation-pricing-list-section .tab-content {
    margin-top: 50px;
    position: relative
}

.animation-pricing-list-section .tab-content::after {
    content: "";
    display: block;
    width: 100%;
    height: 34%;
    position: absolute;
    top: 0;
    z-index: -1;
    border-radius: 5px
}

.logo-section-6 .container::after,
.logo-section-6 .container::before {
    background: url(../images/services/logos/dots-logo.webp) !important;
    width: 188px;
    height: 33px
}

.bigimage-logos::before {
    position: absolute;
    content: "";
    display: block;
    width: 154px;
    height: 100%;
    right: 0;
    background: url(../images/services/logos/logos-bgbg.webp) no-repeat !important
}

.logo-section-2 .logo-image-first-secs::after {
    right: 0 !important
}

.logo-page-banner {
    background: url(../images/services/logos/logo-page-bg1.webp) 0 0/cover !important
}

.logo-page-bannerstyle h6 {
    font-size: 29px;
    color: #06a5ef
}

.logo-page-bannerstyle h3 {
    font-size: 40px !important;
    color: #fff;
    text-transform: initial !important;
    font-weight: 800 !important;
    position: relative
}

.banner-contents.logo-page-bannerstyle.mynewff h1::after,
.logo-page-bannerstyle h3::after {
    background: url(../images/services/logos/line-headingred.webp) 0 0/contain no-repeat !important;
    width: 68px !important;
    height: 14px !important;
    position: absolute;
    display: block !important;
    left: 0 !important;
    content: "";
    transform: initial !important;
    bottom: -35px !important
}

.logo-page-bannerstyle p {
    margin-top: 45px;
    color: #fff;
    padding-right: 30px;
    line-height: 2;
    font-size: 15px
}

.btn-stylebordernews a {
    padding: 10px 30px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    border-radius: 50px;
    text-decoration: none
}

.btn-stylebordernews a.blueborderbtn {
    border-color: #03b6ff;
    -webkit-box-shadow: 0 10px 35px -13px #03b6ff;
    -moz-box-shadow: 0 10px 35px -13px #03b6ff;
    box-shadow: 0 10px 35px -13px #03b6ff
}

.btn-stylebordernews a:hover {
    background: #06a5e7;
    border-color: #06a5e7
}

.side-portfoliosd h3::after,
h3.logoservices-headings::after {
    width: 68px;
    height: 14px;
    background: url(../images/services/logos/heading-bottom.webp);
    content: ""
}

.logo-section-2 {
    background: url(../images/services/logos/logo-page-bg2.webp) 0 0/cover !important
}

section.logo-section-3,
section.logo-section-7 {
    background: url(../images/services/logos/logo-page-bg3.webp) 0 0/cover !important
}

.logo-decep-details h3 {
    font-size: 18px;
    color: #fff
}

.logo-decep-details p {
    font-size: 14px;
    color: #fff
}

.our-slider-logo-des {
    display: flex;
    align-items: center;
    padding: 18px 0
}

.our-slider-logo-des .logo-descp-img {
    width: 22%
}

.logo-decep-details {
    margin: 0 0 0 40px;
    position: relative;
    padding-left: 15px
}

.items.slick-slide.slick-current.slick-active .logo-decep-details,
.items.slick-slide.slick-current.slick-active .logo-decep-details h3,
.items.slick-slide.slick-current.slick-active .logo-decep-details p {
    position: relative;
    z-index: 1 !important
}

.items.slick-slide.slick-current.slick-active .logo-decep-details::after {
    width: 40px;
    background: #248efe;
    height: 95%;
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    left: 0 !important;
    z-index: -1px
}

.slider-thumb-logo-page .items.slick-slide.slick-current.slick-active+.items+.items {
    opacity: .6
}

.slider-thumb-logo-page .items.slick-slide.slick-current.slick-active+.items+.items+.items {
    opacity: .3
}

.items.slick-slide.slick-current.slick-active .logo-decep-details::before {
    background: url(../images/services/logos/lineselect-active.webp);
    position: absolute;
    top: -14px !important;
    left: -10px !important;
    width: 17px;
    height: 100%;
    content: "";
    z-index: 1
}

h3.logoservices-headings {
    font-size: 30px;
    color: #fff;
    margin: 0 auto 50px;
    text-align: center;
    font-weight: 700;
    position: relative
}

h3.logoservices-headings::after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%)
}

.slider-logoside .items.slick-slide img {
    text-align: right;
    margin: 0 auto
}

.slider-logoside ul.slick-dots {
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    font-size: 0
}

.slider-logoside li button {
    background: #60607a;
    width: 2px !important;
    margin: 0;
    padding: 0;
    border: 0;
    height: 30px
}

.slider-logoside li.slick-active button {
    background: #248efe;
    width: 4px !important;
    position: relative;
    left: -1px;
    box-shadow: 0 0 5px 2px rgb(0 148 254 / .75);
    -webkit-box-shadow: 0 0 5px 2px rgb(0 148 254 / .75);
    -moz-box-shadow: 0 0 5px 2px rgb(0 148 254 / .75)
}

.news__counter {
    position: absolute;
    right: 20px;
    color: #fff;
    top: 47%;
    transform: translateY(-50%);
    line-height: 10;
    font-weight: 700
}

section.logo-section-4 {
    background: url(../images/services/logos/logo-page-bg4.webp) 0 0/cover !important
}

.logosection4-box {
    background: #0d143f;
    padding: 38px 24px;
    border-radius: 8px
}

.myreds {
    background: #c81235 !important
}

.myorange,
.myreds::after {
    background: #f99017
}

.myreds::after {
    width: 80%;
    content: "";
    height: 2px;
    display: block;
    top: -14px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 5px 4px rgb(249 144 23 / .51);
    -webkit-box-shadow: 0 0 5px 4px rgb(249 144 23 / .51);
    -moz-box-shadow: 0 0 5px 4px rgb(249 144 23 / .51)
}

.mygreen {
    background: #3bcc7e
}

.mypinks {
    background: #f53785
}

.mypinks::after {
    width: 2px;
    background: #21aefe;
    content: "";
    height: 80%;
    display: block;
    top: 50%;
    position: absolute;
    right: -14px;
    transform: translateY(-50%);
    box-shadow: 0 0 5px 4px rgb(33 174 254 / 51%);
    -webkit-box-shadow: 0 0 5px 4px rgb(33 174 254 / 51%);
    -moz-box-shadow: 0 0 5px 4px #21aefe
}

.myblues {
    background: #11a8ff
}

.myblues::after {
    width: 80%;
    background: #c81336;
    content: "";
    height: 2px;
    display: block;
    bottom: -14px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 5px 4px rgb(200 18 53 / .51);
    -webkit-box-shadow: 0 0 5px 4px rgb(200 18 53 / .51);
    -moz-box-shadow: 0 0 5px 4px rgb(200 18 53 / .51)
}

.bgs-allvctor img,
.illustrationbg1::after {
    transform: translateX(-60%);
    animation: 6s ease-in-out infinite float-twos-ill
}

.postings {
    top: -40px
}

.mynewpadding-logosd {
    padding: 140px 0 90px
}

.my-box-whychoose {
    margin-bottom: 18px
}

.posupslogo {
    top: -30px
}

.content-contentboxd h3 {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-top: 20px
}

.content-contentboxd p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0 !important
}

section.logo-section-4.padding-section-c.pbottomless {
    padding-bottom: 30px
}

.logo-section-5 {
    background: url(../images/services/logos/bg-portfolios.webp) 0 0/cover !important
}

.logo-section-5::after {
    background: url(../images/services/logos/portfolio-side-image.webp) 0 0/cover no-repeat !important;
    width: 38%;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    z-index: 0
}

.side-portfoliosd h3 {
    font-size: 42px;
    color: #fff;
    font-weight: 700;
    position: relative;
    margin-bottom: 40px
}

.side-portfoliosd h3::after {
    position: absolute;
    bottom: -15px;
    left: -2%
}

.side-portfoliosd h4 span {
    color: #b9b5c5 !important;
    font-size: 23px;
    font-weight: 700;
    display: block
}

.side-portfoliosd h4 {
    font-size: 38px;
    color: #00aeff;
    font-weight: 700
}

.side-portfoliosd p {
    font-size: 15px;
    color: #fff;
    margin-top: 30px
}

.side-portfoliosd p::after {
    content: "";
    display: block;
    position: absolute;
    width: 52px;
    height: 1px;
    background: #00aeff;
    top: -13px
}

section.logo-section-6 {
    background: url(../images/services/logos/bluebglast.webp) 0 0/cover !important;
    position: relative
}

h3.logoservices-headings span2 {
    color: #00aeff
}

.ourcontactsection-lastone p {
    color: #fff;
    text-align: center;
    font-size: 15px
}

.ourcontactsection-lastone {
    background: #0000001f;
    padding: 58px 30px
}

.ourcontactsection-lastone .btn-stylebordernews {
    justify-content: center;
    margin: 40px auto 0;
    display: block;
    text-align: center
}

.logo-section-6 .btn-stylebordernews a img {
    padding-right: 8px
}

.logo-section-6 .btn-stylebordernews a {
    padding: 15px 28px
}

.logocallbox a {
    font-size: 26px;
    color: #fff;
    text-decoration: none;
    font-weight: 600
}

.logo-section-6 .container::after {
    position: absolute;
    content: "";
    display: block;
    right: 40px;
    top: 20px
}

.logo-section-6 .container::before {
    position: absolute;
    content: "";
    display: block;
    left: 40px;
    bottom: 20px
}

.ournew-pricing-logo .pricingboxani-p {
    background: 0 0;
    position: relative
}

.ournew-pricing-logo .pricingboxani-p::after {
    background: url(../images/services/logos/linepricings.webp) !important;
    width: 15px;
    display: block;
    position: absolute;
    content: "";
    right: -8px;
    top: 0;
    height: 100%
}

.ournew-pricing-logo .priceheading-boxs {
    background: 0 0;
    border-radius: 5px 5px 0 0;
    padding: 8px 0;
    text-align: left
}

.onelineslogo::after,
.onelineslogo::before {
    height: 1px;
    background: #505c6a;
    width: 100%;
    position: absolute;
    content: ""
}

.ournew-pricing-logo .pricelistinganimation ul {
    margin-top: 0 !important;
    padding: 0 !important
}

.ournew-pricing-logo .priceheading-boxs h3 {
    font-size: 50px
}

.ournew-pricing-logo .priceheading-boxs h5 {
    color: #f4ae00
}

.ournew-pricing-logo .pricelistinganimation ul li {
    text-align: left;
    color: #cfced8;
    font-size: 14px !important;
    line-height: 2.2
}

.ournew-pricing-logo .scrollbar.style-14 {
    height: 228px
}

.ournew-pricing-logo .scrollbar.style-14::-webkit-scrollbar-track {
    background: #413d63;
    border-radius: 10px;
    border: 1px solid #413d63
}

.ournew-pricing-logo .scrollbar.style-14::-webkit-scrollbar-thumb {
    background: #e51f5c;
    border-radius: 0
}

.ournew-pricing-logo .pricelistinganimation {
    margin: 0 30px 0 0
}

.ournew-pricing-logo .button-pricingwhiteani a {
    text-align: left;
    background: #100d27;
    margin-left: 0;
    border: 1px solid #00aeff;
    color: #fff;
    padding: 13px 20px;
    position: relative;
    -webkit-box-shadow: 0 10px 35px -13px #03b6ff;
    -moz-box-shadow: 0 10px 35px -13px #03b6ff;
    box-shadow: 0 10px 35px -13px #03b6ff
}

.ournew-pricing-logo .button-pricingwhiteani a img {
    width: 30px;
    text-align: right;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%)
}

.button-style-price-color a {
    padding: 12px 20px;
    color: #fff;
    width: 80%;
    text-align: center;
    display: block;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px
}

.colororangepricing a {
    background: #ed8700
}

.colorredpricing a {
    background: #e51f5c
}

.colorbluepricing a {
    background: #0a5ee5
}

.colorpinkpricing a {
    background: #b50481
}

.onelineslogo {
    margin-bottom: 50px;
    position: relative
}

.onelineslogo::after {
    top: -20px
}

.onelineslogo::before {
    bottom: -20px
}

.logo-section-7 h3.logoservices-headings {
    margin-bottom: 80px
}

.right-lineslogo::after {
    width: 1px;
    background: #535678;
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 16px;
    height: 49px
}

.our-headingwhychoosed h3 {
    text-align: left !important;
    position: relative;
    margin-bottom: 40px
}

.adjustdiv-aligns {
    width: 30.2%;
    display: inline-block;
    margin: 0 10px
}

.our-headingwhychoosed h3::after {
    left: 0;
    transform: inherit;
    top: 45px
}

.illustrator-vector-dec .logo-page-bannerstyle span {
    color: #03b6ff
}

.illustrator-page-banner {
    background: url(../images/services/illustrator/illustrator-bg.webp) 0 0/cover !important
}

section.illustrator-section-3,
section.logo-section-2.illustrationbg1 {
    background: url(../images/services/illustrator/illustrator-bg1.webp) 0 0/cover !important
}

.logo-image-first-secs::after {
    background: url(../images/services/illustrator/afterline.webp) 0 0/contain !important;
    width: 15px;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -75px
}

.compensate-for-scrollbar {
    margin-right: 0 !important
}

.our-newtab-illustrator ul.nav.nav-tabs {
    text-align: center;
    margin: 0 auto 45px;
    display: block;
    width: 100%;
    border-bottom: 0
}

.ourabottomspacegallerys a {
    margin-bottom: 40px !important;
    display: block
}

.bgs-allvctor,
.bgs-allvctor img,
.bpxlastwithimgill {
    margin: 0 auto;
    position: relative
}

.our-newtab-illustrator ul.nav.nav-tabs li a.active {
    background: #03b6ff;
    padding: 8px 28px;
    border-radius: 50px;
    -webkit-box-shadow: 0 6px 14px -5px #03b6ff;
    -moz-box-shadow: 0 6px 14px -5px #03b6ff;
    box-shadow: 0 6px 14px -5px #03b6ff
}

.our-newtab-illustrator ul.nav.nav-tabs li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

.our-newtab-illustrator ul.nav.nav-tabs li {
    display: inline-block;
    padding: 0 15px
}

.illustrationbg1::after {
    background: url(../images/services/illustrator/center-image-illustrators.webp) no-repeat !important;
    position: absolute;
    display: block;
    content: "";
    bottom: -15%;
    width: 261px;
    height: 281px;
    right: 15%;
    transform: translatey(0)
}

.bgs-allvctor::after,
.bgs-allvctor::before,
.illustratorsec4 .logo-image-first-secs::after,
.illustratorsec4 .logo-image-first-secs::before {
    animation: 10s linear infinite rotatenewill;
    content: "";
    display: block;
    position: absolute
}

section.logo-section-4.illustratorsec4 {
    background: url(../images/services/illustrator/illustrator-bg3.webp) 0 0/cover !important
}

.illustratorsec4 .logo-image-first-secs::after {
    bottom: -10px !important;
    left: -40px;
    background: url(../images/services/illustrator/bottomimage-round-vector.webp) !important;
    width: 88px;
    height: 88px;
    top: initial !important
}

.illustratorsec4 .logo-image-first-secs::before {
    background: url(../images/services/illustrator/topimage-round-vector.webp) !important;
    width: 142px;
    height: 138px;
    right: -50px;
    top: 60px
}

.illustrator-vector-dec .col-lg-3::after,
ul.my-ill-lisiting::after {
    width: 8px;
    right: 20px;
    height: 100%;
    display: block;
    position: absolute;
    content: ""
}

.illustrator-vector-dec {
    background: url(../images/services/illustrator/bg-all-vectors.webp) 0 0/cover !important
}

.bgs-allvctor::after {
    background: url(../images/services/illustrator/top-all-vector-round.webp) !important;
    width: 158px;
    height: 183px;
    top: 20%;
    left: 0
}

.bgs-allvctor::before {
    background: url(../images/services/illustrator/bottom-all-vector-round.webp) !important;
    width: 182px;
    height: 165px;
    bottom: 0;
    right: 0
}

@keyframes rotatenewill {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.bgs-allvctor img {
    z-index: 2;
    width: 90%;
    display: block;
    transform: translatey(0)
}

@keyframes float-twos-ill {
    0%,
    100% {
        transform: translatey(0)
    }
    50% {
        transform: translatey(-20px)
    }
}

.illustrator-vector-dec .logo-page-bannerstyle p {
    margin-top: 0 !important;
    font-size: 14px !important;
    margin-right: 0;
    padding-right: 0
}

.illustrator-vector-dec .col-lg-3::after {
    background: url(../images/services/illustrator/afterline.webp) 0 0/contain !important;
    top: 0
}

.illustrator-litings {
    background: url(../images/services/illustrator/lisiting-bg.webp) 0 0/cover !important
}

.ourilllisting li {
    font-size: 14px;
    color: #fff;
    padding-bottom: 12px
}

.ourilllisting li img {
    width: 15px;
    margin-right: 10px
}

.our-ill-lst-ings .ourilllisting {
    width: 18%;
    display: inline-block
}

ul.my-ill-lisiting::after {
    background: url(../images/services/illustrator/afterline.webp) 0 0/contain no-repeat !important;
    top: 50%;
    transform: translateY(-36%)
}

section.ready-to-workss::after,
section.ready-to-workss::before {
    background: url(../images/services/logos/dots-logo.webp) !important;
    width: 188px;
    height: 33px;
    display: block;
    position: absolute;
    content: ""
}

.ready-to-workss {
    background: url(../images/services/illustrator/ready-to-ww.webp) 0 0/cover !important
}

.our-ready-content {
    background: url(../images/services/illustrator/reading-ing.webp) 0 0/100% 100% !important;
    padding: 40px 50px 50px;
    width: 100%;
    height: 100%;
    border-radius: 12px
}

.our-ready-content .logo-page-bannerstyle h3 {
    font-size: 30px !important
}

.our-ready-content .btn-stylebordernews a {
    border: 2px solid #fff;
    font-weight: 600;
    color: #fff
}

section.ready-to-workss::after {
    left: 20%;
    bottom: 20px
}

section.ready-to-workss::before {
    right: 20%;
    top: 20px
}

.our-ready-content .btn-stylebordernews a:hover {
    background: #fff;
    color: #126551
}

.our-ready-content .btn-stylebordernews a:hover img {
    filter: initial !important
}

.ill-last-sec {
    background: url(../images/services/illustrator/bglast-ill.webp) 0 0/cover !important
}

.bpxlastwithimgill {
    text-align: center;
    transition: transform .2s
}

.bpxlastwithimgill h3 {
    font-size: 17px;
    color: #fff;
    margin-bottom: 17px;
    font-weight: 600
}

.bpxlastwithimgill p {
    font-size: 15px;
    color: #ddd
}

.bpxlastwithimgill img.withhoverill {
    opacity: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.bpxlastwithimgill:hover::after {
    background: #080351;
    width: 100%;
    height: 80%;
    display: block;
    position: absolute;
    content: "";
    z-index: -1;
    border-radius: 9px;
    border: 1px solid #070446;
    bottom: -25px;
    right: 0
}

.ill-last-sec .col-lg-3::after {
    height: 60%;
    width: 1px;
    position: absolute;
    display: block;
    content: "";
    background: #fff;
    top: 70%;
    transform: translateY(-50%);
    right: 0
}

.logo-section-5 .bigimage-logos::before {
    background-size: contain !important
}

@font-face {
    font-family: millennial_solsticeregular;
    src: url(../fonts/millennial_solstice-webfont.woff2) format("woff2"), url(../fonts/millennial_solstice-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.webpage-temp {
    background: url(../images/services/web-development-page-template/webpage-temp-bg.webp) 0 0/cover !important
}

.webdev-temp h3 {
    text-align: left;
    margin: 0 auto;
    display: block;
    color: #fff;
    text-transform: inherit !important;
    font-weight: 700 !important
}

.webdev-temp span5 {
    color: #ee2e29;
    font-weight: 500
}

.webdev-temp p {
    margin: 45px auto 0;
    text-align: left;
    margin-bottom: 0 !important;
    padding-bottom: 0
}

.webdev-temp .btn-stylebordernews {
    display: flex;
    justify-content: left
}

a.redbgcolors {
    background: #ee2e29 !important;
    border-color: #ee2e29 !important;
    box-shadow: none !important
}

.banner-contents.services-lefts.webdev-temp h1::after,
.webdev-temp h3::after {
    background: url(../images/services/logos/line-headingred.webp) 0 0/contain no-repeat !important;
    width: 68px !important;
    height: 14px !important;
    position: absolute;
    display: block !important;
    content: "";
    transform: initial !important;
    bottom: -35px !important;
    left: 0 !important
}

section.logo-section-2.illustrationbg1.webpage-temp-sec1 {
    background: url(../images/services/web-development-page-template/sec-two-temp.webp) 0 0/cover !important;
    padding: 100px 0 120px
}

.color-ys {
    color: #feaf0e
}

.webpage-temp-sec1::before {
    position: absolute;
    display: block;
    content: "";
    background: url(../images/services/web-development-page-template/circle-rights-temp.webp) !important;
    width: 401px;
    height: 359px;
    right: 0;
    top: 0
}

.headnew-red {
    color: #ee2e29
}

.heading-webtems p {
    width: 70%;
    margin: 0 auto 40px;
    text-align: center;
    color: #fff
}

.leftalignbox-temps {
    text-align: left !important;
    padding: 30px;
    margin: 0 10px
}

.leftalignbox-temps:hover {
    background: #7226ac;
    border-radius: 13px;
    box-shadow: 0 0 9px 1px rgb(54 13 40 / .44);
    -webkit-box-shadow: 0 0 9px 1px rgb(54 13 40 / .44);
    -moz-box-shadow: 0 0 9px 1px rgb(54 13 40 / .44)
}

.leftalignbox-temps p {
    color: #fff !important;
    margin-bottom: 0 !important
}

.newsection-temps {
    background: url(../images/services/web-development-page-template/section-three-temp.webp) 0 0/cover !important
}

.bpxlastwithimgill.leftalignbox-temps {
    transform: initial !important
}

.blues-bx-temps:hover {
    background: #008e76
}

.yellows-bx-temps:hover {
    background: #865912
}

.web-temp-proccess {
    background: url(../images/services/web-development-page-template/web-temp-process.webp) 0 0/cover !important
}

ul.tempprocess li {
    color: #fff;
    font-size: 15px;
    padding-bottom: 0;
    margin-bottom: 8px !important
}

.banner-contents h1 span,
.mheadng {
    color: #212112
}

.greenpro {
    border: 3px solid #3bcc7e;
    border-radius: 13px !important;
    box-shadow: 0 0 9px 1px rgb(59 204 126 / .61);
    -webkit-box-shadow: 0 0 9px 1px rgb(59 204 126 / .61);
    -moz-box-shadow: 0 0 9px 1px rgb(59 204 126 / .61)
}

.greenpro:hover {
    box-shadow: 0 0 9px 1px rgb(59 204 126 / .61);
    -webkit-box-shadow: 0 0 9px 1px rgb(59 204 126 / .61);
    -moz-box-shadow: 0 0 9px 1px rgb(59 204 126 / .61)
}

.bluepro {
    border: 3px solid #0fd1fa;
    border-radius: 13px !important;
    box-shadow: 0 0 9px 1px rgb(15 209 250 / .61);
    -webkit-box-shadow: 0 0 9px 1px rgb(15 209 250 / .61);
    -moz-box-shadow: 0 0 9px 1px rgb(15 209 250 / .61)
}

.bluepro:hover {
    box-shadow: 0 0 9px 1px rgb(15 209 250 / .61);
    -webkit-box-shadow: 0 0 9px 1px rgb(15 209 250 / .61);
    -moz-box-shadow: 0 0 9px 1px rgb(15 209 250 / .61)
}

.pinkpro {
    border: 3px solid #eb79f5;
    border-radius: 13px !important;
    box-shadow: 0 0 9px 1px rgb(235 121 245 / .61);
    -webkit-box-shadow: 0 0 9px 1px rgb(235 121 245 / .61);
    -moz-box-shadow: 0 0 9px 1px rgb(235 121 245 / .61)
}

.pinkpro:hover {
    box-shadow: 0 0 9px 1px rgb(235 121 245 / .61);
    -webkit-box-shadow: 0 0 9px 1px rgb(235 121 245 / .61);
    -moz-box-shadow: 0 0 9px 1px rgb(235 121 245 / .61)
}

.yellowpro {
    border: 3px solid #fda641;
    border-radius: 13px !important;
    box-shadow: 0 0 9px 1px rgb(253 166 65 / .61);
    -webkit-box-shadow: 0 0 9px 1px rgb(253 166 65 / .61);
    -moz-box-shadow: 0 0 9px 1px rgb(253 166 65 / .61)
}

.yellowpro:hover {
    box-shadow: 0 0 9px 1px rgb(253 166 65 / .61);
    -webkit-box-shadow: 0 0 9px 1px rgb(253 166 65 / .61);
    -moz-box-shadow: 0 0 9px 1px rgb(253 166 65 / .61)
}

.tempprocess img {
    margin-bottom: 0 !important;
    margin-right: 8px
}

section.illustrator-section-3.portfoliobgs-temps {
    background: url(../images/services/web-development-page-template/bg-webdeisgn-portfolio.webp) 0 0/cover !important
}

section.logo-section-7.tempbg-pricings {
    background: url(../images/services/web-development-page-template/pricingtempsd.webp) 0 0/cover !important
}

.tempbg-pricings .pricingboxani-p .button-pricingwhiteani a {
    border-color: #b81396 !important;
    -webkit-box-shadow: 0 10px 35px -13px #b81332;
    -moz-box-shadow: 0 10px 35px -13px #b81332;
    box-shadow: 0 10px 35px -13px #b81332
}

section.logo-section-6.templastbgsd {
    background: url(../images/services/web-development-page-template/last-bg-temps.webp) 0 0/cover !important
}

.templastbgsd .btn-stylebordernews a.blueborderbtn {
    border-color: #e210b5;
    -webkit-box-shadow: 0 10px 35px -13px #e210b5;
    -moz-box-shadow: 0 10px 35px -13px #e210b5;
    box-shadow: 0 10px 35px -13px #e210b5
}

.templastbgsd .btn-stylebordernews a:hover {
    background: #e210b5 !important
}

.themeblack-sectionone .img-newadd::after {
    background-size: 60% !important;
    background-repeat: no-repeat !important;
    right: 0;
    background-position: center right !important;
    top: 0;
    animation: 6s ease-in-out infinite float-twos-anis
}

@keyframes float-twos-anis {
    0%,
    100% {
        transform: translatey(0)
    }
    50% {
        transform: translatey(-20px)
    }
}

.img-newadd::after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/services/video-animation/briks.webp) !important
}

.lctnpge .mb-120 {
    margin-bottom: 120px
}

.lctnpge .baner {
    position: relative;
    background: url(../images/loctnbnr.jpg) center/cover no-repeat;
    padding: 100px 0
}

.lctnpge .baner ul.breadcrumb {
    left: 15px;
    margin-bottom: 0;
    position: relative;
    top: 120px
}

.lctnpge .baner ul.breadcrumb li {
    list-style: none
}

.lctnpge .container-fluid {
    padding-left: 5%;
    padding-right: 5%
}

.lctnpge .baner ul.pnt {
    display: grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
    padding-left: 20px;
    text-align: center;
    justify-items: center
}

.lctnpge .baner h1 {
    font-size: 55px;
    line-height: 85px;
    margin-bottom: 30px;
    color: #314252;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -2px;
    text-transform: capitalize;
    position: relative;
    text-align: center
}

.lctnpge .baner p {
    color: #5f7e00;
    font-weight: 600;
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center
}

.lctnpge .ftrd h2,
.lctnpge .loctn h2 {
    font-size: 56px;
    margin-bottom: 40px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -2px;
    text-transform: capitalize;
    display: block;
    line-height: 70px
}

.lctnpge .baner ul.pnt li {
    color: #314252;
    margin-bottom: 15px;
    position: relative;
    font-size: 20px;
    list-style: none
}

.lctnpge .baner ul.pnt li:after {
    background: #314252;
    border-radius: 50%;
    content: "";
    height: 7px;
    left: -15px;
    position: absolute;
    top: 12px;
    width: 7px
}

.lctnpge .baner h1:after {
    content: '';
    bottom: 0;
    color: #e2e2e2;
    font-family: Poppins, sans-serif;
    font-size: 190px;
    font-style: normal;
    font-weight: 700;
    left: 0;
    letter-spacing: -.03em;
    line-height: 0;
    opacity: .25;
    position: absolute;
    width: 1600px;
    z-index: -1
}

.lctnpge .ftrd,
.lctnpge .loctn {
    padding: 100px 0;
    background: #f8f8fb
}

.lctnpge .loctn h2 {
    color: #314252
}

.lctnpge .loctn .bx-wrp {
    background: #fff;
    border-radius: 25px;
    margin-bottom: 30px;
    padding: 25px;
    position: relative
}

.lctnpge .loctn .bx-wrp h4 {
    line-height: 40px;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 700;
    color: #314252;
    display: block;
    font-style: normal
}

.lctnpge .loctn .bx-wrp ul li a {
    background: unset;
    color: #314252;
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    height: auto;
    line-height: 38px;
    position: unset;
    transition: .2s;
    width: 100%
}

.lctnpge .loctn .bx-wrp ul li a:before {
    color: #314252;
    line-height: normal;
    content: "\f192";
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    width: 20px;
    font-family: FontAwesome
}

.lctnpge .ftrd h2 {
    color: #314252;
    text-align: center
}

.lctnpge .ftrd .boxwrp {
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    cursor: pointer;
    display: flex;
    height: 220px;
    justify-content: center;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.lctnpge .ftrd .boxwrp img {
    margin: 0 auto;
    height: 70px
}

@media (max-width:1800px) {
    .illustrationbg1::after {
        width: 161px;
        background-size: 100% 100% !important;
        height: 170px
    }
}

@media (max-width:1600px) {
    section.logo-section-5.wsmls::after {
        width: 37%
    }
}

@media (max-width:1500px) {
    section.logo-section-5.wsmls::after {
        width: 36%
    }
}

@media (max-width:1336px) {
    section.logo-section-5.wsmls::after {
        width: 34%
    }
    .bigimage-logos img {
        width: 80%;
        margin: 0 auto;
        display: block
    }
}

@media (max-width:1270px) {
    .illustratorsec4 .logo-image-first-secs::before {
        right: 0 !important;
        width: 80px;
        background-size: contain !important;
        height: 78px
    }
}

@media (max-width:1200px) {
    .box-counters p {
        font-size: 8px
    }
    .illustrationbg1::after {
        width: 141px;
        background-size: 100% 100% !important;
        height: 140px;
        bottom: -10% !important
    }
    .align-mblsoff .col-xs-3 {
        width: 25%
    }
    .align-mblsoff .col-xs-3 img,
    .positionback-image-blacktheme img,
    .videoanimtaion-images-box img {
        width: 100%
    }
}

@media (max-width:1024px) {
    .our-new-gallery-temp img,
    .our-newtab-illustrator img {
        width: 100%
    }
}

@media (max-width:991px) {
    .ournew-pricing-logo .pricelistinganimation {
        margin-right: 0 !important
    }
    .button-style-price-color a,
    .ournew-pricing-logo .button-pricingwhiteani a {
        margin: 0 auto !important
    }
    .logo-decep-details,
    .mynewpadding-logosd {
        text-align: center;
        margin: 0 auto
    }
    .leftalignbox-temps,
    .mynewpadding-logosd h3,
    .webdev-temp h3,
    .webdev-temp p {
        text-align: center !important
    }
    .headingline-top::after,
    .mynewpadding-logosd h3::after,
    .side-portfoliosd h3::after,
    .side-portfoliosd p::after {
        left: 50%;
        transform: translateX(-50%)
    }
    .my-box-whychoose {
        margin-bottom: 0 !important
    }
    .animation-pricing-list-section .tab-content::after,
    .bigimage-logos::before,
    .disnones,
    .divbe br,
    .for-dektop-991,
    .illustrationbg1 .logo-image-first-secs::after,
    .logo-decep-details::after,
    .logo-decep-details::before,
    .logo-page-bannerstyle h3::after,
    .myblues::after,
    .mypinks::after,
    .myreds::after,
    .ournew-pricing-logo .pricelistinganimation ul li img,
    .ournew-pricing-logo .pricingboxani-p::after,
    section.logo-section-5.wsmls::after,
    ul.my-ill-lisiting::after {
        display: none !important
    }
    .for-mobile-991,
    .ourilllisting,
    section.themeblack-sectionone.padding-section-c.align-v-customs {
        display: block !important
    }
    .postings {
        position: initial !important
    }
    .posanisd {
        position: initial
    }
    .backbg-lastafter {
        position: relative;
        padding-top: 0
    }
    .box-counters p {
        font-size: 10px
    }
    .backbg-lastafter::after {
        width: 100%
    }
    .img-newadd {
        padding-right: 0
    }
    .webpage-temp .absolute-center {
        margin-top: 0
    }
    .video-animation-banner .absolute-center {
        margin-top: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .illustrator-page-banner .services-spacebt-four-five {
        flex: initial !important;
        align-items: initial !important
    }
    .logo-page-banner .absolute-center,
    .logo-page-banner .banner-image-rights {
        margin-top: 0 !important
    }
    .illustrator-page-banner .logo-page-bannerstyle {
        text-align: center;
        top: 50%;
        transform: translateY(-50%)
    }
    .webdev-temp h3::after {
        left: 50% !important;
        transform: translateX(-50%) !important
    }
    .webdev-temp .btn-stylebordernews {
        display: flex;
        justify-content: center
    }
    .logo-page-bannerstyle h3,
    .our-ready-content .logo-page-bannerstyle h3,
    .side-portfoliosd h3,
    .side-portfoliosd h4 {
        font-size: 24px !important
    }
    .bpxlastwithimgill:hover {
        transform: initial !important
    }
    .ourilllisting li {
        display: flex;
        align-items: center
    }
    .ourilllisting {
        margin: 0 auto;
        width: 140px !important
    }
    .webpage-temp-sec1 .logo-image-first-secs.afdcnone img {
        width: 90%
    }
    .slick-slide .our-new-gallery-temp img {
        width: 80% !important;
        margin: 0 auto !important
    }
    .divbe::after,
    .logo-section-2 .logo-image-first-secs::after,
    ul.tempprocess.color-blue-icosd li img {
        display: none
    }
    .ill-last-sec .bpxlastwithimgill img {
        margin-bottom: 30px !important
    }
    .bigimage-logos,
    .sidebyside-image-content h3.headingline-top.pt-0,
    .webpage-temp-sec1 .logo-image-first-secs {
        margin-top: 50px
    }
    ul.tempprocess.color-blue-icosd,
    ul.tempprocess.color-blue-icosd li {
        text-align: center;
        margin: 0 auto;
        display: block
    }
    .order-1-cc {
        -ms-flex-order: 1;
        order: 1
    }
    .order-2-cc {
        -ms-flex-order: 2;
        order: 2
    }
    .process-item {
        margin: 0 auto;
        text-align: center
    }
    .bpxlastwithimgill img {
        text-align: center;
        margin: 0 auto 20px
    }
    .logo-image-first-secs img,
    .logosection4-box,
    .logosection4-box .icon-logoboxd img {
        margin: 0 auto;
        display: block
    }
    .bpxlastwithimgill img.withhoverill {
        top: 0 !important
    }
    .illustrationbg1 .logo-page-bannerstyle {
        margin-top: 40px
    }
    .illustratorsec4 .logo-image-first-secs {
        margin-top: 60px
    }
    .our-ready-content {
        background: #18765e !important
    }
    .illustrationbg1::after {
        bottom: -6%;
        width: 111px;
        background-size: contain !important;
        height: 111px
    }
    .headingwithcenterleftstyle,
    .logo-page-bannerstyle,
    .ournew-pricing-logo .priceheading-boxs,
    .ournew-pricing-logo .pricelistinganimation ul li,
    .services-content-box.leftbtn-and-margins,
    .services-lefts,
    .side-portfoliosd {
        text-align: center
    }
    .button-pricingwhiteani a {
        width: 160px !important
    }
    .video-animation-banner {
        background-position: center center;
        background-size: cover !important
    }
    .logosection4-box {
        text-align: center;
        width: 80% !important
    }
    .logo-image-first-secs img,
    .slider-logoside .items img {
        width: 40%
    }
    .slider-thumb-logo-page {
        margin-top: 30px
    }
    .our-slider-logo-des {
        display: inherit;
        align-items: center;
        padding: 18px 0;
        margin: 0 auto
    }
    .logo-descp-img {
        margin: 0 auto;
        width: auto !important
    }
    .slick-slide .logo-descp-img img {
        display: block;
        margin: 0 auto
    }
    .items.slick-slide.slick-current.slick-active .logo-decep-details::before {
        height: 76px
    }
    .headingnewpagestyles h3,
    .ourcenterheadingbanner-new h2,
    .tabs-funds h3,
    h3.logoservices-headings {
        font-size: 24px
    }
    .logo-page-bannerstyle h6 {
        font-size: 18px !important
    }
    .logo-page-banner .banner-image-rights img {
        width: 37%;
        margin: 0 auto;
        display: block
    }
    .logo-page-bannerstyle p {
        padding-right: 0 !important;
        margin-top: 18px !important;
        margin-bottom: 18px !important
    }
    .themeblack-sectionone::after,
    section.sidebyside-image-content::after {
        width: 8px
    }
    .content-animationsection .buttonbox,
    .leftbtn-and-margins .buttonbox,
    .services-lefts .buttonbox,
    .themeblack-sectionone .buttonbox {
        justify-content: center
    }
    .process-btn h4::after {
        background: #00aeef;
        left: 50%;
        transform: translateX(-50%)
    }
    .process-btn p {
        color: #fff
    }
    .process-btn h4 {
        color: #00aeef
    }
    .process-item.process-btn {
        text-align: center;
        margin: 60px auto 30px;
        padding: 0 20px
    }
    .videoanimtaion-images-box img {
        width: 50%;
        margin: 0 auto
    }
    .content-animationsection.services-content-box {
        text-align: center;
        margin: 0 auto;
        padding: 0 20px
    }
    .themeblack-sectionone .box-counters {
        text-align: center;
        margin: 50px 20px 0
    }
    .themeblack-sectionone .services-content-box {
        text-align: center;
        margin: 60px 0 0
    }
    .positionback-image-blacktheme {
        position: initial !important;
        width: 100%;
        display: block;
        margin: 0 auto
    }
    .positionback-image-blacktheme img {
        width: 60%;
        text-align: center;
        margin: 0 auto;
        display: block
    }
    .ournewtabbox h3 {
        font-size: 15px !important
    }
    .fund-process h3,
    .ourcenterheadingbanner-new h4 {
        font-size: 15px
    }
    .fund-process p {
        line-height: 1.3;
        font-weight: 400
    }
    .headingnewpagestyles h4 {
        font-size: 20px
    }
    .centerplane .ourblds,
    .our-newtab-illustrator ul.nav.nav-tabs li {
        margin-bottom: 20px
    }
    .centerplane::before {
        width: 18% !important;
        height: 100%
    }
    .pricingboxani-p {
        width: 80%;
        margin: 0 auto
    }
}

@media (max-width:576px) {
    .newslider-animation .items {
        margin-left: 0 !important
    }
    .bgs-allvctor::after,
    .bgs-allvctor::before,
    .webpage-temp-sec1::before,
    .whitesection-newpagestyle::after {
        display: none !important
    }
    .our-ready-content .btn-stylebordernews a {
        display: block
    }
    .our-ready-content .btn-stylebordernews a.blueborderbtn {
        margin-bottom: 20px
    }
    .logo-section-6 .btn-stylebordernews a {
        width: 100%;
        margin: 0 auto;
        display: block
    }
    .logo-section-6 .btn-stylebordernews a.whitebtnbrders {
        margin-top: 20px
    }
    .slider-logoside .items img {
        width: 80% !important
    }
    .headingnewpagestyles,
    .tabs-funds {
        padding: 0 18px
    }
    .funds-pagebanner {
        background-repeat: no-repeat;
        background-size: cover !important
    }
    .headingnewpagestyles p {
        width: 100%
    }
}

.sourceimage img,
.sourceimage p {
    width: 100% !important;
    display: block;
    text-align: center
}

@media (max-width:800px) {
    .blog-left-content img {
        width: 100% !important;
        height: auto !important
    }
}

.rightzeros .roundsdfour+a {
    padding-right: 0;
    margin-right: 15px !important
}

.dropdownopenfour {
    width: max-content !important
}

.rightzeros a.ourbottm-down::after {
    right: 5px !important
}

.banner-contents.services-lefts h1 {
    font-size: 35px;
    font-weight: 900;
    text-transform: uppercase;
    padding-bottom: 0;
    position: relative;
    color: #212112 !important
}

.banner-contents.logo-page-bannerstyle h1 {
    font-size: 29px !important;
    color: #06a5ef !important;
    font-weight: 400;
    text-transform: initial;
    margin-bottom: 0;
    padding-bottom: 0
}

.banner-contents.logo-page-bannerstyle.mynewff h1 {
    font-size: 40px !important;
    color: #fff !important;
    text-transform: initial !important;
    font-weight: 800 !important;
    position: relative
}

.banner-contents.services-lefts.webdev-temp h1 {
    text-align: left;
    margin: 0 auto;
    display: block;
    color: #fff !important;
    text-transform: inherit !important;
    font-weight: 700 !important;
    padding-bottom: 0
}

.banner-contents.services-lefts.blacktheme-style h1 {
    padding-bottom: 0 !important;
    margin-bottom: 0;
    color: #06a5ef !important
}

.sourceimage img {
    padding-bottom: 0;
    margin: 0 auto !important
}

.contentupdate-section p,
.logo-news-up p,
.productst-contents p {
    line-height: 1.8;
    margin-top: 20px
}

.wrldwd .my-tabs p,
.wrldwd h6 {
    line-height: 29px;
    color: #000;
    margin: 0
}

.sourceimage p {
    font-size: 17px;
    padding: 3px 0;
    background: #efefef
}

.contentupdate-section .buttonbox {
    justify-content: inherit !important
}

.contentupdate-section h1 {
    font-size: 40px;
    font-weight: 900;
    color: #00386c;
    padding-right: 20px;
    width: 80%;
    position: relative
}

.contentupdate-section h1::before {
    position: absolute;
    content: "";
    width: 77px;
    height: 3px;
    top: -20px;
    left: 0;
    background: #00386c
}

.contentupdate-section p {
    font-size: 15px;
    color: #8d8d8d;
    width: 80%
}

.faqs h2,
.faqs h4,
.logo-news-up p {
    color: #fff;
    text-align: center
}

.boxestile-press-rel {
    margin-top: 80px
}

@media (max-width:991px) {
    .contentupdate-section h1 {
        font-size: 24px !important
    }
}

.newdropdowns.top-drop .dropbtn {
    text-transform: uppercase;
    font-size: 13px;
    padding-right: 25px !important;
    position: relative
}

.newdropdowns .dropbtn::after {
    width: 0;
    height: 0;
    border-left: 3px solid #fff0;
    border-right: 3px solid #fff0;
    border-top: 5px solid #000;
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.newdropdowns.dscrolls .dropbtn::after {
    right: -7px;
    top: 60% !important;
    transform: translateY(-60%)
}

.newdropdowns .dropbtn {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    background: 0 0;
    border: none;
    cursor: pointer;
    padding-top: 5px;
    text-align: left !important
}

.wrldwd h2,
.wrldwd p,
.ylwbx .boxwrp {
    text-align: center
}

.newdropdowns .dropdown-content {
    display: none;
    position: absolute;
    background-color: #000f37;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / .2);
    z-index: 1;
    border-radius: 6px !important;
    padding: 8px !important
}

.dropdown-content a {
    color: #000;
    padding: 8px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    text-transform: initial !important;
    font-weight: 600 !important
}

.newdropdowns .dropdown-content a:hover {
    background-color: #fff0;
    color: #fff
}

.newdropdowns .dropdown:hover .dropbtn {
    background-color: #fff0;
    color: #2e7bf5
}

@media (max-width:767px) {
    .nav-item:after {
        display: none
    }
    .dropdown-toggle::after,
    .nav-item::before {
        position: absolute;
        display: block;
        content: "";
        border: none;
        background-color: #000;
        vertical-align: 0
    }
    .nav-item::before {
        top: 15px;
        left: 0;
        width: 11px;
        height: 1px
    }
    .dropdown-toggle::after {
        top: 10px;
        left: -23px;
        width: 1px;
        height: 11px;
        transition: .2s linear
    }
    .dropdown-toggle[aria-expanded=true]::after {
        transform: rotate(90deg);
        opacity: 0
    }
    .dropdown-menu {
        padding: 0 !important;
        background-color: #fff0;
        box-shadow: none;
        transition: .2s linear
    }
    .dropdown-toggle[aria-expanded=true]+.dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important
    }
    .contentupdate-section h1,
    .contentupdate-section p,
    .exo-menu,
    .exo-menu>li {
        width: 100%
    }
    .exo-menu {
        min-height: 58px;
        background-color: #23364b
    }
    .exo-menu>li>a {
        width: 100%;
        display: none
    }
    .display.exo-menu>li>a {
        display: block;
        padding: 20px 22px
    }
    .Blog,
    .Images,
    .flyout-left>ul,
    .flyout-right>ul,
    .mega-menu,
    li.drop-down>ul {
        position: relative
    }
    .roundsdfour,
    .roundsfour {
        display: block !important
    }
    .bgs-allvctor::after,
    .bgs-allvctor::before {
        background-size: contain !important;
        width: 62px !important;
        height: 62px !important
    }
    .ourilllisting li {
        display: -webkit-inline-box !important;
        align-items: center;
        justify-content: flex-start !important
    }
    section.slider-rightsides::after {
        background: #198def;
        width: 8px
    }
    .animation-pricing-list-section ul li a {
        font-size: 13px;
        padding: 4px 0 !important;
        display: inline-block
    }
    .slick-slide .videoanimtaion-images-box img {
        width: 60% !important
    }
    .tabs-funds ul.nav.nav-tabs li {
        margin-bottom: 30px
    }
    .bluelightnewcolors .content-sstylenewpages {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .order-1-c {
        -ms-flex-order: 1;
        order: 1
    }
    .order-2-c {
        -ms-flex-order: 2;
        order: 2
    }
    .sectionthree-newpage .our-slider-mobile {
        margin: 40px 0 0
    }
    .contentupdate-section h1::before,
    .fund-process br {
        display: none !important
    }
    .funds-pagebanner {
        background-position: center center !important
    }
    .content-sstylenewpages {
        padding-right: 0;
        text-align: center
    }
    .image-sidecontents {
        margin-bottom: 25px
    }
    .content-sstylenewpages h4 {
        font-size: 24px;
        margin-bottom: 10px
    }
    .content-sstylenewpages h3 {
        font-size: 22px
    }
    .section-add-update {
        margin-top: 110px
    }
    .box-bg-updated-content {
        margin-top: 50px;
        height: auto;
        padding: 60px 30px
    }
    .contentupdate-section {
        text-align: center;
        margin: 0 auto;
        width: 100%
    }
    .contentupdate-section .buttonbox button {
        margin: 0 auto
    }
    .newdropdowns .dropdown {
        width: 100% !important
    }
    .newdropdowns .dropbtn::after {
        border-left: 6px solid #fff0;
        border-right: 6px solid #fff0;
        border-top: 6px solid #000
    }
    .newdropdowns.dscrolls .dropbtn::after {
        right: 0 !important
    }
    .newdropdowns .dropbtn {
        padding-left: 0 !important
    }
    .newdropdowns .dropdown-content {
        background: #021852;
        width: 100%;
        padding: 28px;
        border-radius: 10px
    }
    .newdropdowns .dropdown-content a {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        border-bottom: 1px solid #ffffff26;
        text-align: center;
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        text-transform: initial;
        padding-bottom: 10px !important
    }
    .newdropdowns .dropdown-content a:hover {
        background: 0 0 !important;
        color: #fff !important
    }
    .newdropdowns .dropdown-content a:nth-child(2) {
        padding-bottom: 0 !important;
        border-bottom: 0
    }
}

.productstategy-banner {
    background: url(../images/product-stategy/product-stategy-bg.webp) !important
}

.backgroundfull-norep {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 710px !important;
    display: flex
}

.banner-contents.services-lefts.product-stategy-banner-text h1 {
    font-size: 40px !important;
    color: #f58220 !important;
    position: relative;
    margin-bottom: 0 !important;
    padding: 0 0 20px
}

.banner-contents.services-lefts.product-stategy-banner-text h1::after {
    position: absolute;
    display: block;
    content: "";
    width: 179px;
    height: 2px;
    top: -40px;
    background: #14225b;
    transform: inherit !important;
    left: 0 !important
}

.product-stategy-banner-text h4 {
    color: #cdccda;
    font-size: 20px
}

.banner-contents.services-lefts.product-stategy-banner-text p {
    color: #cdccda !important;
    margin-bottom: 0 !important
}

.text-heading-products p {
    color: #fff;
    position: relative
}

.text-heading-products p::after {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background: #fff;
    position: absolute;
    content: "";
    left: -58px
}

.text-heading-products p.centerproduct-heads::after {
    left: -38px
}

p.centerproduct-heads {
    padding: 30px 0 30px 15px
}

.buttonbox.myproductcenter-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px
}

.myproductcenter-btn .button--isi {
    padding: 10px;
    color: #fff;
    overflow: hidden;
    background: #f58220;
    background: -moz-linear-gradient(144deg, #f58220 0, #d26b13 100%);
    background: -webkit-linear-gradient(144deg, #f58220 0, #d26b13 100%);
    background: linear-gradient(144deg, #f58220 0, #d26b13 100%);
    box-shadow: 0 10px 18px rgb(53 93 237 / .3);
    -webkit-box-shadow: 0 10px 18px rgb(53 93 237 / .3);
    -moz-box-shadow: 0 10px 18px rgb(53 93 237 / .3)
}

.myproductcenter-btn .button--isi::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .9, 1), opacity .3s cubic-bezier(.7, 0, .9, 1);
    transition: transform .3s cubic-bezier(.7, 0, .9, 1), opacity .3s cubic-bezier(.7, 0, .9, 1);
    background: #d26b13;
    background: -moz-linear-gradient(144deg, #d26b13 0, #f58220 100%);
    background: -webkit-linear-gradient(144deg, #d26b13 0, #f58220 100%);
    background: linear-gradient(144deg, #d26b13 0, #f58220 100%)
}

.bluecollar.services-right-left-banners::after,
.qattar.services-right-left-banners::after {
    background-size: contain;
    height: 90%;
    display: block;
    background-repeat: no-repeat;
    background-position: right bottom;
    opacity: .7;
    position: absolute;
    content: "";
    right: 0;
    bottom: 0
}

.myproductcenter-btn .button--isi>span {
    vertical-align: middle;
    padding-left: 0
}

.myproductcenter-btn .button--isi:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1)
}

.productst-sectiontwos {
    padding: 120px 0
}

.productst-contents h2 {
    font-size: 38px;
    color: #00318b;
    font-weight: 800;
    position: relative
}

.productst-contents h2::after {
    position: absolute;
    display: block;
    content: "";
    width: 179px;
    height: 2px;
    top: -30px;
    background: #00318b;
    transform: inherit !important;
    left: 0 !important
}

.productst-contents p {
    font-size: 15px;
    color: #4c4c4c
}

.centerline-productst::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 500px;
    display: block;
    background: url(../images/product-stategy/line-product-centers.webp) !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (min-height:920px) {
    .fold-side-headings::after {
        height: 70vh
    }
}

@media screen and (max-height:920px) {
    .fold-side-headings::after {
        height: 70vh
    }
}

.bluecollar.services-right-left-banners::after {
    background-image: url(../images/casestudy/blue-collar/blue-collarbgs.webp);
    width: 100%
}

.qattar.services-right-left-banners::after {
    background-image: url(../images/casestudy/qatar-trip-generation/blue-collarbgs.webp);
    width: 100%
}

@media screen and (max-width:767px) {
    .video-content h2,
    .video-content h4 {
        margin-top: 50px
    }
    .videosectionhome::after,
    .videosectionhome::before {
        display: none
    }
    .contentbox h4 {
        font-size: 28px
    }
    .blog-leftbox .contentbox h3 {
        font-size: 18px
    }
    .ourtbs li {
        width: 30%
    }
    .contact-tabs .tab-pane {
        height: 690px !important
    }
    .pos2tab .justify-content-end {
        justify-content: center !important
    }
    .box-for-select-country span {
        margin-bottom: 20px
    }
    .pos2tab {
        bottom: 20px
    }
    .bluecollar.services-right-left-banners::after,
    .qattar.services-right-left-banners::after {
        height: 100% !important
    }
}

.home-banner-bg ul.banner-imgs,
.home-banner-bg ul.banner-imgs .wrap .one,
.optm .imgsp ul {
    display: flex;
    justify-content: center
}

@media screen and (max-width:360px) {
    .bluecollar.services-right-left-banners::after,
    .qattar.services-right-left-banners::after {
        background-position: right top
    }
}

@media screen and (max-height:321px) {
    .btn-stylebordernews a {
        display: inline-block !important;
        margin-bottom: 10px !important
    }
}

.mycustom-nav .navigation-wrap.bg-light.scroll-on {
    background: #fff !important
}

.mycustom-nav a.ourbottm-down::after,
.mycustom-nav button.btn-select::after {
    border-top: 5px solid #fff !important
}

.mycustom-nav .nav-two::after,
.mycustom-nav .nav-two::before {
    border-color: #ffffff1f
}

body.mycustom-nav a.calltop img {
    filter: brightness(0) invert(1) !important
}

.animation-page-banner {
    background: url(../images/services/animation-page-new/bg.webp) !important;
    position: Relative;
    height: 540px !important
}

.automtivebner,
.home-banner-bg {
    background-size: cover;
    background-repeat: no-repeat
}

.animation-page-banner::before {
    background: url(../images/services/animation-page-new/boy.webp) right bottom/contain no-repeat !important;
    content: "";
    display: block !important;
    height: 100% !important;
    width: 100%;
    position: absolute;
    bottom: -65px;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.animation-page-banner::after {
    position: absolute;
    width: 30.5%;
    height: 100%;
    background: #0000007a !important;
    content: "";
    display: block;
    left: 0 !important;
    top: 0;
    -webkit-animation-name: slidein;
    animation-name: slidein;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes slidein {
    from {
        transform: translateX(-30%)
    }
    to {
        transform: translateX(0)
    }
}

.banner-contents.services-lefts.blacktheme-style.testwhite-new-pages h1 {
    color: #fff !important;
    font-size: 50px
}

.banner-contents.services-lefts.blacktheme-style.testwhite-new-pages h5 {
    font-size: 15px;
    font-weight: 400;
    text-transform: initial
}

.testwhite-new-pages button.button.button--isi.button--border-thick.button--round-l.button--size-s.popupbtn.mt-3 {
    background: 0 0;
    border: 1px
}

.mynewpage-animationtext::after {
    background: url(../images/services/animation-page-new/typetext.webp) no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    transform: translateY(-50%)
}

.anchor-remove-sec .readmore a.arrow-right {
    pointer-events: none !important
}

.game-footersec .content-game-same a.popupbtn {
    margin: 0 10px 0 auto;
    background: #355ced;
    background: -moz-linear-gradient(144deg, #355ced 0, #2895fb 100%);
    background: -webkit-linear-gradient(144deg, #355ced 0, #2895fb 100%);
    background: linear-gradient(144deg, #355ced 0, #2895fb 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 600 !important;
    text-transform: uppercase;
    border-radius: 50px;
    display: inline-block;
    padding: 12px 35px
}

.home-banner-bg {
    background-position: right;
    padding: 160px 0 40px
}

video.center-video {
    width: 65% !important
}

.footerbox-details span img {
    width: 80%;
    max-width: 100%;
    filter: contrast(.5)
}

.home-banner-bg ul.banner-imgs li:nth-child(2) {
    position: relative;
    margin-left: 20px
}

.home-banner-bg ul.banner-imgs li:nth-child(2) .weather_sec::before {
    content: "";
    width: 374px;
    height: 610px;
    background: url(../images/mobile_morning.png) center center/contain no-repeat;
    position: absolute;
    top: 11px;
    left: -54px;
    right: 0;
    bottom: 0;
    animation: 6s linear 1s infinite mobile_weather
}

.wrldwd .tabwrp ul li.current,
ul.dotli li:before {
    background: #a9de00
}

.home-banner-bg ul.banner-imgs li:nth-child(2) .weather_sec img {
    width: 90%;
    margin: 0 auto;
    display: block
}

@keyframes mobile_weather {
    0% {
        background: url(../images/mobile_morning.png) center center/contain no-repeat
    }
    50% {
        background: url(../images/mobile_evening.png) center center/contain no-repeat
    }
    100% {
        background: url(../images/mobile_night.png) center center/contain no-repeat
    }
}

.home-banner-bg ul.banner-imgs li:first-child {
    left: 20px
}

.home-banner-bg ul.banner-imgs li:last-child {
    right: 20px
}

.home-banner-bg ul.banner-imgs .wrap {
    position: absolute;
    top: 80px;
    left: 20px;
    color: #fff;
    right: 0;
    margin: auto
}

.home-banner-bg ul.banner-imgs .wrap * {
    font-family: Cleanwork
}

.home-banner-bg ul.banner-imgs .wrap .one .date {
    margin: 0 5px 0 10px
}

.home-banner-bg ul.banner-imgs .wrap .two .time {
    font-size: 70px;
    line-height: 70px
}

.home-banner-bg ul.banner-imgs .wrap .one * {
    font-family: Raleway;
    font-size: 25px;
    text-align: center
}

.navbar ul.exo-menu li a {
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px
}

.start-header.scroll-on .navbar-brand {
    flex: 0 0 15%
}

input.submitbtn-contact-page:hover {
    background: #3c3c3b;
    color: #fff
}

body.aboutpg .image-right-abouts.wwwabouts {
    position: relative;
    top: 100px;
    right: 100px
}

button.btn-fill {
    background: #b7f200;
    color: #3c3c3b;
    border: 1px solid #fff !important;
    margin: 0;
    z-index: 99
}

.gamebg .section.full-height {
    overflow: hidden;
    background-position: bottom
}

.gamebg .section.full-height:before {
    content: "";
    position: absolute;
    background-image: url(../images/tower-1.webp);
    width: 578px;
    height: 291px;
    bottom: 0;
    right: 13%;
    z-index: 1
}

.gamebg .section.full-height:after {
    content: "";
    position: absolute;
    background-image: url(../images/tower-2.webp);
    width: 578px;
    height: 291px;
    bottom: 0;
    left: 12%
}

.gamebg .section.full-height .car-img {
    position: absolute;
    bottom: 0;
    animation: 10s linear infinite rightToLeft
}

.gamebg .car-img img.fire {
    position: relative;
    bottom: 50px;
    left: -80px;
    animation: .1s infinite taadaa
}

.main-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 1px;
    border-radius: 50%;
    animation: 5s infinite alternate zoom-dots
}

@keyframes zoom-dots {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(1.2)
    }
}

@keyframes taadaa {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes rightToLeft {
    0% {
        transform: translateX(2000px)
    }
    100% {
        transform: translateX(-700px)
    }
}

.social-icons-top a span {
    text-transform: uppercase;
    color: #fff
}

.section-services .buttonbox.centerbtnabot button.button--isi {
    margin: 10px 0 30px
}

.about-foldtwo.service-left .row.dis-space-bt {
    flex-direction: row-reverse
}

.about-foldtwo.service-left .imagesidemobile img {
    width: 70%
}

.about-foldtwo.service-left .aboutleft-content h2,
.about-foldtwo.service-left .aboutleft-content h3,
.about-foldtwo.service-right .aboutleft-content h2,
.about-foldtwo.service-right .aboutleft-content h3 {
    font-size: 40px;
    margin-bottom: 15px
}

.btn-fill a {
    color: #3c3c3b
}

.footersection .social-icons a:hover img {
    transform: translateY(-10px)
}

.footersection .social-icons a img {
    transition: .4s linear
}

.mheadng {
    font-size: 40px;
    font-weight: 900
}

.automtivebner {
    height: 100vh;
    width: 100%;
    position: relative;
    background-position: center
}

.automtivebner img.bgimg {
    position: absolute;
    left: -300px;
    z-index: -1;
    width: auto;
    top: -80px
}

.automtivebner .banner-contents ul,
.trnsfrm .dwnsec ul {
    padding: 0 0 30px 20px
}

.prmte .txtwrp ul li,
ul.dotli li {
    font-size: 17px;
    position: relative
}

.pd-100 {
    padding: 100px 0
}

ul.dotli li:before {
    content: '';
    display: inline-block;
    width: 12px;
    left: -20px;
    top: 7px;
    position: absolute;
    height: 12px;
    border-radius: 50px
}

.lgos {
    background: #000;
    padding: 30px 0
}

.hlthcre,
.vsnry:before {
    background-repeat: no-repeat
}

.chmta h4:after,
.faqs,
.hlthcre,
.rfrlbaner,
.rfrlprocs,
.rfrlservice,
.trnsfrm {
    background-size: cover
}

.faqs,
.rfrlbaner,
.rfrlprocs,
.rfrlservice,
.trnsfrm,
.vsnry:before {
    background-position: center
}

.shwcse img {
    box-shadow: 0 0 7px 1px rgb(212 212 212 / 39%);
    padding: 20px;
    width: 130px;
    height: 130px;
    object-fit: contain
}

.ernas p,
.ernas ul {
    padding: 20px 0
}

.vsnry:before {
    content: '';
    position: absolute;
    background-image: url(../images/industries/asellipse733.png);
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: contain;
    height: 10px;
    width: 100%;
    top: 0
}

.vsnry ul {
    margin: 20px 0
}

.vsnry ul.dotli li {
    padding: 0 25px 0 0;
    color: #000;
    font-weight: 500
}

.vsnry ul.dotli li:before {
    content: '';
    left: auto;
    right: 0
}

.vsnry img.sdeimg {
    position: absolute;
    left: 0;
    top: -60px
}

.ylwbx .boxwrp {
    background-color: #a9de00;
    width: 100%;
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 60px 160px
}

.ylwbx .boxwrp ul {
    display: flex;
    justify-content: space-evenly
}

.ylwbx .boxwrp ul li {
    color: #1c1c1c;
    line-height: normal
}

.ylwbx .boxwrp ul li:first-child:after {
    content: '';
    position: absolute;
    right: -60px;
    height: 130px;
    width: 11px;
    top: 0;
    background-image: url(../images/industries/smlshdebch.png);
    background-repeat: no-repeat;
    background-size: contain
}

.ylwbx .boxwrp ul li b {
    font-size: 93px
}

.ylwbx .boxwrp ul li span {
    display: block;
    font-size: 16px;
    font-weight: 700
}

.hlthcre {
    background-image: url(../images/industries/hlthcrebg.png)
}

.hlthcre img.bgimg {
    position: absolute;
    z-index: 0;
    top: -150px;
    left: -290px
}

.wrldwd h2 {
    width: 60%;
    margin: 0 auto 20px
}

.wrldwd p {
    width: 90%;
    margin: 0 auto
}

.optm h2,
.optm p {
    width: 80%;
    text-align: center
}

.wrldwd .tabwrp {
    margin: 50px 0 0
}

.wrldwd .tabwrp ul li {
    cursor: pointer;
    text-align: center;
    padding: 10px 0;
    margin: 20px 0
}

.wrldwd .tabwrp ul li h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

.chmta h4:after,
.faqs,
.rfrlbaner,
.rfrlprocs,
.rfrlservice,
.trnsfrm {
    background-repeat: no-repeat
}

.wrldwd h6 {
    font-size: 17px
}

.wrldwd .my-tabs p {
    font-size: 17px;
    text-align: left;
    width: 100%
}

.wrldwd .bgclr {
    background: #fff;
    background: linear-gradient(180deg, #fff 0, #f6f6f6 100%)
}

.chmta,
.estmd:before {
    background-color: #a9de00
}

.wrldwd ul li:first-child:after {
    content: '';
    position: absolute;
    right: 13px;
    height: 238px;
    width: 11px;
    top: 30px;
    background-image: url(../images/industries/tabshdw.png);
    background-repeat: no-repeat;
    background-size: contain
}

.trnsfrm {
    background-image: url(../images/industries/transfrmtnbg.png)
}

.trnsfrm .topsec h2 {
    text-align: right;
    color: #fff
}

.trnsfrm .topsec p:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #ffffff30;
    top: 0;
    left: -20px
}

.trnsfrm .imgwp.current {
    box-shadow: 1px 1px 16px 0 #fdf3f357
}

.trnsfrm .imgwp h3,
.trnsfrm .imgwp h6 {
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: #fff;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600
}

.trnsfrm .dwnsec {
    margin: 60px 0 0
}

.trnsfrm .dwnsec ul li {
    color: #fff;
    padding: 0 0 6px;
    font-size: 17px;
    font-weight: 600;
    position: relative
}

.ernas .txt ul li:before,
.optm .dwnsec ul li:before,
.prmte .txtwrp ul li:before,
.trnsfrm .dwnsec ul li:before {
    content: '';
    position: absolute;
    background-color: #a9de00;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: -20px;
    top: 7px
}

.trnsfrm .dwnsec p {
    position: relative;
    color: #fff
}

.trnsfrm .dwnsec p:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #ffffff30;
    top: 0;
    right: -40px
}

.estmd:before {
    content: '';
    position: absolute;
    width: 376px;
    height: 10px;
    left: 0;
    top: 175px
}

.estmd:after {
    content: '';
    background-color: #f8f8f8;
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    z-index: -1
}

.estmd .bxwrp {
    background: #a9de00;
    padding: 20px 40px
}

.estmd .bxwrp h3,
.estmd .bxwrp h5 {
    font-weight: 700;
    font-size: 25px;
    margin: 0 0 20px
}

.estmd .bxwrp ul li {
    padding: 0;
    color: #1c1c1c;
    font-size: 16px;
    margin: 20px 0 0;
    position: relative;
    font-weight: 600
}

.estmd .bxwrp ul li:before {
    content: '';
    position: absolute;
    background-color: #1c1c1c;
    width: 12px;
    border-radius: 50%;
    height: 12px;
    top: 5px;
    left: -20px
}

.optm h2 {
    margin: 0 auto
}

.optm p {
    margin: 20px auto
}

.optm .imgsp ul {
    align-content: center;
    gap: 20px;
    align-items: center;
    margin-top: 30px
}

.optm .imgsp ul li {
    cursor: pointer
}

.optm .imgsp ul li h3,
.optm .imgsp ul li span {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    height: 60px
}

.optm .dwnsec ul {
    padding: 30px 0 30px 20px
}

.optm .dwnsec ul li {
    color: #000;
    padding: 0 0 6px;
    font-size: 17px;
    font-weight: 600;
    position: relative
}

.optm .dwnsec p {
    position: relative;
    color: #000;
    text-align: left;
    width: 100%
}

.optm .dwnsec p:after {
    content: '';
    position: absolute;
    height: 130%;
    width: 1px;
    background-color: #cecece;
    top: 0;
    right: -40px
}

.chmta {
    padding: 70px 0 110px
}

.chmta h4:after {
    content: '';
    position: absolute;
    right: -16px;
    height: 360px;
    width: 11px;
    top: -30px;
    background-image: url(../images/tabshdw.png)
}

.chmta ul li:first-child {
    margin: 0 21px 0 0
}

.chmta ul li {
    display: inline-block;
    width: 47%;
    vertical-align: top
}

.faqs {
    background-image: url(../images/industries/faqsbg.jpg)
}

.panel-group {
    display: block;
    width: 100%;
    margin: 30px 0 0
}

.panel-group .panel .panel-heading h3.panel-title a,
.panel-group .panel .panel-heading h6.panel-title a {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.panel-group .panel .panel-collapse .panel-body {
    color: #ffffffa3;
    font-size: 17px;
    margin: 0 0 10px
}

.panel-title>a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px
}

.panel-title>a.collapsed:before {
    float: right !important;
    content: "\f067"
}

.panel {
    margin-bottom: 20px !important;
    border-bottom: 1px solid #a9de00;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 15px 16px 13px 8px rgb(4 4 4 / 5%)
}

.btmfrm h3,
.btmfrm h4 {
    font-size: 26px;
    font-weight: 600
}

.btmfrm p {
    font-size: 17px;
    margin: 0 0 10px
}

.btmfrm span {
    display: block;
    color: #99c804;
    font-size: 17px;
    font-weight: 700
}

.btmfrm img {
    position: relative;
    left: 60px
}

.btmfrm img.bck {
    position: absolute;
    left: 0;
    top: 60px
}

.btmfrm form {
    margin: 25px 0 0
}

.btmfrm form input {
    background: #eee;
    border: none;
    margin: 15px 0
}

.btmfrm form input[type=submit] {
    background: #a9de00;
    padding: 10px 40px;
    width: auto;
    height: auto;
    font-size: 18px;
    color: #000;
    border-radius: 30px;
    text-transform: capitalize;
    font-weight: 800;
    letter-spacing: 2.5px;
    box-shadow: 4px 4px 20px 0 #878282
}

.btmfrm form input[type=submit]:hover {
    background: #000;
    color: #a9de00
}

.btmfrm form textarea {
    border: none;
    background: #eee;
    height: 120px;
    resize: none;
    border-radius: 10px
}

.aliscroll {
    height: 210px;
    overflow-y: scroll;
    margin: 50px auto !important
}

.rfrlbaner {
    background-image: url(../images/banerbg.png);
    height: 900px;
    position: relative;
    padding: 55px 0 0
}

.rfrlbaner .txtwrp {
    color: #fff;
    padding: 90px 0 0
}

.rfrlbaner .txtwrp h1 {
    font-size: 58px;
    font-weight: 700;
    margin: 0
}

.refrl .trnsfrm .topsec h2 span,
.rfrlbaner .txtwrp h1 span {
    color: #a1d600
}

.rfrlbaner .txtwrp p {
    font-size: 17px;
    margin: 30px 0
}

.rfrlbaner .txtwrp ul.prc li {
    display: inline-block;
    font-size: 17px;
    width: 26%;
    text-align: right;
    vertical-align: top;
    font-weight: 700
}

.rfrlbaner .txtwrp ul.prc li:nth-child(2) {
    font-size: 18px;
    font-weight: 900;
    color: #ea4335;
    background: #fff;
    border-radius: 40px;
    padding: 6px 0;
    text-align: center;
    margin: 0 0 0 40px;
    position: relative
}

.rfrlbaner .txtwrp ul.prc li:nth-child(2):before {
    content: '';
    position: absolute;
    background: url(../images/banerarow.png) center/cover no-repeat;
    width: 37px;
    height: 14px;
    top: -10px;
    z-index: 9;
    left: -40px
}

.rfrlbaner .txtwrp h5 {
    font-size: 18px;
    border: 1px solid #3b470d;
    border-radius: 40px;
    display: inline-block;
    padding: 10px 20px;
    margin: 30px 0
}

.rfrlbaner .txtwrp h5 span {
    color: #ea4335
}

.rfrlbaner .imgwrp img.rfrltxt {
    position: absolute;
    bottom: -95px;
    left: 0
}

.rfrlbaner .imgwrp img.grl {
    position: relative;
    bottom: -109px
}

.refrl .lgos {
    background: #a9de00;
    padding: 30px 0
}

.ernas {
    padding-bottom: 0
}

.ernas ul li {
    position: relative;
    font-size: 17px
}

.ernas p {
    margin: 0
}

.refrl .trnsfrm .topsec p {
    text-align: center;
    padding: 40px 0
}

.refrl .trnsfrm .topsec p:after {
    width: 0
}

.refrl .trnsfrm .buttonbox {
    justify-content: center
}

.refrl .trnsfrm .hvrtxt {
    position: absolute;
    top: 0;
    background: #ffffffdb;
    height: 100%;
    width: 100%;
    padding: 40px;
    opacity: 0;
    transition: .5s linear
}

.refrl .trnsfrm .hvrtxt h5 {
    font-size: 22px;
    color: #000;
    line-height: 25px;
    margin: 0 0 20px
}

.refrl .trnsfrm .hvrtxt p {
    font-size: 16px;
    color: #000;
    line-height: 25px
}

.refrl .trnsfrm {
    background-image: url(../images/rfrltransfrmtnbg.png)
}

.rfrlservice {
    background-image: url(../images/rfrlsrvcbg.png);
    overflow: hidden
}

.rfrlservice p.toppera {
    padding: 20px 530px 40px
}

.rfrlservice h3:before {
    content: 'services';
    position: absolute;
    bottom: -120px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
    font-size: 232px;
    color: #1c1c1c0a;
    text-transform: capitalize
}

.rfrlservice .slidewrp {
    display: inline-block;
    background: #1c1c1c;
    padding: 50px 0;
    margin: 0 110px
}

.rfrlservice .slidewrp .imgwp {
    display: inline-block;
    position: relative;
    width: 40%
}

.rfrlservice .slidewrp .imgwp img {
    position: absolute;
    top: -110px;
    left: -180px;
    width: 320px;
    z-index: 9
}

.rfrlservice .slidewrp .imgwp:after {
    content: '';
    position: absolute;
    background: #a9de00;
    bottom: -114px;
    left: -70px;
    width: 150px;
    height: 10px;
    z-index: 0
}

.rfrlservice .slidewrp .txtwrp {
    display: inline-block;
    width: 50%;
    vertical-align: middle
}

.rfrlservice .slidewrp .txtwrp h6 {
    color: #a9de00;
    font-size: 17px;
    font-weight: 700
}

.rfrlservice .slidewrp .txtwrp p {
    text-align: left;
    color: #fff;
    font-size: 12px;
    margin: 0
}

.rfrlservice ul.slick-dots {
    text-align: center;
    margin: 50px 0 0
}

.rfrlservice ul.slick-dots li.slick-active button {
    border: 0;
    background: #a9de00;
    padding: 6px 20px
}

.rfrlservice ul.slick-dots li button {
    font-size: 0;
    padding: 6px 9px;
    border: 0;
    margin: 0 5px;
    border-radius: 30px;
    background: #a5a5a5
}

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

.rfrlprocs h4 {
    text-align: center;
    color: #fff
}

.rfrlprocs p.toppera {
    text-align: center;
    color: #fff;
    margin: 30px 0
}

.rfrlprocs .mainwrp {
    background: #1c1c1c;
    padding: 40px 30px;
    border-radius: 40px;
    position: relative
}

.rfrlprocs .mainwrp:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 40px;
    border: 2px solid #fff0;
    background: linear-gradient(180deg, #3d4b12, #3d4b120d) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.rfrlprocs .mainwrp .nmbr span {
    display: inline-block;
    font-size: 80px;
    font-weight: 600;
    line-height: normal
}

.rfrlprocs .mainwrp .nmbr img {
    position: absolute;
    top: 30px;
    left: 10px
}

.rfrlprocs .mainwrp .cntn h5 {
    font-size: 14px;
    margin: 10px 0 20px
}

.prtnr p {
    text-align: center;
    margin: 40px 0 80px
}

.prtnr .imgwp .hvrtxt {
    position: absolute;
    top: 0;
    background: #000;
    height: 100%;
    width: 100%;
    padding: 25px;
    opacity: 0;
    transition: .5s linear
}

.prtnr .imgwp {
    position: relative;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden
}

.prtnr .hvrtxt h5 {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    margin: 14px 0 16px
}

.prtnr .hvrtxt p {
    font-size: 12px;
    color: #fff;
    line-height: 17px;
    margin: 0;
    text-align: left
}

.prtnr .imgwp h6 {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.clint {
    background: linear-gradient(90deg, #a9de00 80%, #fff 50%);
    padding: 60px 0 0
}

.clint .txtwrp ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    margin: 30px 0 60px;
    border-top: 1px solid #ffffff42;
    padding: 30px 0 0
}

.clint img.sdegrl {
    position: absolute;
    left: -90px;
    bottom: 0
}

.prmte .txtwrp p {
    font-size: 17px;
    margin: 35px 0
}

.prmte .txtwrp ul {
    margin: 0 0 0 20px
}

.prmte img.sdegrl {
    position: absolute;
    left: 0;
    bottom: -118px
}

.loader-wrap {
    background: #151515;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 9999;
    transition: 1s linear;
    transform-origin: top right;
    clip-path: circle(70.7% at 50% 50%)
}

.loader-wrap.hide {
    clip-path: circle(0% at 100% 0)
}

.loader {
    animation: 1s infinite rotate;
    height: 50px;
    width: 50px
}

.loader:after,
.loader:before {
    border-radius: 50%;
    content: '';
    display: block;
    height: 20px;
    width: 20px
}

.loader:before {
    animation: 1s infinite ball1;
    background-color: #cb2025;
    box-shadow: 30px 0 0 #f8b334;
    margin-bottom: 10px
}

.loader:after {
    animation: 1s infinite ball2;
    background-color: #00a096;
    box-shadow: 30px 0 0 #97bf0d
}