/*
 Theme Name:   Twenty Nineteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Nineteen Child Theme
 Author:       bCoder
 Author URI:   http://example.com
 Template:     twentynineteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentynineteenchild
*/
*{
    margin: 0;
    padding:0;
}

body, html {
    font-family: Poppins,sans-serif;
    scroll-behavior: auto;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: Poppins,sans-serif;
}
section h1 {
    font-family: Poppins,sans-serif;
    font-weight: 600;
}
 h3 {
    font-size: 1.75rem;
}
section p {
    font-size: 14px;
    padding-top: 0px;
}
.page-id-678 h1::after {
    opacity: 0;
}
.page-id-691 h1::after {
    opacity: 0;
}
.home section h1::before {
    content: "";
    position: absolute;
    height: 4px;
    width: 10%;
    bottom: -12px;
    margin-top: 62px;
    background-color: #000;
}
.page-id-738 h1::after {
    opacity: 0;
}
.paoc-credit-wrp {
    display: none;
}
/*Header Part*/
a.nav-link {
    color: #fff !important;
    font-size: 16px;
    text-align: right;
    padding: 0 22px !important;
    text-transform: uppercase;
}
a.paoc-popup-click.paoc-popup-cust-410.paoc-popup-button.paoc-popup-btn {
    background: #25B5D3;
    border-radius: 0;
}
.responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top ul li {
    webkit-animation: .5s .35s forwards fadeInRight;
    animation: .5s .35s forwards fadeInRight;
}
.responsive-menu-boring .responsive-menu-inner::before {
    width: 74%;
    right: 0;
	height: 2px;
}
.responsive-menu-boring .responsive-menu-inner::after {
    width: 50%;
    right: 0;
	height: 2px;
}
li.nav-item.dropdown:hover .dropdown-menu {
    display: block !important;
}
.responsive-menu-subarrow {
    background: transparent !important;
    border-color: transparent !important;
    left: 100;
    padding: 0 !important;
    margin: 14px 0 0 0 !important;
}
.page-id-603 h1::after {
    opacity: 0;
}
.reui li.elementor-icon-list-item strong {
    font-size: 18px;
}
.responsive-menu-inner {
    height: 2px !important;
}
.responsive-menu-accessible.is-active .responsive-menu-inner::after {
    width: 100%;
}
button#responsive-menu-button {
    display: none !important;
}
section.tools h1::before{
	display:none;
}
.col-md-2.logo {
    margin: 10px 0 0 0;
}
.page-id-712 h1::after {
    opacity: 0;
}
.page-id-732 h1::after {
    opacity: 0;
}
/*Header*/
.logo img {
    margin-top: 15px;
}
.page-id-712 h1::after {
    opacity: 0;
}
button#responsive-menu-button {
    background: transparent !important;
    right: 10% !important;
    position: absolute !important;
}
a.responsive-menu-item-link {
    position: relative !important;
    display: block !important;
    overflow: hidden;
    height: 60px !important;
    line-height: 60px !important;
}
ul#responsive-menu {
    width: 65% !important;
    margin-top: 9%;
    overflow: hidden;
}
nav.navbar.navbar-expand-lg.navbar-light {
    margin: 20px 0 0 0;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
    background-color: transparent !important;
}
ul#responsive-menu li a{
    display: block  !important;
    position: relative !important;
    overflow: hidden !important;
    text-transform: uppercase;
	font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
	background: transparent !important;
    border: none !important;
}
section.pose.intiutive a {
    z-index: 999;
    position: relative;
}
#responsive-menu-container #responsive-menu-wrapper{
	background: transparent !important;
}
div#responsive-menu-container {
    background: rgba(0, 0, 0, 0.932);
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
}
ul#responsive-menu li a:hover ul#responsive-menu li a::after{
        background: #f59c34 !important;
}
#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
    border: none !important;
}
ul#responsive-menu li a::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 3px;
    background: #fff;
    transition: .35s;
}
.subbox:hover img {
    transform: rotateY(360deg);
    transition: 1s ease-out;
}
.indbox:hover img {
    transform: rotateY(360deg);
    transition: 1s ease-out;
}
.soc-menu{
    margin-top: 3% !important;
}
.soc-menu a {
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    font-family: "Josefin Sans",sans-serif !important;
    font-weight: 400;
    font-size: 30px;
    text-align: right;
    display: inline-flex;
    padding: 5px 20px !important;
}
.soc-menu a:hover{
    color: #3b5998;
}

/*Sub Menu*/
.dropdown-menu {
    width: 1100px;
    margin: 0 0 0 -240px;
}
.subbox {
    margin: 17px 0 0 0;
}
.subbox img {
    float: left;
}
.subbox h3 {
    font-size: 17px;
    /* margin: 0 4px 0 56px; */
    position: relative;
    top: 8px;
    left: 11px;
    color: #F49A31;
}
.subbox h4 {
    font-size: 16px;
    width: 100%;
    float: none;
    margin: 28px 0 10px 0;
    color: #000000;
}
.col-md-5.log-img img {
    width: 55%;
}
.subbox p {
    color: #0000009e;
    font-size: 14px;
}

.indbox {
    margin: 16px 0 16px 0;
}

.indbox h2 {
    font-size: 18px;
    color: #030303;
    margin: 0 0 0 0;
}
.indust .dropdown-menu {
    margin: 0 0 0 -370px;
}
.consult h2 {
    color: #25B5D3;
    font-size: 25px;
    font-weight: 600;
    margin: 6px 0 0 0;
}
.consult {
    background: #25b5d338;
    padding: 10px 25px 10px 25px;
    margin: 20px 0;
}
.consult button {
    padding: 15px 20px;
    background: #25B5D3;
    color: #fff;
    border-radius: 0;
    font-size: 15px;
}
/*---------*/
/*----------*/

/*Home Page*/
    
.bd{
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;        
    padding: 70px 25px;
    transition: all linear .3s;
    text-align: center;
    font-weight: 300;
    line-height: 24px;
    position: relative !important;
}
.bd h4{
    font-size: 17px !important;
    color: #333;
}
.box_cr ul li {
    display: inline-block;
	margin: 0 5px 0 0;
}
.box_cr ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.box_cr h4 {
    font-size: 22px;
}
.box-content {
    margin-top: 55px;
}
.bdd .yellow{
    color: #000 !important;
    background: linear-gradient(45deg,#f7a74b,#f2901d) !important;
    transform: none !important;
}
.home-banner {
    background: url(/wp-content/uploads/2022/03/BG-pic-1.png);
    padding: 200px 0 50px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.home-banner h1 {
    font-family: "Josefin Sans",sans-serif !important;
    color: #fff;
    font-size: 65px;
    font-weight: 600;
}
.home-banner h1 img {
    width: 50px;
    vertical-align: top;
}
span.blue {
    color: #25b5d3;
}
section.instasec .row.mb-5.text-center h3 {
    font-size: 3rem;
    color: #000;
}
li#responsive-menu-item-112 a {
    color: #676767 !important;
    font-size: 18px !important;
}
li#responsive-menu-item-196 a {
    color: #676767 !important;
    font-size: 18px !important;
}
.soc-menu {
    display: none;
}
.toTopButton{
    position: fixed;
    right: 30px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background: linear-gradient(45deg, #f49930, #f6a649);
    z-index: 9999;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s all;
	display:none;
}
.sub:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #25b5d3;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .5s;
}
/*.sub:hover {
    border: 1px solid #27b4d0;
    color: #27b4d0;
    background: transparent;
}
.sub:hover:before {
    transform: scaleX(0);
}
.sub:before {
    transform: scaleX(1); 
}
.sub:hover::before {
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
}*/
.career_sec h2 {
    font-size: 35px;
    font-weight: 600;
    margin: 0 0 25px 0;
}
section.testi-sect {
    position: relative;
}
.toTopButton img{
    width: 30px;
}
span.yellow {
    color: #f59c34;
}
.box_cr{
    display: none;
}
.job-field label {
    font-size: 15px;
    font-weight: 500;
}
.job-field {
    margin: 20px 0 0 0;
}
.modal-content {
    background: transparent;
    border: none;
	width: 850px !important;
    margin: 0 auto;
    top: 54px;
    left: -100px;
}
.faq-srt img {
    margin: 0 0 0 -12px;
}
div#exampleModal .modal-body iframe {
    width: 650px;
    position: relative;

}
    .modal-header {
    border: none;
	padding-bottom: 1.5rem !important;
}
.home-banner h4 {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 1.5rem;
    color: #fff;
}
.home-banner button{
    border: 1px solid;
    color: #fff;
    padding: 18px 45px;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}
.hvr-bounce-to-right:hover::before {
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
}
.modal-backdrop {
    position: unset;
}
div#exampleModal {
    overflow: unset !important;
	background-color: rgba(0, 0, 0, 0.315);
	top:-105px;
}
div#exampleModal .modal-body {
    padding: 0;
}

