/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 14 2025 | 09:15:31 */
.block-text p{
	color:#000;
}
.bold-text strong{
    color: #000 !important;
    font-weight: 600;
}
.port-gall .pfg-bootstrap .thumbnail{

height:475px !important;
	object-fit:cover;
}

.filtr-item {
    height: 475px;
}
@media screen and (max-width: 1400px)    {
	
.myContent {
    height: 215vh;
}
	.headwidth {
    width: 65%;
}
	
}
.main-nav>li>a {
    margin: 18px 30px 18px 14px !important;
    padding: 4px 4px 4px 4px;
}
h1,h2,h3,h4, h5{
	font-family: 'Arco Perpetuo';
}

p{
	 font-family: 'Arial',sans-serif;
}
.homeBanner h2 strong {
    color: #fee160 !important;
    transition: all 0.3s ease-in;
}
.homeBanner{
	background-color:#000;
}
.place-para a{
	color:#000;
	font-weight:600;
	text-decoration:none;
}

/*Feedback header */

/* .port-gall .simplefilter li.active{
	display:none;
} */
ul#f-simplefilter-179 {
    display: flex;
	margin-top:-10px;
}

ul#f-simplefilter-179 li:nth-child(1) {
    order: 1;
	display:block;
   
}

ul#f-simplefilter-179 li:nth-child(2) {
    order: 3;
	display:block;
  
}
ul#f-simplefilter-179 li:nth-child(3) {
    order: 3;
	display:block;
}
ul#f-simplefilter-179 li:nth-child(4) {
    order: 2;
	display:block;
}
.main-nav > li > a .menu-text{
	font-size:23px;
	font-weight:bold;
}
.mini-contacts{
	font-size:23px;
	    font-family: 'Arial',sans-serif;
	font-weight:bold;
}

.grey p{
	color: #9E9E9E;
	font-size:28px;
	line-height:1.1em;
}
.bottomText p {
    position: absolute;
    top: 28%;
}

.show-on-desktop.hide-on-first-switch.hide-on-second-switch.first.last {
    border: 1px solid #ffe252;
    border-radius: 200px;
    padding: 10px 16px 10px 17px;
	    font-size: 19px;
}
a.mini-contacts:hover{
	    color: #ffe252 !important;
}
#phantom .ph-wrap img {
    height: 44px;
}
.lswssp-logo-showcase .slick-slide img{
	min-height:330px;!important;
    width: 100%;
    object-fit: cover;
}
.help {
    width: 88%;
}
.help-cols{
	padding-left:14px;
}
.help h2{
	color:#000 !important;
	    line-height: 1.1em;
}
.help-para {
    width: 86%;
}
.help-para a{
	font-weight:600;
	text-decoration:none;
	color:#000;
}
.home-btns{
	margin-top:-20px;
}
.grecaptcha-badge { 
    visibility: hidden;
}
.white h2{
	    line-height: 1.1em !important;
}
.main-nav .sub-nav > li > a::before{
	content:'';
	position:absolute;
	border-bottom:1px solid #fee160;
	width:0%;
	transition-duration:0.3s;
	 bottom: 0;
}
.main-nav .sub-nav > li:hover a{
	color:#000 !important;
	font-weight:600;
}
/* .main-nav .sub-nav > li > a:hover:before{
	border-bottom:1px solid #fee160;
	width:88%;
	transition-duration:0.3s;
	    bottom: 0;
} */
/* .main-nav .sub-nav > li > a:hover{
	background-color:#0a0a0a !important;
	color:#fee160 !important;
	display:block;
	
} */
.inner-banner h1, .port-gall .simplefilter_179 li {	
	font-family: 'Arco Perpetuo';
}
.dt-mobile-header .mini-contacts{
	color:#000 !important;
}
.mobile-mini-widgets-in-menu{
	padding:0px !important;
}
.main-nav .sub-nav > li > a .menu-text {
       color: #000 !important;
   
	    font-size: 16px;
    font-weight: 500;
    font-family: 'Arco Perpetuo';
}
.main-nav .sub-nav > li > a .menu-text:hover{
color:#000 !important;

	
}
/*
.top-header .sub-nav.hover-style-bg > li a{
	background-color: #0a0a0a !important;
}
*/
.main-nav .sub-nav {
/*        background: linear-gradient(180deg, rgba(255,255,255,1) -2%, rgb(248 225 60) 75%); */
	background-color: #f7e04f;
         padding: 10px 14px 7px 12px;
    margin-top: -28px;
    width: 262px !important;
    margin-left: -50px;
}
.main-nav .sub-nav li{

    border-bottom: 1px solid #0003;
    padding: 4px 0px 5px 0px;
	transition-duration:0.3s;
}

.main-nav .sub-nav li::after{
	content:'';
	position:absolute;
	    background: url(/wp-content/uploads/2023/02/black-arrow.svg);
    width: 22px;
    height: 14px;
	    top: 14px;
	left: -21px;
    opacity: 0;
	background-size: 22px;
	transition-duration:0.3s;
}

.main-nav .sub-nav li:before{
	content:'';
	position:absolute;
	height:2px;
	width:0%;
	background-color:#000;
	left:0;
	top:-1px;
	transition-duration:0.3s;
	
}
.main-nav .sub-nav li:hover:before{
	width:100%;
	transition-duration:0.3s;
}
.main-nav .sub-nav li:hover:after{
	
	transition-duration:0.3s;
	left: -7px;
    opacity: 1;
}
.main-nav .sub-nav li:hover{
	padding-left:15px;
	transition-duration:0.3s;
}
.main-nav .sub-nav li:nth-child(4){
	border-bottom:0px;
}
.sub-nav>li:hover a{
	color:red !important;
}
.inner-banner{
	height:480px;
}
.inner-banner h1{
    font-size: 129px;
    font-weight: 300;
    line-height: 1.1;
}
.ani-mati h1{
	position:relative;
}
.ani-mati h1:before{
	content: "";
    position: absolute;
	top: 156px;
    right: 184px;
    width: 228px;
    height: 326px;
	background-image:url(/wp-content/uploads/2023/04/y-round.svg);
	background-repeat:no-repeat;
	background-size:100%;
}

.ani-mati h1:after{
	content: "";
    position: absolute;
	    top: 12px;
    right: 30px;
    width: 336px;
    height: 352px;
	background-image:url(/wp-content/uploads/2023/04/line-code.svg);
	background-repeat:no-repeat;
	background-size:100%;	
}	
/*
	animation: 3000ms linear infinite visible_orbit;
	animation-iteration-count: 1;
}
@keyframes visible_orbit {
	0% { transform: translate(-20px,30px) scale(0) rotate(150deg); opacity: 0; }
	10% { transform: translate(-15px,25px) scale(1) rotate(180deg); opacity: 1; }
	20% { transform: translate(-10px,20px) scale(1) rotate(200deg); opacity: 1; }
	30% { transform: translate(-5px,15px) scale(1) rotate(220deg); opacity: 1; }
	40% { transform: translate(0px,10px) scale(1) otate(250deg);  opacity: 1; }
	50% { transform: translate(0px,5px) scale(1) rotate(280deg); opacity: 1; }
	60% { transform: translate(0px,0px) scale(1) rotate(300deg); opacity: 1; }
	70% { transform: translate(0px,0px) scale(1) rotate(320deg); opacity: 1; }
	80% { transform: translate(0px,0px) scale(1) rotate(340deg); opacity: 1; }
	90% { transform: translate(0px,0px) scale(1) rotate(360deg); opacity: 1; }
	100% { transform: translate(-0px,0px) scale(1) rotate(360deg); opacity: 1; }
	
}
	animation: float-right 1s infinite ease-in-out alternate;
	animation-iteration-count: 7;
@keyframes float-right {
	100% {
    transform: translateX(20px);
  }
}*/
svg.vc_single_image-img.attachment-thumbnail.replaced-svg {
    width: 100%;
    height: auto;
}

path#Path_1045{
 stroke-dasharray: 450;
  stroke-dashoffset: 450;
  animation: draw 2s linear infinite alternate;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
	
