@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* width */
.vertical-caro-wrap::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.vertical-caro-wrap::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.vertical-caro-wrap::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.vertical-caro-wrap::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.main_Form .wpcf7-submit {
    color: #fff;
    height: 100%;
    border: 0;
    border-radius: 4px;
    padding: 12px 24px;
    text-decoration: none;
    background-color: #d52839;
    font-size: 16px;
    font-weight: 400;}
.main_Form {padding: 0; margin-top: 20px;}
.main_Form .input_fields {margin-bottom: 15px;}
.input_fields p {margin-bottom: 7px;}
.input_fields p:nth-child(1) {color: #000000; font-weight: 400; font-size: 16px;}
.input_fields input {width: 100%; height: 40px; border-radius: 4px; border: 1px solid #8F8F8F; padding: 0 10px;}
.input_fields input::placeholder {color: #8F8F8F; font-size: 16px;}
.input_fields_submit {}
.areafield textarea {width: 100%; height: 90px; border-radius: 4px; border: 1px solid #8F8F8F; padding: 5px 10px;}
.areafield textarea::placeholder {color: #8F8F8F; font-size: 16px;}

.mainform {padding-left: 40px;}
.innerblockservice {padding: 0 40px;}
.globalTab {display: flex; flex-flow: wrap; text-align: center; gap: 10px;}
.globalTab a { font-size: 16px; font-weight: 400; text-align: center; padding: 8px 16px; 
    display: flex; text-align: center; border-radius: 100px; 
    color: #fff;  text-decoration: none;}
.fillTab a {border: 1px solid #d52839; background: #d52839; color: #fff; width: 32%; justify-content: center;
    display: flex; align-items: center;}
.fillTab a:hover {background: #f11d32;}

.notationarrow {float:right; margin-right: -70px;}
.unfill_btn { background: transparent!important; font-weight: 300!important;}

.box60_40 {display: flex; align-items: center; column-gap: 30px;}
.verticleLine {margin-left: 1px solid #ccc;}
.countryBlock {padding: 0;}
.unfilltab {padding: 0;}
.unfilltab ul {list-style: none;display: flex; flex-flow: wrap; text-align: center; gap: 10px;padding-left: 0;}
.unfilltab li {color: #444;
    border: 1px solid #d0d0d0;
    background: #efefef;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 8px 16px;
    display: flex;
	min-width: 162px;
    justify-content: center;
    text-align: center;
    border-radius: 100px;
}
.unfilltab {display: flex; flex-flow: wrap; text-align: center; gap: 10px;}
.unfilltab a {color: #444;
    border: 1px solid #d0d0d0;
    background: #efefef;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 8px 16px;
    display: flex;
    min-width: 162px;
    justify-content: center;
    text-align: center;
    border-radius: 100px;
    text-decoration: none;
}

.whatsapp-ico{fill: white; width: 50px; height: 50px; padding: 3px; background-color: #4dc247; border-radius: 50%; box-shadow: 2px 2px 6px rgba(0,0,0,0.4); position: fixed; bottom: 20px; right : 20px; z-index: 10;}
.whatsapp-ico:hover{box-shadow: 2px 2px 11px rgba(0,0,0,0.7);}
.unfilltab a:hover {background: #e4e4e4;}

	.drop-down-list:hover .drop-small-menu {
    display: block;
}
.drop-small-menu {
    position: absolute;
    padding-top: 20px;
    z-index: 999;
    display: none;
    min-width: 160px;
}
.drop-small-menu ul {
	display: block;
    padding: 20px;
    background: #d52839;
    list-style: none;
    border-radius: 5px;
}
.drop-small-menu ul li {
        padding: 5px 0px;
}
.drop-small-menu ul li a {
    font-weight: 400;
    color: #f1f1f1;
}
.drop-small-menu ul li a:hover {
    color: #fff;
}
.dark-menu .drop-small-menu ul {background: #10a37f;}
.dark-menu .drop-small-menu ul li a {color: #fff !important;}
.dark-menu .drop-small-menu ul li a:hover {color:#FFD47E !important;}


.featured_image img {width:100%;}

.borderForm {border:3px solid #d52839; border-radius:6px; padding-left: 0px; margin-top: 5px;}
.borderForm .wpcf7 {padding: 20px; padding-top: 0px;}
.borderForm h3 {color: #fff; background: #d52839; padding: 10px 20px; font-size: 24px;}
.borderForm .main_Form .wpcf7-submit {width:100%;}
.borderForm .formdesc {text-align:center; padding-top:10px; color:#505050;}
.cityIndustryBlock {margin-bottom:80px;}

body
{
	background-color:#fff8f3;
	font-family: "Poppins", sans-serif;	
}
.mobisubmenu {margin-left: 40px;}
.mobisubmenu a {display: block;}
.nav.flex-column {margin-top:30px;}
#bigroler1 {
    animation-duration: 25s;
    animation-name: rotateclock;
    top: 100px;
    left: 300px;
}
#bigroler2 {
    animation-duration: 15s;
    animation-name: rotateclock;
    top: 225px;
    left: 110px;
}
#bigroler3 {
    animation-duration: 20s;
    animation-name: rotateanti;
    top: 300px;
    left: 190px;
}
#bigroler4 {
    animation-duration: 20s;
    animation-name: rotateanti;
    top: 330px;
    left: 490px;
}
#bigroler5 {
    animation-duration: 20s;
    animation-name: rotateclock;
    top: 280px;
    left: 725px;
}
#bigroler6 {
    animation-duration: 20s;
    animation-name: rotateanti;
    top: 200px;
    left: 590px;
	opacity: 0.3;
}
.retation {    
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    opacity: 0.1;
}
@keyframes rotateclock{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}
@keyframes rotateanti{
    from{ transform: rotate(360deg); }
    to{ transform: rotate(-360deg); }
}
.faq-ques {
	animation-iteration-count: infinite;
    animation-timing-function: linear;
	animation-duration: 15s;
    animation-name: rotateclock1;
    transform: translate(-50%, -50%);
}
@keyframes rotateclock1{
    from{ transform: scale(0); }
    to{ transform: scale(1); }
}

.dshow
{
	display:block;
}

.mshow
{
	display:none;	
}

p
{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;	
}

.common-title
{
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	text-align: justify;
    position: relative;	
}

.top-nav ul 
{
	list-style-type: none;
	display: flex;
	justify-content: flex-end;
	color: #fff;
}

.top-nav-wrap
{
	padding:4px 0;
    background-color: #d52839;
}

.top-nav a 
{
    color: #ffffff;
	text-decoration:none;
}

.top-nav ul 
{
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
    color: #fff;
    grid-column-gap: 16px;
	margin-bottom:0;
}

.top-nav ul li a 
{
    display: flex;
    grid-column-gap: 8px;
    align-items: center;
}

.navigation-wrap 
{
    background-color: #082739;
}

nav 
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 0;
}

nav ul 
{
    display: flex;
    grid-column-gap: 40px;
    margin-bottom: 0;
}

nav ul li a 
{
	color: #fff;
    text-decoration: none;
    align-items: center;
    font-size: 16px;
    font-weight:400;
	position:relative;
}

nav ul li a.active 
{
    font-weight:500;
}

nav ul li a.active:before 
{
    content: '';
    width: 28px;
    height: 3px;
    position: absolute;
    background-color: #d52839;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
}

.free-website-audit 
{
	color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 12px 24px;
    text-decoration: none;
    background-color: #d52839;
    font-size: 16px;
    font-weight: 400;
}

.logo-navig-cover 
{
    display: flex;
    align-items: center;
}

.logo-navig-cover ul 
{
	padding-left:25px;
    list-style-type: none;
}
.home .hero-content-wrap {grid-template-columns: 52% 43%;}
.hero-content-wrap 
{
    display: grid;
    /* grid-template-columns: 39% 56.9%; */
    grid-template-columns: 63% 32%;
    grid-column-gap: 55px;
}

.hero-content-para 
{
	overflow-y: scroll;
    padding-right: 10px;
    height: 324px;
}

.hero-content-para::-webkit-scrollbar 
{
  width:0px;
}

/* Track */
::-webkit-scrollbar-track 
{
  background:#c1c1c1; 
}
 
::-webkit-scrollbar-thumb 
{
  background: #888; 
}


.hero-banner-content 
{
    position: relative;
    padding:50px 0 120px;
    background-color: #fff;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;	
}

.hero-banner-left h1 
{
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    color: #d52839;
    margin-bottom: 16px;
	display: flex;
    flex-direction: column;	
}

span.black-color 
{
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
    color: #000000;
}

span.blue-color
{
	color: #d52839;
	font-weight: 600;	
}

span.hero-subhead 
{
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    display: inline-block;
    margin-bottom: 37px;
    color: #082739;
}
h2.hero-subhead 
{
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    display: inline-block;
    margin-bottom: 37px;
    color: #082739;
}
.mediaSection {text-align:center;}
.cityIndustryBlock h3 {color: #d52839; margin-bottom:30px; margin-top:20px; padding-right: 120px;}

.hero-content-para p 
{
    font-family: Poppins;
    margin-bottom: 30px;
    color: #2B2B2B;
}

.hero-content-para p:last-child 
{
    margin-bottom: 0;
}

.hero-banner-right
{
	position: absolute;
    top: 67px;
    right: 140px;
    width: 490px;
}

.hero-box 
{
    width: 200px;
    height: 129px;
    padding: 16px 40px;
    border: 1px solid #D7E4FF;
    border-radius: 8px;
    background-color: #F3F6FD;
    color: #000000;
	box-shadow: 0px 4px 20px 0px #00000014;
}

.box-cover 
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 115px;
}

.hero-banner-right .box-cover:first-child 
{
    padding: 0 16px;
}

.hero-banner-right .box-cover:last-child 
{
    justify-content: center;
}

.hero-banner-right .box-cover:first-child .hero-box:first-child
{
	margin-top:9px;
}

.hero-banner-right .box-cover:nth-of-type(2) .hero-box:first-child
{
	margin-top:12px;
}

.hero-banner-right .box-cover:nth-of-type(2)
{
	margin-bottom:39px;
}

.hero-banner-right .box-cover:nth-of-type(3) 
{
    justify-content: center;
}

.hero-banner-right .speaker 
{
    position: absolute;
    top: -3px;
    right: 28px;
    z-index: 0;
    width: 100%;
    transform: scale(1.2);
}

.whyChoose-section 
{
    padding: 80px 0;
}

.whyChoose-section .common-title 
{
    margin-bottom: 50px;
    position: relative;
}

.common-title:before 
{
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 72px;
    height: 12px;
    display: block;
    background-color: #d52839;
}

.digital-wrapper
{
    padding:40px 0 60px;
	border-radius: 40px;
    background-color: #fff;
}

.digital-wrapper h3 
{
	margin-left: 40px;
}

.caro-box 
{
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #E1E1E1;
    display: flex;
    flex-direction: column;
    grid-row-gap: 12px;
}

.caro-box img 
{
    width: 24px !important;
}

.caro-box span 
{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: justify;
    color: #082739;
}

.caro-box p 
{
    margin-bottom: 0;
}

.caro-box a 
{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #d52839;
    text-decoration: none;
}

section.digitalserv-section 
{
    margin-bottom: 40px;
}

.readygrow-wrap 
{
    padding:40px 80px;
    border-radius: 16px;
    background-color: #082739;
}

.readygrow-wrap h2 
{
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
	margin-bottom:16px;
}
.readygrow-wrap h3 
{
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
	margin-bottom:16px;
}

.readygrow-wrap h2 span 
{
    color: #d52839;
}
.readygrow-wrap h3 span 
{
    color: #d52839;
}

.readygrow-wrap p
{
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: #fff;
    margin-bottom: 24px;
}
.readygrow-wrap h4
{
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: #fff;
    margin-bottom: 24px;
}

.callus 
{
    color: #fff;
    display: flex;
    justify-content: flex-end;
    grid-column-gap: 16px;
    align-items: center;
}

.callus a 
{
	font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    padding: 16px 24px;
    background-color: #d52839;
    border:1px solid #d52839;
    border-radius: 8px;
    text-decoration: none;
}

.readytogrow-section
{
    position: relative;
}

.readygrow-wrap
{
	position:relative;
}

.cls-zindex
{
	position:relative;
	z-index:999;
}

.readygrow-wrap .arrow-fly 
{
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 000.08;
}

.whatdoes-grid 
{
	display: grid;
    grid-template-columns: 55% 43%;
    grid-column-gap: 25px;
	position:relative;
}

.whatdoes-sellinfotech 
{
    padding: 80px 0;
}

.mb44
{
	margin-bottom:44px;
}

.vertical-caro-wrap 
{
    display: flex;
    flex-direction: column;
    grid-row-gap: 24px;
	overflow-y: scroll;
    padding-right: 10px;
    height: 600px;
}

.vertical-caro-box 
{
	display: flex;
  /*  display: -webkit-box;*/
    background-color: #fff;
    border-radius: 8px;
    grid-column-gap: 16px;
}

.vc-content p 
{
	margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.hero-box 
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.boxTxtbold 
{
    font-family: Poppins;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    color: #082739;
}

.boxTxtLight 
{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #000000;
}

.vc-img {
    width: 90px;
    background-color: #d52839;
    display: flex;
    justify-content: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.vc-img img {
    width: 58px;
}

.vc-content 
{
    width: 84%;
    padding: 16px 0;
}

.vc-content span {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #082739;
    display: inline-block;
    margin-bottom: 8px;
}

.vertical-caro-wrap .vertical-caro-box:nth-child(even)
{
    display: flex;
    flex-direction: row-reverse;
    padding-left: 16px;	
}

.vertical-caro-wrap .vertical-caro-box:nth-child(even) .vc-img
{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.whatdoes-para p 
{
    margin-bottom: 30px;
}

.whatdoes-grid .ques 
{
    position: absolute;
    top: -100px;
    left: -90px;
}

.seokitwrap 
{
    padding: 40px;
    border-radius: 40px;
    background-color: #fff;
    position: relative;
}

.seokitwrap p {
    margin-bottom: 24px;
}

.seologo-wrap {
    display: flex;
    grid-column-gap: 24px;
}

.seologobox {
    width: 152px;
    height: 152px;
    background-color: #fff;
    box-shadow: 0px 2.24px 11.2px 0px #00000014;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 14px;
}

.seologobox img 
{
    width: 100%;
}

.seologo-wrap .seologobox:nth-child(even) 
{
    margin-top: 70px;
}

.seokitwrap .seosetting 
{
    position: absolute;
    top: 0;
    right: 0;
}

.seokit-section 
{
    margin-bottom: 40px;
}

.seoprocess-img img 
{
    width: 100%;
}

section.seokit-section 
{
    margin-bottom: 40px;
}

.seoprocess-img img 
{
    width: 100%;
}

.seoprocesswrap .cog 
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.1;
}

.seoprocesswrap 
{
    position: relative;
}

.seoprocesswrap .cog img 
{
    width: 100%;
}

.faqwrap
{
    padding: 40px;
    border-radius: 40px;
    background-color: #fff;
    position: relative;	
}

.faqwrap .faq-ques 
{
    position: absolute;
    top: 20%;
    left: 0;
    transform: translateY(-50%);
}

#accordion 
{
    width: 60%;
    margin-left: auto;
    position: relative;
    z-index: 99;
}

#accordion .card 
{
    all: unset;
}

#accordion .card-header 
{
    all: unset;
    width: 100%;
	position:relative;
    display: flex;
    justify-content: space-between;	
}

#accordion .card-header div 
{
    margin-bottom: 0;
    padding: 0;
    line-height: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;	
}

#accordion .card-header label
{
	cursor: pointer;
    position: absolute;
    right: 0;
	pointer-events: none
}

#accordion .card-header a.btn,
#accordion .card-header a:active,
#accordion .card-header a:focus
{
    all: unset;
    border: unset;
    box-shadow: unset;
}

#accordion .card-body
{
    padding-left: 0;
    padding-bottom: 0;
}

#accordion .card-header a.btn
{
    cursor: pointer;
    width: 100%;
}

#accordion .card-header a span 
{
    pointer-events: none;
}

#accordion .card-header a.btn.collapsed + label 
{
	top: 22px;
    transform: rotate(0deg);
}

#accordion .card-header a.btn + label 
{
	top:0px;
    transform: rotate(45deg);
}

a.btn.collapsed
{
	padding-bottom: 15px !important;
	margin-top: 15px !important;
/*	margin-bottom: 24px !important;*/
    border-bottom: 1px solid #E3EDFF !important;
}

.collapse.show
{
    border-bottom: 1px solid #E3EDFF !important;	
}

section.seoprocess-section 
{
    margin-bottom: 85px;
}

.faq-section 
{
    margin-bottom: 80px;
}

.partnering-content a 
{
    display: flex;
    justify-content: center;
	cursor:pointer;
}

.partnering-content {
	padding: 16px;
    border-radius: 8px;
    border: 1px solid #D4D4D4;
    margin-bottom: 24px;
}


.partner-vert-tab-wrap 
{
    display: grid;
    grid-template-columns: 17% 83%;
}

.partner-vert-tab-wrap .tab {
    display: flex;
    flex-direction: column;
    grid-row-gap: 20px;
}

.tab button 
{
	display: block;
    padding: 16px;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    border: none;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    background-color: unset;
    color: #082739;
}

.tab button.active 
{
    color: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #082739;
}

.tabcontent 
{
    float: left;
    padding: 16px;
/*     background-color: #fff2e9; */
    border-top-left-radius:0;
    border-bottom-left-radius: 8px;	
    border-top-right-radius: 8px;	
    border-bottom-right-radius: 8px;	
}

.partnering-section 
{
	position: relative;
    padding-bottom: 50px;
}

.partnering-section .container 
{
    position: relative;
    z-index: 99;
}

.bottom-shape 
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

footer 
{
	padding: 40px;
    position: relative;
    background: #082739;
}

.footer-background 
{
    position: absolute;
    bottom: 0;
    right: 0;
	z-index: 1;	
}

.footer-links 
{
    display: flex;
    grid-column-gap: 118px;
}

.company-info 
{
    width: 29%;
}

.footer-navig {
	display: flex;
    border-bottom: 1px solid #fff;
    padding-bottom: 24px;
    grid-column-gap:150px;
    justify-content: space-between;
	position: relative;
    z-index: 10;	
}

.footer-navig ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #fff;
    text-decoration: none;
}

.footer-navig ul {
	display: flex;
    flex-direction: column;
    grid-row-gap: 16px;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.company-info h3 
{
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
	margin-bottom: 24px;
	width: fit-content;
}

.company-info ul li
{
	color:#fff;
}

.company-info ul li 
{
    display: flex;
    grid-column-gap: 8px;
    width:100%;
    align-items: flex-start;
}

.company-info ul li:last-child 
{
    display: flex;
    grid-column-gap: 16px;
    align-items: center;
}

.copyright-wrap 
{
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 24px;
	position: relative;
    z-index: 10;	
}

.partnering-content p 
{
/*     height: 147px; */
    overflow: hidden;
    transition: all .2s ease-in;
}

.partnering-content p.full-content 
{
    height:auto;
    transition: all .2s ease-in;
}

.two-caro-row {
    display: flex;
    flex-direction: column;
    grid-row-gap: 24px;
}

.company-info ul {
    display: flex;
    flex-direction: column;
    grid-row-gap: 24px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span 
{
    background: #d52839;
}

.owl-theme .owl-dots .owl-dot span 
{
    background: #D9D9D9;
}

.owl-theme .owl-dots .owl-dot span 
{
    width: 8px;
    height: 8px;
}

.owl-theme .owl-nav [class*=owl-]:hover 
{
    background: unset;
}

.owl-nav {
    position: relative;
    top: 26px;
}

.owl-nav button:first-child {
    left: -30px;
    position: relative;
}

.owl-nav button:last-child {
    position: relative;
    right: -30px;
}

.owl-nav button span img {
    width: 10px;
}

.owl-dots {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.owl-theme .owl-nav 
{
    margin-top: 0;
}


/* mobile menu design start */


.dineuron-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden;}
.nav-open .dineuron-menu {opacity: 1; visibility: visible; background: rgba(0, 0, 0, 0.92); }
.dineuron-menu .nav li a{color:#FFF; font-size: 5vh; font-weight:600; }
.dineuron-menu .nav li{
	opacity: 0;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
	-moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
	-o-animation-timing-function: cubic-bezier(.45,.005,0,1);
	animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.nav-open .dineuron-menu .nav li{
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform .2s,opacity .2s;
	transition: transform .2s,opacity .2s;
}
.dineuron-menu .nav li.delay-1{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.dineuron-menu .nav li.delay-2{-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.dineuron-menu .nav li.delay-3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.dineuron-menu .nav li.delay-4{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.dineuron-menu .nav li.delay-5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.dineuron-menu .nav li.delay-6{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.dineuron-menu .nav li.delay-7{-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
.dineuron-menu .nav li.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.dineuron-menu .nav li.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }

.nav-button {
	position: relative;
	z-index: 1111;
	display: block;
	 margin: unset !important;
		 position: relative;
	top: 6px;
}
.nav-open .nav-button {top:-70px;}
.nav-button #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#000;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}

.flex-center {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	/* -webkit-justify-content: center; */
	-ms-flex-pack: center;
	/* justify-content: center; */
	/* -webkit-box-align: center; */
	/* -webkit-align-items: center; */
	-ms-flex-align: center;
	/* align-items: center; */
	/* height: 100%; */
}

.desktop-show {
	display: none;
}

header.head-main {
	padding: 0;
	padding-bottom: 50px;
}

header.head-main .navbar {
	background-color: unset !important;
		display: block;
}

header.head-main .d-flex {
	align-items: center;
	justify-content: space-evenly;
}

.fixed-top.dineuron-menu {
	padding: 20px;
}

.fixed-top.dineuron-menu li a 
{
	font-size: 16px;
	font-weight: 400;
}

.fixed-top.dineuron-menu .flex-center 
{
    height: 100vh;
    align-items: start;
	overflow: scroll;
    padding-bottom: 30px;
}

.fixed-top.dineuron-menu li 
{
	margin-bottom: 0px;
}
.mobisubmenu a {font-size:14px; margin-bottom: 6px;}
.nav-open .nav-button #nav-icon3 span 
{
	background: #fff;
}

.mobile-show
{
	display:block;
}
.brand-logo img {
	width: 130px;
}
.head-main .fill-button {
	padding: 8px 15px;
	font-size: 12px;
}
.getStarted-Hamburgermenu {
	display: flex;
	align-items: center;
	gap: 20px;
}



/* mobile menu design end */



@media (min-width: 1500px) 
{
	.custom-container
	{
		max-width:1440px;
	}
}




@media only screen and (min-width: 300px) and (max-width: 991px) 
{
	
	.dshow
	{
		display:none;
	}

	.mshow
	{
		display:block;	
	}	
	
	.hero-content-wrap 
	{
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}

	.hero-banner-right 
	{
		position: relative;
		top: unset;
		right: unset;
		width: 100%;
	}

	.hero-banner-left h1 
	{
		font-size: 24px;
		line-height: 40px;
	}

	span.black-color 
	{
		font-size: 24px;
		line-height: 1;
	}	
	
	.span.hero-subhead
	{
	    margin-bottom: 18px;	
	}
	
	.box-cover 
	{
		margin-bottom: 0px;
        grid-column-gap: 16px;
        position: relative;
        z-index: 99;		
	}
	
	.hero-box 
	{
		width: 160px;
        height: 160px;
        padding: 20px 20px;
        justify-content: center;		
	}
	
	.hero-banner-right .speaker 
	{
		position: absolute;
		top: unset;
		right: -20px;
		z-index: 0;
		width: 100%;
		bottom: -50px;
	}

	.hero-banner-right .box-cover:nth-of-type(2) 
	{
		margin-bottom: 20px;
        padding: 0 16px;
	}	
	
	.hero-banner-right .box-cover:first-child .hero-box:first-child 
	{
		margin-top: 30px;
	}

	.hero-banner-right .box-cover:nth-of-type(2) .hero-box:first-child 
	{
		margin-top: 32px;
	}

	.top-nav ul li:first-child {
		display: none;
	}

	.top-nav ul 
	{
		flex-direction: column;
		align-items: center;
		grid-row-gap: 8px;
	}

	.mobile-nav-pdiv 
	{
		background-color: #082739;
	}

	.mob-nav 
	{
		display: flex;
		justify-content: space-between;
		padding: 0 16px;
	}	
	
	.nav-button #nav-icon3 span
	{
		background: #fff;	
	}
	
	.hero-banner-content 
	{
        padding: 30px 0 30px;
        overflow: hidden;
	}	

	.common-title 
	{
		font-size: 18px;
		line-height: 22px;
		text-align: left;
	}
	
	.whatdoes-grid 
	{
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}

	.readygrow-wrap h2 
	{
		font-size: 30px;
		line-height: 35px;	
	}
	
	.readygrow-wrap p 
	{
		font-size: 20px;
		line-height: 24px;
	}
	
	.callus 
	{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		grid-row-gap: 8px;
	}

	.owl-nav button:first-child 
	{
		left: -70px;
	}

	.owl-nav button:last-child 
	{
		right: -70px;
	}
	
	.vertical-caro-box {
		display: flex;
		flex-direction: column;
	}

	.vc-img {
		width: 100%;
		display: flex;
		justify-content: center;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom-left-radius: 0;
		padding: 10px 0;
	}

	.vc-content {
		width: 100%;
		padding: 16px;
	}

	.vertical-caro-wrap .vertical-caro-box:nth-child(even) 
	{
		flex-direction: column;
		padding-left: unset;
	}

	.vertical-caro-wrap .vertical-caro-box:nth-child(even) .vc-img 
	{
		border-top-left-radius: 8px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 0px;
	}	
	
	.whatdoes-sellinfotech 
	{
		padding: 40px 0;
	}

	.seologo-wrap 
	{
		display: grid;
		grid-column-gap:10px;
		grid-template-columns: repeat(2, 1fr);
	}

	.seologobox 
	{
		width: 130px;
		height: 130px;
	}

	.seologo-wrap .seologobox:nth-child(even) 
	{
		margin-top: 30px;
	}

	.seoprocesswrap .cog {
		width: 100%;
	}

	#accordion 
	{
		width: 100%;
		margin-left: unset;
	}

	.whyChoose-section 
	{
		padding: 40px 0;
	}

	.para-wrap p:last-child 
	{
		margin-bottom: 0;
	}

	.readygrow-wrap 
	{
		padding: 30px 30px;
	}

	.faqwrap .faq-ques 
	{
		display: none;
	}	
	
	#accordion .card-header a.btn
	{
		padding-right: 25px;	
	}
	
	section.seoprocess-section
	{
		margin-bottom: 40px;
	}	

	.faq-section 
	{
		margin-bottom: 40px;
	}

	.partner-vert-tab-wrap 
	{
		grid-template-columns: 100%;
	}	
	
	.tab button.active
	{
		border-radius:8px;
	}
	
	footer 
	{
		padding: 40px 20px;
	}	
	
	.footer-navig 
	{
        display: flex;
        flex-direction: column;
        grid-column-gap: 0;
        position: relative;
        z-index: 10;
	}	
	
	.footer-navig ul 
	{
		margin-bottom: 16px;
	}
	
	.company-info 
	{
		margin-top: 10px;
		width: 100%;
	}	

	.company-info ul li 
	{
		width: 94%;
	}


	.footer-links 
	{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 40px;
	}
	
	.partOverscroll 
	{
		overflow: hidden;
		overflow-x: scroll;
	}	

	.partner-vert-tab-wrap .tab 
	{
        flex-direction: row;
        width: 1000px;
	}

	.tab button
	{
		white-space: nowrap;	
	}

#bigroler1 {display: none;}
#bigroler2 {top: 174px; left: 6px;}
#bigroler3 {
    top: 112px;
    left: 90px;
    width: 100px;
}
#bigroler4 {
    top: 209px;
    left: 107px;
    width: 100px;
}
#bigroler5 {
    top: 254px;
    left: 203px;
    width: 50px;
}
#bigroler6 {
    top: 150px;
    left: 174px;
    opacity: 0.3;
}
.vertical-caro-wrap {
    height: auto;
    overflow-y: hidden;
}
.vertical-caro-wrap {
    padding-right: 0;
}
.readygrow-wrap h3 {
    font-size: 32px;
    line-height: 40px;}
.readygrow-wrap h4 {
    font-size: 20px;
    line-height: 26px;}
.hero-content-para {
    overflow-y: hidden;
    padding-right: 0px;
    height: auto;
}
.home .hero-content-wrap {
    grid-template-columns: 100%!important;
    margin-bottom: 20px;
}
.speaker{ display: none; }
.faqwrap {padding: 20px; border-radius: 20px;}
.partOverscroll {margin-bottom: 20px;}
.company-info h3 {font-size: 32px;}
.hero-banner-content {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.innerblockservice {
    padding: 0 20px;
}
.digital-wrapper h3 {
    margin-left: 20px;
}
.fillTab a {width: 100%;}
.box60_40 {display: block;}
.box60 {margin-bottom: 30px;}
.hero-banner-left {margin-bottom: 20px;}
.partnering-content ul {padding-left: 20px;}
.single-industry .common-title {padding: 0 20px;}
.single-industry .common-title:before {left: 20px;}
	
}  /* 300 to 991 */

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

	.hero-banner-right .speaker 
	{
		position: absolute;
		top: 75px;
		right: 26px;
		z-index: 0;
		width: 90%;
		transform: scale(1.2);
	}
	
	.hero-banner-right 
	{
		right: 30px;
		width: 545px;
	}	
	
	.vc-content 
	{
		width: 74%;
	}	
	
	.seologobox 
	{
		width: 148px;
		height: 148px;	
	}
	
	.partner-vert-tab-wrap 
	{
		grid-template-columns: 22% 78%;
	}	

	.company-info ul li 
	{
		width: 80%;
	}
	
	.footer-navig ul li a
	{
		white-space: nowrap;
	}
}

@media only screen and (min-width: 1301px) and (max-width: 1400px) 
{
}


@media only screen and (min-width: 1401px) and (max-width: 1499px)
{
	.hero-content-wrap 
	{
		grid-template-columns:50% 45.5%;
	}

	.hero-banner-right 
	{
		right: 20px;
	}

	.vc-content 
	{
		width: 81%;
	}

	.seologobox 
	{
		width: 168px;
		height: 168px;
	}
	
	.partner-vert-tab-wrap 
	{
		grid-template-columns: 19% 81%;
	}

	.footer-navig ul li a 
	{
		white-space: nowrap;
	}
	
}