@font-face {
	font-family: Raleway-Medium;
	src: url('../fonts/Raleway-Medium.ttf') format('truetype');
}

@font-face {
	font-family: Lato-Bold;
	src: url('../fonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
	font-family: Lato-Light;
	src: url('../fonts/Lato-Light.ttf') format('truetype');
}
@font-face {
font-family: Lato-LightItalic;
	src: url('../fonts/Lato-LightItalic.ttf') format('truetype');
}

@font-face {
	font-family: Lato-Regular;
	src: url('../fonts/Lato-Regular.ttf') format('truetype');
}
a {outline: none; text-decoration: none;}
a:focus, a:hover {outline: none; text-decoration: none;}
img {
    max-width: 100%;
}
body{
    font-family: "Graphik", "Montserrat", sans-serif;
}
/*header*/
header#header {height: auto;padding-top: 1.25rem;padding-bottom: 0;position: fixed;top: 0;left: 0;right: 0;z-index: 999;    transition-duration: 0.2s;}
/* header#header.darkHeader .logo img {filter: invert(1);} */
header#header.darkHeader .marketing-header li a {color: #fff;}
header#header.darkHeader .marketing-header .web-dev-number a {color: #000;}
.logo {padding-top: 0;  display: flex;  align-items: center; height: 100%;}
.logo_owl .owl-stage {display: flex; align-items: center;}
.logo img {
    /* width: 45%; */
    height: 100px;}
.mobile-version {display: none}
.desktop-version {display: block;}
.mobile-version-cta {display: none}
.mobile-version-cta a {font-weight: 600; font-size: 12px; border: none;  border-radius: 30px; display: block;
    padding: 8px 12px; background: linear-gradient(90deg, #6e52dc 0%, #a72ae1 20%, #c718e1 40%, #de2b90 60%, #f48826 80%, #faaf13 100%); color: #fff; width: fit-content;}
/* .darkHeader .mobile-version-cta{margin-top:5px;} */
.mobile-version {position: relative;}
.mobile-version .nav-toggle {cursor: pointer;height: 2.5rem;right: 20px;position: fixed;top: 12px;width: 2.5rem;z-index: 99;}
.mobile-version .nav-toggle:hover { opacity: 0.8; }
.mobile-version .nav-toggle .nav-toggle-bar,
.mobile-version .nav-toggle .nav-toggle-bar::after,
.mobile-version .nav-toggle .nav-toggle-bar::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #000;
    content: '';
    height: 0.3rem;
    transition: all .5s;
    width: 100%; }
  .mobile-version .nav-toggle .nav-toggle-bar {
    margin-top: 0; }
  .mobile-version .nav-toggle .nav-toggle-bar::after {
    margin-top: 0.6rem; }
  .mobile-version .nav-toggle .nav-toggle-bar::before {
    margin-top: -0.6rem; }
  .mobile-version .nav-toggle.expanded .nav-toggle-bar {
    background: transparent; }
  .mobile-version .nav-toggle.expanded .nav-toggle-bar::after, .mobile-version .nav-toggle.expanded .nav-toggle-bar::before {
    background: #000;
    margin-top: 0; }
  .mobile-version .nav-toggle.expanded .nav-toggle-bar::after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .mobile-version .nav-toggle.expanded .nav-toggle-bar::before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.darkHeader .nav-toggle .nav-toggle-bar, .darkHeader .nav-toggle .nav-toggle-bar::after, .darkHeader .nav-toggle .nav-toggle-bar::before {background: #fff;}
.darkHeader .nav-toggle.expanded .nav-toggle-bar {background: transparent;}
.mobile-version .nav-toggle.expanded .nav-toggle-bar, .mobile-version .nav-toggle.expanded .nav-toggle-bar::after, .mobile-version .nav-toggle.expanded .nav-toggle-bar::before {background: #fff;}
.mobile-version .nav-toggle.expanded .nav-toggle-bar {background: transparent;}

.web-dev-number a i {padding-right: 5px;}
		.darkHeader .logo img{
    width: 23%;
    height: auto;
    padding-top: 4px;
		}
.serving-performance{
    margin-top: 90px;
    display: none;
}
.pull-left img{
    height: 67px;
    width: auto;
}
.align__center{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
    #our_client .owl-dots{
        height: 50px;
    }
    .text-slider span{
        font-weight: 600;
    }
    #full_bg_img .banner__row {
 padding-top: 134px;
}
/* nav */
.mobile-version .nav {background: rgb(65 68 86);box-shadow: none;color: white;cursor: pointer;display: flex;height: 100vh;
    right: -24rem;padding: 0rem 1rem 1rem 1rem;position: fixed;top: 0;transition: box-shadow .5s, right .5s;
    width: 20rem;z-index: 9; }
.mobile-version .nav.expanded {box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, 0.125); right: 0; }
.mobile-version .nav ul {display: flex;flex-direction: column;gap: 1rem;list-style: none; margin: 0; margin-top: 90px; }
.mobile-version .nav li a {color: #fff;font-size: 22px;line-height: 26px;}
.mobile-version #main {
  background-image: linear-gradient(to bottom, rgba(20, 156, 184, 0.8), rgba(71, 41, 163, 0.8)), url("https://images.unsplash.com/photo-1518005076933-9ef6bec005cb?w=1200");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: rgba(255, 255, 255, 0.75);
  flex-grow: 1;
  flex-shrink: 0;
  padding: 2rem;
  position: relative; }

.address-setup {
    width: 100%;
    padding-left: 24%;
}
.service__wrapper {
    border: 2px solid #f0f0e9;
    border-radius: 15px;
    padding: 15px;
    height: 100%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.service__wrapper:hover {
    border-color: #d4d4c9;
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    transform: translateY(-4px);
}
.section-programm h4 {
    font-size: 20px;
}
#wha_twe_do h4 .section-programm h4{
    text-align: center;}
/* Read more and read less */
		.add-read-more .second-section {
			display: none;
		}

		.add-read-more.show-more-content .second-section {
			display: inline;
		}
        .add-read-more .read-less, .add-read-more .read-more{
            font-weight: 600 !important;
        }
		.add-read-more .read-less {
			display: none;
		}

		.add-read-more.show-more-content .read-more {
			display: none;
		}

		.add-read-more.show-more-content .read-less {
			display: inline;
		}
/* case-study-section */
		.case__studies-section{
			    padding-top: 70px;
		}
		.case__studies-section .section-title{
    		color: #221f1f;
    		/* font-family: 'Lato-Bold'; */
			margin-bottom: 35px;
		}
		.case__card{
			width: 100%;
    		border: 2px solid #f0f0e9;
    		margin: 0 1%;
    		border-radius: 15px;
   			padding: 30px;
    		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  			background:white;
            height: 100%;
                transition: all 0.3s ease;
		}
        .case__card:hover {
    border-color: #d4d4c9;
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    transform: translateY(-4px);
}
		.case__card .case__card-img{
			height:63px;
			width: auto;
			margin-bottom: 16px;
		}
		.case__card h3{
		    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 14px;
		}
		.case__item{
			border-bottom: 2px solid #f0f0e9;
   			margin-bottom: 20px;
		}
		.case__item:last-child {
    		border: 0;
    		margin-bottom: 0;
		}
		.case__card .case__item span{
			font-size: 20px;
    		font-weight: bold;
 			color: #292b2c;
		}
		.case__card .case__item p{
			margin-bottom: 10px;
    		font-size: 14px;
    		color: #292b2c;
		}	
		.gradient__text{
			background: linear-gradient(90deg, #6e52dc 0%, #a72ae1 20%, #c718e1 40%, #de2b90 60%, #f48826 80%, #faaf13 100%);
    		-webkit-background-clip: text;
    		-webkit-text-fill-color: transparent;
    		background-clip: text;
    		color: transparent;
		}	
		.gradient__btn{
			background: linear-gradient(90deg, #6e52dc 0%, #a72ae1 20%, #c718e1 40%, #de2b90 60%, #f48826 80%, #faaf13 100%) !important;
			color:white !important;

		}
		.case__item span{
			display: flex;
			align-items:center;
			gap:10px;
		}
		.case__item:last-child p{
			margin-bottom:0;
		}
		.case__item span img{
			width: 20px;
			height:auto;
		}
		.case__item span img.down{
			    transform: rotate(65deg);
		}

		.case_studies-row{
			gap:30px 0;
		}
/* case-study-section */
#testimonial .owl-carousel .owl-nav button.owl-next, #testimonial .owl-carousel .owl-nav button.owl-prev, #testimonial .owl-carousel button.owl-dot{
    outline:none;
}
.service__box .media-heading{font-weight: 600;}
#our_client .section-programm h2 {
    position: relative;
    z-index: 2;
    border-radius: 5px;
    padding: 8px 5px;
    color: #fff;
    background:   linear-gradient(90deg, #6e52dc 0%, #a72ae1 20%, #c718e1 40%, #de2b90 60%, #f48826 80%, #faaf13 100%);;

}


#our_client .section-programm::after {
    content: "";
    position: absolute;
    display: flex;
    left: -10%;
    z-index: 0;
    top: 50%;
    width: 120%;
    justify-content: center;
    background:   linear-gradient(90deg, #6e52dc 0%, #a72ae1 20%, #c718e1 40%, #de2b90 60%, #f48826 80%, #faaf13 100%);;
    height: 2px;
    align-items: center;
}

.why__tangence-row{
    row-gap: 30px;
}
#why_tangence h4{
    margin-bottom: 30px;
    text-align: center;
}
/*header*/
#full_bg_img {
	background: url(../images/slider_bg.jpg) no-repeat 0 0;
	background-size: cover;
	min-height: 650px;
	width: 100%;
}
.guaranteed_growth h2 {
    font-size: 42px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 110px;
    /* font-family: 'Lato-Bold'; */
    background: #fff;
    color: #393636;
    width: 71%;
    padding: 10px 15px;
	background: url(../images/growth_bg.png) no-repeat left center;
    background-size: cover;
	width: 580px;
}
.guaranteed_growth h1 {
    font-size: 35px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 110px;
    /* font-family: 'Lato-Bold'; */
    background: #fff;
    color: #393636;
    width: 71%;
    margin-bottom: 0;
    padding: 10px 15px;
    background: url(../images/growth_bg.png) no-repeat left center;
    background-size: cover;
    width: 580px;
}

.bdr {width: 327px;border-top: solid 1px #fff;margin: 15px 0;}
#full_bg_img .bdr{
        margin: 24px 0 15px 0 ;
}
.guaranteed_growth p{

    /* font-family: 'Lato-Light'; */
     font-size:25px; color:#fff; }
.arrow_circle {background: #ece83f;width: 40px;height: 40px;border-radius: 50%;text-align: center;font-size: 24px;}
#our_client .row {border-bottom: solid 2px #e6e7e8;padding-top: 60px;}
#our_client h2{
    font-size: 30px;
}
/*form*/
h3.from_you {
    /* background: #ece83f; */
    background: #56596e !important;
    font-size: 20px;
    margin: 0;
    padding: 12px;
    text-align: center;
    color: #221f1f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600;
	/* font-family:'Lato-Bold'; */
}
.contact-form {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #fff;
}

.form-design {background:#fff;padding:10px 20px;width:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}

.validate-input {position: relative;}

.wrapper-input100 {width: 100%;position: relative;	border-radius: 2px;margin-bottom: 15px;}

input.input100 {height: 40px;}

.input100 { outline: none;display: block;width: 100%;padding: 6px 21px 0 38px;border-bottom: solid 1px #d7d7d7;border-top: none;
	border-left: none;border-right: none;font-size: 14px;color: #808285;font-family: 'Raleway-Medium';z-index: 1;
    position: relative;background-color: transparent;}

.input100:focus+.focus-input100+.label-input100 {border: none;}

.m-b-2 {argin-bottom: 2px;}

.lnr {font-family: Linearicons-Free;speak: none;font-style: normal;	font-weight: 400;font-variant: normal;text-transform: none;
	line-height: 1;-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}

.label-input {font-size: 14px;color: #999999;font-family: 'Raleway-Medium';display: -webkit-box;display: -webkit-flex;
	display: -moz-box;display: -ms-flexbox;	display: flex;align-items: center;justify-content: center;position: absolute;
	width: 60px;height: 55%;top: 5px;left: 2px;}


textarea.input100 {
	/* min-height: 162px; */
	padding-top: 13px;
    resize: none;
}

select.input100 {
	height: 55px;
}

label.label-input.name {
	background: url(../images/user_icn.png) no-repeat left;
}

label.label-input.email {
	background: url(../images/email_icn.png) no-repeat left;
}

label.label-input.phone {
	background: url(../images/phone_icn.png) no-repeat left;
}

label.label-input.service {
	background: url(../images/user_icn.png) no-repeat left;
}

label.label-input.message {
	background: url(../images/message_icn.png) no-repeat left;
}
label.label-input.budget {
    background: url('../../../web-development/images/inr.png') no-repeat left;
}

button.contact100-form-btn {
    background: linear-gradient(#56596e, #56596e) padding-box, linear-gradient(90deg, #6e52dc 0%, #a72ae1 20%, #c718e1 40%, #de2b90 60%, #f48826 80%, #faaf13 100%) border-box;
        /* background: #747172 !important; */
    background-size: 200% 200%;
    outline: none;
    border: 3px solid transparent;
    background-position: right center; 
    padding: 10px 15px;
    color: white;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 30px;
    font-weight: 600;
    /* font-family: 'Lato-Bold'; */
    display: inline-block;
    transition: background-position 0.5s ease, color 0.4s ease;

}
/* button.contact100-form-btn:hover {
    background-position: left center;
    color: #fff;
} */

/*form*/
.form-design h3 {
	font-size: 18px;
	font-family: 'Raleway-Bold';
	line-height: 22px;
	color: #4d4d4d;
}

.retain {
	font-size: 40px;
	color: #fff;
	
}

.retain div {
	line-height: 55px;
}

.retain span {
	display: block;
	font-size: 33px;
    font-weight: 800;
	line-height: 1.2;
	/* font-family: 'Lato-Light'; */
	    display: inline-block;
        padding-left: 2px;
}
.section-programm h3 {font-size: 20px;text-align: center;margin-bottom: 30px;}
#bottom_scaleup h4{text-align: center;}
span.color_txt {
    color: #ede626;
	/* font-family: 'Lato-Bold'; */
}
/*Performance Optimization */
section#our_client {
    padding: 70px 0 0 0;
}
#our_client .section-programm {
    width: 85%;
    margin: 0 auto;
	    margin-bottom: -22px;
		position: relative;
        z-index: 1;
}

/*Performance Optimization */

.logo_owl .col{
        background: rgb(255 255 255 / 57%);
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
}

.logo_owl .col img{
    display: block;
    width: 100%;
    object-fit: contain;
    height: 50px;
}



.testimonial_owl.owl-carousel .owl-stage {
    height: 455px;
}


#bottom_footer {
	background: #4f4949;
	    min-height: 78px;
	color: #b0b0b0;
	margin-top: 30px;
	
}

footer#bottom_footer a {
	color: #fff;
	padding-right: 5px;
}