.oth-work .owl-nav a.owl-prev i {
    margin-right: 70px;
}
.oth-work .owl-nav a.owl-next i{
	margin-left: 70px;
}
.port-gall{
	padding-top:80px;
	padding-bottom:110px;
}
.port-gall .simplefilter_179 li.active {
    background-color: unset !important;
}
.port-gall .simplefilter_179 li {
    background-color: #000;
    color: #ffffff;
	font-size:30px;
}
.port-gall .simplefilter_179 li:hover {
    background-color: #000000 !important;
}
.port-gall .simplefilter li.active{
	color: #F8E13C;
}
.port-gall .filter_gallery_179.row.filtr-container.filters-div {
    margin-top: 50px !important;
}
.port-gall .pfg-bootstrap .thumbnail{
	padding: 0px;
	line-height: 0;
	background-color: transparent;
	border-radius: 0;
	border: 1px solid #000;
}
.filtr-item.filtr_item_179.single_one{
	border:none !important;
}
figure.post.photoswipe-item {
    left: 2px !important;
}
.last-para p {
    padding-right: 0px !important;
}
.oth-work .vc_column-inner{
	padding-right:30px !important;
	padding-top:0px !important;
}
.port-gall .filtr-item {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
	border:none !important;
}
.port-gall .pfg-bootstrap .col-lg-12{
	padding-right: 0px;
    padding-left: 0px;
	border:none !important;
}
.port-gall .simplefilter li{
	padding: 0px  60px 0px 0;
	position:relative;
}

ul#f-simplefilter-179 li::after {
    content: '';
    position: absolute;
    top: 8px;
    right: 25px;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    background-color: #4E4E4E;
    background-repeat: no-repeat;
}
ul#f-simplefilter-179 li:nth-child(3)::after{
	display:none;
}



/* .port-gall .simplefilter li:after{
	content: "";
    position: absolute;
    top: 8px;
    right: 25px;
    width: 9px;
    height: 9px;
    border-radius: 50px;
	background-color:#4E4E4E;
	background-repeat:no-repeat;
} */
/* .port-gall .simplefilter li:nth-child(3):after{
	display:none;
}
.port-gall .simplefilter li:nth-child(1):after{
	display:block;
} */
.port-gall .item-desc{
	background-color: rgba(0, 0, 0, 0.7);
	color: #F8E13C;
    font-size: 30px;
    position: absolute;
	padding:0;
	top:initial;
	bottom:0;
	left:initial;
    right: 0;
    height: 0;
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	opacity:0;
	 transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
}
.filtr_item_179.single_one:hover .item-desc{
	opacity:1;
	transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
	visibility: visible;
	height: 100%;
	width: 100%;
}
.form-sec h2{
	font-size:60px;
}
.oth-work h2{
	font-size:60px;
}
#bottom-bar{
	color: #9A9996;
}
.desing-sec{
	position: relative;
  perspective: 800px;
  margin:0 auto;
  width:50%;
}
.desing-col {
  width:200px;
  height:200px;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
	left: -200px;
   top: -270px;
}

.one-img {
  width:400px;
  height:10px;
  background-image: url(/wp-content/uploads/2023/04/line-code.svg);
  background-size: cover;
  backface-visibility: visible;
  animation: turner 20s infinite;
	animation-iteration-count: 1;
}
.one {
  background-position:0 0;
}
.one2 {
  background-position:0 -100%;
  animation-delay: .1s;
}
.one3 {
  background-position:0 -200%;
  animation-delay: .2s;
}
.one4 {
  background-position:0 -300%;
  animation-delay: .3s;
}
.one5 {
  background-position:0 -400%;
  animation-delay: .4s;
}
.one6 {
  background-position:0 -500%;
  animation-delay: .5s;
}
.one7 {
  background-position:0 -600%;
  animation-delay: .6s;
}
.one8 {
  background-position:0 -700%;
  animation-delay: .7s;
}
.one9 {
  background-position:0 -800%;
  animation-delay: .8s;
}
.one10 {
  background-position:0 -900%;
  animation-delay: .9s;
}
.one11 {
  background-position:0 -1000%;
  animation-delay: 1s;
}
.one12 {
  background-position:0 -1100%;
  animation-delay: 1.1s;
}
.one13 {
  background-position:0 -1200%;
  animation-delay: 1.2s;
}
.one14 {
  background-position:0 -1300%;
  animation-delay: 1.3s;
}
.one15{
  background-position:0 -1400%;
  animation-delay: 1.4s;
}
.one16{
  background-position:0 -1500%;
  animation-delay: 1.5s;
}
.one17{
  background-position:0 -1600%;
  animation-delay: 1.6s;
}
.one18{
  background-position:0 -1700%;
  animation-delay: 1.7s;
}
.one19{
  background-position:0 -1800%;
  animation-delay: 1.8s;
}
.one20{
  background-position:0 -1900%;
  animation-delay: 1.9s;
}
.one21{
  background-position:0 -2000%;
  animation-delay: 2s;
}
.one22{
  background-position:0 -2100%;
  animation-delay: 2.1s;
}
.one23{
  background-position:0 -2200%;
  animation-delay: 2.2s;
}
.one24{
  background-position:0 -2300%;
  animation-delay: 2.3s;
}
.one25{
  background-position:0 -2400%;
  animation-delay: 2.4s;
}
.one26{
  background-position:0 -2500%;
  animation-delay: 2.5s;
}
.one27{
  background-position:0 -2600%;
  animation-delay: 2.6s;
}
.one28{
  background-position:0 -2700%;
  animation-delay: 2.7s;
}
.one29{
  background-position:0 -2800%;
  animation-delay: 2.8s;
}
.one30{
  background-position:0 -2900%;
  animation-delay: 2.9s;
}
.one31{
  background-position:0 -3000%;
  animation-delay: 3s;
}
.one32{
  background-position:0 -3100%;
  animation-delay: 3.1s;
}
.one32{
  background-position:0 -3100%;
  animation-delay: 3.1s;
}
.one33{
  background-position:0 -3200%;
  animation-delay: 3.2s;
}
.one34{
  background-position:0 -3300%;
  animation-delay: 3.3s;
}
.one35{
  background-position:0 -3400%;
  animation-delay: 3.4s;
}
.one36{
  background-position:0 -3500%;
  animation-delay: 3.5s;
}
.one37{
  background-position:0 -3600%;
  animation-delay: 3.6s;
}
.one38{
  background-position:0 -3700%;
  animation-delay: 3.7s;
}

@keyframes turner{
  0%   { transform:rotateY(0deg); }
  10%   { transform:rotateY(0deg); }
  50% { transform:rotateY(360deg);}
  60% { transform:rotateY(360deg);}
  100% { transform:rotateY(0deg);}
  100% { transform:rotateY(0deg);}
}


/* service section start */
.service-left{
	position:relative;
	
}
.spacerTop-new {
	padding-top:140px;
}
.post-navigation .nav-links {
    display: none;
}

.about-banner{
	height:640px;
}

.serviceinnersbanner {
    height: 504px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover;
}
.service-banner-main{
	height:630px;
	
	background-position: center !important;
    background-repeat: no-repeat !important;
  background-size: 100% 100%;
}
.service-inner-main {
	height:640px;
	background-position: center !important;
    background-repeat: no-repeat !important;
  background-size: 100% 100%;
}
/*
.service-banner-main h1{
	font-size:120px;
	    font-weight: 300;
    line-height: 1.1;
	color:#fff;
	padding:0px 0px 0px 90px;
}
*/
.main-head h1{
	    font-size: calc(3.3rem + 4vw);
	    font-weight: 300;
    line-height: 1.1;
	color:#fff;
	padding:0px 0px 0px 90px;
}
.inner-head h1{
	font-size: calc(3.3rem + 4vw);
	    font-weight: 300;
    line-height: 1.1;
	color:#fff;
	text-align:center;
}
.serviceinnerhead h1{
font-size:58px;
	    font-weight: 300;
    line-height: 1.1;
	color:#fff;
}

.service-inner-main h1{
	font-size:120px;
	    font-weight: 300;
    line-height: 1.1;
	color:#fff;
	}
.first-service h1{
	position:relative;
}
 .first-service h1::after{
	content:'';
	position:absolute;
    right: 0;
	 top:0;
    background: url(/wp-content/uploads/2023/06/design-service.svg);
    width: 20%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	
}

