:root{
	--text: #010205;
	--white:#fff;
	--black:#000;
	--yellow:#FEDF38;
	--blue:#0072EA;
	--lightbg:#F4F4F4;
	--lightbg2:#F7F7F7;
	--gryellow: linear-gradient(90deg, #f5d73f 0%, #feee9b 100%); 
}

*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{text-decoration:none; color:var(--blue); transition:all 0.3s linear 0s;}
a:hover{transition:all 0.3s linear 0s; color:var(--yellow);}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}
a, input[type="submit"], button{outline:none;  }
.clear{clear:both;}
::-moz-placeholder{ opacity:1; }
input[type=submit], button, select{ -moz-appearance: none;-webkit-appearance: none;}
input, select, button, textarea{font-family: 'Poppins', sans-serif; font-weight:normal;}
input[type=submit], button{ cursor:pointer;transition:all 0.3s linear 0s;}
input[type="submit"], input[type="text"], input[type="date"], input[type="time"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {order: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
q {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}
a:focus {outline:0;outline: 0;}
a:hover,
a:active {outline: 0;}
a img {border: 0;}
body{color:var(--text); font-family: 'Poppins', sans-serif; font-weight:normal; font-size:15px; line-height:1.6; position:relative; overflow-x:hidden; }
strong, b{ font-weight:600;}
h1, .h1{ font-size: 38px; font-weight: 600; line-height: 1.2;}
h2, .h2{ font-size: 38px; font-weight: 600; line-height: 1.2;}
h3, .h3{ font-size: 24px; font-weight: 600; line-height: 1.3;}
h4{ font-size: 20px; font-weight: 500; line-height: 1.3;}
h5{ font-size: 18px; font-weight: 600; line-height: 1.3;}
h6{ font-size: 16px; font-weight: 600; line-height: 1.3;}

h1 strong, h2 strong{ font-weight: 700; color: var(--blue);}

.btn{display: inline-block; padding: 10px 20px; min-width: 160px; border-radius: 13px; line-height: 26px; background-color: var(--blue); color:var(--white); font-size: 16px; font-weight: 500; text-align: center;}
.btn:hover{ background-color: var(--yellow); color: var(--black);}
.btn.yellow{background-color: var(--yellow); color: var(--black);}
.btn.yellow:hover{background-color: var(--black); color: var(--white);}


.container{ max-width: 1340px; padding: 0 20px; position: relative; z-index: 1; margin: 0 auto; width: 100%;}
.dflex{ display: flex; justify-content: space-between; align-items: center;}


/* Header CSS */
.header{ width: 100%; position: relative; background: var(--white);}
.header .container{ display: flex; justify-content: space-between; align-items: center;}

.marq-sec{ position: relative; background: #f2f2f2; width: 35%; padding: 13px 25px 13px 0; height: 48px; border-radius: 0 30px 30px 0;}
.marq-sec::before{ content: ''; position: absolute; top: 0; left: 0; width: 3000%; left: -3000%; height: 100%; background: #f2f2f2;}
.marq-sec{ font-weight: 600;}
.center.mt0{ margin-top: 0!important;}
.logo img{ display: block; max-height: 66px; max-width: 196px;}
.top-contact ul{ display: flex; align-items: center;}
.top-contact ul li{ margin: 0; display: flex; align-items: center;}
.top-contact ul li a{ color: var(--text); display: flex; align-items: center; font-weight: 500;}
.top-contact ul li a:hover{ color: var(--blue);}
.top-contact ul li a img{ display: block; margin-right: 5px;}
.top-contact ul li span{ display: inline-block; color: #BABABA; margin: 0 10px;}
.top-contact ul li:nth-child(2){ margin-left: 10px;}
.main-header{ width: 100%; padding: 15px 0;}
.top-nav{ display: flex; align-items: center;}
.top-nav ul{ display: flex; align-items: center; padding-right: 65px;}
.top-nav ul li{ font-size: 16px; font-weight: 600; color: var(--text); margin-right: 25px;}
.top-nav ul li a{ color: var(--text);}
.top-nav ul li a:hover{ color: var(--blue);}

.call-sec ul{ display: flex;}
.navbar{ width: 100%; background: var(--black); position: relative; z-index: 99; transition: all 0.3s ease-in-out;}
.navigation ul:not(.submenu){ display: flex;}
.navigation ul li a{ display: block; padding: 12px 18px; font-size: 14px; line-height: 22px; font-weight: 600; color: var(--white);}
.navigation>ul>li:hover>a{ background: var(--blue);}

.call-sec ul{ display: flex; column-gap: 13px;}
.call-sec ul img{ display: block; width: 27px; height: 27px; border-radius: 50%;}
.call-sec ul li a:hover{ opacity: 0.8;}

.stickybar.sticky {position: fixed;top: 0;transition: all 0.3s ease-in-out;}


/* Header CSS */

/* Hero Section CSS */
.herosection{ padding:60px 0 60px 0;}
.herosection img{ display: block;}
.herosection .container{ display: flex; justify-content: space-between;}
.herosection .heroleft{ width: 55%;}
.herosection .heroright{ width: 42%;}

/* Hero Section CSS */

/* Middle Sections */
section{ padding: 60px 0; width: 100%; position: relative; overflow: hidden;}
.pt0{ padding-top: 0;}

.hero_slider{ width: 100%; position: relative; margin-top:0px;}
.hero_slider .item{ width: 100%; position: relative; display: flex!important; align-items: center; justify-content: space-between; margin-top: 20px;}
.hero_slider .img{ width: 30%; position: relative; display: flex; justify-content: center; align-items: flex-end;}
.hero_slider .img img{ width: auto; margin: 0 auto; display: block; position: relative; z-index: 1; max-height: 290px;}

.hero_slider .text{ width: 70%; padding: 0 8%;}
.hero_slider .text p{ font-size: 14px; line-height: 1.3; margin-top: 15px; padding-right: 6%;}
.hero_slider .text h3{ position: relative; background: -webkit-linear-gradient(#0072EA, #B640FF);-webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom: 15px;}
.hero_slider  .slick-dots{ position: absolute; bottom: 0; margin: 0; justify-content: initial; padding-left: 38%;}



.trustedLogos{ text-align: center;}
.trustedLogos h2{ margin-bottom: 35px;}
.trustedLogos ul{ width: 100%; display: flex; align-items: center; justify-content: center; row-gap: 20px; column-gap: 90px;}
.trustedLogos img{ display: block; max-height: 95px;}

.top-digital:not(.roisection){ padding-top: 20px;}
.top-digital .text-left{ width: 62%; padding-right: 25px;}
.top-digital .image-right{ width: 38%; padding-left: 25px;}
.top-digital p{ margin-top: 15px; text-align: justify;}
.top-digital p:nth-child(1){ margin-top: 0;}
.my40{ margin: 40px 0!important;}
.mt60{ margin-top: 60px!important;}

.getstarted{ padding: 35px; background: linear-gradient(90deg, #2B91FE 0%, #55a8ff 100%); color: #fff; border-radius: 30px;}
.getstarted.dflex{ flex-direction: column; justify-content: center; text-align: center;}
.getstarted.dflex 
.gtform{ width: 46%; text-align: center; margin-top: 20px;}
.gtform .field{ width: 100%; height: 48px; border-bottom: 1px solid #fff; color: #fff; background: transparent; font-size: 17px; font-weight: 500; margin-right:30px;}

.gtform .field::-webkit-input-placeholder {color: #fff;}
.gtform .field::-moz-placeholder { color: #fff;	}



.center{ text-align: center; max-width: 1120px; margin: 0 auto 40px;}
.center p{ margin-top: 20px;}
.searchends .center{ margin-top: 80px;}
.endshere h2{ margin-bottom: 20px;}
.trustedBy{ background: var(--lightbg); text-align: center;}
.trustedBy p{ margin-top: 20px;}
.trusted_slider{ width: 100%; position: relative; margin-top: 20px;}
.trusted_slider .slick-slide{ width: 100%; padding:20px 14px;}
.trusted_slider .item{ width: 100%; height: 147px; display: flex!important; align-items: center; justify-content: center;}
.trusted_slider .item img{ display: block; max-width: 92%; max-height: 120px; margin: 0 auto;}
.slick-arrow{ position: absolute; z-index: 11; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%; background-color: #fff; background-image: url(../images/prev1.svg); background-repeat: no-repeat; background-position: center; left: -50px; box-shadow: 0 2px 10px rgba(194,194,194,0.2); font-size: 0px;}
.slick-arrow:hover{ background-color: var(--yellow);}
.slick-next{ background-image: url(../images/next1.svg); right: -40px; left: auto;}
.look_top{ width: 100%; display: flex; justify-content: space-between;}
.looktext{ width: 70%; background: linear-gradient(90deg, #f5d73f 0%, #feee9b 100%);  border-radius: 20px; padding: 34px 26px;}
.looktext p{ font-size: 16px; line-height: 1.3; margin: 20px 0 0;}
.looktext ul{ width: 100%; display: flex; margin-top: 22px; column-gap: 40px; row-gap: 10px;}
.looktext ul a{ background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 18px; font-weight: 500; color: var(--text); padding: 10px 18px; line-height: 28px;}
.looktext ul a img{ margin-right: 5px; display: block;}
.looktext ul a.freeprop img{ margin-left: 5px; margin-right: 0;} 
.looktext ul a.freeprop{ color: var(--blue);}
.looktext ul a:hover{ box-shadow: 0 5px 20px rgba(0,0,0,0.2);}
.lookimg{ width: 30%;margin-top: -34px; padding-left: 8px;}
.block{ width: 100%; display: block;}
.whydo{ width: 100%;}
.whydo .row{ width: 100%; display: flex; justify-content: space-between;}
.whydo .img{ width: 48%; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.15);}
.whydo .text{ width: 48%;}
.whydo .text p{ margin-bottom: 15px; font-size: 16px; line-height: 1.4;}
.whydo .text ul{ margin: 0; padding: 0;}
.whydo .text ul li{ width: 100%; display: block; padding:7px 0 7px 32px; font-size: 16px; line-height: 1.4; background: url(../images/q2.svg) no-repeat; background-position: 0 10px; background-size: 22px; margin-top: 10px;}
.whydo .text ul li:nth-child(1){ margin-top: 0;}
.parterning{ display: flex; justify-content: space-between; margin-top: 75px;}
.parterning .img{ width: 48%;}
.parterning h2{ margin-bottom: 30px;}
.parterning .accordion{ width: 48%; border-bottom: 1px solid #000; height: 100%;}
.accordion h4{ width: 100%; font-size: 17px; cursor: pointer; position: relative; font-weight: 500; padding: 20px 30px 20px 15px; color: var(--black); border-top: 1px solid #000;}
.accordion .answer{ width: 100%; padding: 0 15px; display: none;}
.accordion .answer p{ margin: 0 0 15px; text-align: justify; font-size: 15px; line-height: 22px;}
.accordion .answer ul{ margin: 0 0 15px; padding-left: 25px;}
.accordion .answer ul li{ list-style: decimal; list-style-position: outside; margin: 0;}
.accordion h4:after{ content: ''; position: absolute; top: 22px; right: 5px; width: 20px; height: 20px; background: url(../images/plus.svg) no-repeat; background-size: 100%;}
.accordion h4.active:after{ background-image: url(../images/minus.svg);}
.servicerow{ width: calc(100% + 24px); margin-left: -12px; display: flex; row-gap: 24px; flex-wrap: wrap;}
.servicerow .item{ width: calc(25% - 24px); margin:0 12px; background: #fff; border-radius: 20px; position: relative; text-align: center; padding: 20px 20px 70px; transition: all 0.3s ease-in-out;}
.servicerow .item img{ display: block; max-height: 58px; margin: 0 auto;}
.servicerow .item .icon{ display: flex; align-items: center; justify-content: center; height: 58px;}
.servicerow .item h4{ margin: 15px 0 10px; min-height: 60px;}
.servicerow .item p{ margin-bottom: 15px; font-size: 14px; line-height: 22px;}
.btnrm{ display: inline-block; background: linear-gradient(90deg, #00B2EA 0%, #9142F6 100%); padding: 1px; transition: all 0.3s ease-in-out; border-radius: 30px;}
.btnrm a{ display:block; background: #fff; color: #000; font-size: 14px; font-weight: 500; padding: 8px 20px; border-radius: 30px;}
.btnrm a:hover{ color: #fff;  background: transparent; }
.servicerow .item:hover{ transform: translateY(-10px); box-shadow: 0 4px 20px rgba(0,0,0,0.1); transition: all 0.3s ease-in-out;}
.dmarketing{ background: var(--lightbg); text-align: center;}

.servicerow .item .btnrm{ position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; width: 86%;}

.digiTabs{ width: 100%; margin-top: 50px; display: flex; justify-content: space-between;}
.digiTabs .tabs{ width: 28%; padding-right: 30px;}
.digiTabs .tabs li{ margin: 15px 0;}
.digiTabs .tabs a{ color: var(--text); font-size: 24px; line-height: 1.5; display: inline-block; position: relative; padding: 5px 0;}
.digiTabs .tabs .tactive a{ color: var(--blue); font-weight: 600;}
.digiTabs .tabs a::after{ content: ''; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background: var(--blue); transition: all 0.3s ease-in-out;}
.digiTabs .tabs a:hover::after{ width: 100%; transition: all 0.3s ease-in-out;}
.digiTabs .tabs .tactive a::after{ width: 100%; transition: all 0.3s ease-in-out;}

.center.mb0{ margin-bottom: 0!important;}

.tbstyle1{ width: 100%; display: flex; background: #000; border-radius: 45px; box-shadow: 0 5px 25px rgba(0,0,0,0.1); margin-top: 60px;}
.tbstyle1 .tabs{ width: 26%; padding:40px 20px 40px 40px; position: relative; z-index: 1;}
.tbstyle1 .tabs li{ width: 125%; margin: 10px 0;}
.tbstyle1 .tabs li a{ position: relative; color: #fff; font-size: 18px; line-height: 1.3; font-weight: 600; display: flex; height: 70px; align-items: center; border-radius: 40px; position: relative; padding: 22px;}
.tbstyle1 .tabs li.tactive a{ background: var(--yellow); color: #000;}
.tbstyle1 .tabs li.tactive a::before{ content: ''; position: absolute; top: 6px; right: 6px; width: 58px; height: 58px; background-color: #000; border-radius: 50%; background-repeat: no-repeat; background-size: 20px; background-position: center; background-image: url(../images/arrow-right-solid.svg);}

.tbstyle1 .tcontentwrap{ width: 76%; border-radius: 50px; background: #f7f7f7; padding: 50px 80px 50px 140px; position: relative; right: -1%;}

.tbstyle1 .tabcontent p{ margin: 15px 0 0; text-align: justify;}
.tbstyle1 .tabcontent ul{ margin: 15px 0; padding-left: 15px;}
.tbstyle1 .tabcontent ul li{ margin: 5px 0; list-style-position: outside; list-style: disc;}





.digiTabs .tcontentwrap{ width: 70%;}
.digiTabs .row{ width: 100%; display: flex; justify-content: space-between;}
.digiTabs .img{ width: 40%;}
.digiTabs .img img{ width: 100%; display: block; border-radius: 20px;}
.digiTabs .text{ width: 60%; padding-right: 50px;}
.digiTabs .text p{ text-align: justify; margin: 0 0 20px;}

.clientLogos{ text-align: center;}
.clientLogos h2{ margin-bottom: 30px;}
.ourprocess{ padding-top: 30px;}

.processslider .item{ width: calc(100% - 16px)!important; margin: 0 8px!important; background: #fff;  box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-radius: 20px; overflow: hidden;}
.processslider .item h3{ color: #fff; text-align: center; padding:15px; display: flex; min-height: 77px; justify-content: center; align-items: center; font-size: 18px; background: linear-gradient(90deg, #0072EA 0%, #884AF6 100%); border-radius: 20px 20px 0 0;}
.processslider .item .text{ padding: 15px; border: 1px solid #808080; border-top: 0; border-radius: 0 0 20px 20px; min-height: 360px;}
.processslider .item p{ text-align: justify; font-size: 13px; line-height: 20px; margin: 0 0 10px;}


.slick-dots{ width: 100%; justify-content: center; display: flex!important; margin-top: 20px; align-items: center; column-gap: 5px;}
.slick-dots button{ width: 18px; height: 6px; border-radius: 10px; background: #D9D9D9; font-size: 0px;}
.slick-dots .slick-active button{ background: var(--blue);}

.bglight{ background: var(--lightbg);}
.pt60{ padding-top: 60px;}
.pt80{ padding-top: 80px;}
.pt0{ padding-top: 0!important;}
.pb0{ padding-bottom: 0!important;}
.pb20{ padding-bottom:20px!important;}
.pb80{padding-bottom:80px!important;}
.mt0{ margin-top: 0!important;}
.pt20{ padding-top: 20px!important;}
.pt40{ padding-top: 40px!important;}


.stremrow{ width: calc(100% + 16px); margin-left: -8px; row-gap: 16px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.stremrow .item{ width: calc(25% - 16px); margin: 0 8px; border-radius: 20px; overflow: hidden; background: #fff; text-align: center;transition: all 0.3s ease-in-out; padding: 0 0 90px; position: relative;}
.stremrow .item h3{ color: #fff; text-align: center; padding:15px 5px;  font-size: 18px; background: linear-gradient(90deg, #0072EA 0%, #884AF6 100%); border-radius: 20px 20px 0 0;}
.stremrow .item h4{ font-size: 20px; color: var(--text); margin: 15px 0; font-weight: 600;}
.stremrow .icon{ margin-top: 20px; width: 100%; display: block;}
.stremrow .icon img{ display: block; margin: 0 auto; max-height: 60px; }
.stremrow .btnwrap{ width: 100%; position: absolute; bottom: 20px; left: 0;}
.stremrow p{ padding: 0 15px; font-size: 14px; line-height: 22px; margin: 15px 0 0;}

.stremrow .item:hover{ transform: translateY(-10px); box-shadow: 0 4px 20px rgba(0,0,0,0.1); transition: all 0.3s ease-in-out;}

.trustedBy.py40{ padding: 40px 0 20px;}

.stremrow.col3 .item{width: calc(33.33% - 16px);}


.faqtype2{ width: 48%; border-bottom: 1px solid #000; height: 100%;}
.faqtype2 h4{ width: 100%; font-size: 17px; cursor: pointer; position: relative; font-weight: 500; padding: 18px 30px 18px 15px; color: var(--black); border-top: 1px solid #000;}
.faqtype2 .answer{ width: 100%; padding: 0 15px; display: none;}
.faqtype2 .answer p{ margin: 0 0 20px; text-align: justify; font-size: 15px; line-height: 22px;}
.faqtype2 h4:after{ content: ''; position: absolute; top: 22px; right: 5px; width: 20px; height: 20px; background: url(../images/plus.svg) no-repeat; background-size: 100%;}
.faqtype2 h4.active:after{ background-image: url(../images/minus.svg);}

.faqcol2 .col, .faqcol3 .col{ width: 48%;}
.faqcol2, .faqcol3{ align-items: initial;}
.faqcol3 .faqtype2{ border: 0;}
.faqcol3 .faqtype2 h4{ border: 0; margin-top:15px; padding: 13px 30px 13px 20px; font-size: 17px; border-radius: 15px; background: linear-gradient(90deg, #F5D73F 0%, #FEEE9B 100%);}
.faqcol3 .faqtype2 h4::after {top: 14px;right: 10px;}
.faqcol3 .faqtype2 .answer{ border-radius: 0 0 15px 15px; background: linear-gradient(90deg, #F5D73F 0%, #FEEE9B 100%); padding: 0 20px 20px;}
.faqcol3 .faqtype2 .answer p{ color: var(--text); font-size: 15px; line-height: 22px;}
.faqcol3 .faqtype2 h4.active{ border-radius: 15px 15px 0 0;}
.faqcol3 .faqtype2 .answer p:last-child{ margin-bottom: 0;}
.faqcol3 .faqtype2 ul{ padding-left: 15px; list-style-position: outside;}
.faqcol3 .faqtype2 ul li{ list-style: decimal;font-size: 15px; line-height: 22px; margin-top: 2px;}



.teamrow{ width: 100%; display: flex; justify-content: center; row-gap: 30px; margin-top: 30px;}
.teamrow .item{ width: 25%; text-align: center; padding: 0 15px;}
.teamrow .thumb{ width: 190px; height: 190px; margin: 0 auto; border-radius: 50%; background: var(--blue); overflow: hidden; display: flex; align-items: flex-end; justify-content: center;}
.teamrow .thumb img{ display: block;}
.teamrow h3{ margin-top: 10px;}
.teamrow h6{ font-size: 12px; font-weight: 400; margin: 5px 0 0; color: var(--text);}
.teamrow.big .thumb{ width: 240px; height: 240px;}
.teamrow.big{ padding-top: 20px;}

.viewmore{ width: 100%; text-align: center; margin-top: 50px;}
.bloglist{ width: calc(100% + 30px); margin-left: -15px; display: flex; flex-wrap: wrap;}
.bloglist .item{ width: calc(33.33% - 30px); margin:0 15px;}
.bloglist .item h4{ margin: 15px 0 10px; color: var(--text);}
.bloglist .item p{ color: var(--text);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.bloglist .item a:hover h4{ color: var(--blue);}
.bloglist .item a:hover{ transform: translateY(-10px);}
.bloglist .item a{ width: 100%; display: block;}
.bloglist .thumb img{ width: 100%; display: block; height: 280px; border-radius: 10px; object-fit: cover; object-position: center;}
.bloglist .thumb{ width: 100%; position: relative; display: block;}
.bloglist .thumb .date{ position: absolute; bottom: 15px; left: 15px; background: var(--text); color: #fff; font-size: 12px; font-weight: 500; padding: 6px 10px; border-radius: 5px; font-style: normal; white-space:nowrap;}

.tech-section .tech-row {position: relative;overflow: hidden;height: 60px;}
.tech-section {display: flex;width: 100%;flex-direction: column;gap: 15px;}
.animate-slide-to-left {animation: slide_to_left 30s linear infinite;}
.animate-slide-to-right {animation: slide_to_right 30s linear infinite;}
.tech-section .tech-row .tech-stack ul {display: flex;min-width: 200%;justify-content: center;position: absolute;}
.tech-section .tech-row .tech-stack ul li { padding: 0 15px; display: flex; align-items: center; justify-content: center; height: 60px;}
.tech-section .tech-row img{ display: block; margin: 0 auto; max-height: 55px; filter: grayscale(100); transition: all 0.2s ease-in-out; opacity: 0.3;}
.tech-section .tech-row ul li:hover img{ filter: grayscale(0); opacity: 1; transition: all 0.2s ease-in-out;}
.hover\:pause:hover {animation-play-state:paused }

.latestcase{background: #F4F4F4;}
.caselist{ width: calc(100% + 20px); margin-left: -10px; display: flex; flex-wrap: wrap;}
.caselist .item{ width: 25%; padding: 0 10px;}
.caselist .item img{ width: 100%; height: 220px; border-radius: 15px; object-fit: cover; object-position: center; display: block; }
.caselist h4{ font-weight: 600; color: var(--blue); margin: 10px 0;}
.caselist .cased{ display: flex; width: 100%; justify-content: space-between;}
.caselist .cased div{ width: 50%;}
.caselist h5{ font-weight: 600; font-size: 18px; line-height: 1;}
.caselist p{ font-size: 12px; line-height: 1; margin: 8px 0 0;}




@keyframes slide_to_left {
	0% {
	  transform:translateX(0)
	}
	to {
	  transform:translateX(-50%)
	}
  }
  @keyframes slide_to_right {
	0% {
	  transform:translateX(-50%)
	}
	to {
	  transform:translateX(0)
	}
  }
/* Middle Sections */





/* Footer CSS */

.footertop{ width: 100%; display: flex; justify-content: space-between; margin-bottom: 60px; margin-top: 60px;}

.fleft{ width: 40%; background: var(--gryellow); border-radius: 15px; padding: 20px;}
.fleft .eml{ font-size: 22px; line-height: 28px; color: #000; font-weight: 500; display: flex; justify-content: center; align-items: center;}
.fleft .eml img, .fleft .fmb img{ width: 24px; margin-right: 10px;}
.fleft .eml:hover{ text-decoration: underline;}
.fleft .emb{ display: inline-block;}
.fleft .fmb{ display:inline-block; width: 100%; margin: 0 0 20px;}
.fleft .fmb a{ font-size: 22px; line-height: 28px; color: #000; font-weight: 500; display: flex; align-items: center; justify-content: center; background-color: #fff; box-shadow: 0 12px 20px #E2C326; border-radius: 5px; padding: 12px 20px;}
.fleft .fmb span{ display: inline-block;}
.fleft ul{ display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 20px; column-gap: 20px; padding-top: 30px;}
.fleft ul li{ width: 95px; height: 95px; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 50%; box-shadow: 0 6px 15px rgba(0,0,0,0.1);}
.fleft ul li img{ display: block; margin: 0 auto; max-width: 90%;}

.fleft h4{ font-size: 20px; line-height: 28px; color: var(--blue); font-weight: 600; margin: 25px 0 10px;}
.fleft h5{ font-size: 16px; line-height: 24px; font-weight: 500;;}



.fright{ width: 58%; background: #000; border-radius: 15px; padding: 20px;}
.fright h2{ color: #fff; text-transform: capitalize;}
.fright h2 strong{ color: var(--yellow);}

.ctform1 ul{ width: 100%; display: flex; row-gap: 20px; flex-wrap: wrap; justify-content: space-between; padding-top: 25px;}
.ctform1 ul li{ width: 48%;}
.ctform1 ul li.full{ width: 100%;}
.ctform1 .field{ width: 100%; height: 48px; border-bottom: 1px solid #8E8E8E; color: #fff; font-size: 16px; padding: 4px; background: transparent;}
.ctform1 .btn{ background: var(--yellow); border-radius: 13px; color: #000; min-width: 170px;}
.ctform1 .btn:hover{ background: var(--blue); color: #fff;}

.ctform1 .field option{ background: transparent; color: #000; padding: 4px;}
.ctform1 .field::-webkit-input-placeholder {color: #fff;}
.ctform1 .field::-moz-placeholder { color: #fff;}
.ctform1 select.field{ background-image: url(../images/angle-down-solid.svg); background-repeat: no-repeat; background-size: 15px; background-position: 100% 50%;}



.fstats{ width: 100%; border-radius: 30px; padding: 30px 30px 80px; text-align: center; background: #000; display: flex; justify-content: center;}
.fstats .item{ width: 22%;}
.fstats h3{ font-weight: 700; font-size: 40px; line-height: 1; color: var(--yellow);}
.fstats h4{ color: #fff; font-size: 18px; line-height: 1.3; margin-top: 10px; font-weight: 500; margin: 8px 0 0;}

.letsgrow{ width: 70%; margin: 0 auto; margin-top: -50px; position: relative; z-index: 1; background:linear-gradient(90deg, #3D93EE 0%, #42B4FF 100%); text-align: center; padding: 40px; border-radius: 30px; }
.letsgrow h2{ color: #fff;}
.letsgrow h2 strong{ color: var(--yellow);}

.growform{ width: 40%; display: flex; margin: 0 auto; margin-top: 20px;}
.growform .field{ min-width: 60%; background: #fff; border-radius: 15px; height: 56px; padding: 0 15px; font-size: 16px; line-height: 1;}
.growform .btn{ width: 100%; border-radius: 15px; background: var(--yellow);  color: #000; margin-left: 10px;}
.growform .btn:hover{ background: #000; color: #fff;}



.footermain{ width: 100%; background: #000; padding: 40px 0 0; margin-top: 40px;}
.copytext{ width: 100%; text-align: center; padding: 16px 0; border-top: 1px solid #474747; font-size: 14px; line-height: 18px; color: #959595; }
.flogos{ width: 100%; padding: 20px 0; display: flex; align-items: center; justify-content: center;}
.flogos .item{ padding: 0 20px;}
.flogos .item img{ display: block; margin: 0 auto;}
.fnav2{ width: 100%; padding: 10px 0;}
.fnav2 ul{ width: 100%; display: flex; justify-content: space-between; padding:0 100px;}
.fnav2 ul li{ font-size: 16px; line-height: 20px; font-weight: 700;}
.fnav2 ul li a{ color: #fff;}
.fnav2 ul li a:hover{ color: var(--blue);}

.frow1{ width: 100%; display: flex; justify-content: space-between; margin: 0 0 50px;}
.frow1 .fcol{ width: 20%;}
.footermain h4{ font-size: 16px; line-height: 22px; font-weight: 700; color: #fff; margin: 0 0 10px;}
.fnav li{ width: 100%; display: block; margin: 5px 0 0;}
.fnav li a{ font-size: 14px; color: #A6A6A6;}
.fnav li a:hover{ color: var(--blue);}

.frow2{ width: 100%; display: flex; justify-content: space-between; margin: 0 0 30px;}
.frow2 .fcol{ width: 35%;}
.frow2 .fcol3{ width: 25%;}
.frow2 .fcol2{ width: 40%;}

.fcol2 ul{ width: 50%; float: left;}
.fcol1 ul{ padding-top: 1px; max-width: 75%;}
.fcol1 ul li span{ display: block; font-size: 12px; color: #A6A6A6!important;}
.fcol1 ul li{ margin: 0; padding: 5px 0; border-bottom: 1px solid #777;}

.crtficatelogo{ margin-top: 30px;}


.addrs{ width: 100%; margin: 0 0 50px; padding-top: 1px;}
.addrs li{ width: 100%; margin: 5px 0 0; display: flex; align-items: center; font-size: 14px; line-height: 24px; color: #A6A6A6;}
.addrs li a{ color: #A6A6A6;}
.addrs li i{ width: 35px; padding-right: 15px;}
.addrs li img{ display: block;max-width: 25px;}
.addrs li a:hover{ color: var(--blue);}

.nav2{ width: 100%; display: flex; column-gap: 90px;}
.nav2 li{ font-size: 16px; line-height: 20px; font-weight: 700;}
.nav2 li a{ color: #fff;}
.nav2 li a:hover{ color: var(--blue);}

.socailm{ width: 100%; display: flex; column-gap: 15px; margin-top: 40px;}
.socailm a{ display: flex; width: 40px; height: 40px; border-radius: 50%; background: #fff; align-items: center; justify-content: center;}
.socailm a img{ display: block; width: 18px; height: 18px; margin: 0 auto;}
.socailm a:hover{ background-color: var(--yellow);}


/* Footer CSS */



/* Service Page CSS */
.globalspace p{ margin: 15px 0 0;}

.breadcrumb{ width: 100%; padding: 10px 0;}
.breadcrumb ul{ display: flex; align-items: center;}
.breadcrumb ul li{ font-size: 14px; color: #707070; font-weight: 500; line-height: 20px;}
.breadcrumb ul li a{ color: #000;  opacity: 0.85;}
.breadcrumb ul li::after{ content: ''; display: inline-block; margin: 0 6px; width: 11px; height: 11px; opacity: 0.85; background: url(../images/angle-down.svg) no-repeat; background-size: 100%; transform: rotate(-90deg);}
.breadcrumb ul li:last-child:after{ display: none;}
.breadcrumb ul li a:hover{ color: var(--blue);}

.srvcbanner{ width: 100%; position: relative; padding: 60px 0 80px;}
.sbnrleft{ width: 50%; padding-right: 20px;}
.sbnrright{ width: 50%; padding-left: 20px;}

.clutcBox{ position: relative; width: 390px; border: 1px solid #959595; box-shadow: 0 8px 25px rgba(0,0,0,.18); border-radius: 27px; padding: 25px 20px; margin: 50px 0;}
.clutcBox p{ color: #000000; margin: 0 0 15px;padding-right: 50px;}
.clutcBox h4{ padding:5px 0 10px 40px; margin: 0 0 10px; position: relative; font-size: 16px; font-weight:600; border-bottom: 1px solid #959595; background: linear-gradient(90deg, #0072EA 0%, #B640FF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.clutcBox h4::before{ content: ''; position: absolute; top: 0px; left: 0; width: 28px; height: 30px; background: url(../images/clutch-icon.png) no-repeat; background-size: 100%;}

.clutcBox h6{ margin: 10px 0 0; font-size: 13px; color: #6A6A6A; font-weight: 400; padding-left: 95px; background: url(../images/stars2.svg) no-repeat left center; background-size: 85px;}

.forbesimg{ width: 100%; display: flex; align-items: center; margin: 25px 0;}
.forbesimg img{ display: block; max-height: 60px; padding-right: 10px; margin-right: 15px; border-right: 1px solid #0072EA;}


.sbnrleft .btnwrap{ margin: 20px 0 0; display: flex; column-gap: 15px;}

.bestseosrvc{ background: var(--lightbg2);}
.bestseosrvc .dflex{ align-items: initial;}
.bestseosrvc .text{ width: 64%;}
.freeform{ width: 32%; border-radius: 30px; background: var(--yellow); padding: 25px; height: 100%;}
.freeform h3{ text-transform: capitalize;}

.ctform2{ width: 100%;}
.ctform2 ul{ width: 100%; display: flex; flex-direction: column;}
.ctform2 ul li{ width: 100%; margin: 15px 0 0;}
.iti{ width: 100%;}
.ctform2 .field{ width: 100%; height: 48px; background: #fff; border-radius: 13px; padding: 10px 15px; font-size: 16px; color: #949494; box-shadow: 0 12px 20px rgba(0,0,0,0.1);}
.ctform2 textarea.field{ resize: none; height: 88px;}
.ctform2 .btn{ border-radius: 13px;}
.ctform2 .btn:hover{ background: var(--black); color: var(--white);}

.keystats{ width: 100%; background: #000; border-radius: 30px; padding: 15px; margin: 20px 0 0;}
.keystats ul{ width: 100%; display: flex; text-align: center; align-items: center; justify-content: center;}
.keystats ul li{ width: 33.33%; padding: 10px; color: #fff;}
.keystats ul li strong{ display: block; color: var(--yellow); font-size: 40px;}

.proofof .text{ width: 28%; padding-right: 25px;}
.proofslider{ width: 68%; position: relative; padding:0;}
.proofslider .item{ width: 100%; padding: 0 10px;}
.proofslider .box{ width: 100%; background: #000; padding: 20px 15px; border-radius: 13px; color: #fff;}
.proofslider .slick-arrow{ display: none!important;}

.proofslider h3{ font-size: 22px; line-height: 1.2; margin: 0 0 5px; font-weight: 500;}
.proofslider h4{ font-size: 18px; line-height: 1.2; margin: 0 0 15px; color: var(--yellow); font-weight: 700;}
.proofslider p{ font-size: 14px; line-height: 1.4; margin: 10px 0;}
.proofslider p a{ display: inline-block; margin-left: 5px; text-decoration: underline; color: var(--yellow); font-weight: 500; text-underline-offset: 2px;}

.proofslider h5{ font-size: 18px; padding-top: 10px; margin-top: 15px; text-transform: uppercase; font-weight: 500;}
.proofslider table{ width: 100%; text-align: left; border-collapse: collapse;}
.proofslider table th{font-size: 14px; padding: 8px 0;}
.proofslider table td{font-size: 13px; padding: 6px 0; border-top: 1px solid rgba(194,194,194,0.2);}
.proofslider table th:nth-child(2), .proofslider table td:nth-child(2){ text-align: center;}
.proofslider .img{ width: 54px; height: 54px; border-radius: 50%; padding: 4px; background: #fff; display: block; margin: 0 0 10px;}
.proofslider .img img{ width: 46px; height: 46px; object-fit: cover; object-position: center; border-radius: 50%; }





.nomin .servicerow .item h4{ min-height: initial;}
.dmarketing.keyelements{ background: #fff; padding-bottom: 0;}
.keyelements .servicerow .item {width: calc(33.33% - 24px); border: 1px solid #BABABA; text-align: left; padding: 20px;}
.keyelements .servicerow .item h4{ min-height: initial;}
.keyelements .servicerow .item .icon{ background: var(--blue); width: 65px; height: 65px; border-radius: 50%;}
.keyelements .servicerow .item .icon img{ max-height: 35px;}
.keyelements .servicerow .item p{ text-align: justify;}

.testimonials{ width: 100%;}
.testimonials h2{ text-align: center; margin: 0 0 40px;}


.testmslider{ width: 100%; position: relative; padding: 0 15px;}
.testmslider .item{ width: 100%; padding: 0 15px;}
.testmslider .box{ border-radius: 13px; padding: 20px; background: #fff;}
.testmslider .head{ width: 100%; position: relative; padding-left: 64px; padding-top: 4px; padding-bottom: 4px;}
.testmslider .userimg{ width: 52px; height: 52px; border-radius: 50%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0;}
.testmslider .head h4 + img{ display: block; max-height: 20px; margin-top: 4px;}
.testmslider p{ font-size: 14px; line-height: 22px; margin: 15px 0 0;}

.appr_hero-stat-buble {position: absolute; width: 200px;height: 200px;text-align: center;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;z-index: 1;}
.appr_hero-stat-buble:nth-child(1){ right: 150px; top: -80px;}
.appr_hero-stat-buble:nth-child(2){right: -40px; top: 30px;}
.appr_hero-stat-buble:nth-child(3){right: 90px; top:200px;}

.appr_value{ font-weight: 700; font-size: 32px; line-height: 1;}
.appr_title{ font-size: 14px; text-transform: uppercase; margin: 5px;}
.appr_desc{ font-size: 13px; line-height: 1.1; margin: 5px;}
.appr_body {position: relative;width: 100%;height: 100%;transition: transform 0.8s;transform-style: preserve-3d;}
.appr_back p{ font-size: 13px; line-height: 1.6; margin: 0; font-weight: 500; color: #000;}

.appr_front {padding: 24px;position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #FFF;
	box-shadow: 0 2px 22px rgba(110,123,129,.2);
	overflow: hidden;
	background-color: #0072EA;		
}
.appr_hero-stat-buble:nth-child(2) .appr_front{ background-color: #C43D12;}
.appr_hero-stat-buble:nth-child(3) .appr_front{ background-color: #452DD9;}
.appr_back {
	padding: 24px;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #FFF;
	box-shadow: 0 2px 22px rgba(110,123,129,.2);
	overflow: hidden;
}
.appr_back {background-color: var(--yellow);transform: rotateY(180deg);}
.appr_hero-stat-buble:hover .appr_body {transform: rotateY(180deg);}


.serviceprice{ background: #FFFAE0;}
.pricerow{ width: 100%; display: flex; position: relative; padding: 0 100px;}
.pcolleft{ width: 52%; z-index: 1; margin-right: -2%; background: #fff;overflow: hidden; border-radius: 20px; box-shadow: 0 18px 225px rgba(163,163,163,00.25); padding-bottom: 100px;position: relative;}

.prchead{ width: 100%; text-align: center; background: linear-gradient(to right, #0072EA 0%, #884AF6 100%); padding: 15px 20px;}
.prchead h3{ text-transform: uppercase; color: #fff; font-weight: 600; font-size: 28px; line-height: 1.2;}
.prchead h5{ font-weight: 400; margin: 10px 0; color: #fff;}
.prchead strong{ font-size: 44px; font-weight: 600; color: var(--yellow); line-height: 1;}
.prchead strong sub{ font-weight: 400; font-size: 24px; line-height: 1; display: inline-block; vertical-align: middle;}
.pcolleft h4{ padding: 18px; color: #000; font-weight: 600;}
.prcdtl{ width: 100%; padding: 0 20px;}
.prcdtl .item{ width: 100%; padding: 12px 0; border-bottom: 1px dashed #A9A9AA;}
.prcdtl .item h5{ font-size: 16px; line-height: 1.4; font-weight: 600;  color: #000; margin: 5px 0;}
.prcdtl .item p{ font-size: 13px; line-height: 1.5; color: #010205; margin: 5px 0 0;}
.prcdtl .item:nth-child(1){ padding-top: 0;}




.pcolright{ width: 50%; background: #fff; border-radius: 20px; padding: 30px 90px 100px;position: relative;}
.pcolright h3{ font-weight: 600;}
.pricerow .btnwrap{ position: absolute; bottom: 25px; width: 100%; text-align: center; left: 0;}
.pcolright ul li{ width: 100%; display: block; margin:0 0 28px; padding-left: 30px; background: url(../images/bxs-check.svg) no-repeat left; background-position: 3px; background-size: 20px;}
.pcolright ul{ padding: 30px 0 0;}


.pricerow .btn{ min-width: 300px;}
.teamexp{ display: flex; align-items: center;}
.teamexp strong{ color: var(--blue); font-size: 62px; padding-right: 15px; font-weight: 700;}

/* Service Page CSS */


/* About Page CSS */
.pagebanner{ padding: 0;}
.pagebanner img{ width:100%; display: block; border-radius: 15px;}
.pagebanner .text{ padding-right: 25px; width: 50%;}
.pagebanner .img{ width: 50%; padding-left: 25px;}
.pagebanner p{ margin: 15px 0 0; text-align: justify; max-width: 80%;}

.about_sec1 .row{ width: 100%; display: flex; justify-content: center; border-right: 1px solid #e5e5e5;}
.about_sec1 .item{ width: 25%; padding: 20px 35px; border-left: 1px solid #e5e5e5;}
.about_sec1 .item h3{ margin-top: 50px; font-size: 48px; font-weight: 700;}
.about_sec1 .item p{ font-weight: 500;}

.divright{ width: 50%;  padding-left: 25px;}
.divleft{ width: 50%;  padding-right: 25px;}
.imgmain{ width: 100%; display: block; border-radius: 15px;}
.globalspace h2{ margin-bottom: 20px;}
.globalspace h3, .globalspace h4{ margin-bottom: 15px;}
.textjustify p{ text-align: justify;}

.about_sec3 .dflex{ align-items: initial;}
.about_sec3 h2{ max-width: 40%; width: 40%; padding-right: 30px;}
.about_sec3 .row{ width: 60%; padding-left: 30px;}
.about_sec3 .item{ width: 100%; padding: 30px 0; border-bottom: 1px solid #e5e5e5; display: flex; justify-content: space-between;}
.about_sec3 .item h4{ width: 45%; font-weight: 500;}
.about_sec3 .item p{ width: 45%;}
.about_sec3 .item:nth-child(1){ padding-top: 0;}
.about_sec3 .item:last-child{ border-bottom: 0; padding-bottom: 0;}

.wpseo{margin-bottom: 50px;}
.wpseo .center p{ text-align: center;}
.wpseo .center img{ display: block; margin: 0 auto; margin-top: 25px;}

.listdisc ul{ padding-left: 15px; margin: 15p 0;}
.listdisc ul li{ list-style: disc; list-style-position: outside; margin: 5px 0; padding-left: 4px;}


/* About Page CSS */

/* Contact Page CSS */
.ctrow2{ width: 100%; display: flex; justify-content: center;}
.ctrow2 .item{ width: 28%; position: relative; margin: 0 15px; border-radius: 15px; background: #fff; transition: all 0.3s ease-in-out; padding: 25px 20px;}
.ctrow2 .item:hover{ transform: translateY(-5px); box-shadow: 0 0 20px rgba(0,0,0,.12);transition: all 0.3s ease-in-out; }
.ctrow2 ul li a {color: var(--text);display: flex;align-items: center;font-weight: 500;}
.ctrow2 ul li{ margin-top: 15px;}
.ctrow2 ul li img{ margin-right: 10px;}
.ctrow2 ul li{ display: flex; column-gap: 5px;}
.ctrow2 h3{ width: 100%; margin-bottom: 30px; display: flex; align-items: center; font-weight: 600;}
.ctrow2 h3 span{ width: 54px; height: 54px; border-radius: 50%; margin-right: 15px; background: var(--yellow); display: flex; align-items: center; justify-content: center;}
.ctrow2 h3 span img{ display: block; margin: 0 auto; max-width: 25px; max-height: 25px;}
.ctrow2 ul li a:hover{ color: var(--blue);}


.contctsec1{background: var(--blue); margin-top: 40px;}
.ctnleft{width: 48%; color: #fff;}
.ctnleft h2{ color: #fff;}
.ctnleft p{ margin-top: 10px;}


.ctnright{width: 48%; background: #fff; border-radius: 40px; padding: 25px 42px 25px 42px; box-shadow: 0 10px 20px rgba(0,0,0,.12);}
.ctnright .ctform2 ul{ flex-direction: initial; flex-wrap: wrap; justify-content: space-between;}
.ctnright .ctform2 ul li{ width: 48.5%;}
.ctnright .ctform2 ul li.full{ width: 100%;}
.ctnright .ctform2 .formwrap .iti__country-list li{ width: 100%!important;}
.ctnright .ctform2 .field{ box-shadow: none; border: 1px solid #e5e5e5;}
.ctnright .ctform2 select.field {background-image: url(../images/angle-down.svg);background-repeat: no-repeat;background-size: 15px;background-position: calc(100% - 10px) 50%;}
p.ndanote{ margin-top: 5px;font-size: 12px; font-weight: 400;}
.ctnright h4{margin-top: 30px; font-size: 700;}
.ctnright .ctform2 .btn{ width: 100%; margin-top: 10px;}

.stepc{ margin-top: 50px;}
.stepc .itemc{ width: 100%; padding: 0 20px 40px 70px; position: relative;}
.stepc .itemc h4{ font-weight: 700;}
.stepc .itemc::before{ content: ''; position: absolute; top: 0; left: 25px; width: 2px; height: 100%; background: #1183FB;}
.stepc .itemc .num{ width: 48px;  height: 48px; position: absolute; top: 0;  left: 0; border-radius: 50%; background: #1183FB; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 24px;}
.stepc .itemc:last-child::before{ display: none;}

body ul.iti__country-list li{ width: 100%!important;}


.ctnleft h2 strong{ color: var(--yellow);}

.pagebanner .wfull{ width: 100%; text-align: center; padding: 40px 10% 0;}

.freewebleft h2{ margin-bottom: 10px;}
.freewebleft h4{ font-weight: 500; margin-bottom: 25px;}
.freewebleft h3{ color: var(--yellow); font-size: 32px;}
.freewebleft h3 a{ color: #000; text-decoration:underline;  text-underline-offset: 3px;}
.freewebleft ul{margin: 35px 0 0; padding-left: 15px;}
.freewebleft ul li{list-style: disc; margin: 5px 0; list-style-position: outside;}

.freewebrow{ flex-wrap: wrap; row-gap: 30px;}
.freewebrow .item{ border: 1px solid  #e5e5e5; text-align: center;}
.freewebrow .item h3{ flex-direction: column; justify-content: center; margin: 0 0 20px;}
.freewebrow .item h3 span{ margin: 0 auto 10px;}
.freewebrow .item h3 span{ width: 90px; height: 90px;}
.freewebrow .item h3 span img{ max-width: 45px; max-height: 45px;}

body.no-scroll {overflow: hidden!important; height: 100%;}
.homepopup {display: none; z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); justify-content: center; align-items: center;}
.popup-content {background-color:var(--yellow);border-radius: 15px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); position: relative; width: 94%; max-width:800px;}
.homepopup .close {position: absolute;top: 10px;right: 20px;font-size: 38px; line-height: 1; cursor: pointer; opacity: 0.6; transition: all 0.4s ease-in-out;}
.homepopup .close:hover{ opacity: 1; transition: all 0.4s ease-in-out;}
.popuprow{ width: 100%; display: flex; }
.popuprow .colleft{ width: 55%; padding: 40px; color: #000;  text-align: center;}
.popuprow .colright{ width: 45%; display: flex; justify-content: center;align-items: center; padding: 40px; background: url(../images/popupbg.svg) no-repeat; background-size: 110%; background-position: center center;}
.popuprow h4{ color: var(--blue); margin: 10px 0;}
.popuprow p{ margin: 10px 0;}
.popuprow .btn{ width: 100%; display: block;}
/* Contact Page CSS */


.centerBanner{ padding: 80px 0; text-align: center;}
.centerBanner h1{ font-size: 48px; line-height: 1.2;}
.centerBanner p{ margin-top: 15px; padding: 0 5%;}
.centerBanner .btnwrap{ width: 100%; margin-top: 30px;}
.centerBanner .btn{ margin: 0 20px;}

.bgwhite{ background: #fff!important;}
.dmarketing.bgwhite .servicerow .item{ background: var(--lightbg);}

.client_packages .center h2 strong{ font-weight: 600;}
.client_packages .center h4{ font-weight: 600; text-transform: uppercase;  margin: 15px 0 0;}

.tablewrap{ width: 100%; background-color: #f9f9f9; padding-bottom: 15px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); margin-top: 20px; transition: all 0.3s ease-in-out;}
.tablewrap:hover{ transform: translateY(-10px); transition: all 0.3s ease-in-out;}
.tablewrap table{ width: 100%; border-collapse: collapse; background: #fff;}
.tablewrap table th{ padding:10px; color: #fff; background: var(--blue); text-align: left; font-size: 14px; line-height: 1.4; font-weight: 600;}
.tablewrap table td{ padding:8px 10px; vertical-align: middle;  color: var(--text); text-align: left; width: 25%; font-size: 12px; line-height: 1.4; font-weight: 500;} 

.tablewrap table tbody tr:first-child td:first-child {width: 30%;text-align: center !important;}
.tablewrap table > tbody > tr:nth-of-type(2n+1) {background-color: #f9f9f9;}

.tablewrap table th:last-child, .tablewrap table td:last-child{ text-align: center;}
.tablewrap table th:nth-last-child(2), .tablewrap table td:nth-last-child(2){ text-align: center;}


.section-portfolio__filter { display: flex; align-items: center; justify-content: center;
	gap: 20px 40px;
	margin-bottom: 50px;
}
.section-portfolio__filter li {
	text-transform: capitalize;
	cursor: pointer;
	transition: all 0.5s ease;
	font-weight: 700;
	font-size: 22px;
	color: var(--text);
}
.section-portfolio__filter li.active{ color: var(--blue);}
.filter-layout{ width: 100%; display: flex; flex-wrap: wrap;}
.filter-layout .col{ width: 33.33%; padding: 15px;}
.study__col{ width: 100%; position: relative;}
.study__info{ position: absolute; bottom: 15px; width: calc(100% - 30px); left: 15px; background:var(--blue); border-radius: 18px; padding: 11px 23px 22px 23px;}
.study__info h4 a{ color: #fff;}
.study__info h4{ position: relative; padding: 0 0 10px; margin: 0 0 10px; font-weight: 600;}
.study__info p{ color: #fff;}
.study__info h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 25%; height: 2px; background: #fff; transition: all 0.3s ease-in-out;}

.study__image{ overflow: hidden; border-radius: 18px; width: 100%; background: var(--blue);}
.study__image img{ width: 100%; display: block; transition: all 0.3s ease-in-out;}
.filter-layout .col:hover .study__info h4::before{ width: 60%;transition: all 0.3s ease-in-out;}
.filter-layout .col:hover .study__image img{ opacity: 0.8; transition: all 0.3s ease-in-out; }

.case_details h1{ font-weight: 700;}



.case_details{ overflow: initial;}
.single__feature_img{  overflow: hidden; width: 100%; border-radius: 25px;}

.case_detail_row{ width: 100%; display: flex; position: relative; justify-content: space-between; padding-top: 30px;}
.case_detail_row .colleft{ width: 65%; position: relative;}
.case_detail_row .colright{ width: 30%; position: relative;}
.case_detail_row aside {border: 1px solid #e5e5e5;border-radius: 30px;padding: 30px; width: 100%; position: sticky; top: 0; overflow: hidden;}  

.case_detail_row .colleft h3{ margin: 20px 0 0; font-weight: 600;}
.case_detail_row .colleft p{ margin: 15px 0 0; text-align: justify;}
.case_detail_row .colleft ol, .case_detail_row .colleft ul{ padding-left: 15px; margin: 15px 0;}
.case_detail_row .colleft ul li{ list-style: disc; margin: 2px 0;}
.case_detail_row .colleft ol li{ list-style: decimal;}

.single__sidebar-item{ margin:20px 0 0;}
.single__sidebar-item:nth-child(1){ margin: 0;}
.single__sidebar-item h5{ margin: 0 0 5px; font-weight: 600;}

.defaultpage{ width: 100%;}
.defaultpage h1{ color: var(--black); text-align: center; font-weight: 800; margin: 0 0 30px;}
.defaultpage p{ margin: 15px 0 0; text-align: justify;}
.defaultpage h2{ margin: 20px 0;}
.defaultpage h3{ margin: 15px 0;}
.defaultpage h4{ margin: 15px 0;}
.defaultpage h5{ margin: 15px 0;}
.defaultpage h6{ margin: 15px 0;}
.defaultpage a{ color: var(--blue); text-decoration: underline; text-underline-offset: 2px;}
.defaultpage ol{ margin: 20px 0; padding-left: 15px;}
.defaultpage ul{ margin: 20px 0; padding-left: 15px;}
.defaultpage li{ margin: 2px 0; list-style: disc;  list-style-position: outside;}
.defaultpage ol li{ list-style: decimal;}


.clientreviewOn{ padding: 30px 0; text-align: center;}
.clientreviewOn img{ display: block; max-height: 80px; margin: 0 auto; margin-top: 10px;}
.clientreviewOn h3{ font-size: 30px; font-weight:600;}
.testm_section2 .clientreviewOn{ padding-top: 0;}
.fullimg img{ width: 100%; display: block; margin: 0 auto;}
.testm_section1 .fullimg img, .testm_section2 .fullimg img{ max-width: 1140px;}

.otherreviews h2{ text-align: center;}

.revewrow{ width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 30px; padding-top: 10px;}
.revewrow .item{ width: calc(50% - 15px); background: #fff; border-radius: 15px; padding: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.revewrow .item p{ text-align: justify; margin: 0 0 20px;}
.revewrow .item .rvflex div img{ display: block;  max-height: 18px;}
.revewrow .item div h6{ color: var(--text); font-size: 14px; font-weight: 400; margin: 3px 0 8px;}
.revewrow .item div h4{ font-size: 18px; color: var(--blue); font-weight: 600;}
.revewrow .item .rvflex{ display: flex; align-items: center; width: 100%; justify-content: space-between;}
.revewrow .item .rvflex div{ padding-left: 20px; width: 100%;}
.revewrow .item .thumb{ min-width: 60px;}
.revewrow .item .thumb img{ width: 60px; height: 60px; object-fit: cover; object-position: center; border-radius: 50%;}

.testmtop{ text-align: center;}
.testmtop h1{ font-weight: 700;}
.testmtop h3{ font-weight: 400; margin: 15px 0;}
.testmtop p{ margin: 15px 0;}
.testmtop .keystats{ background: transparent; margin-top: 50px;}
.testmtop .keystats li{ color:#555;}
.testmtop .keystats li label{ color: #000; display: block; font-weight: 500; padding-bottom: 15px;}
.testmtop .keystats li strong{ color: var(--blue); font-weight: 700;}


.thankyou_page{ text-align: center;}
.thankyou_page h2{ color: var(--blue);}
.thankyou_page p{ margin: 20px 0 0; font-size: 20px; line-height: 1.5;}
.thankyou_page a{ color: var(--blue); font-weight: 500;}
.thankyou_page a:hover{ text-decoration: underline; text-underline-offset: 2px;}

.error_page{ text-align: center;}
.text404{ font-size: 260px; letter-spacing: 2px; line-height: 1; font-weight: 700; padding: 40px 0;}
.text404 strong{ color: var(--blue); font-weight: 700;}

.forhealthcare .center h5, .newfnlpkg_compareinner .center h5{ color: var(--blue); margin: 0 0 10px; text-transform: uppercase;}
.newfnlpkg_datatable{ margin-top: 70px;}

#seo_pricing{ padding-top: 0;}
#seo_pricing .compare_less{ margin: 0 auto;}
.error-message{ font-size: 12px; color: #f00;}

.navigation_site ul{ width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 30px;}
.navigation_site ul li{ list-style: none; border: 1px solid #e5e5e5; width: calc(33.33% - 20px); font-size: 20px; font-weight: 700; padding: 20px; margin: 0;}
.navigation_site ul li a{ color: #0072EA; text-decoration: none;}
.navigation_site ul ul li a{ color: #000;}
.navigation_site ul li a:hover{ color: #00B2EA; text-decoration: underline;}
.navigation_site ul ul{ row-gap: 0; column-gap: 0; margin: 10px 0 0;}
.navigation_site ul ul li{ border: 0; font-size: 17px; font-weight: 500; width: 100%; padding: 0; margin: 5px 0;} 
.navigation_site ul ul ul li{ font-size: 15px; font-weight: 400;}

.homecenter_item{ text-align: center; padding: 10px 0;}
.homecenter_item a{ text-decoration: none;}
.footertop .iti__selected-dial-code{ color: #fff;}

.fixedwhtsp{ position: fixed; bottom: 10px; left: 10px; z-index: 99;}
.fixedwhtsp a{ width: 50px; height: 50px; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; background: #25d366; color: #fff; border-radius: 50%; font-size: 20px;}
.fixedwhtsp a img{ width: 32px; height: 32px; display: block; margin: 0 auto; transition: all 0.5s ease-in-out;}
.fixedwhtsp a:hover img{ transition: all 0.5s ease-in-out; transform: scale(0.85);}





/* Desktop Navigation */

@media(min-width:1241px){
.navigation ul li{ position: relative;}
.navigation ul ul.submenu{background: #fff;min-width: 250px;white-space: nowrap;position: absolute;top: 100%;left: -32px;z-index: 10;visibility: hidden;opacity: 0; transform: translateY(20px);border-radius: 5px;transition: all .3s ease-in-out; box-shadow: 8px 8px 30px 0 rgba(0,0,0,.12);}
.navigation ul li:hover > ul.submenu {visibility: visible;opacity: 1;transform: translateY(0);}
.navigation ul li ul.submenu ul.submenu {left: 100%;top: -25px;transition: all .35s ease-in-out;}
.navigation ul ul.submenu::after {content: "";position: absolute;height: 15px;width: 15px;top: -5px;left: 50px;opacity: 1;z-index: -1;background: #fff;border-radius: 2px;transform: rotate(45deg);}
.navigation ul ul.submenu::before {content: "";position: absolute;height: 12px;width: 100%;top: -12px;left: 0;}
.navigation ul li li {display: block;position: relative;margin: 0;padding: 0;}
.navigation ul li li a {font-size: 14px;line-height:26px;color: #1a1b1e;font-weight: 500;text-align: left;display: block;padding: 8px 20px;position: relative;border-bottom: 1px solid #f5f5f5;transition: all .3s linear;}
.navigation ul li li:last-child a{ border: 0;}
.navigation ul li li:hover>a{background: #f5f5f5;color: var(--blue);}


.navigation>ul>li.has-children>a::after{ content: ''; display: inline-block; position: relative; width: 12px; height: 12px; background: url(../images/angle-down-white.svg) no-repeat; background-size: 100%; margin-left: 6px;}
.navigation ul.submenu li a{ position: relative;}
.navigation ul.submenu>li.has-children>a::after{ content: ''; position: absolute; top: 15px; right: 10px; transform: rotate(-90deg); opacity: 0.85; width: 11px; height: 11px; background: url(../images/angle-down.svg) no-repeat; background-size: 100%; margin-left: 8px;}
.navigation ul li ul.submenu ul.submenu::after{ display: none;}

}
/* Desktop Navigation */


/* Responsive Start */
.processslider .slick-dots{ display: none!important;}
.mobilenav, .navigation .trigger, .mobiletnav{ display: none;}
.textbottom{ margin-top: 15px;}
.whydo .img img{ height: 100%; object-fit: cover; object-position: center;}
.seopackage_mobile{ display: none!important;}


@media(max-width:1400px){
	h1, .h1 {font-size: 32px;}
	h2, .h2 {font-size: 30px;}
	h3, .h3 {font-size: 20px;}
	h4 {font-size: 17px;}
	h5 {font-size: 16px;}
	body{ font-size: 14px;}

	.top-nav ul {padding-right: 30px;}
	.top-contact ul li a {font-size: 12px;}
	.fstats h3 {font-size: 30px;}
	.fstats h4 {font-size: 14px;}
	.letsgrow {padding: 20px;border-radius: 20px;}
	.fleft ul {row-gap: 10px;column-gap: 10px;padding-top:20px;justify-content: center;}
	.fleft ul li {width: 75px;height: 75px;}
	.fleft ul li img {max-height: 38px;}
	.caselist p {font-size: 11px;}
	.caselist h5 {font-size: 16px;}
	.caselist .item img {height: 180px;}
	.trustedLogos ul {column-gap: 40px;}
	.processslider{ padding: 0 30px;}
	.case_detail_row aside{ padding: 20px 15px;}





}



@media(max-width:1240px){
.container{ padding: 0 15px;}

.navigation{ display: none; width:100%; padding: 15px 0 0;}
.navigation ul:not(.submenu){ display: block;}
.navbar{ padding: 10px 0;}
.mobilenav{ display: flex; width: 26px; height: 26px; padding: 4px 0; margin-left: 15px; flex-direction: column; justify-content: space-between;cursor: pointer;}
.mobilenav i{ display: block; width: 100%;  height: 2px; background: #fff; border-radius: 8px;}

.navbar .container{ flex-wrap: wrap; position: relative; padding: 0;}
.navigation ul li a{ padding: 10px 15px;}
.navigation ul li{ position: relative; border-top: 1px solid  #fff;}

.navigation ul ul{ display: none;}
.call-sec{ position: absolute; top: 1px; right: 15px;}
.call-sec ul img {width: 24px;height: 24px;	}
.navigation .trigger{ position: absolute; display: flex; align-items: center; justify-content: center; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer;} 
.navigation .trigger::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; background: url(../images/angle-down-white.svg) no-repeat; background-size: 16px; background-position: center;}

.navigation ul ul li a{ padding-left: 25px; font-size: 14px;}
.navigation ul ul ul li a{ padding-left: 35px; font-size: 13px;}


.trusted_slider{ padding: 0 40px;}
.slick-arrow {width: 30px;height: 30px;left: 0px;background-size: 14px;}
.slick-next {right: 0px; left: auto!important;}
.trusted_slider .item {height: 100px;}
.trusted_slider .item img {max-height: 80px;max-width: 100%;}
.looktext ul a {font-size: 14px;line-height: 24px;}
.looktext ul {margin-top: 20px;column-gap: 20px;row-gap: 10px;}
.looktext {padding: 25px;}
.look_top {align-items: flex-end;}
.btnrm a {font-size: 13px;padding: 8px 12px;}
.fleft .fmb a, .fleft .eml {font-size: 18px;line-height: 26px;}
.centerBanner{ padding: 50px 0;}
.centerBanner h1 {font-size: 38px;}
.filter-layout .col {padding: 10px;}
.study__image {border-radius: 10px;}
.study__info {bottom: 10px;width: calc(100% - 20px);left: 10px;border-radius: 10px;padding: 10px;}

.testmslider .slick-prev{ left: -10px!important;}
.testmslider .slick-next{ right: -10px!important;}
.testmslider p {font-size: 13px;line-height: 20px;}

.navigation_site ul li {font-size: 16px;padding: 15px;}
.navigation_site ul ul li {font-size: 15px;margin: 3px 0;}
.navigation_site ul ul ul li {font-size: 14px;}
.defaultpage ul {padding-left: 10px;}
.navigation_site ul ul {margin: 5px 0 0;}

.appr_hero-stat-buble {width: 160px;height: 160px;}
.appr_hero-stat-buble:nth-child(2) {right: 5px;top: 35px;}
.appr_title {font-size: 12px;}
.appr_value {font-size: 24px;}
.appr_desc {font-size: 11px;line-height: 1.5;}
.appr_back p {font-size: 11px;line-height: 1.5;}

.clutcBox h4 {padding: 6px 0 12px 40px;font-size: 14px;}


.kplan {font-size: 12px;}
.fbk, .btype {font-size: 10px;}
.pkghead {font-size: 12px;}
.mpr {font-size: 14px;}
.btn {border-radius: 10px;line-height: 22px;font-size: 14px;min-width: 140px;}
.btype {padding: 5px 5px;}
.psticky.fixed {padding: 0 15px;}





}

@media(max-width:1080px){
	html, body{ overflow-x: hidden;}

.frow2{ flex-wrap: wrap;}
.frow2 .fcol1{width: 40%;}
.frow2 .fcol2{width: 60%;}
.frow2 .fcol3{ width: 100%; margin-top: 30px;}
.faqcol3 .faqtype2 h4 {padding: 11px 30px 11px 15px;font-size: 14px;border-radius: 8px;}
.faqcol3 .faqtype2 .answer {border-radius: 0 0 8px 8px;padding: 0 15px 15px;}
.faqcol3 .faqtype2 .answer p, .faqtype2 .answer p, .accordion .answer p {font-size: 13px;line-height: 20px;}
.faqtype2 h4 ,  .accordion h4{font-size: 14px;padding: 12px 30px 12px 0;}
.faqtype2 .answer, .accordion .answer{ padding: 0 12px 0 0;}
.faqtype2 h4::after, .accordion h4::after {top: 12px;}
.faqcol3 .faqtype2 h4::after {top: 10px;}
.processslider .slick-dots{ display: flex!important;}
.processslider .slick-arrow{ display: none!important;}
.tech-section .tech-row .tech-stack ul {min-width: 250%;}
.digiTabs .tabs a {font-size: 18px;}
.digiTabs .tabs {padding-right: 15px;}
.whydo .text ul li {font-size: 14px;}
.tbstyle1 .tabs {width: 35%;padding: 40px 10px 40px 10px;}
.tbstyle1 .tabs li a {font-size: 16px;height: 60px;padding: 20px;}
.tbstyle1 .tabs li.tactive a::before {width: 48px;height: 48px;background-size: 18px;}
.tbstyle1 .tcontentwrap {width: 70%;padding: 50px 20px 50px 60px;}
.teamrow h3{ font-size: 16px;}
.trustedLogos img {max-height: 80px;}
.pagebanner .text { padding: 10px 0;}
.breadcrumb ul li {font-size: 12px;}
.about_sec1 .item {padding: 15px;}
.about_sec1 .item h3 {margin-top: 20px;font-size: 28px;}
.processslider{ padding: 0;}
.section-portfolio__filter {gap: 20px;}
.section-portfolio__filter li {font-size: 18px;}
.pricerow {padding: 0;}










}



@media(max-width:979px){
section{ padding: 50px 0;}	
.popup-content {width: 94%;max-width: 94%;}
.popuprow .colleft {padding: 30px;}
.homepopup .close {top: 5px;right: 5px;font-size: 30px;}
.btn {min-width: 120px;border-radius: 8px;line-height: 22px;font-size: 14px;}
.top-contact{ display: none;}
.topbar .container{ padding: 0;}
.marq-sec::before{ display: none;}
.marq-sec{ width: 100%; padding: 5px 15px; height: initial; border-radius: 0;}
.flogos .item{ padding: 0 10px;}
.copytext {font-size: 13px;line-height: 16px;}
.fstats {border-radius: 15px; padding: 20px;}
.letsgrow {width: 100%;padding: 20px;border-radius: 15px; margin: 15px 0 0;}
.growform {width: 200px;}
.growform .btn{ margin: 0;border-radius: 8px;}
.fstats .item {width: 25%; padding: 0 10px;}
.fstats h3 {font-size: 24px;}
.fstats h4 {font-size: 13px;}
.center p {margin-top: 15px;}
.footertop {margin-bottom: 50px;margin-top: 50px; flex-wrap: wrap;}
.fleft{ width: 100%; padding: 20px 15px;}
.fright{ width: 100%; margin-top: 20px; padding: 20px 15px;}
.ctform1 .field {height: 44px;font-size: 14px;}
.ctform1 select.field {background-size: 12px;padding-right: 22px;}
.caselist .item {width: 50%;}
.caselist{ row-gap: 25px;}
.teamrow .thumb {width: 140px;height: 140px;}
.teamrow.big .thumb {width: 170px;height: 170px;}
.faqcol2 .col, .faqcol3 .col {width: 100%;}
.dflex{ flex-wrap: wrap;}
.faqcol3 .faqtype2 h4{ margin: 10px 0 0;}
.center {margin: 0 auto 30px;}
.stremrow .item {width: calc(50% - 16px)!important;}
.stremrow .item h4 {font-size: 17px;}
.tech-section .tech-row .tech-stack ul {min-width: 300%;}
.getstarted{ padding: 20px;}

.servicerow .item p {font-size: 13px;line-height: 20px;}
.servicerow .item {width: calc(50% - 24px);}
.trustedLogos ul {column-gap: 20px;}
.herosection{ padding: 50px 0;}
.looktext{ width: 100%; border-radius: 10px; padding: 20px 15px; text-align: center;}
.lookimg{ width: 100%; margin: 20px 0 0; display: none;}
.look_top{ flex-wrap: wrap;}
.looktext p {font-size: 14px;}
.looktext ul{ flex-wrap: wrap; justify-content: center}
.looktext ul a{ min-width: 185px;}
.top-digital .text-left{ width: 100%; padding: 0;}
.top-digital .image-right{ width: 100%; padding: 20px 0 0;}
.top-digital .image-right img{ display: block; margin: 10px auto;}

.ctnleft {width: 100%;}
.ctnright{ width: 100%;}
.ctnright{ padding: 20px 15px; border-radius: 10px; margin-top: 25px;}
.stepc{ margin-top: 30px;}
.ctrow2 .item {width: 100%;margin: 0;padding: 15px 10px;}
.ctrow2 h3 {margin-bottom: 30px;font-size: 16px;}
.ctrow2 h3 span {width: 42px;height: 42px;margin-right: 10px;}
.ctrow2 h3 span img {max-width: 20px;max-height: 20px;}
.contctsec2{ padding-bottom: 0;}
.latestcase.bgwhite{ padding-bottom: 0px;}

.stepc .itemc:last-child{ padding-bottom: 0!important;}

.freewebrow .item h3 span {width: 70px;height: 70px;}
.freewebrow .item h3 span img {max-width: 32px;max-height: 32px;}
.ctrow2.freewebrow .item{ width: calc(33.33% - 20px); margin: 0 10px;}
.freewebleft h3 {font-size: 22px;}
.text404 {font-size: 140px;padding: 30px 0;}
.error_page{ padding-bottom: 0;}
.filter-layout .col {width: 50%;}


.testmtop .keystats {margin-top: 30px;}
.keystats ul li strong {font-size: 34px;line-height: 1;}
.clientreviewOn img {max-height: 60px;}
.revewrow .item {width: calc(50% - 10px);}
.revewrow {column-gap: 20px; row-gap: 20px;}
.centerBanner p {padding: 0;}
.tablewrap table td {font-size: 11px;}
.tablewrap table th {font-size: 12px;vertical-align: middle;}
.testmslider{ padding: 0;}
.testmslider .item{ padding: 0 5px;}
.testmslider p{ min-height: 80px;}
.testmslider .slick-dots{ margin-top: 10px;}

.thankyou_page p {font-size: 15px;}
.section-portfolio__filter li {font-size: 16px;}

.sbnrleft{ width: 100%; padding: 0;}
.sbnrright{ width: 100%; padding: 20px 0 0; position: relative;}
.clutcBox{ width: 100%; margin: 0 0 20px; border-radius: 12px; padding: 15px;}
.appr_hero-stat-buble{ width: 100%; position: static; height: 110px;}
.appr_hero-stat{ width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.appr_front, .appr_back{ border-radius: 12px; padding: 15px;}
.srvcbanner{ padding: 40px 0; text-align: center;}
.sbnrleft .btnwrap {justify-content: center;}
.clutcBox h4::before {position: static;width: 20px;height: 24px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.clutcBox h6::before{ content: ''; display: inline-block; margin-right:8px; width: 70px; height: 12px; vertical-align: middle;background: url(../images/stars2.svg) no-repeat left center;background-size: 100%;}
.clutcBox h6{ padding: 0; background: none; font-size: 12px;}
.bestseosrvc .text{ width: 100%;}
.freeform{ width: 100%; margin-top: 30px; padding: 20px 15px; border-radius: 10px;}
.keystats{ border-radius: 10px; padding: 10px;}
.forbesimg img {max-height: 38px;margin-right: 10px;}
.getstarted{ border-radius: 10px;}
.proofof .text {width: 40%;}
.proofslider{ width: 60%;}
.servicerow .item{ border-radius: 10px;}
.keyelements .servicerow .item .icon {width: 58px;height: 58px;}
.keyelements .servicerow .item .icon img {max-height: 28px;}

.faqcol2 .col:nth-child(1){ border-bottom: 0;}
.keyelements .servicerow .item {width: calc(50% - 24px);}
.clutcBox p {padding-right: 0;}
.sbnrleft .btnwrap {column-gap: 10px;}
.forbesimg {font-size: 12px;line-height: 14px;}
.stremrow .item {border-radius: 10px;}
.stremrow .item h3 {border-radius: 10px 10px 0 0;}
.breadcrumb ul {flex-wrap: wrap;}
.breadcrumb ul li::after {margin: 0px 6px -2px 1px;width: 10px;height: 10px;}

.case_detail_row .colleft {width: 100%;}
.case_detail_row .colright{ width: 100%; margin-bottom: 40px; position: relative;}
.case_detail_row aside{ position: static;}
.case_detail_row{ flex-wrap: wrap; padding-top:0;}
.single__feature_img img{ width: 100%;}
.case_detail_row aside{ border-radius: 10px;}
.single__feature_img{ border-radius: 10px;}


.seopkgtable{ display: none!important;}
.seopackage_mobile{ display: block!important;}


}


@media(max-width:767px){
h1, .h1 {font-size: 28px;}
h2, .h2 {font-size: 26px;}
h3, .h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}
.herosection{ padding: 40px 0;}
.herosection .container{ flex-wrap: wrap;}
.herosection .heroleft{ width: 100%;}
.herosection .heroright{ width: 100%; margin-top: 30px;}
.hero_slider .text{ padding: 0 0 0 20px;}
.hero_slider .text h3{ margin-bottom: 5px;}
.hero_slider .text p{ font-size: 13px; margin: 5px 0 0; padding: 0;}
.hero_slider .slick-dots{ padding: 10px 0 0; position: static; width: 100%; display: flex; justify-content: center;}

.logo{ display: flex; align-items: center; min-height: 42px;}
.logo img {max-height: 50px;max-width: 130px;}
.top-nav{ width: 100%;}
.mobiletnav{ display: flex; width: 26px; height: 26px; padding: 4px 0; margin-left: 15px; flex-direction: column; justify-content: space-between;cursor: pointer;}
.mobiletnav i{ display: block; width: 100%;  height: 2px; background: var(--blue); border-radius: 8px;}
.main-header{position: relative;}
.main-header .container{flex-wrap: wrap;}
.top-nav ul{ padding: 20px 0 0; width: 100%; justify-content: center;}
.top-nav ul li{ margin: 0 15px; font-size: 14px;}
.top-nav .btn{ position: absolute; top: 0; right: 15px;}
.popuprow .colright{ display: none;}
.popuprow .colleft{ width: 100%; padding: 30px 20px 20px;}
.ctform2 .field {height: 44px;border-radius: 8px;padding: 10px 15px;font-size: 14px;}
.frow1{ flex-wrap: wrap; margin: 0;}
.frow1 .fcol, .frow2 .fcol1, .frow2 .fcol2{width: 100%;}
.fnav ul{ display: none; width: 100%; padding: 0 0 10px;}
.footermain h4{ margin: 0; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.15); font-size: 14px; position: relative; cursor: pointer;}
.footermain h4::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: url(../images/a-down.svg) no-repeat; background-size: 100%; background-position: center; width: 14px; height: 16px;}
.frow2 .fcol3 .nav2{ width: 100%; justify-content: center; column-gap: 45px;}
.socailm{ justify-content: center;margin-top: 20px;margin-top: 20px;column-gap: 10px;}
.flogos{ padding: 15px 0;}
.frow2 .fcol1{ order: 2;}
.frow2 .fcol2{ order: 1;}
.frow2 .fcol3{ order: 3;}
.frow2 .fcol3 h4{ border: 0; cursor: initial;}
.frow2 .fcol3 h4::before{ display: none;}
.crtficatelogo{ margin-top: 20px; text-align: center;}
.crtficatelogo img{ display: block; margin: 0 auto; max-height: 60px; width: auto;}
.frow1 .fnav:nth-child(1) h4{ border-top: 0;}
.footermain{ padding: 20px 0 0;}
.fcol1 ul {max-width: 100%; padding: 0 0 10px;}
.flogos .item {padding: 0 2px;}
.fnav2 ul {padding: 0;}
.frow2 {margin: 0 0 20px;}
.addrs {margin: 0 0 30px;}
.fixedwhtsp a img {width: 22px;height: 22px;}
.fixedwhtsp a {width: 40px;height: 40px;}
.fstats .item {width: 50%;}
.fstats {flex-wrap: wrap;row-gap: 25px;}
.ctform1 ul li {width: 100%;}
.ctform1 .btn{ min-width: 100%;}
.fleft .fmb a {font-size: 16px;line-height: 22px;padding: 10px 20px;}
.fleft .eml img, .fleft .fmb img {width: 20px;}
.fleft .eml {font-size: 16px;line-height: 22px;}
.fleft h4 {font-size: 16px;line-height: 22px;}
.fleft h5 {font-size: 14px;line-height: 22px;}
.fleft ul {justify-content: center;}
.caselist .item {width: 100%; padding: 0;}
.caselist{ row-gap: 25px; width: 100%; padding: 0;  margin: 0;}
.teamrow{ flex-wrap: wrap; row-gap: 20px;}
.teamrow .item {width: 50%;padding: 0 10px;}
.teamrow .thumb {width: 100px;height: 100px;}
.teamrow.big .thumb {width: 130px;height: 130px;}
.pt80 {padding-top: 50px;}
.stremrow{ width: 100%; margin: 0; row-gap: 20px;}
.stremrow .item {width: 100%!important;margin: 0;}
.stremrow .item h3 {font-size: 16px;}
.tech-section .tech-row .tech-stack ul {min-width: 400%;}
.servicerow .item p {font-size: 13px;line-height: 20px;}
.servicerow .item {width: 100%; margin: 0;}
.servicerow{ width: 100%; margin: 0;}
.trusted_slider .slick-slide {padding: 10px;}
.parterning{ flex-wrap: wrap;  margin: 50px 0 0;}
.parterning .img{ width: 100%;}
.parterning .accordion{ width: 100%; margin: 30px 0 0;}
.servicerow .item h4{ min-height: initial;}
.clientLogos{ padding-bottom: 20px;}
.parterning h2{ text-align: center;}
.parterning img{ display: block; margin: 0 auto;}
.trusted_slider {padding: 0 30px;}
.trustedBy{ padding-bottom: 20px;}
.tbstyle1{ flex-wrap: wrap;}
.tbstyle1 .tcontentwrap{ width: 100%; padding: 20px 15px; border-radius: 20px; right:0;}
.tbstyle1 .tabs{ width: 100%; display: flex; padding: 0 0 10px; overflow-x: scroll;}
.tbstyle1{ background: transparent; box-shadow: none; border-radius: 0; margin-top: 40px;}
.tbstyle1 .tabs li {white-space: nowrap; margin: 0 4px;}
.tbstyle1 .tabs li a{ color: #000;}
.tbstyle1 .tabs li.tactive a::before { display: none;}
.tbstyle1 .tabs li a {font-size: 14px;height: initial;padding: 10px;border-radius: 6px;}
.whydo .row{ flex-wrap: wrap;}
.whydo .img{ width: 100%;}
.whydo .text{ width: 100%; margin-top: 20px;}
.whydo .text ul li {padding: 5px 0 5px 30px; background-size: 18px; background-position: 0 7px;}
.searchends .center {margin-top: 50px;}
.digiTabs{ flex-wrap: wrap; margin: 30px 0 0;}
.digiTabs .tabs{ width: 100%;}
.digiTabs .tcontentwrap{ width: 100%;}
.digiTabs .row{ flex-wrap: wrap;}
.digiTabs .text{ width: 100%; padding: 0;}
.digiTabs .img{ width: 100%; padding: 0;  margin: 20px 0 0;}
.digiTabs .tabs a {font-size: 14px;}
.digiTabs .tabs{ display: flex; overflow-x: scroll; padding:0 0 10px;  margin: 0 0 20px;}
.digiTabs .tabs li{ margin: 0 5px; white-space: nowrap;} 
.getstarted{ border-radius: 10px;}
.getstarted.dflex .gtform{ min-width: 180px;}
.trustedLogos ul {row-gap: 15px; flex-wrap: wrap;}
.trustedLogos img {max-height: 70px;}
.trustedLogos{ padding-bottom: 30px;}
.pagebanner .text{ width: 100%; padding: 25px 0 0;}
.pagebanner .img{ width: 100%; padding: 25px 0 0;}
.pagebanner .img img{ display: block; margin: 0 auto;}
.about_sec1 .row{ width: 100%;}
.about_sec1 .row{ flex-wrap: wrap; border: 0; row-gap: 10px;}
.about_sec1 .item{ width: 100%; padding: 15px; border: 1px solid #e5e5e5; text-align: center;}
.about_sec1 .item h3{ margin-top: 10px;}
.divleft{ width: 100%; padding: 0;}
.divright{ width: 100%; padding: 25px 0 0;}
.about_sec3 h2{ width: 100%; max-width: 100%; padding: 0;}
.about_sec3 .row{ width: 100%; padding: 30px 0 0;}
.about_sec3 .item{ flex-wrap: wrap;}
.about_sec3 .item h4{ width: 100%;}
.about_sec3 .item p{ width: 100%; margin: 10px 0 0;}
.about_sec3 .item {padding: 20px 0;}
.about_sec3{ padding-bottom: 10px;}
.pagebanner p {max-width: 100%;}
.stepc .itemc {padding: 0 5px 30px 60px;}
.ctnright .ctform2 ul li {width: 100%;}
.ctform2 .btn {border-radius: 8px;}
.ctrow2{ flex-wrap: wrap; row-gap: 20px;}
.ctrow2 .item{ width: 100%;}
.ctrow2 h3{ margin-bottom: 20px; justify-content: center;}
.ctrow2 ul li {margin-top: 10px; justify-content: center;}
.ctrow2.freewebrow .item{ width: calc(50% - 20px); margin: 0 10px;}
.text404 {font-size: 120px;padding: 30px 0;}
.filter-layout .col {width: 100%;}
.defaultpage h1 {margin: 0 0 20px;}
.revewrow .item {width: 100%; padding: 20px 15px; border-radius: 10px;}
.revewrow .item .rvflex div img {max-height: 14px;}
.revewrow .item p {margin: 0 0 15px;}
.revewrow .item .rvflex div {padding-left: 15px;}
.revewrow .item div h6 {font-size: 12px;margin: 2px 0 6px;}
.revewrow .item div h4 {font-size: 16px;}
.tablewrap{ overflow-x: scroll; padding-bottom: 10px;}
.tablewrap table{ min-width: 600px;}
.tablewrap table tbody tr:first-child td:first-child {width: 20%;}
.testmslider .box {padding: 15px;}
.viewmore {margin-top: 30px;}
.testimonials h2 {margin: 0 0 30px;}
.centerBanner .btn {margin: 0 5px;}

.navigation_site ul li {width:100%;}
.defaultpage ul{ padding: 0;}
.defaultpage ul ul{ padding-left: 10px;}
.navigation_site ul li{ padding: 15px 10px;}
.navigation_site ul ul li {font-size: 14px;margin: 2px 0;}
.navigation_site ul ul ul li {font-size: 13px;}
.navigation_site ul {row-gap: 20px;column-gap: 20px;}
.section-portfolio__filter li {font-size: 15px; white-space: nowrap;}
.section-portfolio__filter {gap: 10px 20px;margin-bottom: 30px;flex-wrap: wrap;}
.keyelements .servicerow .item {width:100%; padding: 15px;}
.servicerow{ width: 100%; margin: 0; row-gap: 15px;}
.proofof .text{ width: 100%; text-align: center; padding: 0 0 20px;}
.proofslider{ width: 100%;}
.proofslider .item{ padding: 0 1px;}
.proofslider .box{ padding: 15px 10px; border-radius: 10px;}
.proofslider table th {font-size: 12px;}
.proofslider table td{ font-size: 12px;}
.proofslider h5{ font-size: 16px;}
.proofslider p{ font-size: 13px;}
.proofslider h3{ font-size: 18px;}
.proofslider h4{ font-size: 16px;}
.proofslider .img img {width: 38px;height: 38px;}
.proofslider .img {width: 46px;height: 46px;}
.proofof .container{ padding-bottom: 80px;}
.proofof .btn{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;width: 220px;}
.keystats ul li strong {font-size: 20px; padding-bottom: 5px;}
.keystats ul li {font-size: 12px;line-height: 14px;}
.ctform2 .btn {width: 100%;}
.proofof{ padding-bottom: 10px;}
.footertop{margin-top: 30px;}
.topreason{ padding-bottom: 30px;}
.addrs li{ justify-content: center;}
.frow2 .fcol3{ text-align: center;}
.addrs li i {padding-right: 10px;width: 30px;}
.wpseo {margin-bottom: 0;}
.pricerow{ flex-wrap: wrap;}
.pcolleft{ width: 100%; padding-bottom: 20px; border-radius: 10px;}
.pcolright{ width: 100%; margin-top: 20px; padding: 20px 15px; border-radius: 10px;} 
.prcdtl {padding: 0 15px;}
.pcolright ul li {margin: 0 0 10px;}
.pcolright ul {padding: 20px 0 0;}
.centerBanner h1 {font-size: 28px;}
.pricerow .btn{ width: 100%; min-width: 100%;}
.pricerow .btnwrap {position: static;padding: 0; margin-top: 25px;}
.pcolleft .btnwrap{ padding: 0 15px;}
.pcolleft h4{ padding: 15px;}
.prchead h3 {font-size: 22px;}
.prchead strong {font-size: 32px;}


















}

@media(max-width:479px){
.fnav2 ul li, .nav2 li {font-size: 12px;line-height: 18px;}
.socailm a img {width: 15px;height: 15px;}
.socailm a {width: 34px;height: 34px;}
.fstats .item {width:100%;}
.tech-section .tech-row .tech-stack ul {min-width: 600%;}
.ctrow2.freewebrow .item{ width:100%; margin: 0;}



}

/* Responsive End */