footer#bottom_footer a:hover {
	color: #fff;
	text-decoration: none
}

.form-btn {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    width: 100%;
}
/*what we do*/
section#wha_twe_do {
    padding: 70px 0 0 0;
}

.media.service-box {
    margin: 25px 0;
}
.media.service-box .pull-left {
    margin-right: 20px;width: 75px;
}
.media.service-box .pull-left > span {
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 64px;
    border-radius: 100%;
    color: #BE1414;
    transition: background-color 400ms, background-color 400ms;
    position: relative;
}
/*what we do*/

/*why tangence*/
section#why_tangence {
    padding: 70px 0 0 0;
}
.tangence_bg h6 {
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 10px; 
    font-weight: 600;
	/* font-family: 'Lato-Bold'; */
}

.tangence_bg span {
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 10px;
	/* font-family: 'Lato-Light'; */
}
.icon-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-left: 6px;
	margin: 0 auto;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
	/* font-family: 'Lato-Light';  */
    margin-bottom: 10px;

}
.yellow{background:#ece83f}
.blue{background:#84c4c3}
.red{background:#e93f33}
/*.icon-circle:hover {
    border: solid 7px #f6f5d1; cursor:pointer;

}*/
/* .tangence_bg {
    padding-bottom: 20px;
} */
/* .tangence_bg:hover{
    background: url(../images/why_tangence_bg.png) no-repeat right center;
    padding-bottom: 20px;
} */

.section-knowmore.text-center {
    padding: 50px 0 0 0;
}
.section-knowmore a {
  background: linear-gradient(90deg, #6e52dc 0%, #a72ae1 20%, #c718e1 40%, #de2b90 60%, #f48826 80%, #faaf13 100%);;
    background-size: 200% 200%;
    background-position: right center;
    padding: 15px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: 'Lato-Bold'; */
    border-radius: 30px;
    display: inline-block;
    transition: background-position 0.5s ease, color 0.4s ease, box-shadow 0.4s ease;
}

.section-knowmore a:hover {
    background-position: left center;
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 170, 50, 0.4);
}




/*why tangence*/

/*testimonial*/
section#testimonial {
    padding: 70px 0 0 0;
}
.testimonial_subtitle{
    color: #0aaa7a;
    font-size: 12px;
}
  .testimonial_btn{
    background-color: #373d4b !important;
    color: #fff !important;
 }
.box-shadow{background-color: #fff;
box-shadow: 9px 6px 22px 0 rgba(0,0,0,.08); border-top: solid 6px #84c4c3;}
.testimonial_fa {
    font-size: 30px;
    text-align: center;
    color: #d1d3d4;
    text-align: center;
    display: block;
	font-size: 25px;
}
.testimonial_div {
    background: #fff;
    max-width: 330px;
    margin: 0 auto;
    border: 2px solid #f0f0e9;
	margin-top: 35px;
	padding: 20px 20px 20px 20px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    height: 410px;
    overflow: auto;
    border-radius: 15px;
    transition: all 0.3s ease-in;
}
.testimonial_div:hover {
    border-color: #d4d4c9;
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    transform: translateY(-4px);
}
.testimonial_div::-webkit-scrollbar{
    display: none;
}
p.testimonial_para {text-align:justify}
.align_center{margin:0 auto; display:block; background:none; border:none}
 .testimonial_div p{
    font-size: 16px;
    text-align: center;
}
.designation__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}
.designation__item h3{
    font-size: 20px;
}
.designation__item p{
    margin-bottom: 0;
}


.testimonial_div:hover{ cursor:pointer}
.testimonial_fa:hover{color:#84c4c3;cursor:pointer}
/*testimonial*/

.paid-ads {padding: 70px 0 0 0;}
.paid-ads .paid-ads-he h2 {font-size: 40px;color: #221f1f;
    font-weight: 600;
    text-align: center;
    /* font-family: 'Lato-Bold';  */
    margin-bottom: 25px;}
.paid-ads-content h3 {color: #e93f33; font-size: 28px; 
    font-weight: 600;
    /* font-family: 'Lato-Bold'; */
     margin-bottom: 10px}
.paid-ads-content ul li {font-size: 16px; 
    /* font-family: 'Lato-light';  */
    color: #393636; font-weight: bold; margin-bottom: 10px;}
.paid-ads-content ul{padding-left: 25px;}
.paid-ads-content {border-right: 1px solid #ccc;margin-right: 50px;}
.serving-performance h4 {
    /* font-family: 'Lato-Light';  */
    font-size: 26px; color: #fff; font-weight: 600;}
.serving-performance ul { display: flex; flex-wrap: wrap;padding-left: 25px; margin-top: 10px; justify-content: space-between;}
.serving-performance ul li {
    
    /* font-family: 'Lato-Light';  */
    font-size: 21px; color: #e93f33; width: 140px;}
.serving-performance ul li span {color: #ffffff;}
.serving-performance ul li:marker {color: #e93f33;}
/*botttom scaleup*/
section#bottom_scaleup {
    padding: 0px 0 50px 0;
}
.section-knowmore.lets-connect.text-center {
    /* padding: 0; */
}
#bottom_footer .float-right {
    padding-top: 22px;
    font-size: 14px;
}
.owl-nav span {
    font-size: 46px;
}
/*botttom scaleup*/

#wha_twe_do p {
    font-size: 16px;
    /* font-family: 'Lato-light'; */
    color: #393636;
    /* font-weight: bold; */
	    margin-bottom: 10px;
}
#wha_twe_do .media-body h4.media-heading {
    color: #e93f33;
    font-size: 28px;
    /* font-family: 'Lato-Bold'; */
}
#wha_twe_do .media-body h5.media-heading
{
    font-weight: 500;
}
.border-botm .col-md-6 {
    border-right: solid 2px #f0f0e9;
}
.border-botm {
    display: inline-flex;
    border-bottom: solid 2px #f0f0e9;;
}

.border-botm .col-md-6:last-child {
    border-right: none;
}
.border-botm:nth-child(3n) {
    border-bottom: none;
}
.readmore a {
    text-decoration: underline;
    color: #393636;
	/* font-family: 'Lato-LightItalic'; */
	font-weight: bold;
}
.section-knowmore.red-btn.text-center a {
color:#fff;
	/* font-family: 'Lato-Bold'; */
}
#why_tangence h2.section-title.text-left, #testimonial h2.section-title.text-left, #wha_twe_do h2.section-title.text-left,.case__studies-section h2.section-title.text-left,.section-programm h2  {
    font-size: 46px;
    color: #221f1f;
    text-align: center !important;
    font-weight: 600;
	/* font-family: 'Lato-Bold'; */
}



.testimonial_div::-webkit-scrollbar {
  width: 5px;
}

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

/* Handle on hover */
.testimonial_div::-webkit-scrollbar-thumb:hover {  background: #555; }
#bottom_footer .float-left img {width: 100%;max-width: 200px;margin-top: 28px;}
.partner-logo-list {display: flex;align-items: center; justify-content: center;row-gap: 30px; flex-wrap: wrap;}
.partner-logo-list img {width: auto; height: 100px; margin: 0 15px;}

   .marketing-header li a {        color: #e93f33;
    font-weight: bolder;
    font-size: 18px;}
.marketing-header {display: flex;flex-direction: row;    align-items: center;justify-content: flex-end;}
.marketing-header li {width: fit-content;    margin-left: 25px;}
.marketing-header .web-dev-number a {   /* background: linear-gradient(90deg, #6e52dc 0%, #a72ae1 20%, #c718e1 40%, #de2b90 60%, #f48826 80%, #faaf13 100%);*/
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    border: none;
    border-radius: 30px; display: block;
    padding: 13px 22px; 
    color: #000;
  }

/*media query*/

@media screen and (max-width: 991px) {
	
	.personalize h2 {
		font-size: 40.42px;
	}
	.retain span {
		font-size: 30px;
	}
	
	button.contact100-form-btn {
		padding: 17px 78px 17px 33px;
		width: 100%
	}
	#wha_twe_do .media-body h4.media-heading{font-size: 20px;}
	#wha_twe_do p {
    font-size: 14px;}
    #why_tangence h2.section-title.text-left, #testimonial h2.section-title.text-left, #wha_twe_do h2.section-title.text-left,.case__studies-section h2.section-title.text-left,.section-programm h2{font-size: 30px;}
#our_client h2.section-title.text-center {
    font-size: 22px;
}
#wha_twe_do h2.section-title.text-left{
    margin-bottom: 15px;
}
.guaranteed_growth h2 {
font-size: 30px;width:425px}
}

@media screen and (max-width: 767px) {
    section#our_client {
    padding: 50px 0 0 0;
}
	html, body {overflow-x: hidden;}
	    button.contact100-form-btn {
        padding: 10px 5px 10px 5px;
        font-size: 11px;
        width: 100%;
    }
	.testimonial_owl .owl-nav {text-align: center;}
	#bottom_footer .float-left img {  max-width: 150px;}
	.guaranteed_growth h2 {
        font-size: 30px;
        width: 100%;
    }

.border-botm {
    display: block;
    border-bottom: solid 2px #f0f0e9;
}
.border-botm .col-md-6 {
     border-right: none
}
}
.error{color:red;padding-top: 5px;}
.thankyou {
    font-size: 70px;
    text-align: center;
    width: 100%;
    /* font-family: 'Lato-Bold'; */
    height: 500px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.thankyou2 { 
    padding-top: 20%;
     font-size: 70px; 
    text-align: center;  
    align-items: center;
    display: flex;
    justify-content: center;
}
.cus-footer{ margin-top:0!important; }
#cus_full_bg_img {
    background: url(../images/slider_bg.jpg) no-repeat 0 0;
    background-size: cover;
    min-height: 550px;
    width: 100%;
}
 
 #more {display: none;}
button#myBtn {
    background: none;
    border: none;
    padding: 0;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}