.service-main{
	position:relative;
}
.service-main::after{
	position:absolute;
	content:'';
	background:url('/wp-content/uploads/2023/06/design-service.svg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	width:125px;
	right:0;
	height:250px;
	top:0px;
}
.special-in .service-heads h2{
	    font-size: calc(1.0rem + 2vw);
	padding-right:62px;
}
.service-heads h2{
	color:#000;
	    font-size: 36px;
    line-height: 1.1em;
	
}
.service-lists .service-heads h2{
	padding-top:20px;
}
.service-heads h4{
	font-weight: 300;
    font-size: 18px;
}
.service-heads p{
color:#000;	
	    font-weight: 500;
    font-size: 17px;
	    padding-bottom: 10px;
	    padding-right: 10px;
}
.portfolio a.project-details{
	display:none;
}
.service-heads:hover a{
	padding-left:55px;
	transition-duration:0.5s;
	font-weight:600;
}
.service-heads-differ:hover a{
	padding-left:55px;
	transition-duration:0.5s;
	font-weight:600;
}
.service-heads:hover a::before{
	position:absolute;
	left:10px;
	transition-duration:0.5s;
}
.service-heads-differ:hover  a::before{
	position:absolute;
	left:10px;
	transition-duration:0.5s;
}
.service-heads a{
	color:#000;
	 font-family: Arial,sans-serif;
	text-decoration:none;
	font-weight:500;
	position:relative;
	padding-left: 40px;
	transition-duration:0.5s;
}
.service-heads-differ a{
	color:#000;
	 font-family: Arial,sans-serif;
	text-decoration:none;
	font-weight:500;
	position:relative;
	padding-left: 40px;
	transition-duration:0.5s;
}
.service-heads a::before{
	content:'';
	position:absolute;
	background:url('/wp-content/uploads/2023/02/black-arrow.svg');
	       background-repeat: no-repeat;
    background-color:#f7e04f;
    border-radius: 50%;
    background-position-x: 6px;
    background-position-y: 9px;
    padding: 3px;
    width: 26px;
    height: 26px;
    background-size: 19px;
    left: 0px;
	transition-duration:0.5s;
	top:-6px;
}
.service-heads-differ a::before{
	content:'';
	position:absolute;
	background:url('/wp-content/uploads/2023/02/black-arrow.svg');
	       background-repeat: no-repeat;
    
    background-color:#fcf0a1;
    border-radius: 50%;
    background-position-x: 6px;
    background-position-y: 9px;
    padding: 3px;
    width: 26px;
    height: 26px;
    background-size: 19px;
    left: 0px;
	transition-duration:0.5s;
	top:-6px;
}
.multiple-service{
	/*
	background-size:cover;
	background-repeat:no-repeat;
	background-position:bottom;
	*/
	    background: linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(248,225,60,1) 80%);
}
.multiple-inner-service {
	    background: linear-gradient(180deg, rgba(255,255,255,1) 4%, rgb(248 225 60) 100%);
	overflow:visible !important;
}
.wpb_content_element.service-heads{
	margin-bottom:10px;
	padding-left:10px;
}

.service-side-image {
    margin-right: 15px;
} 
.transform h2{
	rotate: -180deg;
    color: #fff;
   font-size: 150px;
    /* text-orientation: upright; */
    /* writing-mode: vertical-lr; */
    writing-mode: vertical-lr;
    text-orientation: sideways;
}

.service-images img{
    width: 90px;
   
}
.service-images-seo img{
	 width: 110px;
}
.vc_align_left.service-images {
    margin-bottom: 10px;
}
.wpb_single_image.wpb_content_element.vc_align_left.service-images-seo{
	margin-bottom:10px;
}
.service-lists{
	border-bottom:1px solid #70707075;
	padding-top:100px;
}
.comman-space .vc_section-has-fill{
	padding-top:0px;
}
.service-heads a:hover:before{
	background-color:#fbf0a6;
}
.service-heads-differ a:hover:before{
		background-color:#f6e05d;
}
.form-footer textarea {
    width: 100%;
    height: 39px !important;
}

/* service inner page */
.space-left {
    width: 80%;
	 padding-bottom: 65px;
	
}
.bottom_spacer{
	padding-top:120px;
}
.ser_borderline{
	position:relative;
}
.awaits h3{
	    font-size: calc(1.7rem + 2vw);
	line-height:1.1em;
	font-weight:400;
}
.cols_left {
    padding-right: 35px;
}
.cols_right {
    padding-left: 35px;
}
.ser_testimonial .testimonial-item {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 30%, rgb(248 225 60) 100%);
    text-align: center;
}
.ser_testimonial button.owl-dot.active span {
    background: none !important;
}

.ser_testimonial .testimonial-avatar{
	margin:auto;
}
.ser_testimonial .content-wrap {
    display: flex;
    flex-direction: column;
}
.ser_testimonial .testimonial-content {
    order: 1;
    display: block;
	height:120px;
}
.ser_testimonial .testimonial-vcard {
    order: 2;
    display: block;
	padding-top:70px;
	position:relative;
}
.ser_testimonial .testimonial-vcard::before{
	content:'';
	position:absolute;
background:url('/wp-content/uploads/2025/01/Quote.svg');
	width: 55px;
    height: 55px;
    background-size: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    top: 44px;
}
.ser_testimonial .testimonial-avatar img{
	    height: 75px !important;
}
.dt-testimonials-shortcode .testimonial-vcard .text-secondary{
	font-size:18px !important;
	color:#000 !important;
	    font-family: 'arial';
	font-weight:500 !important;
}
.ser_testimonial span.text-primary {
    font-family: 'arial';
    font-size: 21px !important;
    color: #000 !important;
}
.ser_testimonial .testimonial-content p {
    color: #000;
    padding: 0px 20px;
}
.ser_borderline::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #9E9E9E;
    opacity: 0.4;
    left: 0;
}
 a.ti-header.source-Google {
    border-radius: 85px !important;
	     flex-direction: column;
  width: 210px;
    justify-content: center;
    align-items: center;
	  padding-top: 15px !important;
	     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	     padding: 13px 10px !important;
}
.ti-mob-row {
    align-items:center;
}
img.ti-platform-icon {
      position: absolute;
    left: 14px;
    width: 44px;
    height: 63px;
    top: 2px;
}
.ser_testimonial .owl-carousel.bullets-small-dot-stroke .owl-dot span {
    background: #fff !important;
}
.ser_testimonial button.owl-dot.active {
    background: #CFCFCF !important;
	    box-shadow: 0 0 0 2px #CFCFCF !important;
}
.ser_testimonial button.owl-dot span {
    background: #fff !important;
}
.ti-widget.ti-goog .ti-mob-row{
	    padding-left: 29px;
}
.websource img {
    width: 92%;
	border-radius:5px;
}
.ser_whitecols  .vc_column-inner {
    background-color: #fff;
padding:60px !important;
}
.ser_whitecols h3{
	    font-size: 21px;
    letter-spacing: 1px;
	line-height:1.3em;
}

.innovweb img {
    height: 75px;
}
.service-header-ban {
    height: 720PX;
}

.service-lists .service-heads p{
	padding-right:115px;
}
.creative-para{
 padding-right:15%;
	
}
.creative-para p {
    color: #000;
	    font-size: 17px;
  
	position:relative;
	    padding-left: 48px;
    line-height: inherit;
	}
.creative-para a{
	color:#000;
	font-weight:600;
	text-decoration:none;
}
.creative-border{
	border-top:1px solid #7070704f;
	        padding-top: 80px;
    padding-bottom: 40px;
	padding-left:15px;

}
.creative-border .vc_column_container {
    padding: 0px !important;
}
.special-in .vc_column_container {
    padding: 0px !important;
}
.special-in .vc_column-inner {
   
    padding-left: 0px;
    padding-right: 0px;
}
.branding-ser{
       margin-top: 64px;
}
.creative-border h4{
	font-size:35px;
	font-weight:500;
}
.creative-border h5{
	color:#F8E13C;
	text-align:center;
	font-size: calc(1.0rem + 0.5vw);
	line-height: 1.2em;
    font-weight: 400;
}
.creative-border .vc_column-inner{
	padding-left:0px;
	padding-right:0px;
}
.service-lists .vc_column_container{
	padding-left:0px !important;
	padding-right:0px !important;
}
.service-lists  .vc_column-inner{
	padding-left:0px;
	padding-right:0px;
}