button.btn-close {
    background: url(/wp-content/uploads/2022/03/1-2.png);
    border: none;
    background-color: transparent;
    color: transparent;
	opacity:1 !important;
}
.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-property: color;
    transition-duration: .5s;
}
.hvr-bounce-to-right:hover {
    color: #fff;
    border-color: #25b5d3;
}
.banner-bottom {
    padding: 25px 0;
    border-top: 1px solid #fff;
    color: #fff;
    margin-top: 100px;
}
section {
    padding: 90px 0;
}
section.we_best h1 {
    color: #000;
    position: relative;
}
.fadeInUp{
    visibility: visible;
    animation-duration: 0.5s;
    animation-delay: 0.3s;
    animation-name: fadeInUp;
}
.fadeInRight{
    visibility: visible;
    animation-duration: 1s;
    animation-delay: 0.2s; 
    animation-name: fadeInRight;
}
section.we_best p {
    color: #a7a7a7;
}
.contact-form p {
    padding-top: 10px;
}
.customer-feedback .owl-nav {
    margin-top: 15px;
}
section.we_best img {
    margin-top: 50px;
}
section.client {
    background: #fffaf5;
    position: relative;
	padding: 50px 0;
}
section.client h1 {
    font-size: 20px;
	position:relative;
}
section.client h1 span.blue {
    font-size: 40px;
}
.home section.client h1::before {
    width: 22%;
}
.client-list ul li {
    display: inline-block;
    padding: 10px;
}
.client-list ul {
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
section.pose {
    background: linear-gradient(45deg,#2cc1e0,#1aa5c2);
    padding: 0;
    position: relative;
    padding-bottom: 60px;
    overflow: hidden;
}
.container-fluid.cust .col-md-2 {
    padding: 0;
}
.pot img {
    margin-left: 25px;
    position: relative;
    z-index: 99;
}
.pot-hde h2 {
    font-size: 160px;
    font-weight: 600;
    margin-top: -30px;
    color: #28a1bb;
    position: relative;
    left: 160px;
    font-family: Poppins,sans-serif;
}
section.pose h1::before {
    background-color: #fff;
}
section.pose h1 {
    color: #fff;
}
section.pose p {
    color: #fff;
}
section.pose button {
    background-color: #fff;
    padding: 8px 12px;
    border-radius: 30px;
    color: #2cc1e0;
    margin-right: 15px;
    width: 100%;
    text-align: center;
    border: none;
}
.pencil img {
    text-align: right;
    position: relative;
    margin-top: -100px;
}
section.pose .pencil {
    bottom:0px;
    right: 0px;
}
 .pencil{
    text-align: right;
    position: absolute;
    bottom: -58px;
    right: -60px;
}
section.intiutive .container-fluid.no-gap .col-md-12.pencil {
    bottom: -58px;
    right: 0px;
}
section.pose button.journey {
    border: 1px solid;
    color: #fff;
    padding: 18px 45px;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 500;
    width: auto;
    margin-top: 30px;
    border-radius: 0;
}
section.intiutive {
    background: linear-gradient(45deg,#42bc93,#94f5e4);
    position: relative;
    padding-bottom: 50px;
	padding-top: 50px;

}
.stemp.rotateStemp h1::before {
    display: none;
}
.stemp.rotateStemp h1 {
    color: #ea9d43;
    font-size: 180px;
    font-weight: 600;
}
.stemp.rotateStemp {
    position: absolute;
    left: -23%;
    transform: translate(0,-50%) rotate(-90deg);
    top: 50%;
}
.pot-hde1 h2 {
    font-size: 160px;
    font-weight: 600;
    color: #28a1bb;
}
.pot-hde1 {
    position: absolute;
    right: 0;
    top: -30px;
    overflow: hidden;
}
.int-img img {
    position: absolute;
    right: 0;
    max-width: 58%;
    z-index: 9;
}
section.intiutive button {
    color: #42bc93;
}
.cust .col-md-4 {
    text-align: center;
    margin-top: 20px;
}
.pencil h2 {
    color: #38b999;
    font-size: 200px;
    font-weight: 600;
    margin-top: -13%;
}
section.fresh {
    background: linear-gradient(45deg,#f7a74b,#f2901d);
    padding-bottom: 90px;
    overflow: hidden;
}
section.fresh .col-md-7 {
    z-index: 9;
}
.cust {
    position: relative;
    z-index: 9;
}
section.fresh button {
    color: #f7a74b;
}
section.fresh .pencil img {
    text-align: right;
    position: relative;
    margin-top: 0px !important;
    left: 12px !important;
}
section.fresh .pencil {
    margin-top: -65px;
}
section.contact {
    background-color:#fffaf3;
    position: relative;
    padding-bottom: 70px;
}

section.contact h1::before {
    display: none;
}
input.txt::placeholder {
    font-size: 14px;
    color: #899199;
}
section.contact h1 {
	font-size: 35px;
    margin-bottom: 35px;
    text-align: center;
}
input.txt {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 22px 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    /* transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
    margin-bottom: 15px;
}
select.txt{
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    /* transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
    margin-bottom: 15px;
}
textarea.txt {
    display: block;
    width: 100%;
    height: 150px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext.txt {
    margin-bottom: 15px !important;
}
label {
    font-size: 17px;
    font-weight: 600;
}
input.sub {
    color: #fff;
    padding: 18px 45px;
    margin: 0 auto;
    text-align: center;
    background: #25b5d3;
    border: none;
    margin-top: 20px;
    margin-left: 25px;
}
footer {
    background: url(/wp-content/uploads/2022/03/bg-1.png);
    background-size: cover;
    padding: 30px 0 0;
    color: #fff;
}
footer h5 {
    color: #f59c34;
    font-weight: 600;
    font-size: 18px;
}
footer a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin: 6px 0px;
}
.ctn {
    font-size: 14px;
    font-weight: 300;
}
footer ul li {
    list-style: none;
    text-decoration: none;
}
footer ul li {
    line-height: 30px;
}
.ctn .col-md-1 {
    padding: 0;
}
.flws ul li {
    display: inline-block;
    padding: 0 10px 0 0px;
}
.flws {
    margin: 15px 0 0 0;
}
footer ul {
    margin: 0;
    padding: 0;
}
.abt ul li {
    width: 20%;
    display: inline-block;
}
footer a:hover {
    color: #f59c34;
}
.ctn .row {
    margin-top: 10px;
	margin-left: 0;
}
.copyright p {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}
.container.copyright .col-md-6 {
    border-top: 1px solid #fff;
    padding: 20px 0 0;
    text-align: center;
    margin-top: 80px;
    font-family: "Josefin Sans",sans-serif !important;
    font-size: 18px;
    font-weight: 300;
}
.nvr {
    padding-left: 45px;
}
.abt p {
    margin: 20px 0;
	font-size: 14px;
    font-weight: 300;
}
.vrt-btm img {
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
}
.col-md-3.ctn .col-md-1 {
    padding: 0;
}
.section-title {
    font-size: calc(1.375rem + 1.5vw);
    margin-bottom: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: center;
    font-family: Poppins,sans-serif;
    font-weight: 600;
}
.tools {
    background: #efefef;
	padding:60px 0;
}
.tools h1 {
    color: #000;
	font-size:25px;
}
.tools ul {
    margin: 0;
    list-style: none;
}
.tools ul li {
    width: 24%;
    display: inline-block;
    margin: 35px 0 0 0;
	text-align:center;
}
.tools img {
    width: 55%;
    max-width: 100%;
}
/*What we do section*/
.bdd .yellow h4 {
    color: #fff;
}
/*------------------*/
/* CAROUSEL STARTS */
.customer-feedback .owl-item img {
    width: 85px;
    height: 85px;
    border-radius: 100%;
}

.feedback-slider-item {
    position: relative;
    padding: 60px;
    margin-top: -40px;
}

.customer-name {
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
}

.feedback-slider-item p {
    line-height: 1.875;
}

.customer-rating {
    background-color: #eee;
    border: 3px solid #fff;
    color: rgba(1, 1, 1, 0.702);
    font-weight: 700;
    border-radius: 50%;
    position: absolute;
    width: 47px;
    height: 47px;
    line-height: 44px;
    font-size: 15px;
    right: 0;
    top: 77px;
    text-indent: -3px;
}

.thumb-prev .customer-rating {
    top: -20px;
    left: 0;
    right: auto;
}

.thumb-next .customer-rating {
    top: -20px;
    right: 0;
}

.customer-rating i {
    color: rgb(251, 90, 13);
    position: absolute;
    top: 10px;
    right: 5px;
    font-weight: 600;
    font-size: 12px;
}

/* GREY BACKGROUND COLOR OF THE ACTIVE SLIDER */
.feedback-slider-item:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    top: 103px;
    background-color: #f6f6f6;
    border: 1px solid rgba(251, 90, 13, 0.1);
    border-radius: 10px;
    z-index: -1;
}

.thumb-prev,
.thumb-next {
    position: absolute;
    z-index: 99;
    top: 45%;
    width: 98px;
    height: 98px;
    left: -90px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.thumb-next {
    left: auto;
    right: -90px;
}

.feedback-slider-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.feedback-slider-thumb:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.customer-feedback .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    bottom: 45px;
    transition: all 0.2s ease-in;
}

.customer-feedback .owl-nav i {
    background-color: transparent;
    color: rgb(251, 90, 13);
    font-size: 25px;
}

.customer-feedback .owl-prev {
    left: -15px;
}

.customer-feedback .owl-prev:hover {
    left: -20px;
}

.customer-feedback .owl-next {
    right: -15px;
}

.customer-feedback .owl-next:hover {
    right: -20px;
}

/* DOTS */
.customer-feedback .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35px;
}
.customer-feedback .owl-dot {
    display: inline-block;
}

.customer-feedback .owl-dots .owl-dot span {
    width: 11px;
    height: 11px;
    margin: 0 5px;
    background: #fff;
    border: 1px solid rgb(251, 90, 13);
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 50%;
}

.customer-feedback .owl-dots .owl-dot.active span {
    background-color: rgb(251, 90, 13);
}
/*----Home page testimonial----*/
.videoBox {
    position: relative;
}
.videoContainer {
    position: relative;
    max-width: 370px;
    padding: 30px 9px;
}
.videoContainer:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 57%;
    background: #1db4d4;
    z-index: -1;
    border-radius: 10px;
}
.videoContainer img {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}
.vdoIcon img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0;
    margin: auto;
    cursor: pointer;
}
.slider2 p {
    color: #000000;
    font-weight: 300;
    padding-right: 30%;
    font-size: 16px;
}
.projectLogo {
    position: absolute;
    top: 0;
    right: 4%;
    max-width: 140px;
}
.slider2.slider-nav2 img {
    width: 120px;
    transition: all 0.5s !important;
    margin: 7px 6px;
    padding: 2px;
    background-color: #bababa;
    margin:0 auto;
}
.slider2.slider-nav2 {
    text-align: center;
    margin-top: 100px;
}
.yellow {
    color: #f59c34;
}
.slider2.slider-nav2 ul.slick-dots {
    display: none !important;
}
.clientImg.slick-slide.slick-active img {
    background: linear-gradient(to bottom,#25b5d3,#f59c34);
}
  
  .testimonialHeading h2 {
    font-weight: 600;
    color: #000;
    font-size: 40px;
    border-bottom: 4px solid;
    display: inline-block;
    margin-bottom: 40px;
  }
.slider2.slider-nav2 button.slick-prev.slick-arrow {
    left: -34px;
    position: absolute;
    display: block;
    height: 20px;
    width: 37px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 40%;
    transform: translate(0,-50%);
    padding: 0;
    border: none;
    outline: 0;
    background: url(/wp-content/uploads/2022/03/LeftArrow.8a0694ae6a66693d4767.png);
    background-repeat: no-repeat;
    background-position: left;
    z-index: 00;
}
.slider2 button.slick-next.slick-arrow {
    position: absolute;
    display: block;
    height: 20px;
    width: 37px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 40%;
    transform: translate(0,-50%);
    padding: 0;
    border: none;
    outline: 0;
    right: 0;
    background: url(/wp-content/uploads/2022/03/RightArrow.0f8372f35b6776fb2c31.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}
video.video-fluid.img-fluid {
    position: absolute;
    width: 370px;
    height: 370px;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 2px;
}
/*----------------------------*/
/*------About Page--------*/

.banner-about {
    background: url(/wp-content/uploads/2022/03/1.png);
    background-size: cover;
    background-position: center;
    padding: 160px 0 90px 0;
    background-repeat: no-repeat;
}
.banner-about h1 {
    font-family: "Josefin Sans",sans-serif !important;
    color: #fff;
    font-size: 65px;
    font-weight: 300 !important;
}
.banner-about h4 {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 1.5rem;
    color: #fff;
}
section.banner.banner-about h1::before{
    display: none;
}
.counter
{
    margin-top: 90px;
    text-align: center;
}
p.number {
    color: #f59c34;
    font-size: 1.75rem;
    font-weight: 600;
}
p.number {
    color: #f59c34 !important;
    font-size: 1.75rem !important;
    font-weight: 600 !important;
}
.count-up p {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
}
section.bring {
    background: url(/wp-content/uploads/2022/03/dotts.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0 0px 0;
}
section.banner.bring h1 {
    font-weight: 600;
    padding-top: 70px;
    position: relative;
    padding-bottom: 20px;
    font-size: 1.75rem;
}
.home h1::after {
    content: "";
    position: absolute;
    height: 4px;
    width: 8%;
    bottom: 0;
    margin-top: 0;
    background-color: #000;
    left: 0;
}
section.banner.bring h1::before{
    display: none;
}
.pencilImg {
    text-align: right;
    padding-right: 12%;
}
.pencilImg img {
    position: relative;
    top: 15px;
}
section.bring .pencil img {
    margin-top: 0;
    left: 10px;
}

.reviews {
    background: linear-gradient(45deg,#2cc1e0,#1aa5c2), url(/wp-content/uploads/2022/03/BG-SHAES.png);
}
.reviews .slick-slider {
    z-index: 9;
}

.reviews .sin-testiImage img {
    -webkit-transform: scale(0.7, 0.7);
            transform: scale(0.7, 0.7);
    -webkit-transition: all 1s;
    transition: all 1s;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    margin: 15px auto;
}

.reviews .sin-testiImage.slick-current img {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transition: all 1s;
    transition: all 1s;
}

.reviews .reviews-slider {
    position: relative;
}

.reviews .reviews-slider .icon-angle-left,
.reviews .reviews-slider .icon-angle-right {
    position: absolute;
    top: 40%;
}

.reviews .reviews-slider .icon-angle-left:hover,
.reviews .reviews-slider .icon-angle-right:hover {
    background-color: #f92762;
    color: #fff;
}

.reviews .reviews-slider .icon-angle-left {
    left: 20px;
    z-index: 999;
}

.reviews .reviews-slider .icon-angle-right {
    right: 20px;
}

.reviews .reviews-text-slider h2 {
    color: #ffffff;
    font-family: MyriadPro-Bold;
}

.reviews .reviews-text-slider {
    margin: auto;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 9;
}

.reviews .sin-testiText {
    outline: none;
    text-align: center;
}

.reviews .sin-testiText p {
    margin-top: 22px;
    color: #fff;
    line-height: 24px;
    font-family: MyriadPro-Regular;
}

.reviews .grid-padding-x > .cell:nth-child(2) {
    position: relative;
}
.explore h3 {
    color: #000;
    font-weight: 600;
}
.explore h3::before {
    content: '';
    position: absolute;
    height: 4px;
    width: 5%;
    /* bottom: 0; */
    margin-top: 88px;
    background-color: #000;
    /* left: 0; */
}
.exploreText {
    position: relative;
    margin-top: 50px;
}

.exploreText img {
    position: absolute;
    right: 0;
    top: -30px;
}
.exploreText p {
    font-size: 16px;
    color: #3a3a3a;
    padding-top: 30px;
    line-height: 32px;
}
.img-box {
    position: relative;
    text-align: center;
}
.img-box p {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0,-50%);
    padding: 0 20px;
    color: #fff;
}   
.img-box:hover {
    transition: .4s linear all;
    transform: scale(1.1);
}
section.instasec {
    background-color: #efefef;
    color: #fff;
}
section.careerSec h3::before {
    content: '';
    bottom: -5px;
    height: 4px;
    width: 15%;
    background-color: #000;
    left: 0;
    position: absolute;
}

section.careerSec h3 {
    position: relative;
}
section.careerSec p {
    color: #3a3a3a;
    padding-top: 30px;
    line-height: 32px;
    font-size: 1.15rem;
}
.curnt p {
    font-size: 16px;
    letter-spacing: 8px;
    padding-bottom: 60px;
    font-weight: 500;
}
.openingBox {
    box-shadow: 0 0 20px 2px #cacaca;
    border-radius: 5px;
    padding: 60px 20px 25px;
    width: 200px;
    margin: auto;
    position: relative;
    height: calc(100% - 10px);
    transition: .4s linear all;
    color: #000;
}
.numberBox {
    text-align: center;
    background: linear-gradient(to right top,#eb8c20,#eb8c20);
    border-radius: 5px;
    padding: 10px 0;
    color: #fff;
    font-weight: 500;
    position: absolute;
    width: 170px;
    left: 50%;
    transform: translate(-50%,0);
    top: -50px;
}
h1.nmr {
    font-weight: 600;
    margin: 0;
}
p.posit {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0 !important;
    color: #fff !important;
    font-size: 18px !important;
}
p.designationText {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0;
    margin: 0;
}
p.technoText {
    font-size: 14px !important;
    color: #a2a2a2 !important;
    padding-top: 5px !important;
}
a.applyNow {
    margin: auto;
    display: block;
    text-align: center;
    font-size: 14px;
    transform: translateY(20px);
    transition: .4s linear all;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    color: #000;
    opacity: 0;
}
.openingBox:hover a.applyNow {
    transform: translateY(0);
    opacity: 1;
}
.openingBox:hover{
    transform: translateY(-10px);
    box-shadow: 0 24px 20px -3px #cacaca;
}
h1.nmr::after{
    display: none;
}
.blueGradient {
    background: linear-gradient(to right top,#5ccbab,#5ccbab)!important;
}
.greenGradient {
    background: linear-gradient(to right top,#25b4d2,#25b4d2)!important;
}
.work-banner h1 {
    font-family: "Josefin Sans",sans-serif !important;
    color: #fff;
    font-size: 65px;
    font-weight: 300 !important;
}
.work-banner h4 {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 1.5rem;
    color: #fff;
}
.modal_work .modal-content {
    width: 100% !important;
    left: 0;
    top: 0;
}
.work-banner .col-xl-5.col-lg-5.col-md-5.col-sm-12.ml-auto {
    padding: 180px 0 0;
}
section.project-sec {
    background: #fffaf3;
}
section.project-sec img:hover {
    transform: scale(0.99);
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
section.banner.work-banner {
    background: url(/wp-content/uploads/2022/03/Map-BG.png);
    padding-top: 180px;
    background-size: cover;
}
section.banner.work-banner img {
    padding-top: 12%;
}
.work-banner h1::after{
    display: none;
}

.grid {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
.grid > li {
  width: calc(100% / 3 - 30px);
  margin: 0px 15px;
  margin-bottom: 30px;
  overflow: hidden; 
}
.filters {
  margin-top: 40px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
}
.grid li img {
  max-width: 100%;
}
.filters button {
  padding: 10px 25px;
  margin: 0px 5px;
  background-color: #121212;
  border: none;
  border-radius: 10px;
  transition: 150ms;
  color: #ffffff;
  font-size: 16px;
  line-height: 25px;
  font-weight: 700;
  position: relative;
  outline: none;
  cursor: pointer;
}
.filters button:hover {
  background-color: orange;
}

.filters button.is-checked {
  background-color: #fff;
  color: #121212;
}

.imagebox p {
    position: absolute;
    color: #fff;
    top: 20px;
    left: 40px;
    font-size: 22px;
    font-weight: 600;
}
.imagebox img {
    padding-bottom: 28px;
    margin: auto;
    display: block;
    transition: .4s linear all;
}
.imagebox {
    overflow: hidden;
}
.imagebox:hover img {
    transform: scale(1.1)!important;
    overflow: hidden;
}
.scroll-down p {
    letter-spacing: 10px;
    margin: 0;
    font-size: 12px;
	padding: 0;

}
section.we_best {
    position: relative;
}
.scroll-down {
    position: absolute;
    right: -5%;
    color: #fff;
    top: 40%;
    transform: translate(0px, -50%) rotate(90deg);
    z-index: 99;
}
.scroll-down.black:after {
    background-color: #000;
}


.black {
    color: #000 !important;
}
.scroll-down:after {
    content: "";
    right: -100px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    width: 40%;
}
/*Model video section*/
.popup {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
  }
    .popup__content {
      width: 80%;
      overflow:auto;
      padding: 50px;
      background: white;
      color: black;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      box-sizing: border-box;
    }
    .popup__content .close {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 20px;
        display: block;
      }
      .popup__content .close span {
          cursor: pointer;
          position: fixed;
          width: 20px;
          height: 3px;
          background: #099ccc;
        }

        .popup__content .close span:nth-child(1) {
            transform: rotate(45deg);
          }
          .popup__content .close span:nth-child(2) {
            transform: rotate(135deg);
          }
      
  button#vide {
    background: #099ccc;
    color: white;
    margin: 30px;
    padding: 5px 30px;
    cursor: pointer;
    border: none;
  }
  .exsect p {
    margin: 0 !important;
    padding: 0;
}
.exsect .elementor-widget-container:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 16px #0000000d;
    transition: all .3s linear;
}
.hvref:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 16px #0000000d;
    transition: all .3s linear;
}
/*------------------*/
@media (max-width: 767px) {
  .filters button {
    padding: 5px 10px;
    margin: 5px;
  }
  .grid > li {
    width: calc(100% - 30px);
  }
  .element-item p {
    font-size: 16px;
    line-height: 22px;
  }
}
.clients p {
    font-weight: 500;
    margin: 0;
    font-size: 16px;
    margin: 0 !important;
    font-family: Poppins,sans-serif !important;
    line-height: initial !important;
    padding-top: 0;
}

p.testimonialName {
    color: #f59c34!important;
    padding-right: 0;
}
.clients .sin-testiImage img {
    border-radius: 0;
    width: 50%;
}
.clients .sin-testiImage.slick-slide.slick-current.slick-active.slick-center img {
    background: linear-gradient(to bottom,#25b5d3,#f59c34);
    width: 50%;
}
p.desigination {
    margin: 15px 0 !important;
    color: #a3a3a3 !important;
}
p.projectName {
    color: #000 !important;
    margin: 15px 0 !important;
}
section.reviews.clients {
    background: #fff;
}
.clients .sin-testiText p {
    color: #4c4c4c;
}
p.descrip {
    line-height: 24px !important;
}
section.tabs {
    border: none;
    padding-bottom: 0;
}
.clients span.icon-angle-left.slick-arrow {
    background: url(/wp-content/uploads/2022/03/LeftArrow.8a0694ae6a66693d4767.png);
    width: 70px;
    height: 20px;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: left;
}
.clients .reviews-slider .icon-angle-left {
    left: 0;
    z-index: 999;
}
.clients span.icon-angle-right.slick-arrow {
    background: url(/wp-content/uploads/2022/03/RightArrow.0f8372f35b6776fb2c31.png);
    width: 70px;
    height: 20px;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: left;
}
.clients .reviews-slider .icon-angle-right {
    right: -20px;
    z-index: 999;
}
.reviews .reviews-slider .icon-angle-left:hover, .reviews .reviews-slider .icon-angle-right:hover {
    background-color: transparent;
}
.serve {
    background: url(/wp-content/uploads/2022/03/BG-pic-3.png);
}


/*-------Services Page-----------*/

.serve button { 
    cursor: pointer;
    border: 1px solid;
    color: #fff;
    padding: 18px 45px;
    font-family: "Josefin Sans",sans-serif !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin-right: 25px;
}
.hvr-bounce-to-right.blue-fill-bounce {
    border-color: #25b5d3;
}
.hvr-bounce-to-right.blue-fill-bounce:before {
    transform: scaleX(1);
}
.hvr-bounce-to-right.blue-fill-bounce:hover {
    border-color: #fff;
}
.hvr-bounce-to-right.blue-fill-bounce:hover:before {
    transform: scaleX(0);
}
section.scratchSection h1::before{
    display: none;
}
.ml-auto {
    margin-left: auto !important;
}
section.scratchSection {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
}
.boxPotLeft {
    position: absolute;
    left: -7%;
    top: 10%;
}
.serviceMainHeading {
    text-align: center;
    position: relative;
}
.serviceMainHeading::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    height: 1px;
    width: 90%;
    background-color: #dedede;
    margin: auto;
    right: 0;
}
.serviceMainHeading h1 {
    font-weight: 400;
    padding: 0 20px;
    display: inline;
    background-color: #fff;
    font-size: 2.5rem;
}
section.scratchSection h1::after{
    display: none;
}
.sketchRow {
    padding: 40px 0;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}
.scratchHeading {
    padding: 20px 0;
    position: relative;
}
.scratchHeading::before {
    content: '';
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 90%;
    background-color: #000;
}
h1.scratchNo1.serviceNumber {
    font-size: 80px;
    color: #e8e8e8;
    position: absolute;
    z-index: -1;
    left: 48%;
    top: -20%;
}
.scratchHeading h5 {
    font-weight: 400;
    font-size: 24px;
}
.scratchContent {
    padding: 30px 10px 30px 0;
    position: relative;
}
.scratchContent p {
    color: #616161;
    padding: 10px 0;
    line-height: 30px;
    font-weight: 300;
    font-size: 16px;
}
.rowBg.blueBg {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
    right: 0;
    background-color: #25b5d3;
    left: auto;
    width: 55%;
}
.rowBg.orangeBg {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
    width: 40%;
    right: 50%;
    left: auto;
    background-color: #f59c34;
}
.rowBg.greenBg.aos-init {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
    right: 0;
    background-color: #5ccbab;
    left: auto;
    width: 55%;
    height: 60%;
}
.rowBg.blueBg.bottomBlue {
    right: 45%;
}
.scratchContent.bottomBlueContent {
    padding-left: 10%!important;
}
section.serve.banner-about h1::after{
    display: none;
}
.banner-about h1::after{
    display: none;
}
.rightHeading {
    text-align: right;
}
section.wrapOnGoingSection h1::after{
    display: none;
}
.row.wrapRow.divCenter {
    padding: 30px 0;
    position: relative;
}
.bgColor.orangeBg {
    position: absolute;
    top: -12%;
    left: 46%;
    width: 33%;
    height: 105%;
    z-index: -1;
    background-color: #f59c34;
}
img.img-fluid.potImg {
    margin: auto;
    display: block;
}
section.wrapOnGoingSection .wrapContent {
    padding-left: 5%;
    position: relative;
    margin-bottom: 15%;
}
h1.wrapNo.serviceNumber.lightYellow.No1 {
    margin-bottom: -10px;
    position: relative;
    padding-right: 30%;
    color: #f2a55f;
}
h1.wrapNo.serviceNumber.lightYellow.No1::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 65%;
    background-color: #000;
    right: auto;
    transition: 1s linear;
    -webkit-transition: 1s linear;
}
h5.wrapHeading {
    position: absolute;
    left: -100px;
    bottom: 80px;
    color: #000;
    transform: rotate(-90deg);
    margin-bottom: 0;
}
section.wrapOnGoingSection p {
    font-size: 16px;
    color: #616161;
    padding: 0 0 10px;
    line-height: 30px;
    font-weight: 300;
}
section.wrapOnGoingSection h1 {
    background: transparent;
}
section.wrapOnGoingSection .serviceMainHeading::before{
    left: 5%;
    width: 20%;
    right: auto;
    content: "";
    position: absolute;
    top: 50%;
    z-index: -1;
    height: 1px;
    background-color: #dedede;
    margin: auto;
}
section.wrapOnGoingSection .serviceMainHeading::after {
    content: '';
    position: absolute;
    right: 5%;
    left: auto;
    z-index: 1;    
    width: 20%;
    height: 1px;
    background-color: #dedede;
    top: 50%;
}
section.wrapOnGoingSection h1.wrapNo.serviceNumber.No2 {
    margin-bottom: -10px;
    position: relative;
    padding-right: 30%;
    font-size: 80px;
    color: #e8e8e8;
    text-align: center;
}
section.wrapOnGoingSection h1.wrapNo.serviceNumber.No2::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 65%;
    background-color: #000;
    right: auto;
    transition: 1s linear;
    -webkit-transition: 1s linear;
}
.d-md-block {
    display: block!important;
}
.bgColor.blueBg.aos-init {
    position: absolute;
    width: 33%;
    height: 105%;
    z-index: -1;
    background-color: #25b5d3;
    top: -8%;
    left: 13%;
}
h5.wrapHeading.No3 {
    left: -60px;
}
h1.wrapNo.serviceNumber.No3 {
    margin-bottom: -10px;
    position: relative;
    font-size: 80px;
    color: #e8e8e8;
    padding-right: 30%;
    text-align: center;
}
h1.wrapNo.serviceNumber.No3::before {
    content: '';
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 65%;
    background-color: #000;
    right: auto;
    transition: 1s linear;
    -webkit-transition: 1s linear;
}
h1.wrapNo.serviceNumber.lightBlue.No4 {
    margin-bottom: -10px;
    position: relative;
    padding-right: 30%;
    color: #62c0d7;
    text-align: center;
    font-size: 80px;
}
h1.wrapNo.serviceNumber.lightBlue.No4::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 65%;
    background-color: #000;
    right: auto;
    transition: 1s linear;
    -webkit-transition: 1s linear;
}
section.service-box {
    padding: 80px 0;
    background-color: #f1f1f1;
    position: relative;
    overflow: hidden;
}
.boxPotRight {
    position: absolute;
    right: -7%;
    top: 6%;
}
.serviceBox {
    text-align: center;
    box-shadow: 0 0 15px -1px #ccc;
    padding: 50px 10px;
    height: calc(100% - 20px);
    background-color: #fff;
    margin: 0 10px;
    transition: all .3s linear;
    position: relative;
}

.serviceBox:hover {
    background: linear-gradient(45deg,#f7a74b,#f2901d);
    transform: translateY(-8px);
    box-shadow: 0 20px 15px -1px #ccc;
}
.serviceBox .serviceBoxHeading {
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}
.serviceBox .serviceBoxHeading::before {
    content: '';
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    height: 1px;
    background-color: rgba(37,181,211,.4);
    width: 80%;
    transform: translateX(-50%);
}
.serviceBox .serviceBoxHeading h4 {
    font-size: 22px;
    color: #25b5d3;
    margin: 0;
}
.serviceBox:hover .serviceBoxHeading h4{
    color: #fff;
}
.serviceBox .serviceBoxContent ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    list-style-type: none;
    color: #a3a3a3;
}
.serviceBox:hover .serviceBoxContent ul {
    color: #fff;
    }
.serviceBox .serviceBoxHeading p {
    font-size: 16px;
    padding-top: 0;
}
.serviceBox:hover .serviceBoxHeading p{
color: #fff;
}
.serviceBox:hover .serviceBoxHeading::before {
    background: #fff;
}
.serviceBox .serviceBoxContent ul li {
    padding: 3px 0;
    font-weight: 300;
    font-size: 15px;
}
.serviceBox .circleRightTop {
    border-radius: 50%;
    background: linear-gradient(60deg,#f7a74b,#f2901d);
    box-shadow: 0 0 15px -7px #79572e;
    position: absolute;
    -webkit-animation: 1s linear infinite alternate upDown;
    animation: 1s linear infinite alternate upDown;
    top: 20px;
    right: 10px;
    height: 40px;
    width: 40px;
    visibility: hidden;
}
.serviceBox:hover .circleRightTop.visiblity{
    visibility: visible;
}
.serviceBox .leftLongTop{
    border-radius: 30px;
    background: linear-gradient(60deg,#f7a74b,#f2901d);
    box-shadow: 0 0 15px -7px #79572e;
    position: absolute;
    -webkit-animation: 1s linear infinite alternate upDown;
    animation: 1s linear infinite alternate upDown;
    top: -40px;
    left: 20px;
    height: 90px;
    width: 40px;
    visibility: hidden;
}
.serviceBox:hover .leftLongTop.visiblity{
    visibility: visible;
}
.serviceBox .circleLeftBottom {
    border-radius: 50%;
    background: linear-gradient(60deg,#f7a74b,#f2901d);
    box-shadow: 0 0 15px -7px #79572e;
    position: absolute;
    -webkit-animation: 1s linear infinite alternate upDown;
    animation: 1s linear infinite alternate upDown;
    bottom: -30px;
    left: 10px;
    height: 60px;
    width: 60px;
    visibility: hidden;
}
.serviceBox:hover .circleLeftBottom.visiblity{
    visibility: visible;
}
.page-id-233 section#contact {
    padding-top: 0;
}
.serviceBox .rightLongBottom {
    border-radius: 30px;
    background: linear-gradient(60deg,#f7a74b,#f2901d);
    box-shadow: 0 0 15px -7px #79572e;
    position: absolute;
    -webkit-animation: 1s linear infinite alternate upDown;
    animation: 1s linear infinite alternate upDown;
    bottom: -40px;
    right: 20px;
    height: 90px;
    width: 40px;
    visibility: hidden;
}
.serviceBox:hover .rightLongBottom.visiblity{
    visibility: visible;
}
.footerUppeerContent {
    text-align: center;
    padding: 40px 0 80px;
}
.container.ng-star-inserted h2 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.footerUppeerContent p {
    font-size: 20px;
}
a.outline-btn.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-property: color;
    transition-duration: .5s;
    cursor: pointer;
    border: 1px solid;
    color: #fff;
    padding: 18px 45px;
    background-color: transparent;
}
.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #25b5d3;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover {
    color: #fff;
    border-color: #25b5d3;
}
.container.ng-star-inserted{
    display: none;
}
.page-id-76 .container.ng-star-inserted{
    display: block;
}
/*-------------------------------*/

/*-------Blog Page--------*/

.blog-header {
    background: url(/wp-content/uploads/2022/03/banner-BG-pic.png);
    /* padding-bottom: 120px; */
    padding: 220px 0 200px;
}
.blog-header h1::after{
    display: none;
}
.blogSectonStyle {
    padding-top: 120px;
    padding-bottom: 100px;
    overflow: hidden;
    position: relative;
}
img.img-fluid.floatingImageStyle {
    position: absolute;
    top: 71px;
    left: 102px;
    z-index: -1;
}
.blogSectonStyle:nth-child(2) {
    background-color: #87ceeb;
    color: #fff;
}
.blogSectonStyle:nth-child(2) .row {
    flex-direction: row-reverse;
}
.blogSectonStyle:nth-child(4) {
    background-color: #f59c34;
    color: #fff;
}
.blogSectonStyle:nth-child(4) .row {
    flex-direction: row-reverse;
}
.post-heading a {
    color: #000;
    padding-bottom: 15px;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
}
.post-heading {
    position: relative;
}
.post-para {
    padding-top: 35px;
    padding-bottom: 20px;
    font-size: 17px;
    z-index: 1;
    color: #a3a3a3;
    position: relative;
}
a.read {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 10px;
    letter-spacing: 5px;
    color: #007bff;
    text-align: center;
}
a.read::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 90%;
    background-color: #007bff;
}
.blogSectonStyle1 {
    overflow: hidden;
    position: relative;
    padding-top: 60px;
    /* padding-bottom: 100px; */
}
.blogSectonStyle:nth-child(2) .post-heading a {
    color: #fff;
}
.blogSectonStyle:nth-child(2) .post-heading a::before {
    background: #fff;
}
.blogSectonStyle:nth-child(2) .post-para {
    color: #fff;
}
.blogSectonStyle:nth-child(2) a.read {
    color: #fff;
}
.blogSectonStyle:nth-child(2) a.read::before {
    background: #fff;
}
.blogSectonStyle:nth-child(4) .post-heading a {
    color: #fff;
}
.blogSectonStyle:nth-child(4) .post-heading a::before {
    background: #fff;
}
.blogSectonStyle:nth-child(4) .post-para {
    color: #fff;
}
.blogSectonStyle:nth-child(4) a.read {
    color: #fff;
}
.blogSectonStyle:nth-child(4) a.read::before {
    background: #fff;
}
.blogSectonStyle:nth-child(4) .col-lg-6.col-md-7.col-sm-12.col-12.ml-auto {
    margin-top: 10%;
}
.blogSectonStyle:nth-child(2) .col-lg-6.col-md-7.col-sm-12.col-12.ml-auto {
    margin-top: 10%;
}
.blog-dte h1::after{
    display: none;
}
/*---------------------*/

/*----------Blog Detail----------*/

.title h2 {
    font-size: 35px;
    margin: 25px 0 0 0;
    position: relative;
}
.descript p {
    padding-top: 0;
    font-size: 16px;
    color: #383838;
}
.descript {
    margin-top: 35px;
}
.title h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 12%;
    background: #000;
    top: 52px;
}
.share {
    margin: 40px 0;
}
.home h1::after{
display: none;
}
section.blg_detail .pencil img {
    margin-top: 0;
    left: 12px;
}
section.blg_detail {
    padding-bottom: 0;
}
.social-icon {
    display: flex;  
    flex-direction: column;
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translate(0,-50%);
}
.social-icon img {
    object-fit: contain;
    padding: 10px 0;
	width: 25px;
}
.social-icon::before {
    content: '';
    position: absolute;
    background-color: #747474;
    height: 50%;
    width: 2px;
    left: 50%;
    top: -60%;
}
.social-icon::after {
    content: '';
    position: absolute;
    background-color: #747474;
    height: 50%;
    width: 2px;
    left: 50%;
    bottom: -60%;
}
.sidebar_post .post-para {
    display: none;
}
.sidebar_post .col-lg-5.col-md-5.col-sm-12.col-12 {
    width: 100%;
}
.sidebar_post .col-lg-6.col-md-7.col-sm-12.col-12.ml-auto {
    width: 100%;
}
.sidebar_post .post-heading a::before{
    display: none;
}
.sidebar_post img {
    width: 95px;
    height: 95px;
}
.sidebar_post .text-center {
    display: none;
}
.sidebar_post .section.blogSectonStyle {
    padding-top: 0;
    padding-bottom: 25px;
}
.sidebar_post .blogSectonStyle:nth-child(2) {
    background-color: transparent;
    color: #000;
}
.sidebar_post .blogSectonStyle:nth-child(4) {
    background-color: transparent;
    color: #000;
}
.sidebar_post .blogSectonStyle:nth-child(2) .post-heading a {
    color: #000;
}
.sidebar_post .blogSectonStyle:nth-child(4) .post-heading a {
    color: #000;
}
.post-heading a {
    font-size: 1.5rem;
}
.sidebar_post .post-heading a {
    font-size: 18px;
}
section.blg_detail .pencil {
    position: unset;
}
section.banner.bring .pencil {
    position: unset;
}
.sidebar_post {
    box-shadow: 0 0 5px -1px #ccc;
    border: 1px solid #ccc;
    padding-top: 15px;
}
div#rmp-menu-title-117 {
    display: none;
}
div#rmp-menu-additional-content-117 {
    display: none;
}
div#rmp-search-box-117 {
    display: none;
}
button#rmp_menu_trigger-117 {
    position: absolute;
    top: 0;
}
div#rmp-container-117 {
    max-width: 300px;
    padding-top: 15%;
}
#rmp_menu_trigger-117:hover .responsive-menu-pro-inner, #rmp_menu_trigger-117:hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-117:hover .responsive-menu-pro-inner::after {
    background: #fff !important;
}
#rmp_menu_trigger-117 .responsive-menu-pro-inner, #rmp_menu_trigger-117 .responsive-menu-pro-inner::before, #rmp_menu_trigger-117 .responsive-menu-pro-inner::after {
    background: #fff;
}

