body {
    transition-duration: 50ms
}
._2lGLeKv6vr5ITdzoz_1 {
    display: inline-grid;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
}
.lmtWIHO_gkbTeeyuvoJC.mOUYF5ZmuNL6I7t0mSFg {
    background-color: #ffffff;
}
.services-content .new-heading-style .sub-title {
    font-size: 24px;
    margin-bottom: 17px;
    color: #e54e9c !important;
}

input#btnenquiry {
    color: white;
}
.container.THANK {
    padding: 100px;
}
a.vc.dshgfgvgds:hover {
    color: white;
    text-decoration: none;
}
a.vc:hover {
     color: white;
    text-decoration: none;
}
a#validation:hover {
      text-decoration: none;
}
a.temo:hover {
      text-decoration: none;
}
a:hover {
     text-decoration: none;
}

i.fas.fa-arrow-right:hover {
     color: white;
}

.flex-b.h-full {
    padding-top: 330px;
    align-items: baseline;
    
}
footer.bg2.opiou {
    margin-top: 90px;
}

p.abt {
    font-size: 20px;
}
p.icon-subheading {
    font-size: 20px;
}
p.sub_heading {
    font-size: 20px;
}

button.btn.btn-primary.dropdown-toggle {
    background: #65427a;
    border: none;
}

 .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #65427a !important;
    border-color: #65427a !important;
}
button.btn.btn-primary.dropdown-toggle {
    font-family: Lato-Regular;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    line-height: 2.8;
    padding: 8px 20px 8px 20px;
}
.dropdown-toggle::after {
    display: none;
 
}
section.sec-abouts {
    background: white;
    padding-bottom: 55px;
}
ul.dropdown-menu {
    position: absolute;
    transform: translate3d(5px, 58px, 0px);
    top: -21px !important;
    left: 0px;
    will-change: transform;
        background: #65427a;
        font-family: Lato-Regular;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    line-height: 2.8;
    padding: 8px 20px 8px 20px;
}

ul.dropdown-menu li a {
    color: white;
}
.dropdown.open {
    padding-bottom: 49px;
}


.social {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  
}
section.ctasdfgdf.formobile {
    display: none;
}
.social a {
  color: transparent;
}
ul.no-list{
    padding-left: 0;
}

ul.no-list li {
    display: inline-block;
    list-style: none;
}
.social i {
    color: #fff;
    font-size: 18px;
}

.social li {
    width: 40px;
    height: 40px;
    margin: 0 5px 0;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    transition: background 0.3s linear;
}

.social .facebook {
    background: #3b5998;
}

.social .twitter {
    background: #00aced;
}

.social .pinterest {
    background: #cb2027;
}

.social .google-plus {
    background: #dd4b39;
}

.social .instagram {
    background: #e4405f;
}

.social .tumblr {
    background: #34465d;
}

.social .linkedin {
    background: #2878b5;
}

.social .youtube {
    background: #cd201f;
}

.social .envelope {
    background: #ff8c00;
}

.social li:hover {
    background: #fff;
}

.social .facebook:hover i {
    color: #3b5998;
}

.social .twitter:hover i {
    color: #00aced;
}

.social .pinterest:hover i {
    color: #cb2027;
}

.social .google-plus:hover i {
    color: #dd4b39;
}

.social .instagram:hover i {
    color: #e4405f;
}

.social .tumblr:hover i {
    color: #34465d;
}

.social .youtube:hover i {
    color: #cd201f;
}

.social .envelope:hover i {
    color: #ff8c00;
}