.creative-para p::before{
	position:absolute;
	content:'';
	background:url('/wp-content/uploads/2023/02/black-arrow.svg');
	width: 26px;
    height: 17px;
    background-size: 23px;
	left:0;
	top: 4px;
}
/*Footer align*/


#main > .wf-wrap, #bottom-bar > .wf-wrap, #footer > .wf-wrap {
    width: 95%;
/* 	padding:0px !important; */
}


/* inner portfolio */

.inner-portfoliosection{
	height:366px;
}
.animation-image{
	    padding-bottom: 30px;
}
.wpb_content_element.port-list{
	margin-bottom:0px;
}

.wpb_content_element.anukulla-blend-mode{
	margin-bottom:0px;
}
.wpb_content_element.shadow-blend-mode{
	margin-bottom:0px;
}
.wpb_content_element.candy-mode{
	margin-bottom:0px;
}

.inner-portfoliosection h1{
	     font-size: calc(1.5rem + 4vw);
    font-weight: 300;
    line-height: 1.1em;
	transition-duration:0.3s;
   
}
.inner-port-left{
	display:flex;
	justify-content:end;
}
.inner-port-left a{
	font-family: Arial,sans-serif;
	color:#F8E13C;
	text-decoration:none;
	    font-size: 22px;
    font-weight: 300;
	position:relative;
	    padding-top: 50px;
    display: inline-block;
	transition: all .5s;
}
.inner-port-left a:hover:after{
	     transform: translateX(7px);
	transition: all .5s;
}
.inner-port-left a:hover{
	 transform: translateX(9px);
}
.inner-port-left a::after{
	    position: absolute;
    content: '';
    right: -41px;
    background: url(/wp-content/uploads/2023/06/inner-port-icon.svg);
    width: 27px;
    height: 29px;
    background-size: 25px;
    background-repeat: no-repeat;
    top: 54px;
		transition: all .5s;
	
}
.inner-port-left em {
    color: #444444;
	    padding-right: 3px;
}
.inner-port-left p strong{
	padding-bottom:0px;
}
.inner-port-left p{

	    color: #ffffffd9;
	margin-top:-9px;
}

.port-inner {
    border-bottom: 1px solid #4E4E4E;
	padding-bottom:32px;
	transition-duration:0.3s;
	position:relative;
	}
.port-inner::before{
	content: '';
    position: absolute;
 transition-duration:0.6s;
    display: block !important;
       bottom: -1px;
	border-bottom: 1px solid #f6d94a;
	width:0;
}
.inner-portfoliosection:hover .port-inner::before{
	width:100%;
	
	 position: absolute;
	 transition-duration:0.6s;
	border-bottom: 1px solid #f6d94a;
}

.portfolio-zoom{
	width: 100%;
            transition: 0.5s all ease-in-out;
	    overflow: hidden;
	    
}
.portfolio-zoom-out{
	width: 100%;
            transition: 0.5s all ease-in-out;
	    overflow: hidden;
}

.portfolio-zoom img{
	transition: 0.5s all ease-in-out;
	  transform: scale(1);
	width:100%;
	object-fit:cover;
}
.portfolio-zoom-out img{
	transition: 0.5s all ease-in-out;
	  transform: scale(1);
	width:100%;
	object-fit:cover;
}
.portfolio-zoom:hover img{
	width: 100%;
           transform: scale(1.1);
	 transition: 0.5s all ease-in-out;
}
.portfolio-zoom-out:hover img{
	width: 100%;
           transform: scale(1.1);
	 transition: 0.5s all ease-in-out;
}

.port-topper{
	    padding-top: 40px;
	padding-bottom:100px;
}
.port-list{

    padding-top: 10px;
}

.port-topper .vc_column-inner{
	padding-top:0px;
}
.wpb_single_image.wpb_content_element.vc_align_left.blend-mode {
    margin-bottom: 0px;
}
.wpb_content_element.vc_align_left.gomatha-blend-mode {
	margin-bottom: 0px;
}
.wpb_content_element.vc_align_left.basgra-blend-mode {
	margin-bottom: 0px;
}
.wpb_content_element.vc_align_left.beau-blend-mode {
	margin-bottom: 0px;
}
.wpb_content_element.vc_align_left.panda-mode {
	margin-bottom: 0px;
}

