body{

	overflow-x: hidden;

	font-weight: 600;

	color: #000;

	font-family: 'Poppins', sans-serif;

}

.pf-font{

	font-family: 'Playfair Display', serif;

}

@media (min-width: 1200px){

	.container, .container-lg, .container-md, .container-sm, .container-xl {

		max-width: 1920px !important;

		padding: 0 80px;

	}

}

.container-fluid, .container-xxl{

	max-width: 1920px;

	position: relative;

	overflow: hidden;

}
@media (min-width: 1200px){
.navbar-expand-lg .navbar-collapse{flex-direction: row-reverse}
}
.text-dark{

	color: #000000 !important;

}

.text-blue{

	color: #4200ff !important;

}

.text-purple{

	color: #9900F0 !important;

}



.bg-dark{

	background-color: #000000 !important;

}

h3{

	font-weight: 600;

}



svg{

	vertical-align: top;

}

.ul-custom-style{

	padding-left: 20px;

}

.ul-custom-style li{

	position: relative;

	list-style: none;

}

.ul-custom-style li:before{

	position: absolute;

	top: 7px;

	left: -12px;

	content: "\f21b";

	font-family: "Ionicons";

	font-size: 8px;

	color: #4200ff;

}



.navbar{

	padding: 12px 30px;

	position: relative;

	left: 0;

	top: 0;

	width: 100%;

	line-height: 29px;

	 background: #fff; 

	background-image: none;

	z-index: 99999;

	transition: .5s all;

	animation: animate-menu .1s linear 1;

}

.navbar.fixed-top{

	position: fixed;

	padding: 5px 30px;

	background: #fff;

	z-index: 999999;

	transition: .5s all;

	animation: animate-menu2 .5s linear 1;

}

@keyframes animate-menu{

	0%{

		transform: translateY(100%);

		-webkit-transform: translateY(100%);

	}

	100%{

		transform: translateY(0%);

		-webkit-transform: translateY(0%);

	}

}

@keyframes animate-menu2{

	0%{

		transform: translateY(-100%);

		-webkit-transform: translateY(-100%);

	}

	100%{

		transform: translateY(0%);

		-webkit-transform: translateY(0%);

	}

}

.navbar li.nav-item{

	margin: 0 5px;

}

.navbar li.nav-item a{

	color: #000;

	opacity: 1;

	font-size: 15px;

	font-weight: 600;

	text-transform: uppercase;

}

.navbar li.nav-item ul li a{

	font-size: 14px;

	line-height: 1.4;

	font-weight: 300;

	color: #000 !important;

}

.navbar li.nav-item ul li a.dropdown-item:active{

	background-color: #5b3295;

	color: #fff !important;

}

.navbar .navbar-brand{

	display: block;

	max-width: 200px;

	transition: .5s all;

}

.navbar.fixed-top .navbar-brand {

    max-width: 150px;

    transition: .5s all;

}

.navbar li.nav-item.header-btn a{

	font-size: 20px;

    padding: 10px 20px;

}

.navbar.fixed-top li.nav-item.header-btn a{

	font-size: 18px;

    padding: 8px 18px;

}

.section-heading h2{

	font-size: 36px;

	line-height: 1;

	font-weight: 700;

}

.text-normal{

	font-weight: 500;

}

.animated  {

	-webkit-animation-duration : 0 ms  !important;

	animation-duration : 0 ms  !important;

	-webkit-animation-fill-mode : both  !important;

	animation-fill-mode : both  !important;

}





.fadeOut  {

	-webkit-animation-name : fadeOut  ;

	animation-name : fadeOut  ;

}

@-webkit-keyframes  fadeOut  {

	0% {

		opacity : 0   ;

	}

	100% {

		opacity : 0   ;

	}

}

@keyframes  fadeOut  {

	0% {

		opacity : 0   ;

	}

	100% {

		opacity : 0   ;

	}

}