a{
  text-decoration:none;
}
.floating_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}
p.mbtns {
       border-radius: 5px;
    border: 2px solid white;
    padding: 4px 15px 5px 15px;
    margin-top: 10px;
}
p.mbtns1 {
    border-radius: 5px;
    border: 2px solid white;
  padding: 4px 15px 5px 15px;
    margin-top: 10px;
    background: white;
}
a.temo:hover{
     color: white;
}
a.temo.vxvd {
    color: black;
}
a.vc.dshgfgvgds {
    background: #ec4934;
}
img.lazy_a.four1.loading {
    width: 10%;
}
img.lazy_a.four2.loading {
       width: 11%;
}
img.lazy_a.four3.loading {
       width: 10%;
}
img.lazy_a.four4.loading {
       width: 9%;
}
li.wow.zoomIn.clickcustomform.lazy_a.ok1 {
    background-image: linear-gradient(67deg, #ffdede 0%, #fffaca 95%);
}
li.wow.zoomIn.clickcustomform.lazy_a.ok2 {
    background-image: linear-gradient(67deg, #cadfff 0%, #ffdede 95%);
}
li.wow.zoomIn.clickcustomform.lazy_a.ok3 {
   background-image: linear-gradient(67deg, #fff3ca 0%, #c9ebff 91%);
}
li.wow.zoomIn.clickcustomform.lazy_a.ok4 {
       background-image: linear-gradient(67deg, rgb(201 255 236) 0%, rgb(202 218 255) 95%);
}

.overlay {
    background: #0000007d;
}
section.contain {
    background-image: linear-gradient(67deg, #fff3ca 0%, #c9ebff 91%);
    padding: 20px 100px 100px 72px;
}
.p-t-75.p-rl-0-lg {
    background: white;
    padding: 30px;
}
input.txt-s-115.cl3.plh1.size-a-25.bo-all-1.bocl15.focus1.p-rl-20 {
    background: #f5f8fb;
    border-radius: 20px;
}
textarea.txt-s-115.cl3.plh1.size-a-48.bo-all-1.bocl15.focus1.p-rl-20.p-tb-10 {
    background: #f5f8fc;
    border-radius: 20px;
}
img.nlogo {
    width: 77%;
}
section.ctasdfgdf {
  background-image: linear-gradient(67deg, #ffdede 0%, #fffaca 95%);
    padding-top: 56px;
        
}

/*testimonial start*/


.quote.quote-text-5.hide-top.show {
    padding-top: 48px;
}
.quote.quote-text-3.hide-top.show {
    padding-top: 49px;
}
.quote.quote-text-3.hide-top.show {
    padding-top: 49px;
}

.quote.quote-text-1.hide-top.show {
    padding-top: 20px;
}

.col-md-6.col-sm-6.tewtdyfc {
   background: white;
    border-radius: 42px;
    padding-bottom: 397px;
    margin-bottom: 74px;
}
.section-eight{padding: 40px 0 0px 0;margin-top: 130px;position: relative;}
	.op-eight-section{position: relative;}
	.sec-eight-text-area{text-align: center;}
	.sec-eight-text-area img{padding: 2vh 0;}
	.sec-eight-text-area h1{padding: 2vh 0 3vh 0;color: #434C57;
    line-height: 1.3;
        text-transform: capitalize;
    font-size: 40px;
    letter-spacing: 2px;
    padding-bottom: 30px;}
	.sec-eight-text-area p{
          padding: 2vh 0;
    font-size: 26px;
    line-height: 1.6;
    color: #434C57;
}
	.section-eight .container-pe-quote {position: absolute;height: 100%;top: 0px;z-index: 1;}
	.section-eight .container-pe-quote.left {left: 0px;}
	.section-eight .container-pe-quote.right {right: 0px;}
	.section-eight .container-pe-quote .pp-quote {
	    cursor: pointer;
	    position: absolute;
	    border-radius: 100%;
	    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	    animation-name: floating;
	    -webkit-animation-name: floating;
	    animation-iteration-count: infinite;
	    -webkit-animation-iteration-count: infinite;
	    -webkit-animation-timing-function: linear;
	    animation-timing-function: linear;
	    -webkit-transform-origin: 50% 1px;
	    -moz-transform-origin: 50% 1px;
	    -ms-transform-origin: 50% 1px;
	    -o-transform-origin: 50% 1px;
	    transform-origin: 50% 1px;
	    opacity: 0;
	    -webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -ms-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
	}
	.container-pe-quote .pp-quote img {
	  overflow: hidden;
    border-radius: 100%;
    height: 132%;
    width: 133%;
    position: relative;
    z-index: 1;
	}
	.section-eight .container-pe-quote .pp-quote:after {
	    content: '';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    height: calc(100% + 5px);
	    width: calc(100% + 5px);
	    border-radius: 100%;
	    background-color: #65427a;
	    -webkit-transform: translate(-50%, -50%) scale(0.9);
	    -moz-transform: translate(-50%, -50%) scale(0.9);
	    -ms-transform: translate(-50%, -50%) scale(0.9);
	    -o-transform: translate(-50%, -50%) scale(0.9);
	    transform: translate(-50%, -50%) scale(0.9);
	    -webkit-transition: all .25s ease;
	    -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	    -o-transition: all .25s ease;
	    transition: all .25s ease;
	}
	.container-pe-quote .pp-quote:hover:after, .container-pe-quote .pp-quote.active:after {
	    -webkit-transform: translate(-50%, -50%) scale(1);
	    -moz-transform: translate(-50%, -50%) scale(1);
	    -ms-transform: translate(-50%, -50%) scale(1);
	    -o-transform: translate(-50%, -50%) scale(1);
	    transform: translate(-50%, -50%) scale(1);
	}
	.section-eight .container-pe-quote .li-quote-1 {
	    height: 104px;
	    width: 104px;
	    left: 15px;
	    top: 95px;
	    animation-duration: 10s;
	    -webkit-animation-duration: 10s;
	    -webkit-transition-delay: 0.6s;
	    transition-delay: 0.6s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-2 {
	    height: 63px;
	    width: 63px;
	    left: 120px;
	    top: 270px;
	    animation-duration: 12s;
	    -webkit-animation-duration: 12s;
	    -webkit-transition-delay: 0s;
	    transition-delay: 0s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-3 {
	    height: 64px;
	    width: 64px;
	    left: 68px;
	    top: 380px;
	    animation-duration: 6s;
	    -webkit-animation-duration: 6s;
	    -webkit-transition-delay: 0.2s;
	    transition-delay: 0.2s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-4 {
	    height: 73px;
	    width: 73px;
	    right: -15px;
	    top: 110px;
	    animation-duration: 5s;
	    -webkit-animation-duration: 5s;
	    -webkit-transition-delay: 0.7s;
	    transition-delay: 0.7s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-5 {
	    height: 73px;
	    width: 73px;
	    right: 28px;
	    top: 265px;
	    animation-duration: 8s;
	    -webkit-animation-duration: 8s;
	    -webkit-transition-delay: 0.4s;
	    transition-delay: 0.4s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-6 {
	    height: 45px;
	    width: 45px;
	    right: 108px;
	    top: 170px;
	    animation-duration: 7s;
	    -webkit-animation-duration: 7s;
	    -webkit-transition-delay: 0.2s;
	    transition-delay: 0.2s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-7 {
	    height: 48px;
	    width: 48px;
	    right: 40px;
	    top: 414px;
	    animation-duration: 7s;
	    -webkit-animation-duration: 7s;
	    -webkit-transition-delay: 0.3s;
	    transition-delay: 0.3s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-8 {
	    height: 63px;
	    width: 63px;
	    left: 20px;
	    top: 250px;
	    animation-duration: 5s;
	    -webkit-animation-duration: 5s;
	    -webkit-transition-delay: 0s;
	    transition-delay: 0s;
	    opacity: 1;
	}

@keyframes floating{

	0% {
	    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    transform: rotate(0deg) translate(-10px) rotate(0deg);
	}
	100% {
	    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    transform: rotate(360deg) translate(-10px) rotate(-360deg);
	}

}
@-webkit-keyframes floating{

	0% {
	    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    transform: rotate(0deg) translate(-10px) rotate(0deg);
	}
	100% {
	    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    transform: rotate(360deg) translate(-10px) rotate(-360deg);
	}

}

.section-eight .container-quote {
    position: relative;
    width: 100%;
    margin-top: 10px;
    height: 135px;
    -webkit-perspective: 10000px;
    -moz-perspective: 10000px;
    -ms-perspective: 10000px;
    perspective: 10000px;
}
.section-eight .container-quote .quote {
    max-width: 520px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    cursor: pointer;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
}
	.section-eight .container-quote .quote.hide-bottom {
	    opacity: 0;
	    -webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	    -moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	    -ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	    -o-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	    transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	}
	.section-eight .container-quote .quote.hide-top {
	    opacity: 0;
	    -webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	    -moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	    -ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	    -o-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	    transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	}
	.section-eight .container-quote .quote.show {
	    opacity: 1;
	    -webkit-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	    -moz-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	    -ms-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	    -o-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	    transform: translateX(-50%) translateY(0%) rotateX(0deg);
	}


	.section-eight .container-dp-name {
	    position: relative;
	    width: 100%;
	    margin-top: 10px;
	    height: 225px;
	    -webkit-perspective: 10000px;
	    -moz-perspective: 10000px;
	    -ms-perspective: 10000px;
		perspective: 10000px;text-align: center;
	}
	.section-eight .container-dp-name .box-dpname {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0px;
	    left: 0;
	    cursor: pointer;
	    text-align: center;
	    -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	    -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	    -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	    transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	}
	.section-eight .container-dp-name .box-dpname.hide-dp-bottom {
	    opacity: 0;
	    -webkit-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	    -moz-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	    -ms-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	    -o-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	    transform: translateX(0%) translateY(100%) rotateX(-70deg);
	}
	.section-eight .container-dp-name .box-dpname.hide-dp-top {
	    opacity: 0;
	    -webkit-transform: translateX(0%) translateY(-100%) rotateX(70deg);
	    -moz-transform: translateX(0%) translateY(-100%) rotateX(70deg);
	    -ms-transform: translateX(0%) translateY(-100%) rotateX(70deg);
	    -o-transform: translateX(0%) translateY(-100%) rotateX(70deg);
	    transform: translateX(0%) translateY(-100%) rotateX(70deg);
	}
	.section-eight .container-dp-name .box-dpname.look {
	    opacity: 1;
	    -webkit-transform: translateX(0%) translateY(0%) rotateX(0deg);
	    -moz-transform: translateX(0%) translateY(0%) rotateX(0deg);
	    -ms-transform: translateX(0%) translateY(0%) rotateX(0deg);
	    -o-transform: translateX(0%) translateY(0%) rotateX(0deg);
	    transform: translateX(0%) translateY(0%) rotateX(0deg);
	}

@media screen and (max-width:767px){
  .sec-eight-text-area{    padding: 10px 0 10px 0;}
  .section-eight .container-pe-quote{position: relative;height: 225px;top: -27px;z-index: 1;max-width: 300px;margin: -70px auto 0;}
.col-md-6.col-sm-6.tewtdyfc {
    background: white;
    border-radius: 42px;
    padding-bottom: 7px;
    margin-bottom: 74px;
}
}
@media screen and (max-width:480px){
  .section-eight{position: relative;}
	.section-eight .bottom-ani-cs{    position: absolute;top: 150px;right: 16px;}	
	.section-eight .container-pe-quote .li-quote-2 {left: 60px;top: 270px;}
	.section-eight .container-pe-quote .li-quote-6 { right: 100px;top: 179px;}
	.section-eight .container-pe-quote .li-quote-8 {height: 43px;width: 43px;left: 0px;top: 220px;}
	.section-eight .container-pe-quote .li-quote-3{left: 0;}
	.section-eight .container-quote{height: 205px;overflow: hidden;overflow-y: auto;}
	.sec-eight-text-area{padding: 10px 0 100px 0;}
}
/* testimonial end*/
.txt-center.txt-m-201.cl10.how-pos1-parent.m-b-14.about {
    text-align: inherit;
}
.dhsjkhfsbv {
    padding-top: 50px !important;
}
.how-pos1.about {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 13%;
}
.tile.tile--service.two {
    background-image: linear-gradient(67deg, #ffdede 0%, #fffaca 95%);
}
.tile.tile--service.three {
    background-image: linear-gradient(67deg, #cadfff 0%, #ffdede 95%);
}
.tile.tile--service.four {
    background-image: linear-gradient(67deg, #fff3ca 0%, #c9ebff 91%);
}
.tile.tile--service.five {
        background-image: linear-gradient(67deg, #ffdede 0%, #fffaca 95%);
}
.tile.tile--service.six {
            background-image: linear-gradient(67deg, #cadfff 0%, #ffdede 95%);
}
.new-heading-style.one {
    padding-top: 12px;
}
.sa.banner {
    text-align: inherit;
}
h3.txt-center.txt-l-101.cl3.respon1.faq {
    padding-top: 20px;
}
img.lazy_a.four4.loading {
    position: absolute;
    left: 52%;
    top: 71%;
}
img.lazy_a.four3.loading {
    position: absolute;
    left: 12%;
    top: 71%;
}
img.lazy_a.four2.loading {
    left: 51%;
    top: 32%;
    position: absolute;
}


.home-powerfull li:hover img{
    transform: rotate3d(0,1,0,360deg);
}
img.lazy_a.four1.loading {
    position: absolute;
    left: 12%;
    top: 32%;
}


/*banner Css start*/
section.secbanner {
       height: 778px;
    padding-bottom: 68px;
    background: url(../banner-img/banner2.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 83px;
}

span.lunch {
    color: green;
}
h3.txt-l-101.cl3.respon1 {
    font-size: 51px;
    font-weight: 900 !important;
}
/*Banner css end*/

/*Faq start*/

.attribution { 
    color: #fff;
    font-size: 11px; 
    margin-top: 25px;
    text-align: center;  
}

.attribution a { color:#fff; }



.faq { 
    background-color: #fff;
    border-radius: 25px;
    padding: 50px 25px;
    margin: 150px 5% 5% 5%;
    min-width: 320px;
    max-width: 320px;
}



.faq__heading { 
    color: var(--blue-dark);
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center; 
}

.faq__detail {
    border-bottom: 1px solid hsl(240, 5%, 91%);
    margin: 20px 0 0 0;
    padding: 5px 0 20px 0;
}

.faq__summary:hover,
.faq__summary:active { 
    color: var(--orange);
    cursor: pointer; 
}

.faq__detail[open] > .faq__summary { 
    font-weight: 400; 
}

.faq__summary {
    list-style: none;
  }

.faq__summary::-webkit-details-marker {
    display: none;
  }

.faq__summary { 
    display: block;
    padding: 0;
    position: relative;
    text-align: right;
}

    
.faq__summary:after {
    display: inline-block;
    content: url("https://bobmatyas.github.io/fm-faq-accordion/images/icon-arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right center;
    text-align: right;
    padding-bottom: 20px;
  }
  
details[open] .faq__summary:after {
    display: inline-block;
    width: 18px;
    height: 10px;
    content: "";
    background-image: url("https://bobmatyas.github.io/fm-faq-accordion/images/icon-arrow-down.svg");
    background-repeat: no-repeat;
    background-position: center right;
    transform:scaleY(-1);
}
  

.faq__question {
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 90%;
}

.faq__question {
    display: inline-block;
    margin: 5px 0;
    text-align: left;
    width: 90%;
}
.faq__text {
    padding-top: 18px;
    font-size: 20px !important;
    font-weight: 400;
}
.faq__summary {
    color: var(--blue-dark);
    font-size: 1.4rem; 
}

.faq__summary:focus {
    color: var(--orange); 
    font-weight: bold;
    outline: none;
}

.faq__text {
    color: var(--blue-mid);
    font-size: var(--base-font-size);
    line-height: 1.6;
    margin: 10px 0 0 0;
}
.container.bggggg {
   background: black;
    padding: 40px;
    width: 67%;
}
span.faq__question {
    color: white;
}
p.faq__text {
    color: white;
}

img.faqimg.loading {
    width: 100%;
    margin-bottom: -41px;
}
    
.visible-lg { display: none; }


@media (min-width: 900px) {
    .faq {
        align-items: center;
        display: flex;
        justify-content: space-between;
        min-width: 100%;
        padding: 0;
        margin: 0;
    }

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

    .faq__holder {
          margin: 0 50px;
    padding: 70px 0;
    max-width: 634px;
    width: 683px;
    }



    .faq__heading {
        text-align: left;
    }

  

    .visible-lg { 
        display: block; 
/*        position: absolute;*/
        margin-top: 120px;
        left: -80px;    
    }

    .faq__text {
        margin: 0 0 10px 0;
    }

    .faq__detail {
        margin: 10px 0 0 0 0;
        padding: 0;
    }
}
/*Faq end*/

.same-common-section {
    padding-top: 70px;
    background: #ffffff;
}
.new-heading-style {
    margin-bottom: 50px;
    position: relative;
}
.home-powerfull {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 70px;
}
.list-addon {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right: -30px;
}
.home-powerfull li {
        width: calc(48% - 4px);
    border-radius: 2.5px;
    background-color: #f5f7f8!important;
    border: 1px solid #f5f7f8!important;
    padding: 50px 40px 50px 180px !important;
    background-size: contain;
    background-repeat: no-repeat;
    transition: .5s;
    margin: 14px;
}
}
.home-powerfull li img {
    position: absolute;
    height: 100px;
    left: 40px;
}
.home-powerfull li h4 {
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #2d373c;
    margin-bottom: 20px;
}
.home-powerfull li p {
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #131d2b;
}








/* blog css start*/

img.img-responsive.bbbl.loading {
    border-radius: 23px;
}

.what-we-offer-section .col-lg-4 {
    padding: 0 25px;
}
section.posts-listing {
    background-image: linear-gradient(67deg, #ffdede 0%, #fffaca 95%);
    padding-top: 63px;
    padding-bottom: 50px;
}
.cat-box-link a {
    width: 50px;
    height: 50px;
    display: block;
    margin-left: 30px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    background-color: #000000;
    border-radius: 25px;
    font-size: 20px;
}
.fa-arrow-right:before {
    content: "\f061";
}
img.img-responsive {
    max-width: 100%;
    display: block;
    
}
.cat-box-content-inner {
    display: flex;
    align-items: center;
}
.cat-box-content {
    margin-top: 30px;
}
.cat-box-text h4 {
    font-size: 22px;
        padding-bottom: 14px;
}
.cat-box-text p {
    font-size: 16px;
    
}
/* bolg css end*/

.row.os {
    padding-top: 36px;
}

.section--services {
    padding-bottom: 135px;
    background: #fff;
    padding-top: 60px;
}

.new-heading-style h5 {
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #131d2b;
    margin: 0;
      font-family: 'Lato-Regular';
    text-transform: uppercase;
} 
.new-heading-style h5 img {
    height: 28px;
    vertical-align: -4px;
    margin-right: 10px;
}
.new-heading-style h4 {
    font-size: 30px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #131d2b;
    margin: 20px 0;
        font-family: 'Lato-Regular';
    margin-bottom: 10px;
}

.new-heading-style p {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #353536;
        font-family: 'Lato-Regular';
}

.services-wrapper {
    align-items: unset;
}
.services-title-main {
    z-index: 2;
}
.services-title {
    position: sticky;
    top: 0;
}
.service-list {
    counter-reset: my-sec-counter;
    margin-top: 5rem;
    list-style: none;
}
.service-list li:not(:last-child) {
    margin-bottom: 3rem;
    display: block;
}
.service-list li.active #validation .tile.tile--service {
    background-image: linear-gradient(67deg, rgb(201 255 236) 0%, rgb(202 218 255) 95%);
}

.tile.tile--service {
    padding: 45px 30px;
    box-shadow: -0.7px 2.9px 53.8px 0 rgb(0 0 0 / 16%);
    border-radius: 14px;
    position: relative;
    background: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 145%;
}

.tile.tile--service:hover{
    background-image: linear-gradient(67deg, rgb(201 255 236) 0%, rgb(202 218 255) 95%);
}
.tile.tile--service.two:hover {
background-image: linear-gradient(67deg, #fff3ca 0%, #c9ebff 91%);
}
.tile.tile--service.three:hover {
 background-image: linear-gradient(67deg, #ffdede 0%, #fffaca 95%);
}

.tile.tile--service.four:hover {
 background-image: linear-gradient(67deg, #cadfff 0%, #ffdede 95%);
}
.tile.tile--service.five:hover {
    background-image: linear-gradient(67deg, #c9ffec 0%, #cadaff 95%);
}
.tile.tile--service.six:hover {
    background-image: linear-gradient(67deg, #fff3ca 0%, #c9ebff 91%);
}
.tile.tile--service:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    background-image: url(https://www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2022/08/pointer-arrow.svg?var=2011087649);
    right: 10px;
    top: 10px;
    z-index: 11;
    border-radius: 50%;
    transition: all 0.3s;
}
.tile.tile--service .icn {
    width: 38px;
    height: 38px;
    display: flex;
    margin-right: 27px;
}
/*
.service-list li.active .service-list__item h3 {
    font-weight: bold;
}
*/
.tile.tile--service h3 {
       font-family: 'Lato-Regular';
    line-height: 1.33;
    margin: 0;
    width: calc(100% - 65px);
    color: #000;
}
.tile.tile--service:after {
    content: '0' counter(my-sec-counter);
    counter-increment: my-sec-counter;
    font-size: 105px;
    font-weight: 900;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.14) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    right: 37px;
    z-index: 1;
    line-height: 1;
    letter-spacing: -7px;
}


.home-services-inners {
 
       margin-bottom: 286px !improtant;
    height: 1664px;
    background-color: #000000;
    overflow: hidden;
}
.home-services-inners .services-content {
    padding: 8% 4% 5% 18%;
    height: 100%;
    vertical-align: middle;
    position: absolute;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    top: 0;
    color: rgb(255 255 255);
}

.new-heading-style {
    margin-bottom: 27px;
    position: relative;
}
.services-content .new-heading-style h4, .services-content .new-heading-style p {
    color: inherit;
}
.col-lg-9.services-detail-main {
    height: 700px;
}
.new-heading-style h4 {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #131d2b;
    margin: 20px 0;
    margin-bottom: 10px;
        font-family: 'Lato-Regular';
}
.services-content .new-heading-style .sub-title {
    font-size: 24px;
    margin-bottom: 17px;
}
.services-content .new-heading-style p {
    color: inherit;
}
.new-heading-style p {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #353536;
}
.services-content .new-heading-style .btn-plane {
    background: transparent;
    border: none;
    font-size: 20px;
    font-weight: bold;
    padding-left: 0;
    padding-right: 5rem;
    text-decoration: underline !IMPORTANT;
    margin-top: 2rem;
}


.services-content .new-heading-style .btn-plane::before {
    right: 3rem !important;
    border: none !important;
    margin: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: unset !important;
    height: 34px !important;
    width: 34px !important;
    background-image: url(../banner-img/services-arrow.svg) !important;
    background-size: contain !important;
    background-position: center !important;
}




h4.djf {
    font-size: 20px;
    padding-top: 20px;
}


img.smart-icon.loading {
       width: 37%;
    padding-bottom: 30px;
    padding-top: 30px;
}
.sec-product.bg0.p-t-145.p-b-25 {
    background: #f8fafa;
        padding-bottom: 67px;
}
.smart h3 {
    font-size: 30px;
    min-height: 66px;
    max-height: 66px;
    height: 100%;
}
.smart {
    background: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
    
    padding: 41px 20px 20px;
    min-height: 446px;
    height: 100%;
    max-height: 446px;
}
.smart:hover {
    background: #000000;
    box-shadow: 0 0 8px -1px #65427a;
    padding: 41px 20px 20px;
}
.smart:hover h3 {
   color: white
}
.smart:hover p.icon-subheading {
   color: white
}
.col-sm-4.foornew {
    padding-right: 49px;
}
li.last {
    border: none;
}
.Understand.text-light.text-center {
    font-weight: 300;
    padding-bottom: 10px;
}
.form-control.newl {
    height: 50px;
}
.form-control.newl {
    height: 50px;
}
.form-control.newl {
    height: 50px;
}
.selectric .label {
    height: 50px;
}
button.yesbook {
    background: black;
    color: white;
    border-radius: 24px;
    border: navajowhite;
    padding: 5px 15px 5px 15px;
    margin-top: 20px;
}

/**/



.Reason {
   font-size: 34px !important;
    text-align: center !important;
}
.itempro {
    padding-right: 155px;
    padding-left: 155px;
    padding-top: 100px;
}

.everypiece {
   
    text-align: center;
    
}
.itemscar {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.itempro {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  overflow: hidden;
}

.active {
  display: block;
}

.navBtns {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
 
  width: 100%;
}

.btnsff {
  position: absolute;
  font-size: 50px;
  color: #fff;
}

.btnsff:hover {
  color: slateblue;
  animation: breath 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}

.right {
  right: 50px;
}

.left {
  left: 50px;
}


@keyframes breath {
  0%,
  100% {
    transform: scale(1);
  }

  25%,
  75% {
    transform: scale(0.9);
  }

  50% {
    transform: scale(1.1);
  }
}


/**/
p.rnd {
    padding-top: 89px;
    font-size: 58px !important;
    text-align: center;
}
.ananddddd.tests {
    display: none;
}

.take {
    text-align: center !important;
}

p.OurSEOPackages {
    font-weight: 900;
    font-size: 28px;
}
.g-recaptcha.rpadding {
    width: 100% !important;
    padding-bottom: 22px;
}
.col-lg-12.col-sm-12.text-center.kjhds {
    padding-bottom: 22px;
}
.generateleads {
    background: #93246e;
    color: white;
    padding: 40px 20px 40px 20px;
}
.SoWhatwedo {
    text-align: center;
}
p.howoursocial {
    padding-top: 32px;
}

.PaidSocial {
    font-size: 25px;
    font-weight: 700;
}
.generateleads:hover {
    border: 2px solid;
    background: #fff;
    color: black;
    padding: 40px 20px 40px 20px;
}
ul.FacebookAds {
    color: white;
}
.counter_wrapper33 {
     background: url(/web/20210805161019im_/https://www.promarketo.com/images/banner/Promarketo.png) no-repeat;
    background-size: cover;
        padding-left: 106px;
    padding-right: 104px;
}
.col-sm-8.Not_Visible {
    padding-top: 48px;
}
label.namqe {
    color: white;
}
ul.Benefits_working1 {
    text-align: initial;
}
.nottoworry {
    text-align: center;
    font-size: 26px;
    padding-left: 106px;
    padding-right: 106px;
}
.fornotfor {
    font-size: 191px;
    font-weight: 900;
    text-align: center;
        margin-top: -39px;
    margin-bottom: -30px;
}
.manybusinesses {
    font-size: 23px;
    padding-bottom: 43px;
}
.lost {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}
.back_toHome {
    text-align: center;
}
i.grey-text1 {
    color: white;
}
.counter_wrapper .count_box{
    padding:30px 20px;
   
    border-radius:10px;
    text-align:center;
}



.counter_wrapper .count_box h3{
    font-size:40px;
    font-weight:600;
    color:#fff;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;transition:all .5s;
}
.counter_wrapper .count_box h4{
    font-size:15px;
    font-weight:300;
    text-transform:uppercase;
    color:#fff;
    padding-top:10px;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;transition:all .5s}

.counter_wrapper .box_center h3,.counter_wrapper .box_center h4{
    color:#fff;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.ads_special {
    text-align: center;
}
img.round-img {
    margin-top: -36px;
    border-radius: 50px;
    border: 2px solid #fff;
}
.service-title {
    color: white;
    font-weight: 600;
    font-size: 19px;
}
.CEO {
    color: white;
}
p.the_report {
    color: white;
    font-size: 17px;
    padding-right: 10px;
}
.counter_wrapper {
    padding-top: 38px;
    background: #171728;
    padding-bottom: 61px;
}
.container.section_0ne {
    padding-top: 30px;
    padding-bottom: 30px;
}
.last {
    border: 3px dotted;
    padding: 30px;
    margin-left: 91px;
    margin-right: 90px;
}
.counter_wrapper2 {
    padding-top: 38px;
    padding-bottom: 59px;
    background: #f9ab00;
}
.getrs {
    text-align: end;
    padding-top: 20px;
}
ul.Benefits_working {
   
    padding-top: 20px;
    margin-top: -28px;
}
p.mediabuyers {
    margin-top: -27px;
}
.nanner_text {
        color: white;
    font-size: 44px;
    font-weight: 900;
}

.md-formteliphone {
     text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: white;
}
.container.OurAwardWinning {
    padding-top: 40px;
}
.new_form {
 padding: 40px 40px 40px 40px;
    background: #24ba7c;
    margin-bottom: 20px;
        margin-top: -75px;
}
odal-footer.d-flex.justify-content-center {
    border-top: none;
}
.mermbers-princing-boxPage {
    padding-left: 10px !important;
    margin-bottom: -22px;
   
}

.col-sm-12.Book_Your_Free_Strategy_Call_Now {
    text-align: center;
    padding-top: 34px;
}
.nseo-icon {
    text-align: center;
    font-size: 47px;
}


img.fflogo.loading {
    width: 84%;
}
.container.anandaaa {
    max-width: 1338px;
}

.small {
    text-align: center !important;
    padding-bottom: 20px;
    font-size: 25px;
}
.idealsolution {
    padding-left: 121px;
}
ul.tanding li{
    font-size: 23px !important;
        list-style: none;
}
.container-fluid.creative {
    padding-bottom: 31px;
    padding-top: 46px;
}

.opi11 {
  padding-left: 88px !important;
    text-align: center;
    margin-top: -51px;
        padding-top: 6px;
}
.opi {
  padding-left: 88px !important;
    text-align: center;
    margin-top: -91px;
        padding-top: 6px;
}
.md-form.mb-5teliphone {
    padding-bottom: 10px;
    padding-top: 10px;
}


.h41 {
      text-align: center;
    color: #ffffff;
}
.h42 {
       text-align: center;  
    color: #ffffff;
}
.h43 {
       text-align: center;  
    color: #ffffff !important;
}
.h44 {
       text-align: center;  
    color: #ffffff;
}

.nseo-pricing-head1 {
    background: #545454;
    padding-bottom: 30px;
    padding-top: 30px;  
   
}
.nseo-pricing-head2 {
    background: #545454;
    padding-bottom: 30px;
    padding-top: 30px;
   
}
.nseo-pricing-head3 {
    background: #545454;
    padding-bottom: 30px;
    padding-top: 30px;

}
.nseo-pricing-head4 {
    background: #545454;
    padding-bottom: 30px;
    padding-top: 30px;

}
.mermbers-princing-box {
    padding-top: 30px;
   padding-left:10px !important;
}
.highlighted-wrap {
    background: #eaeaea;
    padding-top: 30px;
    padding-bottom: 30px;
}
.highlighted-wrapnone {
 
    padding-top: 30px;
    padding-bottom: 30px;
}
.national-seo-col {
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    overflow: hidden;
    background: #fff;
    border-radius: 3px 3px 0 0;
}
ul.plisting {
    line-height: 2.9;
        list-style: none;
}
ul.Basic {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 30px;
    padding-bottom: 30px;
}
ul.Basicfirst {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 22px;
    padding-bottom: 30px;
}
ul.Basicsecond {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 26px;
    padding-bottom: 30px;
}
ul.Basicthird {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 36px;
    padding-bottom: 30px;
}
ul.Basicfourth {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 2px;
    padding-bottom: 30px;
}
ul.Basicfiveth {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 2px;
    padding-bottom: 30px;
}
ul.Basicfiveth {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 2px;
    padding-bottom: 30px;
}
ul.Basicfiveth {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 2px;
    padding-bottom: 30px;
}
ul.Basicfiveth {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 2px;
    padding-bottom: 30px;
}
ul.Basicsecond1 {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 26px;
    padding-bottom: 30px;
}
ul.Basicthird11 {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 36px;
    padding-bottom: 30px;
}
ul.Basicfourth11 {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 2px;
    padding-bottom: 30px;
}

ul.Basicfirst111 {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 19px;
    padding-bottom: 30px;
}
ul.Basicfirst112 {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 30px;
    padding-bottom: 30px;
}
ul.Basicfirst113 {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 26px;
    padding-bottom: 30px;
}
ul.Basicfirst114 {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 2px;
    padding-bottom: 30px;
}
ul.Basicfirst115 {
    list-style: none;
    font-size: 17px;
    line-height: 3;
    margin-left: -21px;
    padding-top: 36px;
    padding-bottom: 30px;
}

span.priceing {
    font-weight: 700;
    font-size: 24px;
}
.ideal {
    font-size: 17px;
    padding-top: 29px;
    padding: 10px;
    text-align: center;
}
i.far.fa-gem {
   
   color: #ff6600;
    background: white;
    padding: 8px;
    border-radius: 58px;
}
i.fa.fa-cog {
 
   color: #ff6600;
    background: white;
    padding: 8px;
    border-radius: 58px;
}
i.far.fa-star {
    color: #ff6600;
    background: white;
    padding: 8px;
    border-radius: 58px;
}
i.fas.fa-trophy {
       color: #ff6600;
    background: white;
    padding: 9px;
    border-radius: 58px;
}
i.fas.fa-briefcase {
     color: #ff6600;
    background: white;
    padding: 11px;
    border-radius: 58px;
}

p.blog_text {
    text-align: justify;
}
.progress-wrap {
    display: none;
}

.sas_b_heading {
   font-size: 53px !important;
    line-height: 1.2;
    font-weight: 700;
}
.row.new_layout33 {
    padding-top: 225px !important;
}
h4.head-title11 {
   
        font-weight: 700;
    text-align: center;
    font-size: 43px;
}
h6.hsix {
    text-align: center;
}
span.month {
    font-weight: 600;
}
p.isaas {
    font-size: 24px !important;
    padding-top: 23px;
}
.container-fluid.secs211 {
       background: #091420;
    padding-bottom: 30px;
    padding-top: 30px;
}

ul.Copywriting li {
    list-style: none !important;
}

.container-fluid.secs1 {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #f9f9f9;
}
span.no_one {
    text-decoration: underline;
}
p.which_one {
    padding-top: 30px;
    font-size: 26px;
}
.Someone {
       font-size: 33px;
    font-weight: 600;
    padding-top: 52px;
}
p.Trust11 {
    font-weight: 700;
}
p.Marketer{
    font-weight: 800 !important;
}

p.Trust {
    font-size: 24px !important;
}
p.Unlike {
    color: white;
    font-size: 24px !important;
}
h2.ifnot {
  font-size: 42px !important;
    padding-bottom: 30px!important;
    padding-top: 16px!important;
}
h2.ifnot1 {
      
    font-size: 42px !important;
    padding-bottom: 30px!important;
    padding-top: 16px!important;
}
h2.Marketers {
      color: white;
    font-size: 42px !important;
    padding-bottom: 0px!important;
    padding-top: 1px!important;
}
.container-fluid.secs2 {
    padding-bottom: 12px;
}
.solve {
    text-align: center;
}
.container-fluid.secs3 {
    background: #ffffff;
    padding-bottom: 42px;
    padding-top: 20px;
}
a.video_button {
    color: black;
}
.container-fluid.MessagingExpert {
    background: #ffffff;
    padding-bottom: 30px;
    padding-top: 30px;
}

.float {
       margin-right: 30px;
    position: fixed;
    width: 74px;
    height: 74px;
    bottom: 42px;
    left: 47px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 51px;
    z-index: 100
}
span.Really {
    background: #20d498;
}

.selectric-items li {
 
    font-size: 20px;
    line-height: 20px;
  
}
.modal-body.mx-3 {
        border: 3px dotted;
    padding: 10px;
}
.modal-content {
    padding-bottom: 24px;
}

span.better {
    text-decoration: underline;
}
a.fullbutton.fullbutton1.fullbutton-mat.fullbtn {
    display: none !important;
}
.text-mob-center.d-flex.align-items-center {
    padding-top:40px !important;
}


a.fullbutton.fullbutton1.fullbutton-mat.fullbtn {
    margin-top: 20px;
}
div#footer {
    padding-top: 30px;
}
li.for-button {
    padding-bottom: 13px !important;
}
div#whoweare {
    padding-top: 185px;
}
.app_screen.anandkr {
    padding-top: 120px;
}

h3.home__hero-header-subtitle {
    margin-bottom: 1px !important;
}

/*Google Maps CSS Start*/
section.google-map {
      font-family: 'Lato-Regular';
}

/*Google Maps CSS end*/
.your_free_quote{
    padding-bottom: 50px;
}
p.anand{
    margin-right: 200px !important;
}
.desktop .section_ourServices .serviceItem .itemDetailsss {
    position: absolute;
    right: 54px !important;
    width: 520px!important;
}
.contact_padding {
    padding-top: 137px;
}


[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos=slide-up] {
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

.section-title {
    font-size: 28px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-weight: 400;
    display: inline-block;
    position: relative
}

.section-title:after,.section-title:before {
    content: '';
    position: absolute;
    bottom: 0
}
.app_screen {
    padding-bottom: 9px;
}


.new_layout {
    padding-left: 131px;
    padding-bottom: 20px;
}
.section-title:after {
    height: 2px;
    background-color: rgba(252,92,15,.46);
    left: 25%;
    right: 25%
}
.Our_passion {
    padding-top: 61px;
    padding-bottom: 58px;
}
.For_button {
    text-align: center;
}
.Our_passion11 {
    padding-top: 70px !important;
    padding-bottom: 30px
}
.p-xl-51 {
    padding-left: 86px;
    padding-right: 54px;
}
.MarketingResponse{
    margin-bottom: 2.5rem!important;
}
button.btn.btn-sm {
    font-weight: 700;
    font-size: 22px;
}

.section-title:before {
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    background-color: #fc5c0f;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    bottom: -6px;
    z-index: 9;
    border-radius: 50%
}

@media (max-width: 1200px) {
    .hidden-md {
        display:none
    }
}



.gegga {
    width: 0
}

.stopp1 {
    stop-color: #ff8000
}

.stopp2 {
    stop-color: #ff8000
}

.halvan {
    animation: Snurra1 10s infinite linear;
    stroke-dasharray: 180 800;
    fill: none;
    stroke-width: 23;
    stroke-linecap: round
}

.strecken {
    animation: Snurra1 3s infinite linear;
    stroke-dasharray: 26 54;
    fill: none;
    stroke-width: 23;
    stroke-linecap: round
}

.skugga {
    filter: blur(5px);
    opacity: .3;
    position: absolute;
    transform: translate(3px,3px)
}

@keyframes Snurra1 {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -403px
    }
}

body .cursor {
    pointer-events: none
}

body,html {
   font-family: 'Lato-Regular';
    font-size: 20px;
    line-height: 1.5;
    overflow-x: hidden;
   
}
.case{
    margin-top: 3.5rem!important;
}

a.Free-strategy{
    color: white;
}
a.Free-strategy:hover{
    color: white;
}



.cursor-pointer {
    cursor: pointer
}

.font-white {
    color: #fff!important
}

.btn:focus,.form-control:focus {
    box-shadow: unset;
    outline: 0
}

a:hover {
    text-decoration: none
}



.dark-color {
    color: #323232!important
}

.comman-title {
    font-size: 35px;
    color: #323232;
    font-weight: 600
}

.comman-desc {
    font-size: 18px;
    color: #323232
}

.txt-shadow {
    text-shadow: 3px 0 6px rgba(0,0,0,.51)
}

.navbar {
    padding-top: 10px;
    padding-left: 100px;
    padding-right: 100px;
    z-index: 100
}

.navbar-brand img {
    width: 300px;
}

.navbar .navbar-nav a,.navbar .navbar-nav a:hover {
    color: #000
}



.navbar .navbar-nav .menu-btn a {
    font-size: 13px
}

.navbar .navbar-nav .menu-contact a {
    font-size: 19px;
    font-weight: 600
}



.menu-work-with-us {
    background: #fff;
    border-radius: 30px 30px 30px 0;
    box-shadow: 0 4px 10px rgba(0,0,0,.18);
    padding: .25rem!important;
    transition: .2s
}

a.menu-work-with-us {
    color: #fff!important
}



.menu-work-with-us:hover {
    box-shadow: 0 6px 12px rgba(0,0,0,.3);
    transform: translateY(-3px)
}

.bg-contact {
    background-size: 100%,100%;
    background-repeat: no-repeat,no-repeat;
    background-position: center 11rem,top
}
.bg-site2 {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 120% 100%;
}
.bg-awards {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bg-help2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bg-help1 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bg-blog1 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%
}

.header-1 {
    color: #323232;
    font-weight: 700;
    font-size: 62px
}

.bg-awards img.award {
    width: 150px
}

.background-div {
    min-height: 650px
}

.background-div-blog {
    min-height: 650px
}

.title {
    color: #323232;
    font-size: 35px;
    font-weight: 700
}

.desc {
    color: #323232;
    font-size: 17px;
    line-height: 1.3
}

.award-desc {
    font-size: 23px;
    color: #fff
}

.contact-form {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.we-are-fn {
    display: flex;
    min-height: 560px;
    align-items: center;
    padding-left: 30px
}

.bg-mac {
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 83% 94%
}

.contact-form .card-header {
    background-color: transparent;
    background-repeat: no-repeat,no-repeat;
    background-position: center,7% bottom;
    background-size: 40%,auto
}

.intro-carousel .carousel-control-next {
    justify-content: flex-start
}

.intro-carousel .carousel-control-prev {
    justify-content: flex-end
}

.intro-carousel .carousel-control-next,.intro-carousel .carousel-control-prev {
    opacity: 1
}

.intro-carousel .img-box img {
    max-width: 400px;
    width: 100%
}

.intro-carousel .name {
    color: #4a4a4a;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px
}

.intro-carousel .desc {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 1.5
}

.slick-slide {
    margin: 0 10px
}

.slick-slide img {
    width: 100%
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    font-weight: 400
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-arrow.slick-hidden {
    display: none
}

.contact-title {
    font-size: 65px;
    color: #fff;
    font-weight: 700
}

.contact-desc {
    font-size: 20px;
    font-weight: 400
}

.contact-desc2 {
    color: #323232;
    font-size: 20px
}

.contact .title {
    font-size: 14px;
    color: #323232;
    font-weight: 500
}

.contact .desc {
    font-size: 22px;
    color: #323232;
    font-weight: 500
}

.contact-form .card {
    border: 0;
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,.16);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.16);
    border-radius: 10px
}



.contact-form .title2 {
    color: #4a4a4a;
    font-size: 33px;
    font-weight: 700
}

.contact-form input {
    height: 48px;
    border-radius: 8px;
    margin-bottom: 1rem;
    font-size: 15px
}


.contact-form input::placeholder {
    font-size: 15px;
    color: #acacac
}

.bg-contact2 .title {
    font-weight: 500;
    font-size: 26px;
    color: #323232
}

.bg-contact2 .title2 {
    font-weight: 500;
    font-size: 16px;
    color: #323232;
    margin: unset
}

.bg-contact2 .desc {
    font-weight: 400;
    font-size: 16px;
    color: #323232;
    margin: unset
}

.bg-shadow {
    background-repeat: no-repeat;
    background-position: center
}

.bg-contact2 {
    min-height: 100vh;
    background-size: 50%,45%;
    background-position: left center,18%;
    background-repeat: no-repeat,no-repeat
}

.dots {
    position: absolute;
    height: auto;
    top: -55%;
    right: 18%
}

.blog-list-header .card {
    border: 0;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}

.blog-list-header .title-card {
    font-size: 32px;
    margin-bottom: 1rem
}

.blog-list-header .desc {
    font-size: 16px;
    color: #acacac
}



.blog-card {
    border: unset;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    border: 10px;
    transition: all .5s
}

.blog-card .title {
    font-size: 23px;
    font-weight: 600;
    color: #323232;
    min-height: 50px
}

.blog-card .desc {
    font-size: 15px;
    color: #acacac
}

.read-more {
    font-weight: 600;
    font-size: 12px;
    color: #323232;
    transition: all 1s ease;
    -webkit-transition: all .7s ease
}

.blog-card:hover {
    -webkit-box-shadow: 0 20px 30px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 20px 30px 0 rgba(0,0,0,.16);
    box-shadow: 0 20px 30px 0 rgba(0,0,0,.16);
    transform: scale(1.04,1.04) translateZ(0)
}

.subscribe {
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto
}

.subscribe .title {
    font-size: 13px;
    font-weight: 400
}

.subscribe .desc {
    font-size: 22px;
    font-weight: 400
}

.blog-date {
    font-size: 12px;
    background: #000000c7;
    padding: 2px 8px;
    color: #fff;
    border-radius: 10px
}
.share-links .link {
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 50%;
    padding: .7rem;
    margin-left: .75rem;
}

.share-links .link:hover {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.16);
}

.share-links .link img {
    height: 25px;
}

.inhouse-project .link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 50%;
    padding: .4rem;
    margin-left: .75rem;
}

.inhouse-project .link img {
    height: 50px;
}

.badge-secondary {
    height: 35px;
    font-size: 12px;
    background-color: #f2f2f2;
    border-radius: 5px;
    margin: .5rem;
    display: inline-flex;
    align-items: center;
    color: #717171;
    padding: 0 1rem;
    font-weight: 400;
}
.btm-120{bottom: 0px !important;}

.bg-we-flynaut img {
    max-width: 100%;
}

.bg-we-flynaut img {
    max-width: 100%
}

.mac-desc .title {
    font-size: 37px;
    font-weight: 600;
    color: #323232
}

.mac-desc .desc {
    font-size: 25px;
    font-weight: 600;
    color: #323232;
    margin-bottom: 2rem
}

.mac-desc .desc2 {
    font-size: 18px;
    color: #323232;
    margin-bottom: 1rem
}

.mac-desc .desc3 {
    font-size: 18px;
    color: #323232;
    margin-bottom: 1rem;
       font-family: 'Lato-Regular';
}

.next .hover,.prev .hover {
    display: none
}

.next .non-hover,.prev .non-hover {
    display: unset
}

.next:hover .hover,.prev:hover .hover {
    display: unset
}

.next:hover .non-hover,.prev:hover .non-hover {
    display: none
}

.fixed-footer {
    display: none;
    position: fixed;
    bottom: 0;
    width: -webkit-fill-available;
    left: 0
}
span.list {
    font-size: 21px !important;
}
p.Understand {
    font-size: 21px;
}
.fixed-footer .flex-link,.fixed-footer a.flex-link {
    color: #323232;
    font-size: 14px
}

.footer-social {
    height: 120px
}

#footer {
    padding-top: 3rem;
    background-size: cover;
    background-position: 100% 75%
}

#footer .header {
    font-weight: 700;
    font-size: 37px;
    color: #ffff;
}
h2.talk-expert.pl-md-5 {
    color: white;
}




p.footer-label {
    font-weight: 600;
        font-family: 'Lato-Regular';
    letter-spacing: 1px;
}




.subscribe-form .subscribe-btn img {
    width: 26px
}

.subscribe-form #subscribe-email {
    font-size: 16px;
    border: unset;
    height: 55px;
    background: #fff
}

#mc4wp-form-1 #subscribe-email::placeholder {
    color: #acacac
}



#mc4wp-form-1 .subscribe-btn img {
    width: 26px
}

#mc4wp-form-1 #subscribe-email {
    font-size: 16px;
    border: unset;
    height: 55px;
    background: #fff
}

#footer .copyright-text {
    color: #323232;
    font-size: 12px;
    text-align: center
}

#footer .order-1,#footer .order-2 {
   
}

button.btn.subscribe-btn.pr-4 {
    background: white;
}
#footer .footer-work {
    position: relative;
    min-height: 160px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-size: 105%;
    background-position: center;
    background-repeat: no-repeat
}

#footer .footer-contact {
    position: relative;
    min-height: 160px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-size: 105%;
    background-position: center;
    background-repeat: no-repeat
}

#footer .footer-contact .link,#footer .footer-work .link {
    font-size: 13px;
    color: #fff;
    margin: auto auto 1.3rem 5.2rem
}

#footer .footer-contact:hover,#footer .footer-work:hover {
    background-size: 110%
}

#footer .footer-contact h5,#footer .footer-work h5 {
    font-size: 23px;
    color: #fff;
    background: 0 0;
    background: 0 0;
    position: absolute;
    bottom: -30px;
    left: 36px;
    transform-origin: 0 0;
    transform: rotate(270deg)
}

.sub-title-1 {
    font-weight: 700;
    font-size: 29px;
    color: #323232
}

.sub-desc-1 {
    font-weight: 400;
    font-size: 16px;
    color: #323232
}

.home-header {
    position: absolute;
    z-index: 1000
}

.main-text {
    font-size: 47px;
    color: #fff;
    font-weight: 400;
    line-height: 1
}

.desc-text {
    font-size: 25px;
    color: #fff;
    font-weight: 200;
    line-height: 1.1
}

.home-slide {
    background-size: 100% 100%;
    background-repeat: no-repeat
}


.w-client {
    height: 90px;
    width: 100%;
    object-fit: scale-down
}



.btn-white {
    border: 2px solid #fff;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    padding: 1rem 3rem
}

.btn-white:hover {
    color: #fff
}

.slider-blog {
    background-size: 100% 100%;
    background-position: left;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative
}

.slider-blog .slick-list {
    padding: 1.5rem 0
}

.slider-text {
    font-size: 17px;
    color: #fff
}

.slider-text:before {
    display: inline-block;
    width: 100px;
    content: " ";
    text-decoration: line-through;
    border-top: 4px solid #fff;
    height: 9px;
    margin-right: 10px
}

.text-slider {
    transform: rotate(-90deg);
    position: absolute;
    top: 30%;
    left: -4%
}

.home-slide .slick-list {
    padding: 10rem 0 3rem
}

.home-slide .card {
    -webkit-box-shadow: 0 20px 30px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 20px 30px 0 rgba(0,0,0,.16);
    box-shadow: 0 20px 30px 0 rgba(0,0,0,.16);
    border: unset
}

.home-slide .card-header {
    background: #fff;
    border: unset
}

.home-slide .name {
    color: #323232;
    font-size: 27px;
    font-weight: 700;
    margin: unset
}

.home-slide img {
    max-width: 200px;
    width: 100%;
    float: right
}

.text-slider2 {
    position: absolute;
    right: -45px;
    transform: rotate(-90px);
    transform: rotate(-90deg);
    top: 35%
}

.nav-active {
    overflow: hidden
}

.nav-active .extra-nav {
    display: none
}

.nav-bg-1:after,.nav-bg-1:before {
    content: ""
}

.nav-bg-2:after,.nav-bg-2:before {
    content: ""
}

.nav-bg-3:after,.nav-bg-3:before {
    content: ""
}

.nav-bg-4:after,.nav-bg-4:before {
    content: ""
}

.nav-bg-5:after,.nav-bg-5:before {
    content: ""
}



.nav-bg:after,.nav-bg:before {
    content: ""
}

.nav-but-wrap {
    position: relative;
    float: right;
    padding-right: .5rem;
    padding-left: .5rem;
    transition: all .3s ease-out
}

.menu-icon,.menu-icon-sticky {
    height: 30px;
    width: 50px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: block
}



.menu-icon__line-left {
    width: 25px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.menu-icon__line-right {
    width: 25px;
    float: right;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.menu-icon-sticky:hover .menu-icon__line-left,.menu-icon-sticky:hover .menu-icon__line-right {
    width: 50px
}

.menu-icon:hover .menu-icon__line-left,.menu-icon:hover .menu-icon__line-right {
    width: 50px
}

.main-menu-slider .nav {
    position: fixed;
    z-index: 98
}

.main-menu-slider .nav:after,.main-menu-slider .nav:before {
    top: 0;
    left: 0;
    content: "";
    position: fixed;
    width: 100vw;
    height: 110vh;
    border-bottom-left-radius: 200%;
    z-index: -1;
    -webkit-transition: -webkit-transform cubic-bezier(.77,0,.175,1) .6s,border-radius linear .8s;
    transition: -webkit-transform cubic-bezier(.77,0,.175,1) .6s,border-radius linear .8s;
    transition: transform cubic-bezier(.77,0,.175,1) .6s,border-radius linear .8s;
    transition: transform cubic-bezier(.77,0,.175,1) .6s,-webkit-transform cubic-bezier(.77,0,.175,1) .6s,border-radius linear .8s;
    -webkit-transform: translateX(100%) translateY(-100%);
    transform: translateX(100%) translateY(-100%)
}

.main-menu-slider .nav:after {
    background: #ffffff;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.main-menu-slider .nav:before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.main-menu-slider .nav__content {
    position: fixed;
    visibility: hidden;
    top: 42%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 100%;
    text-align: center;
    z-index: 1
}

.main-menu-slider .nav__list {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 2
}

.main-menu-slider .nav__list-item {
    position: relative;
    display: block;
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    opacity: 0;
    text-align: right;
    padding-right: 4rem;
    color: #fff;
    overflow: hidden;
   font-family: 'Lato-Regular';
    font-size: 6vh;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 3px;
    -webkit-transform: translate(100px,0);
    transform: translate(100px,0);
    -webkit-transition: opacity .2s ease,-webkit-transform .3s ease;
    transition: opacity .2s ease,-webkit-transform .3s ease;
    transition: opacity .2s ease,transform .3s ease;
    transition: opacity .2s ease,transform .3s ease,-webkit-transform .3s ease;
    margin-top: 0;
    margin-bottom: 0
}

.main-menu-slider .nav__list-item a {
    position: relative;
    text-decoration: none;
    color: rgb(0 0 0 / 60%);
    overflow: hidden;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    z-index: 2;
    display: inline-block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.main-menu-slider .nav__list-item.active-nav a {
    color: #fff
}

.main-menu-slider .nav__list-item.active-nav a:after {
    height: 4px;
    opacity: 1;
    left: 0;
    width: 100%
}

.strategic-logos img {
    width: 160px!important
}

body.nav-active .nav__content {
    visibility: visible
}

body.nav-active .menu-icon__line {
    background-color: #fff;
    -webkit-transform: translate(0,0) rotate(-45deg);
    transform: translate(0,0) rotate(-45deg)
}

body.nav-active .menu-icon__line-left {
    width: 15px;
    -webkit-transform: translate(2px,4px) rotate(45deg);
    transform: translate(2px,4px) rotate(45deg)
}

body.nav-active .menu-icon__line-right {
    width: 15px;
    float: right;
    -webkit-transform: translate(-3px,-3.5px) rotate(45deg);
    transform: translate(-3px,-3.5px) rotate(45deg)
}

body.nav-active .menu-icon:hover .menu-icon__line-left,body.nav-active .menu-icon:hover .menu-icon__line-right {
    width: 15px
}

body.nav-active .menu-icon-sticky:hover .menu-icon__line-left,body.nav-active .menu-icon-sticky:hover .menu-icon__line-right {
    width: 15px
}

body.nav-active .nav {
    visibility: visible
}

body.nav-active .nav:after,body.nav-active .nav:before {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    border-radius: 0
}

body.nav-active .nav:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

body.nav-active .nav:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

body.nav-active .nav__list-item {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s ease,color .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,color .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,color .3s ease;
    transition: opacity .3s ease,transform .3s ease,color .3s ease,-webkit-transform .3s ease
}

body.nav-active .nav__list-item:nth-child(0) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

body.nav-active .nav__list-item:nth-child(1) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

body.nav-active .nav__list-item:nth-child(2) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

body.nav-active .nav__list-item:nth-child(3) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

body.nav-active .nav__list-item:nth-child(4) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

body.nav-active .nav__list-item:nth-child(5) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

body.nav-active .nav__list-item:nth-child(6) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

body.nav-active .nav__list-item:nth-child(7) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

body.nav-active .nav__list-item:nth-child(8) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

body.nav-active .nav__list-item:nth-child(9) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

body.nav-active .nav__list-item:nth-child(10) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.btn-shadow {
    box-shadow: 0 3px 15px rgba(0,0,0,.13)
}


.head-title {
    font-size: 60px;
    font-weight: 700;
    color: #323232;
    display: flex;
    flex-direction: column
}

.head-desc {
    font-size: 20px;
    font-weight: 500;
    margin: 0
}

.what-title {
    color: #323232;
    font-weight: 700;
    font-size: 32px
}

.card-img-top {
    height: 250px;
    object-fit: cover
}

.line-title:before {
    height: 7px
}

.line-title {
    font-size: 15px
}

.what-container .blog-card {
    width: 95%
}

.blog-card {
    border-radius: 10px;
    overflow: hidden
}

.blog-card .title {
    font-size: 21px
}

.blog-card .desc {
    margin-top: 1rem
}

.read-more {
    font-size: 12px
}

.what-desc {
    font-size: 18px;
    color: #323232;
    font-weight: 500;
    margin-top: 1.5rem
}

.what-desc2 {
    font-size: 16px;
    color: #323232;
    margin-top: 15px
}

.what-container {
    background: #f6f7f9
}

.main-what-div {
    margin-left: auto;
    margin-bottom: 5rem
}

.head-title2 {
    font-size: 30px;
    color: #323232;
    font-weight: 500;
    margin: 0
}

.app-desc {
    font-size: 18px;
    color: #4a4a4a;
    font-weight: 600
}

.content p {
    color: #fff!important
}

.portfolio .title {
    font-size: 32px;
    font-weight: 500
}

.portfolio .desc {
    font-size: 18px
}

.portfolio .content {
    display: flex;
    flex-direction: column;
    padding: 2.5rem 2rem;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}



.hover-target.dropdown-toggle::before {
    border: 3px solid;
    width: 103px;
    vertical-align: middle
}

.main-dropdown .dropdown-toggle::before {
    display: none
}

.main-menu-slider .nav__list-item {
    overflow: unset;
    z-index: -10!important
}

.main-menu-slider .nav__list {
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.main-dropdown .dropdown-menu {
    text-align: right;
    width: min-content;
    background: 0 0;
    border: 0;
    z-index: 999;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 2px solid #fe7805;
    /* border: 1px solid rgba(0,0,0,.15); */
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0px 11px 12px rgba(0,0,0,.175);
}

.main-dropdown .dropdown-menu .dropdown-item {
    font-size: 22px;
    line-height: 1.2;
    z-index: 9999
}

.main-dropdown .dropdown-item {
    line-height: 1.5;
    letter-spacing: 1px
}


.dropdown-item.active,.dropdown-item:active,.dropdown-item:focus {
    background: unset;
    outline: unset
}

.footer-pp {
           font-family: 'Lato-Regular';
    font-size: 18px;
    line-height: 1.5;
  margin-left: -37px;
       margin-top: -56px !important;
    color: white;
}
.footer-pp a {
         
    color: white;
}
img.mx-2.footer-social.loading{
    margin-left: -13px !important;
}

.h-80px {
    height: 80px
}



.footer-social-links a i {
    transition: all .3s
}

.footer-social-links a:hover i {
    transform: translateY(-3px)
}

.w-300 {
    width: 100vw!important
}

.talk-expert {
    font-weight: 700;
    color: red;
    color: #323232
}
.section-eight {
    padding: 40px 0 0px 0;
    margin-top: -1px;
    position: relative;
}
.section-eight .container-pe-quote .li-quote-7 {
    height: 48px;
    width: 48px;
    right: 40px;
    top: 44px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    opacity: 1;
}
p.mbtns {
    border-radius: 5px;
    border: 2px solid white;
 padding: 4px 15px 5px 15px;
    margin-top: 10px;
   
}


.cage-code {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 10px
}

.contact-address {
    background-image: unset;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px
}

.contact-address h4,.contact-address p {
    transition: .3s;
    transition-timing-function: ease-in
}

.bg-contact2 {
    transition: all .3s
}

@media (max-width: 481px) {
    .strategic-logos img {
        width:100%!important
    }

    .footer-social-links a:hover i {
        transform: translateY(-3px)
    }

    .main-dropdown .dropdown-menu {
        background: #fff!important;
        top: 100%!important;
        left: 0;
        padding: 1rem;
        z-index: 99999999999999!important;
        /* position: fixed!important */
    }

    .main-dropdown .dropdown-menu .dropdown-item {
        font-size: 15px;
        z-index: 99999999999999!important
    }

    .navbar-nav {
        margin-left: 5px!important
    }

    .extra-nav {
        margin-left: 5px!important
    }

    .nav-but-wrap {
        padding: 0!important
    }
}

@media (max-width: 768px) {
.p-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
footer.bg2.opiou {
    margin-top: 571px;
}
.flex-b.h-full {
    padding-top: 0px;
    align-items: baseline;
}
    
    .home-services-inners {
    margin-bottom: 286px !improtant;
    height: 2573px;
    background-color: #000000;
    overflow: hidden;
}
section.ctasdfgdf.fordekstop {
    display: none;
}
    section.ctasdfgdf.formobile {
   margin-top: 938px;
    display: block;
}
    .faq__question {
    display: inline-block;
    margin: 5px 0;
    text-align: left;
    width: 99%;
}
    section.cta {
    background-image: url(../banner-img/mobile_CTA.png);
    background-repeat: no-repeat;
    background-size: cover;
}
p.mbtns1 {
    border-radius: 5px;
    border: 2px solid white;
    padding: 0px 15px 5px 15px;
    background: white;
    margin-top: 8px;
    margin-bottom: 10px;
}
    section.contain {
    background-image: linear-gradient(67deg, #fff3ca 0%, #c9ebff 91%);
    padding: 20px 10px 100px 12px;
}
        h3.txt-l-101.cl3.respon1 {
    font-size: 28px;
    font-weight: 900 !important;
}
    .dhsjkhfsbv {
    padding-top: 248px !important;
}
    .sec-product.bg0.p-t-145.p-b-25 {
    background: #f8fafa;
    padding-bottom: 67px;
    padding-top: 97px;
    margin-top: 78px;
}
    section-eight .container-pe-quote .li-quote-7 {
    height: 48px;
    width: 48px;
    right: 40px;
    top: 39px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    opacity: 1;
}
    h1.save {
    font-size: 35px;
    font-weight: bold;
    color: white;
    text-align: center;
    padding-top: 0px;
}
    .cat-box-img {
    margin-top: 34px;
    padding-bottom: 20px;
}
    .home-powerfull li {
    width: calc(100% - 4px);
    border-radius: 2.5px;
    background-color: #f5f7f8!important;
    border: 1px solid #f5f7f8!important;
    padding: 50px 21px 50px 22px !important;
    background-size: contain;
    background-repeat: no-repeat;
    transition: .5s;
    margin: 14px;
}
    img.lazy_a.four1.loading {
    position: absolute;
    left: 45%;
    display: none;
}
    img.lazy_a.four2.loading {
    position: absolute;
    left: 45%;
    display: none;
}
    img.lazy_a.four3.loading {
    position: absolute;
    left: 45%;
    display: none;
}
    img.lazy_a.four4.loading {
    position: absolute;
    left: 45%;
    display: none;
}
    .sa {
    margin-top: 23px;
}
    .smart {
    margin-bottom: 36px;
}
    .row.os {
    padding-top: 11px;
}
    section.secbanner {
    height: 511px;
    padding-bottom: 68px;
    background: url(../banner-img/Mobile-Banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 16px;
}
    .col-lg-9.services-detail-main {
    height: 7px;
    padding-top: 30px;
}
    .container.bggggg {
    background: black;
    padding: 10px;
    width: 100%;
}
    .section--services {
    padding-bottom: 1663px;
    background: #fff;
    padding-top: 60px;
    margin-bottom: 30px;
}
a.vc {
    background: green;
    padding: 10px 10px 10px 15px;
    color: white;
    border-radius: 35px;
    font-size: 20px;
}
    .service-list {
    counter-reset: my-sec-counter;
    margin-top: 0px;
    list-style: none;
}
    .tile.tile--service {
    padding: 14px 30px;
    box-shadow: -0.7px 2.9px 53.8px 0 rgb(0 0 0 / 16%);
    border-radius: 14px;
    position: relative;
    background: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
}
    .home-services-inners .services-content {
    padding: 8% 7% 5% 4%;
    height: 100%;
    vertical-align: middle;
    position: absolute;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    top: 0;
    color: rgb(255 255 255);
}
span.faq__question {
    font-size: 21px;
}
    p.sub_heading {
    text-align: center;
}
    .faq__text {
    color: var(--blue-mid);
    font-size: var(--base-font-size);
    line-height: 1.6;
    margin: 41px 0 0 0;
}
    .port-title-section h2 {
        color: #000 !important;
    }
    .port-title-section p{
        color: #000 !important;
    }
    p.rnd {
    padding-top: 26px;
    font-size: 26px !important;
    text-align: center;
}
    .item {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
}
    .ananddddd.tests {
    
    padding-bottom: 365px;
}
    .left {
    left: -23px;
}
    .right {
    right: 7px;
}
    .btn {
  
    font-size: 20px;
   
}
    .take {
    padding-bottom: 23px;
}
    .col-sm-4.foornew {
    padding-right: 13px;
}
    .footer-award {
        margin-top:20px
    }

    .footer-social {
        margin-top: 10px;
        margin-bottom: 10px
    }
    div.port-title-section h2{
        font-size: 20px;
        line-height: 20px;
    }
    div.port-title-section p {
    font-size: 16px;
    line-height: 16px;
}
    a.visit-website{
    width: 100%;
    padding: 14px 22px;
    text-align: center;
    }
    .cus-logo1{
        display: none;
    }
    p.F_link a {
    color: white;
    font-size: 13px;
}
    h3.home__hero-header-subtitle {
    margin-bottom: -4px !important;
}
    div#footer {
    padding-top: 0px !important;
}
    .simple {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
 .TalkToAn {
    margin-bottom: 0px !important;
    margin-top: -24px !important;
}
    .clutch {
    margin-top: -56px !important;
}
    .footer-pp {
       padding-left: 44px;
}
    span.work {
    padding-left: 57px;
}

}


.img3 {
    width: 48px;
    height: 48px
}

.img2 {
    width: 61px;
    height: 48px
}

.img1 {
    width: 65px
}

@media (min-width: 1920px) {
    .bg-mac {
        background-size:30%
    }
}

@media (max-width: 1700px) {
    .bg-contact {
        background-size:100%,130%;
        background-position: center 20rem,top
    }
.bg-site2 {
    background-size: auto 85%;
    background-position: 140% top;
}
    .bg-blog {
        background-size: 50%,100%,130%;
        background-position: 80% 400px,center 20rem,top
    }

    .title {
        font-size: 23px
    }

    .desc {
        font-size: 18px
    }

    .award-desc {
        font-size: 24px
    }

    .mac-desc .title {
        font-size: 35px
    }

    .mac-desc .desc {
        font-size: 23px;
        margin-bottom: 2rem
    }

    .mac-desc .desc2 {
        font-size: 14px;
        margin-bottom: 1rem
    }

    .mac-desc .desc3 {
        font-size: 14px;
        margin-bottom: 1rem
    }

    #footer {
        padding-top: 0
    }

    .head-title::before {
        width: 135px
    }

    .head-title {
        font-size: 35px
    }
    
     .head-titled {
        font-size: 32px
            f
    }

    .bg-awards img.award {
        width: 122px
    }

    .contact-form .title2 {
        font-size: 29px
    }

    .blog-list-header .title-card {
        font-size: 34px
    }

    .blog-card .title {
        font-size: 22px
    }
}

@media (min-width: 1281px) {
    .home-slider {
        padding-right:15rem
    }

    .blog-slide {
        padding-left: 10rem
    }

   
}

@media (min-width: 1025px) and (max-width:1500px) {
   

    .main-what-div .col-xl-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .footer-social {
        height: 70px;
    }
}

@media (min-width: 482px) and (max-width:998px) {
    .main-menu-slider .nav__content {
        top:32%
    }

    .home-slide .slick-list {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width: 768px) and (max-width:1280px) {
    .slick-arrow {
        padding:unset
    }

    .what-desc2 {
        margin-top: 1rem
    }

    .what-title {
        font-size: 25px
    }

    .img3 {
        width: 48px;
        height: 48px
    }

    .img2 {
        width: 56px;
        height: 48px
    }

    .img1 {
        width: 75px;
        height: 35px
    }

    .slider-text {
        font-size: 15px
    }

    .text-slider2 {
        top: 25%
    }

    .main-text {
        font-size: 40px
    }

    .desc-text {
        font-size: 20px
    }

    .btn-white {
        padding: 1rem 2.5rem;
        font-size: 15px
    }


    .navbar {
        padding: unset
    }
    .navbar .navbar-nav a, .navbar .navbar-nav a:hover {
        color: #000;
    }
    .bg-blog1 {
        min-height: 22rem;
        border-top-left-radius: calc(.25rem - 1px);
        border-top-right-radius: calc(.25rem - 1px)
    }

    .blog-list-header .title-card {
        font-size: 27px
    }


    .line-title {
        font-size: 16px
    }

    .blog-card .title {
        font-size: 18px
    }

    .blog-card .desc {
        font-size: 14px
    }

    .subscribe .title {
        font-size: 14px
    }

    .subscribe .desc {
        font-size: 20px
    }

    .subscribe {
        background-size: contain
    }

    .fixed-footer .flex-link,.fixed-footer a.flex-link {
        font-size: 15px
    }

    .sub-title-1 {
        font-size: 25px
    }

    .sub-desc-1 {
        font-size: 15px
    }

    .main-menu-slider .nav__list-item {
        font-size: 4vh
    }

    .bg-contact {
        background-size: 100%,100% 100vh;
        background-position: center 25rem,top
    }

    .bg-blog {
        background-size: 50%,100%,100% 100vh;
        background-position: 80% 450px,center 25rem,top
    }

    .contact-title {
        font-size: 55px
    }

    .background-div {
        min-height: 400px
    }

    .title {
        font-size: 30px
    }

    .desc {
        font-size: 19px
    }

    .award-desc {
        font-size: 21px
    }

    .mac-desc .title {
        font-size: 35px
    }

    .mac-desc .desc {
        font-size: 23px;
        margin-bottom: 2rem
    }

    .mac-desc .desc2 {
        font-size: 14px;
        margin-bottom: 1rem
    }

    .mac-desc .desc3 {
        font-size: 14px;
        margin-bottom: 1rem
    }

    #footer .header {
        font-size: 20px
    }

    #footer .talk-expert {
        font-size: 30px
    }

    #footer .title-1 {
        font-size: 16px
    }

    #footer {
        padding-top: 0
    }

    .bg-awards img.award {
        width: 85px
    }

    .intro-carousel .name {
        font-size: 30px
    }

    .intro-carousel .desc {
        font-size: 18px
    }

    .head-title {
        font-size: 40px
    }

    .head-title::before {
        transform: translateY(0);
        margin: 0 0 .5rem 0
    }

    .head-desc,.what-desc,.what-desc2 {
        font-size: 17px
    }

    .what-container .blog-card {
        width: 100%
    }

    .main-what-div {
        padding: 0 2.5rem
    }
}

@media (max-width: 1280px) {
    .dots {
        position:absolute;
        height: auto;
        top: -73%;
        right: 6%
    }
}

@media (max-width: 1024px) {
    .service-box-title {
        font-size:25px!important
    }

    .para-title {
        font-size: 30px
    }
}

@media (max-width: 1339px) {
    .service-box-title {
        font-size:25px!important
    }

    .para-title {
        font-size: 30px!important;
        line-height: 35px!important
    }

    .w-client {
        height: 90px;
        width: 100%;
        object-fit: scale-down;
        margin-top: 30px
    }
}

@media (min-width: 481px) and (max-width:769px) {
    .navbar {
        padding:1rem 0
    }

    .bg-blog {
        background-size: 200vh;
        background-position: top center
    }

    .navbar-brand img {
        width: 290px;
        height: 108px
    }



    .bg-mac {
        background-position: 95% 96%
    }

    .desc-text {
        font-size: 16px;
        line-height: 1.5
    }

    .main-text {
        font-size: 40px
    }

    .btn-white {
        font-size: 15px;
        padding: .75rem 2rem
    }

    .text-slider2 {
        right: -50px;
        top: 25%
    }

    .slider-text {
        font-size: 14px
    }

    #footer .footer-label {
        font-size: 20px
    }

    #footer .sub-title a {
        font-size: 15px
    }

    .bg-blog1 {
        min-height: 22rem;
        border-top-left-radius: calc(.25rem - 1px);
        border-top-right-radius: calc(.25rem - 1px)
    }

    .blog-list-header .title-card {
        font-size: 27px
    }

  

    .line-title {
        font-size: 14px
    }

    .blog-card .title {
        font-size: 18px
    }

    .blog-card .desc {
        font-size: 14px
    }

    .subscribe .title {
        font-size: 14px
    }

    .subscribe .desc {
        font-size: 20px
    }

    .subscribe {
        background-size: contain
    }

    .bg-contact {
        background-size: 100%,100% 600px;
        background-position: center 25rem,top
    }

    .bg-blog {
        background-size: 50%,100%,100% 600px;
        background-position: 80% 450px,center 25rem,top
    }

    .contact-title {
        font-size: 45px
    }

    .contact-desc {
        font-size: 19px
    }

    .contact-desc-div {
        margin-top: 5rem
    }

    .bg-contact2 {
        background-size: 65%,55%;
        background-position: 0 8%,top center;
        padding-top: 25rem!important;
        margin-top: 5rem
    }

    .img3 {
        width: 80px;
        height: 80px
    }

    .img2 {
        width: 100px;
        height: 80px
    }

    .img1 {
        width: 100px;
        height: 75px
    }

    .background-div {
        min-height: 400px
    }

    .title {
        font-size: 27px
    }

    .desc {
        font-size: 18px!important
    }

    .award-desc {
        font-size: 22px
    }

    .intro-carousel .desc {
        font-size: 18px
    }

    .intro-carousel .name {
        font-size: 28px
    }

    .mac-desc .desc {
        font-size: 25px;
        margin-bottom: 2rem
    }

    .mac-desc .desc2 {
        font-size: 14px;
        margin-bottom: 1rem
    }

    .mac-desc .desc3 {
        font-size: 14px;
        margin-bottom: 1rem
    }

    #footer .header {
        font-size: 20px
    }

    #footer .title-1 {
        font-size: 16px
    }

    #footer {
        padding-top: 0
    }

    .head-title::before {
        width: 70px
    }

    .head-title {
        font-size: 30px
    }

    .head-title::before {
        transform: translateY(0);
        margin: 0 0 .5rem 0
    }

    .head-desc,.what-desc,.what-desc2 {
        font-size: 17px
    }

    .main-what-div {
        padding: 0 2.5rem
    }

    .what-container .blog-card {
        width: 100%
    }

    .main-dropdown .dropdown-menu {
        top: 0!important;
        left: 48%;
        padding: 1rem;
        z-index: 999
    }

    .main-dropdown .dropdown-menu .dropdown-item {
        font-size: 18px;
        z-index: 999
    }

    .portfolio .title {
        font-size: 25px
    }
}

@media (min-width: 1770px) and (max-width:2550px) {
    .p-xl-2 {
        padding:1.5rem!important
    }
}

@media (max-width: 360px) {
    #footer .header {
        font-size:17px
    }
}

@media (max-width: 481px) {
    .visit-website {
        padding:14px 20px;
        font-size: 15px
    }

    .home__hero-header-subtitle {
        font-size: 25px
    }



    .footer-award {
        text-align: center
    }

    .service-box {
        width: 70%;
        margin: 0 auto
    }

    .sevice-title-section h2 {
        font-size: 35px!important
    }

    .sevice-title-section p {
        font-size: 26px!important
    }

    .navbar {
        padding: 1rem 0
    }

    .bg-blog {
        background-size: 200vh;
        background-position: top center
    }

    .navbar-brand img {
        width: auto !important;
        height: 40px
    }
        .btm-120 {
            bottom: 0px !important;
        }
    .navbar-brand {
        margin-right: 0
    }

    .line-title:before {
        display: none
    }

    .bg-awards img {
        width: 100%
    }

    .bg-we-flynaut img {
        width: 100%
    }

.menu-work-with-us div {
    font-size: 9px;
    padding: 5px;
}

    .menu-btn .menu-icon {
        color: #fff!important
    }

    .menu-btn .menu-icon-sticky {
        color: #fff!important
    }

    .menu-btn img {
        width: 30px;
        height: 28px
    }

    .navbar .navbar-nav .menu-contact {
        width: 100%
    }

    .navbar .navbar-nav .menu-contact a {
        font-size: 11px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        color: rgb(250,250,250);
    }

    .navbar {
        align-items: baseline
    }

 

    .mac-desc .desc {
        font-size: 26px
    }

    .mac-desc .desc2 {
        font-size: 14px
    }


    .bg-mac {
        background-position: center 100vh;
        background-size: 90%
    }

    .main-text {
        font-size: 41px;
        color: #323232
    }

    .desc-text {
        color: #323232;
        font-size: 14px
    }

    .btn-white {
        color: #323232!important;
        border-color: #323232!important;
        border-radius: 5px;
        padding: .5rem 2rem;
        font-size: 10px
    }

    #footer .footer-label {
        font-size: 20px
    }

    #footer .sub-title a {
        font-size: 15px
    }

    .text-slider2 {
        position: absolute;
        right: -65px;
        transform: rotate(-90deg);
        top: 20%
    }

    .slider-text {
        font-size: 10px
    }

    .title {
        font-size: 20px
    }

    .bg-blog1 {
        min-height: 15rem;
        border-top-left-radius: calc(.25rem - 1px);
        border-top-right-radius: calc(.25rem - 1px)
    }

    .blog-list-header .title-card {
        font-size: 19px
    }

    .blog-list-header .desc {
        font-size: 13px
    }

    .line-title {
        font-size: 15px
    }



    .blog-card .title {
        font-size: 17px
    }

    .blog-card .desc {
        font-size: 14px
    }

    .subscribe .title {
        font-size: 14px
    }

    .subscribe .desc {
        font-size: 20px
    }

    .main-menu-slider .nav__content {
        top: 244px
    }

    .main-menu-slider .nav__list-item {
        letter-spacing: 1px
    }

    .main-menu-slider .nav__list-item {
        padding-right: 1rem;
        font-size: 30px
    }

    .sub-title-1 {
        font-size: 20px
    }

    .sub-desc-1 {
        font-size: 13px
    }

    .bg-contact {
        background-size: 100%,100% 370px;
        background-position: center 20%,top
    }

    .bg-blog {
        background-size: 50%,100%,100% 370px;
        background-position: 80% 300px,center 17rem,top
    }

    .background-div-blog {
        min-height: 25rem
    }

    .contact-title {
        font-size: 35px
    }

    .contact-desc {
        font-size: 15px
    }

    .contact-desc2 {
        font-size: 20px
    }

    .contact .desc {
        font-size: 20px
    }

    .contact-form .card {
        padding: .5rem
    }

    .contact-form .title2 {
        font-size: 20px
    }

    .contact-form .card-header {
        background-size: 50%,10%
    }

    .contact-form {
        margin-top: 1rem
    }

    .contact-form input {
        height: 40px;
        border-radius: 5px;
        margin-bottom: 1rem
    }

    .contact-form input::placeholder {
        font-size: 15px;
        color: #acacac
    }

    .bg-contact2 .title {
        font-size: 25px
    }

    .bg-contact2 .desc {
        font-size: 15px
    }

    .bg-contact2 {
        background-size: 65%,55%;
        background-position: 0 3%,top center;
        padding-top: 16rem;
        margin-top: 5rem
    }

    .background-div {
        min-height: 20rem
    }

    .desc {
        font-size: 15px
    }

    .bg-awards {
        background-position: 74%
    }

    .award-desc {
        font-size: 20px
    }

    .intro-carousel .desc {
        font-size: 15px
    }

    .intro-carousel .name {
        font-size: 35px
    }

    .mac-desc .desc {
        font-size: 22px;
        margin-bottom: 1rem
    }

    #footer .header {
        font-size: 24px
    }

    #footer .title-1 {
        font-size: 15px
    }

    #footer {
        padding-top: 0
    }

    .head-title {
        font-size: 30px
    }

 

    .head-desc,.what-desc,.what-desc2 {
        font-size: 15px
    }

    .what-title {
        font-size: 25px
    }

    .what-container .blog-card {
        width: 100%
    }

    .head-title2 {
        font-size: 15px
    }

    .portfolio .title {
        font-size: 25px
    }
}