.panda-mode .vc_single_image-wrapper::before{
	content: '';
    position: absolute;
    background: url(/wp-content/uploads/2023/06/panda-dark-logo.png);
    width: 100%;
    height: 100%;
    /* z-index: 9999999999; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	display:none;
}

.shadow-blend-mode .vc_single_image-wrapper::before{
	content: '';
    position: absolute;
    background: url(/wp-content/uploads/2023/07/shadow-white-logo.png);
    width: 100%;
    height: 100%;
    /* z-index: 9999999999; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	display:none;
}

.animation-image:hover .blend-mode .vc_single_image-wrapper::before{
	display:block;
}
.animation-image:hover .beau-blend-mode .vc_single_image-wrapper::before{
	display:block;
} 

.animation-image:hover .anukulla-blend-mode .vc_single_image-wrapper::before{
	display:block;
}
.animation-image:hover .shadow-blend-mode .vc_single_image-wrapper::before{
	display:block;
}.animation-image:hover .candy-mode .vc_single_image-wrapper::before{
	display:block;
}
.animation-image:hover .gomatha-blend-mode .vc_single_image-wrapper::before{
	display:block;
}
.animation-image:hover .panda-mode .vc_single_image-wrapper::before{
	display:block;
}

.abn-grp{
	      height: 528px;
    background-size: cover;
	 margin-top: 9px;
	    margin-bottom: 32px;
}

.abn-grp h2{
	color:#fff;
	
    padding: 0px 108px 0px 100px;
    font-size: calc(0.8rem + 4vw);
    line-height: 1.1em;

}
.port-list.vc_column_container>.vc_column-inner {
    padding-left: 0px !important;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}
.port-topper .vc_column-inner {
    padding-top: 0px;
    padding-top: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
}
.wpb_single_image .vc_figure, .wpb_single_image .vc_single_image-wrapper, .wpb_single_image.common-image img{
	width:100%;
}
.inner-portfoliosection:hover h1{
color:#f7d936;
transition-duration:0.3s;
}
/*
.wpb_single_image.wpb_content_element.vc_align_left.portfolio-zoom {
    margin-bottom: 15px !important;
}
*/
/* Contact page */
.creative-para h2{
	    color: #000;
    line-height: 1.2em;
  padding: 30px 70px 0px 0px;
    font-size: calc(1.0rem + 2.8vw);
}
.contact-forms .wpforms-form input[type=text],input[type=email]{
	margin-bottom:22px !important;
	background: none !important;
	 border-bottom: 1px solid #00000045!important;
}
.contact-forms .wpforms-form button[type=submit]{
	      background: none !important;
    border: 2px solid #000 !important;
    border-radius: 60px !important;
    text-align: left !important;
    width: 152px;
    padding: 12px 19px 12px 23px !important;
    margin-top: 25px;
    position: relative;
    font-size: 18px !important;
    color: #000 !important;
	transition-duration:0.3s;
}
.contact-forms .wpforms-form button[type=submit]:hover{
	background-color:#000 !important;
	transition-duration:0.3s !important;
	color:#fff !important;
}
.contact-forms .wpforms-form button[type=submit]:hover::after{
	display:none;
}
.contact-forms .wpforms-form button[type=submit]:hover::before{
	position:absolute;
	content:'';
	background:url('/wp-content/uploads/2023/02/whiteImg.svg');
	  width: 30px;
    height: 23px;
    right: 25px;
    background-size: 27px;
	background-repeat: no-repeat;
    top: 13px;
	
}
.contact-forms .wpforms-form button[type=submit]::after{
	position:absolute;
	content:'';
	background:url('/wp-content/uploads/2023/07/design-contact.svg');
	    width: 30px;
    height: 23px;
    right: 25px;
    background-size: 27px;
    background-repeat: no-repeat;
    top: 13px;
}
.map .vc_column-inner{
	padding-top:0px !important;
}
.map .wpb_content_element{
	margin-bottom:-8px !important;
}
.contact-forms .wpforms-submit-container{
	display:block !important;
}
.contact-forms .wpforms-form textarea{
	border: none !important;
    height: 43px !important;
    border-bottom: 1px solid #00000045!important;
	background:none !important;
	padding-left: 0px !important;
}
.contact-forms .wpforms-container ::-webkit-input-placeholder { 
   color:#000 !important;
	font-size:17px !important;
	opacity:1;
	font-weight:600;
}
.wpforms-container ::-webkit-input-placeholder{
	 color:#000 !important;
}
.call-us p{
	color:#F8E13C;
	text-align:center;
	font-size: 18px;
}
.contact-enq .row{
	display:flex;
	    justify-content: center;
    column-gap: 45px;

}
.contact-border-cols{
	    border-right: 1px solid #242424;
}
.contact-address{
text-align:center;	
}
.contact-address p{
	color:#F8E13C;
	font-size: 18px;
}
.contact-inner{
    padding-top: 50px;
    padding-bottom: 50px;
}
.contact-address strong{
	color:#fff !important;
	    font-size: 22px;
    line-height: 1.4em !important;
    font-weight: 400 !important;
}
.contact-enq p{
color:#F8E13C;
	    font-size: 19px;
}
.contact-enq a{    
    color: #fff;
    font-family: 'Arco Perpetuo';
    text-decoration: none;
    font-weight: 500; 
	font-size: 24px;
	
}
.contact-enq a:hover{
	color:#F8E13C;
}
.contact-enq .email {
    text-align: center;
    padding-top: 35px;
}
/* website development */
.website-cols.wpb_column.vc_column_container {
       padding: 60px 0px 0px 28px !important;
}
.website-border {
    border-top: 1px solid #70707052;
   padding: 83px 0px 70px 0px;
    border-bottom: 1px solid #70707052;
}

/* carousel */

.portfolio-shortcode.enable-bg-rollover .post-thumbnail-rollover:after{
background:none !important;
}
.carousel h3.entry-title{
	display:none !important;
}

/* About us */
.special-in .abt-heads h2{
	    font-size: calc(1.0rem + 3vw);
	padding-right:62px;
	color:#000;
	    line-height: 1.15em;
}
.special-in .abt-heads p{
	    font-size: 18px;
    color: #000;
    width: 90%;
	padding-top:15px;
}
.abt-spacer {
    padding-top: 7%;
    padding-bottom: 7%;
}
.abt-multiple {
    background: linear-gradient(180deg, #F9F9F9 18%, #F8E13C 80%);
}
.abt-heads h4{
font-size: calc(1.0rem + 1.4vw);
    color: #000;
    line-height: 1.2em;
	font-weight: 400;
	    margin-top: 10px;
}
.abt-cols-inner.wpb_column.vc_column_container{
    padding: 16px 0px 0px 50px !important;
}
.why-us p{
	color: #000;
    font-weight: 500;
    font-size: 17px;
    padding-bottom: 10px;
	    padding-right: 53px;
}

.abt-lists {
    border-bottom: 1px solid #70707075;
    padding-top: 33px;
}
.abt-heads h2 {
    color: #000;
    font-size: 29px;
    line-height: 1.1em;
}
.abt-images img {
    width: 70px;
}
.abt-images-experience img {
    width: 77px;
}
.wpb_content_element.vc_align_left.abt-images {
  margin-bottom:20px !important;
}
.wpb_content_element.abt-heads{
	 margin-bottom:10px !important;
}
.abt-multiple .special-in{
	 border-bottom: 1px solid #70707075;
	    padding-bottom: 64px;
}
.about-angle-right::before{
	content:'sxxas';
	position:absolute;
	background:url('/wp-content/uploads/2023/07/about-designpluz-banner.png');
	width:55%;
	height:100%;
	top:0;
}
.candy-mode{
	position:relative;
	z-index:5;
}

.candy-mode-white {
    position: absolute;
    top: 0px;
	width: 100%;

}
.common-cols:hover .candy-mode-white{
	display:block;
	z-index:10;
	}

/* Terms and conditions */

.terms-conditions {
    padding: 25px 0px 45px 0px;
}


/* Thank-you */
.thank-you{
	background: linear-gradient(180deg, rgba(255,255,255,1) 4%, rgb(248 225 60) 100%);
	    padding: 50px 0px 60px;
}
.thank-you p {
    color: #000;
    font-size: 22px;
    text-align: center;
	   
	line-height: 1.4em;
}
.thankyoupara {
    width: 56%;
    margin: auto;
}
.thankyoupara.spaces-top {
    padding-top: 33px;
}
.thank-you a{
	color:#000;
	text-decoration:none;
}
.terms-para h3 {
    border-bottom: 1px solid #00000033;
	    padding-bottom: 13px;
	font-size: 22px;
	font-weight:500;
}
.terms-para p {
    color: #000;
    font-size: 17px;
}
.terms{
	padding-top:60px;
	background: linear-gradient(180deg, #F9F9F9 7%, #F8E13C 80%);

}
.terms .vc_column-inner {
    width: 80% !important;
    margin: auto;
}
.form-footer input[type="email"]{
	    border: none !important;
    border-bottom: 1px solid #B8B8B8 !important;
    height: 35px !important;
    margin-bottom: 50px !important;
    padding-left: 0 !important;
    color: #b8b8b8 !important;
    font-family: 'Manrope' !important;
}

/* sitemap */
.sitemap h1{
	color:#fff;
	text-align:center;
	font-weight:500;
	font-size:84px;
}
.sitemap p{
    color: #F8E13C;
    font-size: 18px;
    padding-top: 20px;
}
.sitemap{
	text-align:center;	
}
.map-site {
    padding: 25px 0px 25px 0px;
}
.map-cols {
    border-bottom: 2px solid #ffffff12;
   
    padding: 31px 0px 50px 0px;
}
.sitemapmenus{
	padding:40px 0px 50px 0px;
}
.sitemapmenus h3 {
    color: #F8E13C;
    font-weight: 500;
    font-size: 32px;
}
 .sitemapmenus .vc_column_container>.vc_column-inner {
    padding-top: 0px;
}
.map-list ul {
    list-style: none;
	    margin: 0 0 10px 0px;
}
.map-list li a{
	color:#fff;
	text-decoration:none;
	    font-size: 22px;
}
.map-list li{
    padding-bottom: 20px;
	position:relative;
	    padding-left: 37px;

}
.map-list li::before{
	content:'';
	position:absolute;
background:url('/wp-content/uploads/2023/07/design-sitearrow.svg');
	top:4px;
	left:0;
	width:19px;
	height:19px;
	background-size:17px;
	background-repeat:no-repeat;
	
}
.owl-carousel.owl-loaded{
	padding-left:20px;
}
.map-list li a:hover{
	color:#F8E13C;
}
/* Clients */
.client-logos img{
	 filter: grayscale(100%);
	transition-duration:0.3s;
}
.client-logos{
	    padding: 28px 21px 1px 20px;
	  
}
.client-logos .vc_column-inner {
    background-color: #fff;
    height: 197px;
   
}
.client-logos:hover img{
	    filter: none;
		transition-duration:0.3s;

}
.client-space {
    margin-top:5px;
}
.clients{
	  background: linear-gradient(180deg, #FFFFFF -6%, #F8E13C 100%);
	    padding: 70px 0px 70px 0px;
}
.client-logos .wpb_content_element{
	margin-bottom:0px !important;
}

/* Footer */

.footer-terms {
    text-align: left;
    position: absolute;
    left: 50%;
    top: 44%;
    transform: translate(-50%, -50%);
}
.bottom-text-block {
    text-align: right;
    display: flex;
}
#bottom-bar a{
	 color: #9A9996;
      font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
	text-decoration:none;
}
#bottom-bar a:hover{
	text-decoration:none;
	color:#f7e02b;
}
#bottom-bar .wf-float-left{
	   font-family: Arial,sans-serif;
}
.footerSection .left a:hover{
	color:#f7e02b;
}
.branding-place {
    background: linear-gradient(180deg, rgba(255,255,255,1) 4%, rgb(248 225 60) 100%);
}
.comman-place {
    padding: 70px 0px 70px 0px;
}
.place-para p{
    color: #000;
    font-size: 17px;
}
.place-para strong{
	font-weight:600;
	color:#000 !important;
}
.branding-place h3{
	color:#000;
	font-weight:500;
	font-size: 26px;
    line-height: 1.3em;
    padding-right: 21px;

}
.place-height {
    height: 525px !important;
	padding-bottom:110px;
}
.branding-place .service-heads-differ a::before{
	background-color:transparent;
}
.wpforms-form input:focus{
	    border-bottom: 1px solid #000 !important;
}
.wpforms-form textarea:focus{
	  border-bottom: 1px solid #000 !important;
}
span.ti-stars{
	display:flex !important;
	column-gap:4px !important;
}
.ti-widget.ti-goog .ti-header strong {
    font-family: 'Arial' !important;
    font-weight: 400 !important;
}


@media only screen and (min-width: 1600px) {
	.service-banner-main{
		height:730px;
	}
	.service-header-ban {
    height:780px !important;
}
	.inner-portfoliosection {
    height: 456px;
}
	.about-banner{
	height:770px;
}
	.setting-content p{
margin-top: -35px;
	}
}

@media only screen and (max-width: 1400px) {
	.transform h2{
		font-size:89px;	
}
	section#block-10{
		    padding-left: 30px;
	}
}
@media only screen and (max-width: 1350px) {
	.transform h2{
		font-size:91px;
}
	.inner-banner h1 {
    font-size: 102px;
}
			.parayears p {
    height: auto;
}
	.ser_testimonial .testimonial-content{
		height:190px;
	}
}