.owl-carousel .owl-item img{

	width: auto;

}

.owl-theme .owl-nav {

	margin-top: 0;

	position: absolute;

	top: 42%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	   -moz-transform: translate(-50%, -50%);

	    -ms-transform: translate(-50%, -50%);

	     -o-transform: translate(-50%, -50%);

	        transform: translate(-50%, -50%);

	z-index: 2;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	width: 100%;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	   -moz-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;

	height: 0;

}

.owl-theme .owl-nav button{

	margin: 0;

}

.owl-nav button.owl-prev{

	-webkit-transform: rotateY(180deg);

	   -moz-transform: rotateY(180deg);

	        transform: rotateY(180deg);

}

.owl-nav button span{

	position: relative;

}

.owl-nav button.owl-prev span.arrowPrev{

	left: 86px;

}

.owl-nav button.owl-next span.arrowNext{

	right: -86px;

}

.owl-nav button.owl-prev span.arrowPrev i, .owl-nav button.owl-next span.arrowNext i{

	font-size: 32px;

}

.owl-theme .owl-nav [class*=owl-]:hover{

	color: unset;

}

.owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: 0;

}


#masthead{display:none !important;}


/* Section 1 */

@media (min-width:1799px){
    .banner-row{
        align-items:center !important;
    }
}

.bs-banner{

	background-position: bottom right;

    background-repeat: no-repeat;

    background-size: 850px;

}

.banner-heading h1{

	font-size: 50px;

	font-weight: 700;

}

.banner-heading p{

	font-size: 20px;

	font-weight: 600;

}

.banner-heading h3{

	font-size: 30px;

	font-weight: 600;

}

.bs-lists img{

	max-width: 25px;

	animation: heartbeat 5s infinite;

}



.bs-lists li{

	margin-bottom: 10px;

}

/*@keyframes heartbeat{

	0% {

		transform: scale( .7 );

	}



	50% {

		transform: scale( .5 );

	}

	100% {

		transform: scale( .7 );

	}

}

.bs-lists.bs-lists2 img{

	animation: anim_arrow 5s infinite;

}

@keyframes anim_arrow{

	0% {

		transform: translatex( 10px );

	}

	

	50% {

		transform: translatex( 0px );

	}

	100% {

		transform: translatex( 10px );

	}

}*/



.btn-bs-colored{

	color: #4200ff;

	border-color: #4200ff;

    padding: 20px 22px;

    line-height: 20px;

    font-size: 18px;

	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;

}

.btn-bs-colored:hover{

	color: #fff;

	border-color: #4200ff;

	background-color: #4200ff;

	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;

}

.new_sub{

	font-size: 20px;

	font-weight: 700;

}

.btn-bs-colored.btn-with-bg{

	background-color: #4200ff;

	color: #fff !important;

	display: inline-flex;

border:0px;
}

.btn-bs-colored.btn-with-bg:hover{

	/*background-color: transparent;*/

	/*color: #4200ff !important;*/

	opacity:.8;

}

.btn-bs-colored.btn-with-bg span{

        display: flex;

    align-items: center;

    white-space: nowrap;

}

.btn-bs-colored.btn-with-bg span i{

    height: 80%;

}

.banner-play{

	font-size: 20px;

	text-decoration: none;

	color: #000;

	white-space: nowrap;

}

.banner-play i{

    height: 50px;

    width: 50px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background: #d4a5f1;

    position: relative;

    border-radius: 50%;

    color: #4200ff;

}

.bs_how{

	background-color: #ffeaf6;

	border-radius: 20px;

    padding: 70px 30px 30px;
    position:relative;
    
}

.bs-text p, .bs-text li{

	font-size: 18px;

	font-weight: 400;

	line-height: 1.8;

}

.bs_how h3{

	font-size: 16px;

    font-weight: 700;
    font-family: 'Playfair Display', serif;

}
.section-5 .bs_how h3{

	font-size: 16px;

    font-weight: 700;

}