@media (max-width: 520px) {
    .dots {
        display:none
    }

    .talk-expert {
        margin-top: 20px
    }

    .footer-social-links {
        width: 100%;
        margin: 0 auto;
        display: flex;
        margin-top: 20px
    }

    .mobile-slider .slide img {
        display: initial;
        width: auto
    }

    .mobile-slider .slide .img-box {
        margin: auto
    }

    .footer-bg {
        background-color: rgb(222,222,222,.8)
    }

    .order-1,.order-2,.order-3,.order-4 {
        order: unset
    }




   
}

@media (max-width: 400px) {
    .col-small-6 {
        -ms-flex:0 0 50%!important;
        flex: 0 0 50%!important;
        max-width: 50%!important
    }

    .client-logos img {
        margin-bottom: 0!important
    }

    .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 1rem 0
    }

    .main-menu-slider .nav__content {
        top: 244px;
        left: 0
    }

    .fixed-footer .flex-link,.fixed-footer a.flex-link {
        font-size: 15px
    }

    .sub-title-1 {
        font-size: 19px
    }

    .bg-contact {
        background-position: center 19%,top
    }

    .bg-blog {
        background-position: 80% 250px,center 4.5%,top
    }

    .background-div-blog {
        min-height: 20rem
    }

    .mac-desc .title {
        font-size: 30px
    }

    #footer .header {
        font-size: 20px
    }

    #footer .title-1 {
        font-size: 14px
    }
}