@media only screen and (max-width: 1280px) {
  .ser_testimonial .testimonial-item {
        padding: 30px 10px 17px 10px !important;
    }
	.ser_testimonial .testimonial-content{
		height:170px;
	}
	.main-nav>li>a {
    margin: 18px 14px 18px 14px !important;
}
}



@media only screen and (max-width: 1150px) {
	
	ul#primary-menu li a{
		    margin: 18px 10px 18px 10px !important;
	}
	.footerSection .right a.lPhone{
		font-size:25px;
	}
	
	.para p {
    font-size: 19px;
}
	.headwidth p br{
		display:none;
	}
	.homeBanner h2 {
	    font-size: 65px;
	}
.main-head h1 {
    font-size: 64px;
	}
	.sitemap h1{
		    font-size: 50px;
	}
	.sitemapmenus {
    padding: 0px 0px 50px 0px;
}
	.sitemapmenus h3{
		font-size: 28px;
	}
	.transform h2{
		font-size:90px;
	}
	.inner-banner h1{
		    font-size: 80px;
	}
	.ani-mati h1:before{
		top: 124px;
    right: 184px;
    width: 204px;
    height: 294px;
	}
	.ani-mati h1:after{
		    top: 12px;
    right: 30px;
    width: 286px;
    height: 289px;
	}

	.parayears{
		    padding-right: 0px;
	}
	.main-nav > li > a .menu-text {
    font-size: 17px;
	}
	.main-nav>li>a {
    margin: 18px 5px 18px 7px !important;
}
	.ser_testimonial .testimonial-content{
		height:240px;
	}
	.ser_whitecols .vc_column-inner{
		padding:25px !important;
	}
	section#block-10{
		padding-left:20px;
	}
}
@media only screen and (max-width: 1000px) {
	.inner-port-left a::after {
    position: absolute;
    content: '';
    left: 141px;
}
	.homeBanner h2 {
	    font-size: 55px;
	}
	.awaits h3 br, .black h2 br {
    display: none;
}
	.contact-enq a{
		    font-size: 18px;
	}
	.contact-enq .row{
		    column-gap: 20px;
	}
	.contact-enq p{
		font-size: 18px;
	}
	.contact-address strong{
		font-size:19px;
	}
	.dt-mobile-header .mobile-main-nav .sub-nav > li:not(.act) > a:hover .menu-text{
		color:#000 !important;
	}
	.service-images img {
    width: 70px;
}
	.service-images-seo img {
    width: 90px;
}
	.inner-head h1 {
    font-size: 60px;
	}
	.spacerTop-new {
    padding-top: 86px;
}
	.creative-para {
    padding-right: 20px;
}
	.service-heads.space-left{
		padding-bottom:36px;
	}
	.port-inner.vc_column-inner {
		padding-left:0px;
		padding-right:0px;
}
	.abn-grp h2 {
    color: #fff;
    padding: 0px 47px 0px 53px;
    font-size: 40px;
	}
	.inner-portfoliosection h1 {
    font-size: 41px;
	
}
	.port-topper {
    padding-top: 20px;
    padding-bottom: 54px;
}
	.abn-grp {
    height: 389px;
}
	.oth-work h2 {
    font-size: 43px;
}
	.form-sec h2 {
    font-size: 43px;
}
	/* service page */
	
	.service-banner-main {
    height: 440px;
		background-size:cover;
}
	.seo-banner {
   
    background-position-x: 0 !important;
}
	.main-head h1 {
    font-size: 50px;
		    padding: 0px 0px 0px 47px;
}
	.service-lists .service-heads p {
    padding-right: 20px;
}
	.service-lists{
		    padding-top: 80px;
    padding-bottom: 50px;
	}
.extra-space {
    height: 60px !important;
}
	.transform h2{
		    margin-left: -15px !important;
		font-size:90px;
	}
	.oth-work .vc_column-inner {
    padding-right: 15px !important;
}
	/* work page */
	.inner-banner {
    height: 380px;
}
	.inner-banner h1 {
    font-size: 70px;
}
	.ani-mati h1:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 10px;
    width: 231px;
    height: 230px;
}
	.ani-mati h1:before {
    content: "";
    position: absolute;
        top: 125px;
    right: 135px;
    width: 111px;
}

.abt-cols-inner.wpb_column.vc_column_container {
    padding: 16px 0px 0px 0px !important;
}
	.about-banner {
    height: 519px;
}
	.abt-design{
		width:50%;
	}
	.why-us p{
		padding-right:17px;
	}
	.sitemap h1{
		    font-size: 47px;
	}
	.right-mobile-menu .show-mobile-header .dt-mobile-header {
    right: 100%;
    top: 60px;
    width: 100% !important;
   background: linear-gradient(180deg, rgba(255,255,255,1) 7%, rgb(248 225 60) 100%);
}
.dt-mobile-header .mobile-header-scrollbar-wrap {
    width: 100%;
	max-width:100% !important;
	}