.menu-logo {
    opacity: 0 !important;
}
div#wpcf7-f22-o1 br {
    display: none;
}



/*Work popup*/


.modal_work {
	display:none;
    position: absolute;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.modal_work.is-visible {
    visibility: visible;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.team_box a {
    color: #000;
}
.modal_work.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 6em;
  left: 50%;
  width: 32em;
  margin-left: -16em;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal_work.is-visible .modal-transition {
  transform: translateY(0);
  opacity: 1;
}

.modal_work .modal-header {
  position: relative;
  background-color: #fff;
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  color: #aaa;
  background: none;
  border: 0;
}

.modal-close:hover {
  color: #777;
}
.modal_work .modal-body {
    padding: 0;
}
.modal_work .modal-wrapper.modal-transition {
     top: 100em;
    left: 28%;
    width: 80%;
}
.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}
.team_box {
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 8%);
    text-align: center;
	overflow: hidden;
}
.member_image {
    overflow: hidden;
}
.mem_red {
    position: relative;
    background: #fff;
    padding: 17px 0;
}
.team_box:hover .mem_red {
    background: #f59c34;
	color:#fff;
	transition: background .25s ease;
}
.team_box:hover .mem_curve {
    background: #f59c34;
	transition: background .25s ease;
}
.mem_curve {
    position: absolute;
	left: -0.3%;
    width: 101%;
    height: 23px;
    z-index: 999;
    top: -12px;
    background: #fff;
    transform: rotate(-5deg);
}
.team_box h3 {
    font-size: 22px;
    font-weight: 600;
}
.team_box h5 {
    font-size: 16px;
}
input.jbf::placeholder {
    color: #504e4e;
    font-size: 15px;
}