@media (max-width: 320px) {
    .navbar-brand img {
        width:auto;
        height: 40px
    }
    .navbar.stickybar{
        padding: 0 10px;
    }

    .extra-nav {
        margin-right: 10px!important
    }
}

.h-28px {
    height: 28px
}



.fullbutton-mat {
    color: #fff;
    border: 0 transparent;
    border-radius: .3rem;
    transition: .3s ease-in-out;
    transition-delay: .35s;
    overflow: hidden
}


.fullbutton-mat:hover .fullpsuedo-text {
    color: #fff;
    font-weight: 700;
       font-family: 'Lato-Regular';
        
}

.fullpsuedo-text {
    color: #fff;
    position: relative;
    top: 0;
    height: 100%;
    width: 100%;
    display: inline;
    height: auto;
    font-size: 20px;
    font-size: 700;
    transition: .25s ease-in;
    transition-delay: .1s
}

.fullbutton-mat:hover {
    color: transparent
}

.fullbtn:before {
    transform: translate(-110%,-110%) translateZ(0)
}

.fullbtn:hover:before {
    transform: translate(-45%,-34%) translateZ(0)
}

.read-more {
    position: relative
}

.read-more:before {
    display: inline-block;
    content: " ";
    width: 0;
    text-decoration: line-through;
    border-top: 2px solid #323232;
    height: 6px;
    margin-right: 10px;
    transition: all .3s ease-in-out
}