.show-more-less-handler {text-decoration: underline;right: 37%;}
.testimonial_para {min-height: 210px;}
.testimonial_para .btn-more,.testimonial_para .btn-less{
    border: none;
    box-shadow: none;
    text-decoration: underline;
    background: #fff;
    outline: none;

}

#our_client h2.section-title.text-center {
    margin-bottom: 0;
}

.faq-per .accordion .card-header button {width: 100%; display: flex;justify-content: space-between;padding-left: 0;
    font-size: 22px;color: #000;font-weight: bold; text-decoration: none; outline: none; cursor: pointer;}
.faq-per .accordion {width: 100%;}
.faq-per .accordion .card-header button:after {font-family: 'FontAwesome';content: "\f068";float: right;font-size: 18px;align-self: center;}
.faq-per .accordion .card-header button.collapsed:after { /* symbol for "collapsed" panels */content: "\f067"; align-self: center;}
.faq-heading {margin-bottom: 20px;}
.faq-heading h2 {font-size: 46px; color: #221f1f; 
    text-align: center !important;
    font-weight: 600;
    /* font-family: 'Lato-Bold'; */
} 
.faq-per .card {background-color: transparent;border: none;border-bottom: 2px solid #ccc;border-radius: 0;}
.faq-per .card-header {background-color: transparent; border: none;padding-left:0; }
.faq-per .card-body {margin-bottom: 20px; width: 80%;}
.faq-per .btn.focus, .faq-per .btn:focus {box-shadow:none;}
.faq-per {padding: 70px 0;}
.validate-input .error + .label-input {top: -6px;}
.validate-input .error + .focus-input100 + .label-input {top: -6px;}
.form-design .contact-form select {outline: none;display: block;width: 100%; padding: 10px 21px 0 34px;font-size: 14px;
border-bottom: solid 1px #d7d7d7;border-top: none;border-left: none;border-right: none; color: #808285;z-index: 1;
    font-family: 'Raleway-Medium';
    position: relative;background-color: transparent;padding-bottom: 10px;
    /* font-family: Lato-Regular; */
}

@media screen and (max-width: 1199px) {
.paid-ads-content { margin-right: 20px;}
.faq-per .accordion .card-header button {white-space: normal;text-align: left;width: 99%;}


}

@media screen and (max-width: 1024px) {
.logo img{
    height: 60px;
    width: auto;
}
.darkHeader .logo img{
     height: 50px;
    width: auto;
}
.marketing-header .web-dev-number a {font-size: 15px;padding: 10px 18px;}
.guaranteed_growth h1 { font-size: 26px;margin-top: 50px;}
.retain span {font-size: 23px;}
.guaranteed_growth p { font-size: 20px; line-height: 1.2;}
.serving-performance h4 { font-size: 22px;line-height: 1.2;}
.serving-performance ul li {font-size: 15px;width: 100px;}
.paid-ads .paid-ads-he h2 {font-size: 30px;}
.paid-ads-content h3 { font-size: 25px;}
.paid-ads-content ul li {  font-size: 15px;}
.paid-ads-content {margin-right: 5px;}
.paid-ads { padding: 70px 0 0 0;}
.partner-logo-list img { height: 90px;}
.faq-heading h2 { font-size: 30px;}
.faq-per .accordion .card-header button {font-size: 18px;padding-left: 10px;white-space: normal;text-align: left;width: 99%;}
.faq-per .card-body {padding: 0 10px;}
.faq-per .card-body {width: 100%;}
.faq-per {padding: 50px 0;} 


}

@media screen and (max-width: 767px) {
        #full_bg_img .banner__row {
 padding-top: 0px;
}
.logo img {width: 180px;}
.marketing-header li {margin-left: 10px;}
.marketing-header li a {font-size: 13px;}
.marketing-header .web-dev-number a { font-size: 10px; padding: 8px 10px;}
.navbar-inverse { padding: 12px 0;}
.guaranteed_growth h1 {font-size: 26px;}
.serving-performance h4 { font-size: 20px;}
.guaranteed_growth p {font-size: 20px;line-height: 1.2;}
.retain span {font-size: 24px;}
.serving-performance ul li { font-size: 18px;width: 128px;}
.guaranteed_growth h1 {margin-top: 0px;}
.paid-ads .paid-ads-he h2 { font-size: 30px;}
.paid-ads-content h3 { font-size: 24px;}
.paid-ads-content { border-right: none; margin-right: 0;}
.paid-ads-content ul li { font-size: 14px;}
.paid-ads { padding: 50px 0 0 0;}
.partner-logo-list img {height: 80px; margin: 0 10px;}
header#header { padding: 15px 0;}
.mobile-version {display: none;}
.desktop-version {display: none;}
.mobile-version-cta {display: flex;justify-content: flex-end;margin-right: 0px;height: 100%; align-items: center;}
.faq-heading h2 { font-size: 30px;}
.faq-per .accordion .card-header button {font-size: 18px;padding-left: 10px;white-space: normal;text-align: left;width: 99%;}
.faq-per .card-body {padding: 0 10px;}
.faq-per .card-body {width: 100%;}
.faq-per {padding: 50px 0;} 

}

@media screen and (max-width: 575px) {
    .pull-left img{
        width: auto;
    height: 65px;
    }
    .media.service-box .pull-left {
    margin-right: 12px;
}
        #wha_twe_do .media-body h4.media-heading {
        font-size: 26px;
    }
    #full_bg_img .banner__row {
    padding-top: 30px;
}
    #our_client .owl-dots{
        height: 50px;
    }
    .section-knowmore a{
        font-size: 14px;
    }
    #bottom_scaleup .section-knowmore.text-center{
        padding-top: 15px;
    }
    .border__bottom{
        border-bottom:solid 2px #f0f0e9;
        padding-bottom: 20px;
    }
    .section-knowmore.text-center {
        padding-top: 30px;
    }
    section#our_client {
    padding: 10px 0 0 0;
}
.testimonial_div{
    margin-top: 20px;
}
.banner__row{
    row-gap: 50px;
}
.text-slider{
    margin-top: 12px;
}
.serving-performance ul{
    margin-top: 10px;
}
section#testimonial {padding: 50px 0 0 0;}
.case__studies-section {padding-top: 50px;}
.logo img {width: 180px;}
.marketing-header li {margin-left: 10px;}
.marketing-header li a {font-size: 13px;}
.marketing-header .web-dev-number a { font-size: 10px; padding: 8px 10px;}