input.jbf {
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 22px 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border-radius: 0.25rem;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}
textarea.jbf::placeholder {
    color: #504e4e;
    font-size: 15px;
}
.crefrm1 {
    margin: 20px 0 0 0;
}
.recrute-form {
    margin: 35px 0 0 0;
}
textarea.jbf {
	height:220px;
	width: 100%;
    padding: 22px 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border-radius: 0.25rem;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}
input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required.jbf {
    padding: 11px 15px;
    margin: 0;
    height: auto;

	
}
select.jbf {
    margin: 0;    
	width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border-radius: 0.25rem;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}
input.jbv {
    background: linear-gradient(45deg, #f49930, #f6a649);
    border: none;
    padding: 15px 22px;
    color: #fff;
    margin: 20px 0 0 0;
}
.crefrm textarea.jbf {
    margin: 20px 0 0 0;
}
/*----------------------------*/

/*Strategy page CSS*/

section.header-part {
    padding: 45px 0;
    background: #000;
}
.strategy-banner {
    background: url(/wp-content/uploads/2022/06/Group-10471.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.vertical h2 {
    font-size: 62px;
    color: #323232;
    font-weight: 700;
	line-height: 65px;
}
.vertical {
    margin: 90px 0 0 0;
}
.vertical p {
    color: #323232;
    font-size: 20px;
}
.strat-video {
    padding: 0;
    margin: 30px 0 0 0;
}
.ic-box {
    background: #F6FAFF;
    padding: 15px;
    border-radius: 30px;
}
.ic-box h3 {
    color: #323232;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0 0 0;
}
.ic-box p {
    color: #323232;
    font-size: 14px;
    padding: 0;
    margin: 10px 0 0 0;
}
section.about-proj {
    position: relative;
    margin: 0 !important;
    margin-top: -35px !important;
}
section.about-proj:before {
    content: '';
    background: url(/wp-content/uploads/2022/06/Mask-Group-67-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 155px;
    transform: rotate(219deg);
}
.page-id-233 h4 {
    color: #0077B5;
    font-size: 30px;
    font-weight: 900;
}
.abtpr p {
    padding: 0;
    font-size: 18px;
    color: #323232;
    line-height: 27px;
}
.ic-box.bg-white {
    box-shadow: 0px 10px 30px 0px #0000000d;
}
.ic-box.bg-white h3 {
    color: #0077B5;
}
.trending-list {
    margin-top: 60px;
}
.trending-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trending-list ul li {
    font-size: 15px;
    color: #323232;
    padding: 0 0 20px 0;
}
.trending-list ul li img {
    padding: 0 15px 0 0px;
}
section.objective {
    background: url(/wp-content/uploads/2022/06/Group-10472.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
	padding: 90px 0 190px 0;
}
.objective p {
    padding: 0;
    font-size: 16px;
    color: #323232;
}
section.usecase {
    position: relative;
}
section.usecase:before {
    content: '';
    background: url(/wp-content/uploads/2022/06/Mask-Group-67-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: 0;
    z-index: 2;
    left: -20px;
    width: 80px;
    height: 210px;
    transform: rotate(180deg);
}
.right-cont {
    text-align: right;
}
.right-cont ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.right-cont ul li {
    font-size: 15px;
    color: #323232;
    padding: 25px 0 0 0;
    font-weight: 600;
}
.right-cont ul li img {
    padding: 0 0 0 20px;
}
section.steke {
    background: #EEF3FD;
}
.autor-detail {
    text-align: center;
	background: #fff;
    padding: 20px 0;
    border: 0.5px solid #D6D6D6;
    border-radius: 10px;
}
.autor-detail h5 {
    color: #323232;
    font-size: 20px;
    font-weight: 600;
}
.autor-detail ul li {
    color: #323232;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
}
.autor-detail ul {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none;
    margin: 30px 0 0 0;
}
.biograph {
    background: #fff;
    padding: 6px 15px;
    border: 0.5px solid #D6D6D6;
    border-radius: 10px;
}
.biograph h6 {
    font-size: 24px;
    color: #0077B5;
    font-weight: 600;
    margin: 0;
}
.biograph p {
    color: #323232;
    font-size: 14px;
    line-height: 28px;
}
.brd-boxes {
    background: #fff;
    padding: 20px 10px;
    border: 0.5px solid #D6D6D6;
    border-radius: 10px;
    height: 300px;
}
.brd-boxes p {
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    color: #323232;
    margin: 0;
    padding: 0;
}

ul.spns {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 25px;
}
ul.spns li {
    background: #edf4fa;
    margin: 1%;
    width: 47%;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 600;
    color: #0077B5 !important;
	line-height: 23px !important;
    text-align: center;
    /* float: left; */
    padding: 15px;
    border-radius: 79px;
}
.brd-boxes h6 {
    color: #0077B5;
    font-size: 16px;
    font-weight: 600;
}
.brd-boxes ul li {
    color: #323232;
    font-size: 14px;
    line-height: 30px;
}
.brd-boxes ul li::marker {
    color: #0077B5;
}
section.competitor {
    background: #F9FBFE;
    margin: 40px 0 0 0;
}
.competitor table {
    text-align: center;
}
th.bg-blue {
    background: #0077B5;
    color: #fff !important;
}
.competitor table th {
    color: #0077B5;
    font-size: 15px;
    font-weight: 600;
    padding: 20px 0;
    border: 1px solid #EFEFEF;
}
.competitor table td {
    border: 1px solid #EFEFEF;
}
.competitor table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #fff;
}
section.wireframe {
    padding: 0;
}
.typog img {
    margin-top: -120px;
}
section.teheme {
    background: url(/wp-content/uploads/2022/06/Group-10479-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
section.teheme h6 {
    color: #0077B5;
    font-size: 65px;
    font-weight: 600;
}
section.teheme.scnd h6 {
    text-align: right;
}
section.sect-gap {
    padding: 40px 0;
}
section.administration-panel {
    background: url(/wp-content/uploads/2022/06/Group-10484.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
	padding: 90px 0 0 0;
}

section.process {
    background: #eef4fe;
}
.container.bg-cls {
    background: #0077B5;
    border-radius: 20px;
    color: #fff;
    padding: 45px 15px 40px 30px;
}
section.process h4 {
    color: #FFFFFF !important;
    font-size: 35px;
}
.ux-box {
    text-align: center;
}
.ux-box h5 {
    font-size: 22px;
}
.ux-box ul {
    text-align: left;
    margin: 0 0 0 30px;
    padding: 0;
}
.ux-box ul li {
    font-size: 15px;
    line-height: 35px;
}
.bg-or {
    background: #FFAC66;
	margin: 50% 0 0 0;
}
.qa {
    padding: 30px 20px;
    border-radius: 10px;
}
.qa h5 {
    color: #FFFFFF;
    font-size: 30px;
    margin: 20px 0 0 0;
    font-weight: 600;
}
.qa p {
    padding: 0;
    font-size: 15px;
    color: #FFFFFF;
}
.bg-blu {
    background: #9290FE;
}
.bg-pnk {
    background: #FF7CA3;
    margin: 50px 0 0 0;
}
.bg-stan {
    background: #64D5F5;
    margin: 50% 0 0 0;
}
section.thnk {
	padding:90px 0 40px 0;
    text-align: center;
}
section.thnk h5 {
    color: #0077B5;
    font-size: 20px;
    font-weight: 900;
    margin: 25px 0 0 1px;
}
section.thnk p {
    padding: 0;
    font-size: 17px;
    margin: 20px 0 0 0;
    color: #0077B5;
}
section.thnk p a {
    text-decoration: underline;
}
.slick-carousel21 {
  margin: 0 auto;
  width: 1000px;
}
.slick-carousel21 h3 {
    color: #000000;
    margin: 30px 0 30px 0;
    font-size: 22px;
    font-weight: 600;
}
.slick-carousel21 p {
    font-size: 16px;
    padding: 0;
	color:#000;
}
/*-----------------*/

/*-------Faq Home Page---------*/
section.faqs h1 {
    font-size: 35px;
    margin-bottom: 35px;
	position:relative;
}
section.faqs h1 span.blue {
    font-size: 20px;
}
section.faqs{
    display: grid;
    place-items: center;
	background-image: linear-gradient(140deg, #f0f6fe 0%, #e8fffe 50%, #f6fffe 75%);
  }
  
  .accordion {
    width: 42rem;
    border-radius: 1rem;
    background: white;
  	box-shadow:0 0 2rem #d3d3d3c9; 
  }
.accordion__icon i {
    color: #ccc;
}
  .accordion__item.accordion__item--active span.accordion__caption {
    color: #25b5d3;
    font-weight: 600;
}

  .accordion__heading {
    margin-bottom: 1rem;
    padding: 0 1.4rem;
  }
  
  .accordion__item:not(:last-child) {
    border-bottom: 1px solid lightgrey;
  }
  
  .accordion__btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.2rem 1.4rem;
    background: white;
    border: none;
    outline: none;
    color: var(--color-text);
    font-size: 1.2rem;
    text-align: left;
    cursor: pointer;
    transition: 0.1s;
  }
  .accordion__btn:hover {
    color: var(--color-purple);
    background: hsl(248, 53%, 97%);
  }
  
  .accordion__item--active .accordion__btn {
    color: var(--color-purple);
    border-bottom: 2px solid var(--color-purple);
    background: hsl(248, 53%, 97%);
  }
  
  .fa-lightbulb {
    padding-right: 1rem;
  }
  .accordion__icon {
    border-radius: 50%;
    transform: rotate(0deg);
    transition: 0.3s ease-in-out;
    opacity: 0.9;
  }
  .accordion__item--active .accordion__icon {
    transform: rotate(135deg);
  }
  
  .accordion__content {
    font-weight: 300;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    color: var(--color-text-muted);
    transform: translateX(16px);
    transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;
  }
  .accordion__content p {
    padding: 1rem 1.8rem;
	font-size: 15px;
  }
  
  .accordion__item--active .accordion__content {
    opacity: 1;
    transform: translateX(0px);
    max-height: 100vh;
  }
span.accordion__caption {
    font-weight: 600;
    font-size: 17px;
}
/*-------------------------*/

/*-------New Services Page-----*/
.servicesBox .serviceBoxContent p {
    font-weight: 100;
    font-size: 16px;
}
.servicesBox p {
    font-size: 18px;
    margin: 10px 0;
    padding: 0;
    color: #000;
    font-weight: 600;
}
.servicesBox h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    padding: 20px 0 0 0;
}
.servicesBox {
    text-align: center;
    padding: 50px 10px;
    height: calc(100% - 20px);
    background-color: #fff;
    margin: 0 10px;
    transition: all .3s linear;
    position: relative;
	border-radius:5px;
}
.servicesBox:hover{
    transform: translateY(-8px);
    box-shadow: 0 0 15px -1px #ccc;
}
.servicesBox.web h4 {
    color: #F49A31;
}
.web .sec-img {
    background: #f49a316b;
}
.sec-img {
    padding: 12px;
    width: 25%;
    margin: 0 auto;
}
.mobl h4 {
    color: #4CC39D;
}
.mobl .sec-img {
    background: #4cc39d40;
}
.desig h4 {
    color: #AD81F8;
}
.desig .sec-img {
    background: #ad81f847;
}
.blockc .sec-img {
    background: #2abddc38;
}
.blockc h4 {
    color: #2ABDDC;
}
.hybrid .sec-img {
    background: #ff756b40;
}
.hybrid h4 {
    color: #FF756B;
}
.devops .sec-img {
    background: #7bb5ff47;
}
.devops h4 {
    color: #7BB5FF;
}
section.banner.srv-bnner {
    background-image: linear-gradient(140deg, #f0f6fe 0%, #e8fffe 50%, #f6fffe 75%);
}
section.bnr-hdr {
    padding: 45px 0;
    background: #000;
}
.srv-bnner h1 {
    font-size: 45px;
    font-weight: 600;
    line-height: 60px;
}
.srv-bnner p {
    padding: 15px 0 0 0;
    font-size: 18px;
}
.ic-dev {
    background: #f1f7fc;
    width: 80px;
    height: 72px;
    margin: 0 auto;
    text-align: center;
    padding: 24px 0 0 0;
}
.devp-box {
    text-align: center;
}
.devp-box h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 0 0;
}
.devp-box h4 span.blue {
    font-size: 14px;
}
.devp-box p {
    font-size: 14px;
    padding: 0;
    margin: 12px 0 0 0;
}
.projec-sec img {
    width: 100%;
}
.projec-sec h5 {
    font-weight: 600;
    font-size: 25px;
}
section.projec-sec {
    background-image: linear-gradient(140deg, #f0f6fe 0%, #e8fffe 50%, #f6fffe 75%);
}
.projec-sec span.blue {
    text-transform: uppercase;
    font-weight: 600;
}
.launch span.blue {
    text-transform: uppercase;
    font-weight: 600;
}
.launch .ic-dev {
	background: #3095f2;
	border-radius: 5px;
}
section.achiev h6 {
    text-transform: uppercase;
    font-weight: 600;
}
section.achiev {
    background-image: linear-gradient(140deg, #f3f3ff 26%, #e8fffe 50%, #f6fffe 75%);
}
section.achiev p {
    padding: 0;
    font-size: 15px;
}
img.brd-logo {
    width: 90%;
}
.counterss span.blue {
    font-size: 25px;
    font-weight: 600;
}
.counterss {
    background: #fff;
    text-align: center;
    padding: 25px 0px;
    margin: 0 0 25px 0;
}
.count-move {
    margin: 25% 0 0 0;
}
.counterss h5 {
    font-size: 14px;
}
/*-----------------------*/

/*----------Mobile App page----------*/

.lvi {
    margin: 35px 0 0 0;
}
.lvi ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.lvi ul li {
    width: 22%;
    display: inline-block;
    background: #fff;
    padding: 15px 0;
    border-radius: 5px;
    margin: 0 15px 0 0px;
}
.lvi ul li span {    
    padding: 11px 17px;
    font-size: 15px;
}
.lvi ul li span img {
    margin: 0 5px 0px 0px;
}
.looking-sect h4 {
    color: #000;
    font-weight: 600;
	font-size: 20px;
}
.looking-sect p {
    font-size: 15px;
    padding: 10px 0 0 0;
}
.looking-sect ul {
    margin-top: 20px;
}
.reqi {
    margin: 30px 0 0 0;
}
.looking-sect ul li {
    font-size: 15px;
    line-height: 30px;
}
.looking-sect ul li::marker {
    color: #25b5d3;
}
.side-recrut img {
    width: 120px;
    height: 120px;
    border-radius: 5px;
}
.side-recrut h5 {
    font-weight: 700;
}
.side-recrut h6 {
    font-size: 15px;
    color: #858585;
    padding: 15px 0;
}
/*-------------------------------*/

/*----Wagkart page------*/
body.page-id-238 {
    font-family: 'KoHo', sans-serif !important;
}
body.page-id-238 h2{
    font-family: 'KoHo', sans-serif !important;
	font-size: 50px;
	line-height: 50px;
}
section.wag-header {
    background: url(/wp-content/uploads/2022/06/Mask-Group-95.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
	padding: 45px 0 50px 0;
}
.best-sect {
    margin-top: 85px;
}
.best-sect img {
    width: 70%;
    margin-top: -150px;
}
.core-wag ul li {
    line-height: 45px;
    font-size: 22px;
}

.core-wag ul {
    list-style: none;
    margin: 50px 0 0 60px;
}
section.about-wag {
    background: url(/wp-content/uploads/2022/06/Mask-Group-96.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size:contain;
}
body.page-id-238 .logo {
    display: none;
}
body.page-id-238 p {
    font-size: 15px;
}
section.core-wag {
    background: url(/wp-content/uploads/2022/06/Group-9152.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
.core-wag img {
    width: 50%;
}
section.compete {
    background: #33AD42;
}
table.feat-wag tbody {
    background: transparent;
    border: none;
    text-align: center;
    color: #fff;
    font-size: 17px;
}
table.feat-wag tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: transparent;
}
tr.brd td {
    border: 1px solid;
}
section.compete h2 {
    color: #fff;
}
img.cir-ddog {
    margin: 85% 0 0 23px;
}
section.typo-wag {
    background: url(/wp-content/uploads/2022/06/Group-9965.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.koh {
    margin-top: 45px;
}
.koh ul li {
    line-height: 35px;
}
.koh ul {
    list-style: none;
    margin: 0;
}
ul.kohab {
    margin-top: 43px;
}
section.typo-wag h3 {
    font-family: 'KoHo', sans-serif !important;
}
img.slp-dog {
    width: 55%;
}
section.process.wag-process {
    background: url(/wp-content/uploads/2022/06/Mask-Group-97.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    padding: 50px 0;
}
section.process.wag-process .container.bg-cls {
    background: #ffffff47;
	color:#000;
}
section.process.wag-process h2 {
    color: #fff;
    margin: 0 0 35px 0;
}
img.btm-img {
    margin-top: 50%;
}
section.wag-ftr{
    background-image: url(/wp-content/uploads/2022/06/Group-9167.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    color: #fff;
}
.hmlbl {
    margin-top: 23%;
    color: #000;
}
img.hlthy-pet {
	margin-top: -140px;
    width: 50%;
}
img.hlthy-hubl {
    width: 80%;
    margin-top: -250px;
}
section.old-wag {
    background: #37AA46;
    background-image: url(/wp-content/uploads/2022/06/Path-204372.png);
}
section.old-wag h2 {
    width: 35%;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
}
button.IconLauncher__BaseLauncher-tpgetj-0.IconLauncher__CircleLauncher-tpgetj-2.imgZsg.reagan--widget-loaded.undefined {
    background: linear-gradient(45deg, #f49930, #f6a649) !important;
}
.page-id-354 h1::after{
	display:none;
}
/*------------------*/
/* RESPONSIVE */

@media screen and (max-width: 767px) {
    .col-md-4.sidebar {
    display: none;
}
    button.navbar-toggler {
    display: none;
}
    .feedback-slider-item:after {
        left: 30px;
        right: 30px;
    }
    .customer-feedback .owl-nav [class*="owl-"] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 45px;
        bottom: auto;
    }
    .customer-feedback .owl-prev {
        left: 0;
    }
    .customer-feedback .owl-next {
        right: 0;
    }
	button#responsive-menu-button {
    display: block !important;
}
	nav.navbar.navbar-expand-lg.navbar-light{
		display:none;
	}
}

@media screen and (min-width: 320px) and (max-width: 480px) {
	section.we_best .scroll-down{
		display:none;
	}
	.img-box p {
    padding: 0;
}
	section.instasec {
    padding: 40px 25px 40px 20px;
}
	.devp-box {
    margin: 20px 0 0 0;
}
	.projec-sec img {
    width: 100%;
    margin: 25px 0 0 0;
}
	.vertical {
    margin: 0;
}
	.vertical h2 {
    font-size: 45px;
    line-height: 55px;
}
	section.objective {
    padding: 0;
}
	.autor-detail ul {
    margin: 30px 0 0 50px;
}
	.autor-detail .col-md-4 {
    width: 50%;
}
	.biograph {
    margin: 45px 0 0 0;
}
	.brd-boxes {
    margin: 45px 0 0 0;
}
section.jenny-sect {
    padding: 45px 0;
}
	section.jenny-sect .autor-detail {
    margin: 45px 0 0 0;
}
	section.jenny-sect .autor-detail .col-md-7 {
    width: 60%;
}
	section.jenny-sect .autor-detail .col-md-4 {
    width: 40%;
}
	section.jenny-sect .row.mt-4 {
    flex-direction: column-reverse;
}
	.ux-box {
    margin: 45px 0 0 0;
}
	.bg-or {
    margin: 0;
}
	.bg-blu {
    margin: 40px 0 0 0;
}
	.bg-stan {
    margin: 40px 0 0 0;
}
	section.portfo {
    padding: 45px 0;
}
.banner-bottom h5 {
    text-align: center;
}
.banner-bottom .col-md-2 {
    width: 50%;
}
.banner-bottom img {
    padding: 15px;
}
.pot-hde h2 {
    font-size: 53px;
    left: 0;
    margin-top: 0;
}
.col-md-6.pot-hde {
    width: 50%;
}
.cust .col-md-2 {
    width: 15%;
}
section.pose button {
    margin-top: 20px;
}
section.intiutive .cust img {
    display: none;
}
.pencil h2 {
    font-size: 120px;
    font-weight: 600;
    margin-top: -10px;
}
.int-img img {
    position: relative;
    right: 0;
    max-width: 100%;
    top: 35px;
}
section.pose button {
    width: 65%;
}
section.pose .col-md-4 {
    text-align: center;
}
section.fresh .col-md-5 img {
    margin-top: 30px;
}
.nvr {
    padding-left: 15px;
    margin-top: 45px;
}
.ctn {
    margin-top: 45px;
}
.vrt-btm img {
    display: none;
}
.vrt img {
    display: none;
}
.banner-about h1 {
    font-size: 45px;
}
.counter {
    margin-top: 0;
}
section.bring {
    padding: 60px 0 0px 0;
}
.pencilImg img {
    top: 0;
}
.log-img img {
    width: 50% !important;
    margin: 0 auto;
}
.log-img {
    text-align: center;
}
.crt-box {
    margin-top: 75px;
}
.img-box {
    margin-top: 35px !important;
}
section.banner.work-banner {
    padding-top: 60px;
    text-align: center;
}
.work-banner .col-xl-5.col-lg-5.col-md-5.col-sm-12.ml-auto {
    padding: 60px 0 0;
}
.serve {
    padding-top: 120px;
}
.boxPotLeft img {
    width: 60%;
}
.boxPotLeft {
    top: 5%;
    left: 0;
}
.row.sketchRow.rowReverse-sm {
    flex-direction: column-reverse;
}
.serviceMainHeading.wrapMainHeading {
    padding: 0 0 110px;
}
section.wrapOnGoingSection .wrapContent {
    padding-left: 20%;
}
h5.wrapHeading {
    left: -35px;
}
section.wrapOnGoingSection h1.wrapNo.serviceNumber.No2 {
    text-align: right;
    padding-right: 5%;
    color: #e8e8e8;
}
section.wrapOnGoingSection h1.wrapNo.serviceNumber.No2::before {
    width: 100%;
}
h5.wrapHeading.No3 {
    padding-left: 26%;
}
img.img-fluid.potImg {
    display: none;
}
img.img-fluid.floatingImageStyle {
    top: 0;
    left: 0;
}
.blogSectonStyle1 {
    padding-top: 0;
}
.blogSectonStyle {
    padding-top: 80px;
}
.post-heading a::before {
    top: 76px;
}
.title h2::before {
    top: 100px;
}
.container-fluid.home-banner {
    text-align: center;
}
.home-banner h1 {
    font-size: 40px;
}
section.we_best h1 {
    color: #000;
    font-size: 2.5rem;
}
.social-icon {
    display: none;
}
	
    video.video-fluid.img-fluid {
    position: unset;
}
	.logo img {
    margin-top: 15px;
}
	footer .col-md-1 {
    width: 10%;
}
	footer .col-md-11 {
    width: 90%;
}
.col-xl-6.col-lg-7.col-md-12.exploreImgContainer .col-lg-6 {
    width: 49%;
}
	.serve button {
    margin-top: 18px;
    margin-right: 0;
}
	.col-md-5.bdd .col-md-6 {
    width: 50%;
}
	.client-list ul {
    margin-top: 20px;
}
	.tools ul li {
    width: 48%;
	}
	.accordion {
    width: 100%;
	}
	.team_box {
    margin-top: 25px;
}
	.mem_curve {
    height: 32px;
    top: -17px;
}
	.tools img {
    width: 33%;
    margin: 5%;
}
	.tools .col-md-2 {
    text-align: center;
}
	.faqs .col-md-7 h4 {
    margin: 40px 0 25px 0;
}

/*Mobile css copy above*/
	
}

@media screen and (min-width: 481px) and (max-width: 768px) { 
.banner-bottom h5 {
    text-align: center;
}
.banner-bottom .col-md-2 {
    width: 50%;
}
.banner-bottom img {
    padding: 15px;
}
.pot-hde h2 {
    font-size: 53px;
    left: 0;
    margin-top: 0;
}
.col-md-6.pot-hde {
    width: 50%;
}
.cust .col-md-2 {
    width: 15%;
}
section.pose button {
    margin-top: 20px;
}
section.intiutive .cust img {
    display: none;
}
.pencil h2 {
    font-size: 120px;
    font-weight: 600;
    margin-top: -10px;
}
.int-img img {
    position: relative;
    right: 0;
    max-width: 100%;
    top: 35px;
}
section.pose button {
    width: 65%;
}
section.pose .col-md-4 {
    text-align: center;
}
section.fresh .col-md-5 img {
    margin-top: 30px;
}
.nvr {
    padding-left: 15px;
    margin-top: 45px;
}
.ctn {
    margin-top: 45px;
}
.vrt-btm img {
    display: none;
}
.vrt img {
    display: none;
}
.banner-about h1 {
    font-size: 45px;
}
.counter {
    margin-top: 0;
}
section.bring {
    padding: 60px 0 0px 0;
}
.pencilImg img {
    top: 0;
}
.log-img img {
    width: 50% !important;
    margin: 0 auto;
}
.log-img {
    text-align: center;
}
.crt-box {
    margin-top: 75px;
}
.img-box {
    margin-top: 35px !important;
}
section.banner.work-banner {
    padding-top: 60px;
    text-align: center;
}
.work-banner .col-xl-5.col-lg-5.col-md-5.col-sm-12.ml-auto {
    padding: 60px 0 0;
}
.serve {
    padding-top: 120px;
}
.boxPotLeft img {
    width: 60%;
}
.boxPotLeft {
    top: 5%;
    left: 0;
}
.row.sketchRow.rowReverse-sm {
    flex-direction: column-reverse;
}
.serviceMainHeading.wrapMainHeading {
    padding: 0 0 110px;
}
section.wrapOnGoingSection .wrapContent {
    padding-left: 20%;
}
h5.wrapHeading {
    left: -35px;
}
section.wrapOnGoingSection h1.wrapNo.serviceNumber.No2 {
    text-align: right;
    padding-right: 5%;
    color: #e8e8e8;
}
section.wrapOnGoingSection h1.wrapNo.serviceNumber.No2::before {
    width: 100%;
}
h5.wrapHeading.No3 {
    padding-left: 26%;
}
img.img-fluid.potImg {
    display: none;
}
img.img-fluid.floatingImageStyle {
    top: 0;
    left: 0;
}
.blogSectonStyle1 {
    padding-top: 0;
}
.blogSectonStyle {
    padding-top: 80px;
}
.title h2::before {
    top: 100px;
}
.container-fluid.home-banner {
    text-align: center;
}
.home-banner h1 {
    font-size: 40px;
}
section.we_best h1 {
    color: #000;
    font-size: 2.5rem;
}
.social-icon {
    display: none;
}
	.bd {
    transform: none !important;
}
    video.video-fluid.img-fluid {
    position: unset;
}
	.logo img {
    margin-top: 15px;
}
	footer .col-md-1 {
    width: 10%;
}
	footer .col-md-11 {
    width: 90%;
}
	.col-xl-6.col-lg-7.col-md-12.exploreImgContainer .col-lg-6 {
    width: 49%;
}
	.serve button {
    margin-top: 18px;
    margin-right: 0;
}
	.col-md-5.bdd .col-md-6 {
    width: 50%;
}
	.client-list ul {
    margin-top: 20px;
}
	.tools ul li {
    width: 48%;
	}
	.accordion {
    width: 100%;
	}
	.team_box {
    margin-top: 25px;
}
	.mem_curve {
    height: 32px;
    top: -17px;
}
	.tools img {
    width: 33%;
    margin: 5%;
}
	.tools .col-md-2 {
    text-align: center;
}
	.faqs .col-md-7 h4 {
    margin: 40px 0 25px 0;
}

/*Mobile css copy above*/
}
@media (min-width: 576px)
.modal-dialog {
    max-width: 660px !important;
}