.powerbox{    
    padding: 10px 20px;
    margin-bottom: 3rem;
    }
.powerbox h3{    
    font-size: 22px;
    color: #4200ff !important;
    font-weight:800;
    }
.powerbox .box{border: 1px solid #4200ff;
height: 470px;

}
.powerbox .box hr{border:2px solid #000;opacity: 1}

.section6 h3{font-size: 30px;
color: #9900f0 !important;
}
.section6 p{font-size: 16px;

}

.growth-box h3{

	font-size: 26px;

}

.bs-growth {
    margin-right: 50px;
}

.growth-box span{

	font-size: 12px;

}

.section-heading2 h2{

	line-height: 1.5;

}

.bg-design{

	position: absolute;

	left: 0;

	top: 0;

	max-width: 250px;

}

.comp-text p{

	font-size: 24px;	

}

.comp-icon i{

	font-size: 60px;	

}

.comp-border{

	border-bottom: 2px dashed #8b8b8b;

}

.comp-bs{

	border-radius: 20px;

	box-shadow: 0px 0px 9px 0px #000;

	    margin-top: 0px;

}

.comp-bs img{

	max-width: 120px;

}

.bs-cta-slider .owl-nav button.owl-next span.arrowNext {

    right: -50px;

}

.bs-cta-slider .owl-nav button.owl-prev span.arrowPrev {

    left: 50px;

}

.bs-text .cli-details p{

	font-size: 18px;

	line-height: 1.4;

}
.bs-text .cli-details .cli-designation {
    font-size: 16px;
}
.data-box{

	border-radius: 20px;

	box-shadow:0px 0px 30px 10px #e3e3e3;

	background-color: #fff;

}

.country_code{

	max-width: 72px;

}

.form-control{

    border-color: #888686;

}

.form-select{

	font-size: 1rem;
        white-space: normal;
	border-color: #888686;

}
.form-select:invalid, input::placeholder{
	color: #6e6e6e;
}

button.btn-bs-colored{

	padding: 15px 22px;

}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
	background-color: #4200ff;
}
.form-control:focus, .form-select:focus, .select2-container--default .select2-selection:focus-within, .select2-container--default.form-select:focus-within{
	box-shadow: unset;
	border-color: #4200ff !important;
}
.form-floating .form-control {
    padding: 0.3rem 0.75rem !important;
    line-height: 1.6;
    height: initial;
}
.form-floating .form-label {
    padding: 0rem 0.75rem;
    margin: 0;
    width: auto;
    top: 50%;
    height: auto;
    color: #6e6e6e;
    font-weight: 400;
    line-height: 1;
    transform: translate(0%, -50%);
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
	opacity: 1;
    transform: scale(0.75) translateY(-2.2rem) translateX(0.15rem);
    background: #fff;
    padding: 0rem 0.75rem;
    color: #6e6e6e;
}

.bs-clients-slider .owl-stage, .bs-grow-slider .owl-stage{display: flex;}

.bs-clients-slider .items, .bs-grow-slider .items {

    display: flex;

    flex: 1 0 auto;

    height: 100%;

}

.lity {

    z-index: 9999999;

}

.select2-container--default .select2-search--inline .select2-search__field{

    padding: 0rem 0.55rem !important;

    font-size: 1rem !important;

    border-radius: 0.375rem !important;

}

.select2-container--default .select2-selection{

    border-radius: 0.375rem !important;

}

.select2-results__option,.select2-container--default .select2-selection--multiple .select2-selection__rendered li {

    font-weight: 500;

}

.select2-dropdown{

    z-index: 99999;

}
.select2-container .select2-selection--single {
    border:0;
    font-weight: 100;
    height:auto;
    outline:unset;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:#6e6e6e;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display:none;
}
.select2-container--default.form-select{
    padding:0.275rem 1.95rem 0.275rem 0.25rem;
}