.right-mobile-menu .closed-mobile-header .dt-mobile-header{
		
    top: 60px;
    width: 100% !important;
   background: linear-gradient(180deg, rgba(255,255,255,1) 7%, rgb(248 225 60) 100%);
	}
	.mobile-main-nav li > a .menu-text{
		font-weight:500;
		  font-family: 'Arco Perpetuo';
		    font-size: 24px !important;
		
	}
	.mobile-sticky-header-overlay.active{
		opacity:0 !important;
	}
	.dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text{
		font-size:19px !important;
	}
	.mobile-main-nav .sub-nav li {
 padding: 15px 0px 15px 35px !important;
    border-bottom: 1px solid #0000001f;
		transition-duration:0.3s;
	}
	.mobile-main-nav .sub-nav li:nth-child(4){
		  border-bottom: 1px solid #0000001f;
	}
	
	.mobile-main-nav .sub-nav li:nth-child(1)::before{
		content:'';
		position:absolute;
		display:block;
	}
	.mobile-main-nav .sub-nav li::before{
		content:'';
		position:absolute;
	background:url('/wp-content/uploads/2023/02/black-arrow.svg');
	     width: 22px;
    height: 14px;
    background-size: 22px;
    left: -2px;
    top: 21px;
		transition-duration:0.3s;
		
	}
	.mobile-main-nav .sub-nav li:hover a::after {
    content: '';
    position: absolute;
    left: -38px;
    background-color: #ffe252;
    width: 30px;
    height: 30px;
    borer-radius: 50px;
    border-radius: 50px;
    z-index: -9;
		transition-duration:0.3s;
	}
	.mobile-main-nav .sub-nav li:hover::before{
		left:12px;
		transition-duration:0.3s;
}
	.mobile-main-nav .sub-nav li:hover{
		padding-left:45px !important;
		transition-duration:0.3s;
	}
	.mobile-main-nav .sub-nav {
    margin-left: 15px;
}
	.contacts-details {
    margin-top: 32px;
}
	.contacts-details a {
    font-size: 21px;
    font-family: 'Arco Perpetuo';
    color: #000;
    font-weight: 500;
    text-decoration: none;
		transition-duration:0.3s;
}
	.contacts-details p{
		    font-size: 21px;
    font-family: 'Arco Perpetuo';
    color: #000;
    font-weight: 500;
    border: 1px solid #000;
    border-radius: 200px;
    padding: 21px 0px 21px 1px;
    width: 338px;
   margin-bottom: 22px;
		transition-duration:0.3s;
		text-align:center;
	}
	.contacts-details p:hover{
transition-duration:0.3s;
		background-color:#000;
		color:#f7e04f;
	}
	.contacts-details p:hover a{
		transition-duration:0.3s;
		color:#f7e04f;
	}
	a.dt-mobile-menu-icon.active .menu-line:nth-of-type(1){
    top: 0;
   transform: rotate(43deg);
}
a.dt-mobile-menu-icon.active .menu-line:nth-of-type(2){
    top: 18px;
    transform: rotate(-46deg);
}
	a.dt-mobile-menu-icon.active .menu-line:nth-of-type(3){
		display:none;
	}
	.dt-mobile-menu-icon:not(.floating-btn) .menu-line:after{
		    background: #fee160 !important;
	}
	.dt-mobile-menu-icon:not(.floating-btn) .menu-line:before{
		  background: #fee160 !important;
	}
	.show-mobile-header .dt-close-mobile-menu-icon {
    opacity: 0;
}
	.mobile-main-nav li.has-children.open-sub>.next-level-button{
		position: absolute;
    right: 10px;
	}
	.mobile-menu-show-divider.dt-mobile-header .next-level-button{
		position: absolute;
    right: 10px;
	}
	.mobile-main-nav .next-level-button svg{
		fill:#000 !important;
	}
	.dt-mobile-header .next-level-button svg{
 width: 21px;
	}
	.mobile-main-nav li.act > a .menu-text{
		color:#000;
		font-weight:600;
	}
	.dt-mobile-header .mobile-main-nav .sub-nav > li.act > a .menu-text {
	color:#000;
}
	.mobile-main-nav>li {
    padding: 12px 0px 6px 0px;
		    border-bottom: 1px solid #0000001c;
}
	.mobile-main-nav>li:nth-child(3){
		border-bottom:0px !important;
	}
	.dt-mobile-menu-icon:not(.floating-btn):before {
		background:none !important;
}
	.mobile-main-nav .sub-nav li::after {
    height: 2px;
    width: 0px;
    background-color: #000;
    top: 58px;
    content: '';
    position: absolute;
    left: 0px;
		transition-duration:0.3s;
}
	.mobile-main-nav .sub-nav li:hover:after{
		 width: 100%;
		transition-duration:0.3s;
	}
	.mobile-main-nav .sub-nav li:nth-child(4){
		 width:0px;
	}
	.mobile-main-nav > li > .sub-nav:last-child{
		    margin-left: 0px !important;
		margin-bottom:0px !important;
	}
	.dt-mobile-header .next-level-button{
		position: absolute;
    right: 12px;
	}
	.mobile-header-bar .mobile-navigation {
    margin-left: 10px;
    position: absolute;
    right: 20px;
    top: 12px;
}
	.footer-terms{
		    top: 57%;
	}
	#bottom-bar .wf-float-left{
		padding-top:30px;
	}
	.thankyoupara {
    width: 85%;
    margin: auto;
}
	.oth-work .owl-nav a.owl-next i {
    margin-left: 42px;
}
	
	.expocols{
		    padding: 40px 10px 25px 10px;
	}

	.expoicon img {
    width: 70px;
}
	.brandinglist.wpb_content_element {
    margin-bottom: 0px !important;
}
	.setting-content p{
		margin-top:0px;
	}
	.width80 {
    width: 100%;
}
	.expocols .vc_col-sm-2::before{
		    background-size: 125px;
   top: -56px;
	}
	.brandchoose {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
	.serviceinnerhead h1 {
    font-size: 45px;
}
	.bottom_spacer {
    padding-top: 80px;
}
	.cols_left {
    padding-right: 0px;
}
	.homeaccos .vc_tta-panel-body{
		    padding: 0 0px 0 0px !important;
	}
	.ser_whitecols .vc_column-inner{
		    padding: 25px !important;
	}
	.websource img {
    width: 95%;
}
	.inno_seccols::before{
		    top: -40px;
	}
	.ser_testimonial .testimonial-item{
		    padding: 30px 10px 17px 10px !important;
	}
	.ser_testimonial .testimonial-content{
		height:220px;
	}
	.ser_mockups img {
    height: 300px;
}
	.innovweb img {
    height: 55px;
}
	
}

@media only screen and (max-width: 767px) {
	ul#f-simplefilter-179{
		display:block;
	}
	h2 br, .awaits h3 br, .black h2 br{
		display:none;
	}
	.homeBanner h2 {
	    font-size: 50px !important;
		padding-bottom:15px;
	}
	.black h2, .black h5, .black h3, .black h4{
		    font-size: 26px;
	}
	.white h2 br{
		display:none;
	}
	.white h2{
		font-size:34px;
	}
	.successcols{
		padding-top:25px;
	}
	.faqicon {
    width: 60%;
     padding-left: 0px;
}
	.expoicon img {
    width: 55px;
}
	
	.help.wpb_content_element {
    margin-bottom: 10px;
}
	
	.about-banner {
    height: 400px;
}
	a.readMoreBtn:before {
    content: '';
    height: 28px;
    width: calc(29px);
	}
	.oth-work .owl-nav a.owl-next i {
    margin-left: 66px;
}
		.arrows-hover-bg-on.owl-carousel .owl-nav a:after{
	background-color:transparent !important;
	}
	.arrows-bg-on.owl-carousel .owl-nav a:before{
			background-color:transparent !important;
	}
	.mobile-main-nav li > a .menu-text{
		font-size:21px;
		}
	.thankyoupara {
    width: 78%;
    margin: auto;
}
	.abt-design{
		width:100%;
	}
	.special-in .abt-heads h2{
		padding-right:0px;
	}
	.special-in .abt-heads h2 br {
    display: none;
}
	/* Contact page */
	.contact-enq .row{
		    display: block;
		text-align:center;
	}	
	.contact-address{
		margin-top:30px;
	}
	.creative-border{
		padding-top: 26px;
    padding-bottom: 25px;
	}
	.wpb_text_column.wpb_content_element.call-us {
    margin-bottom: 5px;
}
	
	.contact-border-cols{
		    border-bottom: 1px solid #ffffff4f;
		padding-bottom:30px;
	}
	.creative-para h2{
		    padding: 0px 17px 0px 0px;
	}
	.other {
    padding-top: 20px;
}
	.contact-enq a{
	
		font-size: 19px;
	}
	.contact-enq .email{
		padding-top:10px;
		    padding-bottom: 29px;
	}
	
	.contact-address strong{
		font-size:17px;
	}
	
	.contact-inner{
		padding:0px !important;
	}
	
	
	/* Slider section */
	.oth-work .vc_column-inner {
    padding-right: 17px !important;
	}
	
	/* Portfolio page */
	
	.main-head h1 {
    font-size: calc(0.9rem + 4vw);
		padding:0px 0px 0px 25px;
}
	.service-lists .service-heads p {
    padding-right: 6px;
}
	.inner-port-left {
    display: block;
}
	.inner-portfoliosection h1{
		padding-bottom:45px;
	}
	.inner-port-left a::after {
    position: absolute;
    content: '';
    left: 145px;
}
	.port-topper {
    padding:50px 35px 35px 35px !important;
}
	.abn-grp {
    height: 279px;
		    margin-top: 0px;
	}
	.abn-grp h2 {
    
       padding: 10px 41px 0px 31px;
       font-size: 29px;
    line-height: 1.2em;
}
	.owl-nav i {
    font-size: 31px !important;
}
	.space-left {
    width: 100%;
	}
	.creative-para .wpb_content_element{
		margin-bottom:5px !important;
	}
	.website-cols.wpb_column.vc_column_container{
		    padding: 30px 0px 0px 28px !important;
	}
	.website-border{
		    padding: 35px 0px 40px 0px;
	}
	.oth-work h2 {
    font-size: 30px;
}
	.branding-ser {
    margin-top: 0px;
}
	.form-sec h2 {
    font-size: 32px;
}
	.port-list{
		padding-top:0px;
	}
	/* service page */
	.spacerTop-new {
    padding-top: 40px;
}
	.service-side-image {
    margin-right: 15px;
    width: 270px;
    float: right;
}
	.service-header-ban {
    height: 410px !important;
}
	