.card:hover .read-more:before {
    width: 40px
}



.project-slider .slick-list {
    padding-top: 30px!important;
    padding-bottom: 30px!important
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5;
    border-radius: 10px
}



:root {
    font-size: 20px;
    --red:#da2c4d;--yellow:#f8ab37;--green:#2ecc71;--white:#fff;--grey-light:#f2f7f9;--grey:#ecedf3;--black:#080808;--black-blue:#1f2029;--black-blue-light:#353746;--black-blue-light-2:#404255;--black-blue-light-3:#4b4d64;--black-light:#424455}


.circle {
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.circle {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--black-blue-light-3);
    box-shadow: 0 4px 4px rgba(26,53,71,.25),0 0 0 1px rgba(26,53,71,.07);
    animation: border-transform 10s linear infinite alternate forwards
}

.circle:hover {
    box-shadow: 0 8px 8px rgba(26,53,71,.25),0 0 0 1px rgba(26,53,71,.07)
}

.circle:before {
    position: absolute;
    content: '\2191';
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 40px;
    opacity: 1;
    color: var(--grey);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.circle:after {
    position: absolute;
    content: '\2191';
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 40px;
    color: var(--yellow);
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@-webkit-keyframes border-transform {
    0%,100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

@keyframes border-transform {
    0%,100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1,1)
    }

    to {
        -webkit-transform: scale(1.1,1.1)
    }
}

@keyframes zoom {
    from {
        transform: scale(1,1)
    }

    to {
        transform: scale(1.1,1.1)
    }
}


.home-slide .card .card-body p {
    padding-bottom: 0;
    font-size: 19px
}

.award-title {
    color: #323232;
    font-size: 40px;
    font-weight: 700
}

.award-desc {
      font-family: 'Lato-Regular';
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: capitalize
}

.awards img {
    width: auto
}

.awards div {
    text-align: center
}

.mb-7 {
    margin-bottom: 7rem!important
}

.pb-45px {
    padding-bottom: 44px
}

.header-submit {
    padding: 10px 15px!important
}

.parabg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

section.parabg {
    color: #fff;
    min-height: 450px;
    height: auto!important;
    height: 100%
}

.para-title {
    font-family: Lato-Black;
    font-size: 42px;
    line-height: 47px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0;
    text-transform: none;
    text-align: center
}



.addsticky {
    display: none
}

.stickybar {
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.11);
    padding: 0 45px;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

.stickybar img.whites-logo {
    width: 200px;
}

.stickybar .nav__list {
    list-style-type: none;
    padding-left: 0;
    text-align: right;
    max-width: 100%;
    margin-bottom: 0;
    margin-right: 10px;
}

.stickybar .nav__list .nav__list-item {
    display: inline-block;
    line-height: 60px;
    margin-left: 10px;
    position: relative;
}

.stickybar .nav__list .nav__list-item a {
    color: #2e2e2e;
       font-family: Lato-Black;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding-left: 20px;
    text-transform: capitalize;
    letter-spacing: -.3px;
    -webkit-transition: color .15s ease-out,color .15s ease-out,border-color .15s ease-out,background-color .15s ease-out;
    -moz-transition: color .15s ease-out,border-color .15s ease-out,background-color .15s ease-out;
    -o-transition: color .15s ease-out,border-color .15s ease-out,background-color .15s ease-out;
    -ms-transition: color .15s ease-out,border-color .15s ease-out,background-color .15s ease-out;
    transition: color .15s ease-out,border-color .15s ease-out,background-color .15s ease-out;
}



.stickybar .menu-contact a {
    color: #2e2e2e!important;
       font-family: Lato-Black;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
}


.service-desc {
    font-size: 16px!important
}

.privacy-policy {
    font-size: 17px
}

.blog-content p {
    font-size: 18px
}

@-webkit-keyframes load7 {
    0%,100%,80% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

@keyframes load7 {
    0%,100%,80% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.col-2dot4,.col-lg-2dot4,.col-md-2dot4,.col-sm-2dot4,.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.main-dropdown .dropdown-menu {
    z-index: 999999;
    position: static;
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}



@media (max-height: 340px) {
    .navbar-brand img {
        width:200px;
        height: auto
    }
}

.hover-item {
    transition: .3s
}

.hover-item:hover {
    transform: translate(0,-15px)
}



.service-box img {
    width: 100%
}

a .service-box-title {
       font-family: Lato-Black;
    font-size: 28px;
    line-height: 32px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: capitalize;
    margin-top: 10px;
color: black !important;
}
 .tool_img {
    padding-left: 61px;
    border-right: 3px solid;
}
.sevice-title-section h2 {
/*    font-family: Montserrat,sans-serif;*/
    font-size: 40px;
    line-height: 45px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.3px;
    text-transform: capitalize
}


.sevice-title-section p {
       font-family: Lato-Black;
    font-size: 32px;
    line-height: 32px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: capitalize
}

.client-logos {
    text-align: center
}

.client-logos img {
    transition: all .5s ease;
    width: 100%;
    margin-bottom: 17px;
    filter: grayscale(100%);
    cursor: pointer;
}
.client-logos img:hover {
    filter: grayscale(0%);
}

.client-logos img:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0)
}



.newproject-slider .carousel-control-next,.newproject-slider .carousel-control-prev {
    display: none
}

.cross {
    position: absolute;
    z-index: 0;
    opacity: 1;
    right: -50px;
    height: 100%;
    width: auto
}

.middle-app {
    height: 600px;
    z-index: 9
}

.port-title-section {
    z-index: 9
}

.mt-60 {
    margin-top: -60px;
    z-index: 999999999
}

.nav-pl {
    padding-left: 100px
}

.port-title-section h2 {
    font-family: Lato-Black;
    font-size: 35px;
    line-height: 45px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.3px;
    text-transform: capitalize;
    color: #fff
}

.port-title-section p {
       font-family: Lato-Black;
    font-size: 24px;
    line-height: 36px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: capitalize;
    color: #fff
}

.visit-website {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 10px 20px #00000029;
    border-radius: 10px;
    padding: 14px 50px;
    color: #17569d!important;
    font-size: 18px;
    display: block;
    width: fit-content
}

@media screen and (max-width: 1600px) {
    .cross {
        right:-150px;
        height: 710px
    }
}

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

    .cross {
        position: absolute;
        z-index: 0;
        opacity: 1;
        right: -60px;
        height: 603px;
        width: auto
    }

    .nav-pl {
        padding-left: 55px
    }

    .middle-app {
        height: 546px;
        z-index: 9
    }

    .port-title-section {
        z-index: 9
    }
}

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

    .cross {
        position: absolute;
        z-index: 0;
        opacity: 1;
        right: -125px;
        height: 550px;
        width: auto
    }

    .nav-pl {
        padding-left: 55px
    }

    .middle-app {
        height: 400px;
        z-index: 9
    }

    .port-title-section {
        z-index: 9
    }
}