.g-recaptcha {

    transform:scale(0.70);

    transform-origin: 100%;

}

.form-data .g-recaptcha {

    transform-origin: 50% 55%;

}

.g-recaptcha > div{

    margin-left: auto;

    margin-right:0;

}

/* Footer */

footer{

    margin-top:0px;

}

footer .section-heading h2{

	font-weight: 500;

}

footer h3 {

    font-size: 34px;

}

footer .btn-bs-colored.btn-with-bg{

	background-color: #4bff00;

	color: #4200ff !important;

	border: 2px solid #4bff00;

}

footer .btn-bs-colored.btn-with-bg:hover{

	background-color: transparent;

	color: #fff !important;

	border: 2px solid #fff;

}

 .mob{display:none !important;}
    .desk{display: block !important;}

.clb-mode-switcher{display:none !important;}

.search-global.fixed .ion.light-typo{
    display:none;
}

.bs_how1:before {
    content: "";
    height: 65px;
    width: 65px;
    position: absolute;
    background: url(../images/Nyo.png);
    left: 0;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}
.bs_how2:before {
    content: "";
    height: 65px;
    width: 65px;
    position: absolute;
    background: url(../images/DeepVu.png);
    left: 0;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}
.bs_how3:before {
    content: "";
    height: 65px;
    width: 65px;
    position: absolute;
    background: url(../images/Sonagraph.png);
    left: 0;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}
.bs_how4:before {
    content: "";
    height: 65px;
    width: 65px;
    position: absolute;
    background: url(../images/YouMax.png);
    left: 0;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}
.bs_how5:before {
    content: "";
    height: 65px;
    width: 65px;
    position: absolute;
    background: url(../images/DynaMo.png);
    left: 0;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}
/* Responsive  */

/* Responsive  */

/* Responsive  */

/* Responsive  */

/* Responsive  */
@media (min-width: 1800px){
    .powerbox .box{
height: 495px;

}
    
}
@media (max-width: 1024px){

    .navbar.fixed-top li.nav-item.header-btn a {

    font-size: 14px;

    padding: 5px 16px;

    }

	.owl-nav button.owl-prev span.arrowPrev {

    left: 60px;

    }

    .owl-nav button.owl-next span.arrowNext {

        right: -60px;

    }

/*	.navbar-collapse {

		width: 100%;

		position: absolute;

		top: 63px;

		left: 0;

		background: #fff;

	} */

	.navbar li.nav-item a{

		padding: 0;

	}

	.bs-banner{

    	background-size:contain;

    }

	.banner-heading h1 {

    font-size: 32px;

    }

    .banner-heading h3 {

    font-size: 22px;

    }

	.owl-theme .owl-nav{

		top: 30%;

	}

	.section-heading h2 {

		font-size: 32px;

	}

    .bs-text li p{

    	    font-size: 14px;

    }
    
    .small-device-width {
    width: 60% !important;
    margin: 0 auto;
}

  

    footer h3 {

    font-size: 14px;

    }

}