.special-in .service-heads h2 {
    font-size: 22px;
    padding-right: 22px;
    line-height: 1.3em;
}
	.transform h2{
		    font-size: 60px;
		color:#fff;
		    writing-mode: initial;
		    rotate: initial;
	}
	.multiple-service {
    background: linear-gradient(180deg, rgba(255,255,255,1) 12%, rgba(248,225,60,1) 36%);
}
	.service-images img {
    width: 50px;
}
	.service-heads h2{
		font-size:28px;
	}
	.service-lists{
		    padding-top: 20px;
    padding-left: 15px;
		padding-bottom:24px;
	}
	.service-images-seo img {
    width: 60px;
}
	.service-lists .vc_column_container{
		    padding-top: 15px;
	}
	.oth-work {
    padding-top: 30px !important;
    padding-bottom: 40px;
}
	.service-banner-main {
    height:auto;
		background-size:cover;
}
	.inner-head h1 {
    font-size: 40px;
	}
	.service-heads.space-left{
		padding-bottom:35px;
	}
	.service-inner-left{
		height:380px;
		background-size:cover;
	}
	/*
	.seo-banner {
  background-position-x: 0 !important;
}
	*/
	
	/* Work page */
	.inner-banner {
    height: 400px;
}
	.inner-banner h1 {
    font-size: 51px;
	}
	.ani-mati h1:after {
    content: "";
    position: absolute;
       top: 18px;
    right: -9px;
    width: 207px;
    height: 210px;
	}
	.ani-mati h1:before {
    content: "";
    position: absolute;
      top: 144px;
    right: 92px;
    width: 99px;

}
	.port-gall .simplefilter li:after{
		position:absolute;
		content:'';
		left:0;
			
	}
	.port-gall .simplefilter_179 li{
		font-size:25px;
	}
	.simplefilter li{
		display:block !important;
	}
	.port-gall .simplefilter li {
    padding: 0px 0px 12px 35px;
}
	.port-gall .simplefilter li:nth-child(3):after{
	display:block;
}
	.sitemap h1{
		font-size: 42px;
	}
	.map-cols{
		    padding: 31px 0px 0px 0px;
	}
	.sitemapmenus {
    padding: 9px 0px 50px 0px;
}
	.sitemapmenus h3{
		    font-size: 27px;
	}
	.map-list li a{
		    font-size: 19px;
	}
.sitemapmenus .vc_column_container>.vc_column-inner {
    padding-top: 7px !important;
}
	.owl-carousel .owl-nav .owl-next {
    right: 4px !important;
}
	
	.terms .vc_column-inner {
    width: 90% !important;
}
	.help h2{
		    font-size: calc(1.4rem + 2vw);
	}
	.white h2{
		  font-size: calc(1.4rem + 2vw);
	}
	
	a.bannerRoundBtn {
    height: 54px;
    width: 54px;
}
	a.bannerRoundBtn {
    top: -53px !important;

}
	a.bannerRoundBtn svg{
 height: 31px;
	}
	.width80 {
    width: 100%;
}
	.help {
    width: 100%;
}
	.port-gall {
    padding-top: 34px;

}
	.form-footer input[type="email"]{
		padding-left:13px !important;
		    margin-bottom: 10px !important;
	}
	
	.form-footer input[type="text"]{
		padding-left:3px !important;
		margin:0px !important;
	}
	.form-footer input[type="tel"]{
		padding-left:10px !important;
	}
	.footerSection {
    display: block;
	}
	.footerSection .right{
		align-items: flex-start;
	}
	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column {
    width: 100%;
}
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns {
    display: block;
	}
	.homefqsection {
    padding-top: 60px;
}
	.vc_empty_space {
    height: 10px !important;
}
	
	.multiple-inner-service{
		padding-top: 30px;
	}
	.ult-spacer {
    height: 0px !important;
}
	.homehead h1{
		    font-size: 18px;
		 line-height: 1.32em;
	}
	.parayears h3{
		font-size: 20px;
	}
	
	.headwidth p{
		padding-bottom:20px;
		       
	}
	.headwidth{
		width:100%;
	}
	a.lEmail {
    font-size: 17px;
}
	.setting-title{
		    padding: 6% 0 0% 0px !important;
	}
	.serviceinnerhead h1{
		    font-size: 33px;
	}
	.bottom_spacer {
    padding-top: 50px;
}
	.wpb_text_column.wpb_content_element.remove_content {
    margin-bottom: 10px !important;
}
	.cols_right{
		    padding-left: 0px;
	}
	.cols_left{
		    padding-right: 0px;
	}
	.ser_testimonial .testimonial-item {
    padding: 20px 15px 15px 15px !important;
}
	.ser_whitecols .vc_column-inner{
		          padding: 35px 20px 15px 20px !important;
	}
	.seracos p {
    padding-right: 10px;
}
	.seracos .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after{
	    border-color: transparent !important;
	}
	.ser_whitecols h3 {
    font-size: 22px !important;
	}
	.websource img {
    width: 100%;
	}
	.awaits h3 {
    font-size: calc(1.7rem + 0.1vw);
	}
	.inno_seccols::before{
		    left: 13px;
    top: -30px;
	}
	.ser_mockups img{
		height:auto;
	}
	
.innovweb img {
    height: 60px;
}
	.ser_testimonial  .owl-nav .owl-prev{
left: 18px ! important;
}
	.ser_testimonial .owl-dots{
		display:none;
	}
	.wpb_single_image.wpb_content_element.vc_align_left.common-image.ser_mockups {
    margin-bottom: 0px !important;
}
	.cols_right .homeaccos .vc_tta-panels:nth-child(1) {
    border: none;
}
	.ser_testimonial .testimonial-content{
		height:auto;
	}
	.ser_testimonial .owl-nav .owl-prev {
        left: -5px ! important;
    }
	   .ser_testimonia .owl-nav .owl-next {
        right: -9px !important;
    }
}


@media only screen and (max-width: 482px) {
.sitemap h1{
	font-size:35px;
}
	.serviceinnerhead h1{
		        font-size: 27px;
	}
		
	.sitemap p{
		    font-size: 16px;
    padding-top: 8px;
	}
	.serviceinnerhead h1{
		    font-size: 28px;
	}
	.white h2{
		font-size:26px;
	}
	.contacts-details a {
font-size:19px;
}
	.contacts-details p {
font-size:19px;
		    padding: 16px 0px 16px 1px;
    width: 287px;
}
	
	.socIcons{
		    margin-top: 12px;
	}
	.homeBanner h2 {
	    font-size: 37px;
	}
	.help h2{
		     font-size: calc(1.3rem + 2vw);
	}
	.white h2{
		  font-size: calc(1.3rem + 2vw);
	}
	.homeBanner h2 {
	    font-size: 40px !important;
	}
	  
	.setting-title{
		    padding: 6% 0 5% 0px !important;
	}
	.setting-content p{
		    padding: 0px 0 !important;
		 font-size: 15px !important;
		        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
	}
	.webmobiles {
    height: auto !important;
}
}