@media screen and (max-width: 1001px) {
    .dots {
        position:absolute;
        height: auto;
        top: -85%;
        right: 1%
    }

   

    .cross {
        position: absolute;
        z-index: 0;
        opacity: 1;
        right: -125px;
        height: 450px;
        width: auto
    }

    .nav-pl {
        padding-left: 0
    }

    .middle-app {
        height: 290px
    }

    .mt-60 {
        margin-top: 10px
    }

    .port-title-section p {
        font-size: 22px;
        line-height: 30px
    }
}

@media screen and (max-width: 550px) {
    .cross {
        position:absolute;
        z-index: 0;
        opacity: 1;
        left: -103px;
        height: 700px;
        width: 677px;
        display:none;
    }

  

    .middle-app {
        height: 150px;
        margin-top: 10px
    }
}

.mt-100 {
    margin-top: 100px!important
}
.mt-170 {
    margin-top: 138px!important;
}


.borderbutton-mat:hover .borderpsuedo-text {
    color: #fff;
}

.borderpsuedo-text {
    color: #212529;
    position: relative;
    top: 0;
    height: 100%;
    width: 100%;
    display: inline;
    height: auto;
    font-size: 17px;
    font-size: 700;
    transition: .25s ease-in;
    transition-delay: .1s;
}