@media (max-width: 767px){

	.navbar li.nav-item.header-btn a {

    font-size: 16px;

    padding: 5px 16px;

    }

    .navbar .navbar-brand{

        max-width: 125px;

    }

    /*.bs-banner{*/

    /*	padding-bottom: 210px;*/

    /*}*/

    .banner-heading h1 {

        font-size: 24px;	

    }

    .banner-heading h3 {

        font-size: 16px;

    }
    
        .banner-heading p{font-size: 14px;}


    .banner-play {

        font-size: 12px;

    }

    .banner-play i {

        height: 35px;

        width: 35px;

    }
    .service-banner .btn-bs-colored {margin-bottom: 25px}
    .section-heading h2 {

        font-size: 26px;

        line-height: 1.4;

    }

    .section-heading img.bs-shield {

       max-width:30px;

    }

    .btn-bs-colored {

        padding: 12px 16px;

        line-height: 18px;

        font-size: 14px;

    }

    .bs_how h3 {

        font-size: 20px;
        

    }

    .bs-text p, .bs-text li {

        font-size: 16px;

        line-height: 1.4;

    }


    .bg-design{

    	max-width: 200px;

    }

    .bs-growth {
    margin-right: 0px;
}

   .mob .growth-box h3 {

        font-size: 16px;

    }
    .bs-grow-slider h3{font-size:14px;}
    
     .bs-grow-slider img {
    width: auto;
    margin: auto;
    padding: 0 5px 10px;
}

    .bs-text .cli-details p {

        font-size: 12px;

    }

    .form-control, .form-select{

    	font-size: 1rem;

    }

    /*.country_code{*/

    /*	max-width: 28%;*/

    /*}*/

    

    .owl-nav button.owl-next span.arrowNext {

        right: -5px;

    }

    .owl-nav button.owl-prev span.arrowPrev {

        left: 13px;

    }
    .bs-cta-slider .owl-nav button.owl-next span.arrowNext {

        right: -30px;

    }

    .bs-cta-slider .owl-nav button.owl-prev span.arrowPrev {

        left: 30px;

    }

    .owl-theme.bs-cta-slider .owl-nav{

		top: 32%;

	}
	.g-recaptcha {
    transform-origin: center;
}
    .section6 h3{font-size: 22px}
    .mob .powerbox .box{height:400px;}

    .mob{display:block !important;margin-top: 25px}
    .desk{display: none !important;}
.powerbox {
    margin-bottom:  1rem!important;
}
.navbar.fixed-top .navbar-brand {
    max-width: 100px;
}
}



@media (min-width: 768px) and (max-width: 1024px){

 .bs-banner{

    	    background-size: 60%;

    }

}









/*Page 2*/



.page-2 .bs-banner{

    overflow:visible;

}

.page-2 .form-data{

    margin-bottom:-100px;

    z-index: 99999;

    position: relative;

}

.page-2 .section2{

    margin-top:100px;

}

.form-data h2{

    font-size: 1.3rem;

}



	/*Case study*/

.cs-about{

	border-top: 2px solid #000;

	padding-top: 20px;

}

.cs-result p{

	font-size: 60px;

}

.cs-button-cta p{

	font-size: 40px;

}



/*About page*/

.section-heading3 h2, .section-heading4 h2{

    font-size:50px;

}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: transparent !important;
    border: 1px solid #dedede !important;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: #4200ff !important;
    padding: 10px 25px !important;
}
@media (max-width: 1024px){

    .section-heading4 h2{

    font-size:36px;

}

    .page-2 .bs-banner{

    overflow:hidden;

}

.page-2 .form-data{

    margin-bottom:0px;

}

.page-2 .section2{

    margin-top:0px;

}

.page-2 .bs-banner {

    padding-bottom: 0px;

}

  .bs-bg-white{

    background-color:#fff;

}

}





@media (max-width: 767px){

	.section-heading4 h2{

    font-size:22px;

}

	.form-data h2{

	    font-size: 1rem;

	}

	.cs-result-outer p{

		font-size: 14px;

	}

	.cs-result-outer .cs-result p, .bs-static-outer .cs-result p {

    font-size: 26px;

	}

    .cs-result img {

        max-width: 50px;

    }

    .cs-button-cta p {

        font-size: 20px;

    }

    .bs-static-outer p{

		font-size: 14px;

	}

.g-recaptcha > div{
        margin: 0 auto;
}
.cs-about{
    text-align: center;
}

}

@media (max-width: 340px){
   .mob .powerbox .box {
    height: 460px;
} 
}

@media (min-width: 768px) and (max-width: 1024px){

.cs-result p {
    font-size: 40px;
}}
@media (min-width: 380px) and (max-width: 1024px){
.navbar-collapse.show{position: relative;    top: 0px;    padding: 15px;}

}