.navbar-inverse { padding: 12px 0;}
.guaranteed_growth h1 {font-size: 24px;}
.serving-performance h4 { font-size: 20px;}
.guaranteed_growth p {font-size: 20px;line-height: 1.2;}
.retain span {font-size: 24px;}
.serving-performance ul li { font-size: 18px;width: 128px;}
.guaranteed_growth h1 {margin-top: 0px;}
.paid-ads .paid-ads-he h2 { font-size: 30px;}
.paid-ads-content h3 { font-size: 24px;}
.paid-ads-content { border-right: none; margin-right: 0;}
.paid-ads-content ul li { font-size: 14px;}
.paid-ads { padding: 50px 0 0 0;}
.partner-logo-list img {height: 50px; margin: 0 10px;}
#bottom_footer .float-right {padding-top: 12px;text-align: center;font-size: 13px; width: 100%}
#bottom_footer {background: #4f4949;min-height: 100px;color: #b0b0b0;margin-top: 30px;}
.float-left { text-align: center;width: 100%;}

.mobile-version {display: none;}
.desktop-version {display: none;}
/* .mobile-version-cta {display: flex;justify-content: center;} */

.faq-heading h2 { font-size: 30px;}
.faq-per .accordion .card-header button {font-size: 18px;padding-left: 10px;white-space: normal;text-align: left;width: 99%;}
.faq-per .card-body {padding: 0 10px;}
.faq-per .card-body {width: 100%;}
.faq-per {padding: 50px 0;} 

}