.borderbutton-mat:hover {
    color: transparent;
}

.borderbtn:before {
    transform: translate(-110%,-110%) translateZ(0);
}

.borderbtn:hover:before {
    transform: translate(-45%,-34%) translateZ(0);
}

.img-our-saas {
    width: 150px;
    margin: auto;
}
.mt--77{
    margin-top: -77px;
}

.desktop h2, .desktop .heading2 {
    font-size: 38px;
    font-weight: 700;
}
/*brand slider*/
.brand-slide {
    background-color: #f5f5f5;
   padding-bottom: 40px;
    margin-top: 50px;
}
.Engagements {
    padding-top: 48px;
}
.brand-slide .slider {
    max-width: 1094px;
    margin: 0 auto;
    background: #fff;
    padding: -5px 15px;
    border-radius: 50px;
    border: 3px double #ece3e3;
    box-shadow: 0 0 0 2px #fbf9f9, 0 0 4px #fbf9f9;
}
.digital_agency {
    padding-bottom: 52px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-list {
  margin: 0px -5px 0px -5px;
}
button.slick-next, button.slick-next:hover {
  position: absolute;
  top: 41%;
  right: 54px;
  width: 47px;
  height: 75px;
  background-image: url("/web/20210805161019im_/https://www.promarketo.com/css/style.css");
  background-size: 95px;
}
button.slick-prev, button.slick-prev:hover {
  position: absolute;
  top: 41%;
  left: 15px;
  z-index: 1;
  width: 47px;
  height: 300px;
  background-image: url("/web/20210805161019im_/https://www.promarketo.com/css/style.css");
  background-size: 95px;
      background-position-x: right;
}
.slick-prev:before, .slick-next:before {
  font-size: 70px;
  color: #EA8496;
  line-height: inherit;
  font-weight: bold;
}
.brand-slide .slider img {
    padding:  6px;
}
p.F_link {
    margin: 7px;
    border-bottom: 2px solid;
    width: 225px;
    color: white;
}
p.F_link a {
   
    color: white;
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;
    margin: 5px 12px;
    padding: 8px;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/web/20210805161019im_/https://www.promarketo.com/css/style.css') center center no-repeat;
}

/* Icons */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
    font-weight: bold;
    font-size: 20px;
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.text8 {
    margin-top: 22px;
    font-size: 14px;
    text-align: justify;
    font-weight: 500;
}

.text10 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #000;
}




.carousel-indicators {
    right: auto;
    bottom: -44px;
    margin-right: 0;
    margin-left: 26%;
}
.carousel-indicators li {
    background-color: #cccccc;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    cursor: pointer;
}


.form-control{
    font-size: 18px;
        height: 31px;
}

.social-icon{
    list-style: none;
    padding: 0;
}
.social-icon li {
 
display: inline-block;
}

.slider-award-part-small {
    display: none;
}
.img-home-carv{
    width: 100%; position: absolute; z-index: 9; bottom: 0; left: 0;
}

    @media(max-width:1024px) {

   

    .slider-award-part-large {
        align-items: center!important;
        justify-content: center!important;
    }
}

@media(max-width:767px) {
    .slider-award-part-small {
        display: block!important;
    }
    .col-sm-2.arrow_img {
    display: none;
}
.expertppc {
    display: none;
}
h2.Marketers {
       padding-bottom: 0px!important;
   }
.AUDITbox {
      padding-top: 20px;
}
.counter_wrapper .count_box {
    padding: 10px 20px;
   
}
img.white-logo.cus-logo.landing {
    width: 93% !important;
    height: 91px;
}
.SEO_Audit {
    padding-bottom: 34px;
}
img.skype_img.loading {
    height: 212px;
    width: 100%;
}
.last {
    border: 3px dotted;
    padding: 30px;
    margin-left: 0px;
    margin-right: 0px;
}
.counter_wrapper2 {
    padding-top: 7px;
    padding-bottom: 0px;
    background: #f9ab00;
}
img.ggogleadds.loading {
    width: 100%;
}

p.Unlike {
    padding-right: 15px;
}
.col-sm-5.expertppc {
    margin-top: 60px;
    margin-right: 19px;
}
a.HurryUp {
    font-size: 19px;
}
.counter_wrapper33 {
    background: url(/web/20210805161019im_/https://www.promarketo.com/images/banner/Promarketo.png) no-repeat;
    background-size: cover;
    padding-left: 29px;
    padding-right: 8px;
}
    .idealsolution {
    padding-left: 1px;
}
   
h2.ifnot {
    font-weight: 700 !important;
}
    h3.ifnot {
         font-weight: 700 !important;
}
        h2.ifnot1 {
    font-weight: 700 !important;
}

    .slider-award-part-large {
        display: none!important;
    }
}
.bg-trusted  {
    background-image: url(/web/20210805161019im_/https://www.promarketo.com/images/banner/8.png);
    background-color: rgb(0 0 0 / 50%);
    background-blend-mode: color;
}
.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

/*.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}*/
/*.button:hover {
  background: #06D85F;
}*/


.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 90px auto;
  padding: 13px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
    font-family: Lato-Black;
}
.popup .close {
  position: absolute;
  top: 1px;
  right: 9px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  background-color: #fff;
  opacity: 1;
  padding: 9px;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
  .fullbutton-mat {
    width: 100%;
}
.bg-site2{
    background-image: none !important;
}
}
.stickybar .sidemenu{display: none;}
.voo-play{
    width: 100%;
    height: 500px;
}

.video{
    padding-top: 0;
    margin-top: 45px;
}

@media only screen and (max-width: 1024px) {
  .stickybar .sidemenu{display: block;}
  .new_layout {
    padding-left: 0px;
    padding-bottom: 20px;
}
.inner{
	margin-left:10px;
	margin-right:10px;
}
.voo-play{
    width: 100%;
    height: 250px;
}
h2.talk-expert.pl-md-5 {
    padding-left: 0 !important;
    font-size: 29px;
}
.footer-award {
    margin-left: 0;
}
img.mx-2.footer-social.loading {
    margin-left: 0px !important;
    width: 86px;
    height: 86px;
    margin-bottom: 45px;
}
.p-xl-51 {
    padding-left: 15px;
    padding-right: 15px;
}
.anand {
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
}
.text-mob-center{
    text-align: center;
}

}


@media only screen and (max-width: 3000px) and (min-width: 2000px) {

.Result-driven li{
	font-size:32px;
}
.borderpsuedo-text{
		font-size:32px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1878px;}
p{
	font-size:32px;
}
.brand-slide .slider{
	max-width:1878px;
	border-radius:75px;
}
.row.slider-award-part-large.justify-content-center {
    padding-top: 0px;
}
h2.talk-expert.pl-md-5 {
    padding-left: 264px !important;
}

.accordion div p{
	font-size:32px;
}
.blog-card .title{
font-size:30px;	
}.read-more{
	font-size:15px;
}
p.F_link{
font-size:28px;
width:320px;	
}
.w-client {
    height: 163px;
    width: 100%;
    object-fit: cover;
}
.stickybar .nav__list .nav__list-item a {
    font-size: 45px;
}
.stickybar img.whites-logo {
    width: 517px;
}
.navbar-brand img {
    width: 564px;
}
.navbar .navbar-nav .menu-contact a {
    font-size: 50px;
}
.menu-work-with-us div {
    font-size: 42px;
}
.menu-icon__line-left {
    width: 64px;
}
.menu-icon__line {
    width: 86px;
    }
.menu-icon__line-right {
    width: 41px;
}
.navbar .navbar-nav .menu-btn a {
    font-size: 39px;
}
.img-home-carv{
	bottom: -10px;
}
.home__hero-header-subtitle--desc{
font-size: 32px;	
	
}
.parabg div p{
	font-size:32px;
}
body.nav-active .menu-icon__line-left {
    width: 100px;
    -webkit-transform: translate(2px,4px) rotate(45deg);
    transform: translate(0px,5px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
    width: 15px;
    float: right;
    -webkit-transform: translate(-3px,-3.5px) rotate(45deg);
    transform: translate(-3px,-3.5px) rotate(45deg);
}
.inhouse-project .link img {
    height: 160px;
}
.share-links .link img {
    height: 48px;
}
.bs-example .accordion .btn {
    font-size: 32px;
}


}
@media only screen and (max-width: 1500px) and (min-width: 1367px) {

h2.talk-expert.pl-md-5 {
    padding-left: 128px !important;
}
}

@media only screen and (max-width: 1499px) and (min-width: 1360px) {
.w-client {
    height: 74px;
    width: 100%;
    object-fit: cover;
}

.img-home-carv {
    bottom: -9px;
}

}
@media only screen and (max-width: 1350px) and (min-width: 1028px) {

}

.fullbutton1 {
    padding: .3rem 2rem !important;
}
.cus-logo{
    display: block !important;
    opacity: 1 !important;
}
.desktop .cus-logo1{
	display: none;
}
.desktop.nav-active .cus-logo1{
	display: block;
}
.desktop.nav-active .cus-logo{
	display: none !important;
}

.tablet .cus-logo1{
	display: none;
}
.tablet.nav-active .cus-logo1{
	display: block;
}
.tablet.nav-active .cus-logo{
	display: none !important;
}

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

}
.mar-auto{margin:auto}


ul.bannerSlider{
  padding-left:0;
}
.bannerSlider{
	height: 450px;
}
.bannerSlider .slide__image::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 450px;
	background: rgba(33,33,33,.7);
}
.bannerSlider .slick-slide {
	position: relative;
}
.bannerSlider .slide__image img {
	width: 100%;
	height: 450px;
	object-fit:cover;
}
img.slide__image__top-position {
	object-position:center bottom;
}
.bannerSlider .slide__text {
    position: absolute;
    z-index: 100;
    text-align: center;
    width: 100%;
    top: 50%;
  	transform: translateY(-50%);
}
.bannerSlider .slide__text h2 {
	font-size: 48px;
	font-weight: 100;

	color: #fff;
}
._2lGLeKv6vr5ITdzoz_1 {
    display: grid !important;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
}
.PjPBl3MPKsCvWXT51KHv._Jtap3zpvOIYtGbqACME {
    flex: auto;
    min-height: 180px;
    margin: 20px;
    padding: 20px;
}

p.mbtn {
    background:#ed4934;
    padding: 10px 15px 11px 15px;
    border-radius: 20px;
    margin-top: 10px;
}
h3.txt-l-101cl3respon1 {
    padding-bottom: 20px;
    text-align: center;
}

.modal-content {
    margin-top: 196px;
}
.modal-header {
    border: none;
}
.modal-footer {
    border: none;
}