html{
	height:100%;
}
body{
	font-family: 'Montserrat', sans-serif;
	color:#444;
	height:100%;
}
/* ============popup form================== */
.header .container{
	box-shadow: 0px 1px 20px rgba(0,0,0,.15);
}
.mnu-1::after {
    content: '' !important;
    margin-left: 0px;
}
.popup-form-box{
	
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(0, 0, 0,.85);
	transition:.3s ease-in;
	z-index:100;
	display:none;
}
.popup-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.form-area{
	
	width:460px;
	
	background:#fff;
	padding:30px 25px;
	border:3px solid rgba(98, 57, 189,.7);
	box-shadow:1px 1px 20px rgba(0,0,0,.4);
	border-radius:7px;
	position:absolute;
	top:20%;
	left:0;
	right:0;
	
	margin:auto;
	
}
.form-close{
	width:30px;
	height:30px;
	text-align:center;
	font-size:20px;
	line-height:30px;
	padding:5px;
	position:absolute;
	top:0;
	right:5px;
	color:rgba(98, 57, 189,.8);
	cursor:pointer;
}
.form-title h2{
	font-size:24px;
	text-align:center;
	color:rgba(98, 57, 189,1);
	font-weight:700;
}
.form-field{
	margin-top:20px;
}
.form-field p{
	font-size:14px;
	font-weight:500;
	color:#555;
}
.form-field input{
	width:100%;
	box-sizing:border-box;
	padding:7px 12px;
	border:1px solid rgba(98, 57, 189,.5);
	margin-bottom:20px;
	border-radius:5px;
	color:#444;
}
.form-input-btn{
		background-image: linear-gradient(90deg,#9137D4,#6239bd) !important;
color: #fff !important;
padding: 13px 29px !important;
line-height: 17px;
font-size: 12px;
font-weight: 700;
font-style: normal;
letter-spacing: 1px;
border-width: 0;
border-style: solid;
border-radius: 25px !important;
text-transform: uppercase;
-webkit-transition: all .2s;
transition: all .2s;
    margin: auto;
    display: block;
}
}
.form-input-btn:hover{
	background-image: linear-gradient(90deg,#6239bd,#9137D4) !important;
color: #fff;
text-decoration:none;
}
/* ============popup form end================== */
/*===========header design==================*/
.footer{
	max-width: 1400px;
	box-shadow: 0 0 50px 1px rgba(0,0,0,.22);
	padding:0px 15px 0px 15px;
	margin:auto;
}
.preview-section{
	max-width: 1400px;
	box-shadow: 0 0 50px 1px rgba(0,0,0,.22);
	padding:0px 15px 0px 15px;
	margin:auto;
}
.top-footer {
    width: 100%;
    background: #000;
    padding: 40px 15px;
	box-shadow: 0 0 50px 1px rgba(0,0,0,.22);
}

/*===========header design==================*/
.header{
	
	position:fixed;
	width:100%;
	z-index:700;
}
.navigation-bar{
	width:100%;
	padding:8px 25px 8px 25px;
	
}
.nav-row{
	/*box-shadow: 0 0 50px 1px rgba(0,0,0,.22);*/
	background:#fff;
	
}
.navigation-bar:after{
	content:'';
	display:block;
	clear:both;
}
.logo{
	width:13%;
	float:left;
}
.logo a img{
	max-height:55px;
}
/*=============desktop menu==========*/
.bn-container{
	padding-left:15px;
	padding-right:15px;
		box-shadow: 0 0 50px 1px rgba(0,0,0,.22);
		background:#fff;
}
.tool-menu{
	
	width:87%;
	float:right;
	
}
.desk-menu{
	
	width:100%;
	text-align:right;
	padding-left:0px;
	margin-bottom:0px;
}

.desk-menu .menu-group{
	position:relative;
	font-size:15px;
	margin-left:20px;
	display:inline-block;
	/*text-shadow:1px 1px 10px rgba(0,0,0,0);	*/
	color:#fff;
	margin-top:15px;
	
	font-weight:500;
	
	
	
}

.desk-menu .menu-group .menu-group-name{
	
	color:#444;
	display:block;
	text-decoration:none;
	/*text-shadow:1px 1px 10px rgba(0,0,0,0);	*/
	height:40px;
	
	
}
.menu-group-name2{
	color:#444;
	display:block;
	text-decoration:none;
	/*text-shadow:1px 1px 10px rgba(0,0,0,0);	*/
	height:40px;
}
.menu-group-name2:hover{
	color:#6239bd;
	text-decoration: none;
}
.desk-menu .menu-group .menu-group-name::after{
	content:"\f078";
	font-family: "FontAwesome";
	font-size:10px;
	color:#444 !important;
	font-weight:100;
	margin-left:7px;
	padding-bottom:1px;
	
	display:inline-block;
	font-weight:300;
	color:rgba(255,255,255.7);
	
}
.menu-active::after{
	content:"\f078";
	font-family: "FontAwesome";
	font-size:10px;
	color:#6239bd;
	font-weight:100;
	margin-left:7px;
	padding-bottom:1px;
	transform:rotate(180deg);
	display:inline-block;
	font-weight:300;
	color:rgba(255,255,255.7);
}
.desk-menu .menu-group .sub-menu{
	
	z-index:500;
	
	text-align:left;
	padding-left:0px;
	position:absolute;
	top:99%;
	left:-17px;
	display:none;
	padding-top:8px;
	width:250px;
	
	
}
.desk-menu ul{
	margin-bottom:0px;
}
.desk-menu .menu-group .sub-menu ul{
	box-shadow:1px 1px 10px rgba(0,0,0,.15) !important;
	background:#fff;
	padding:20px 20px;
	border-top:2px solid #6239bd;
}
.desk-menu .menu-group .sub-menu:nth-last-child(){
	
	
	right:20px !important;
	
	
}
.sub-menu li{
	display:block;
}
 .sub-menu li a{
	transition:.3s;
	display:block;

	padding:5px;
	color:#444;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
		
}
.sub-menu li a:hover{
	color:#6239bd;
}
.menu-group-name:hover:after{
	
	transform:rotate(180deg);
	transition:.3s;
	
}
.menu-group:hover:after{
	color:#6239bd;
	
}

.menu-group:hover .menu-group-name{
	color:#6239bd;
	
}
.menu-group:hover .sub-menu{
	display:block !important;
	transition:.3s;
}
.sub-menu-active{
	display:block !important;
	transition:.3s;
	}
	.menu-cta-btn a{
		
		    background-image: linear-gradient(90deg,#9137D4,#6239bd) !important;
			color:#fff;
				padding: 13px 29px;
line-height: 17px;
font-size: 14px;
font-weight: 900;
font-style: normal;
letter-spacing: 2px;
border-width: 0;
border-style: solid;
border-radius: 25px;
text-transform: uppercase;
-webkit-transition: all .2s;
transition: all .2s;
}
	.menu-cta-btn a:hover{
		
		background-image: linear-gradient(90deg,#6239bd,#9137D4) !important;
		text-decoration:none;
	}
.share-mb{
	display:none;
}
/*=============desktop menu end==========*/
/*=============mobile menu==========*/
.mobile-menu{
	display:none;
	width:160px;
	height:20px;
	float:right;
	position:relative;
	margin-bottom:3px;
}
.mobile-menu ul li{
	display:block;
	
}
.mobile-menu ul li a{
	font-size:14px;
	color:#444;
	text-align:right;
	
}
.mobile-menu ul li a:hover{
	
	color:#6239bd;
	text-decoration:none;
	
}
.mobile-menu ul {
	margin:0px;
	background:#fff;
	padding:20px;
	border-top:2px solid #6239bd;
	
}
.mobile-menu .toggle-menu{
	
	width:260px;
	padding-top:22px;
	padding-bottom:30px;
	
	position:absolute;
	top:40px;
	right:0px;
	z-index:100;
	text-align:right;
	
	
}
.more-tools{
	margin:0px;
	padding:7px 16px;
	border:1px solid #fff;
	text-align:center;
	cursor:pointer;
	
}
.more-tools::after{
	content:"\f078";
	font-family: "FontAwesome";
	font-size:10px;
	color:#fff;
	font-weight:100;
	margin-left:7px;
	padding-bottom:1px;
	transition:.3s;
	display:inline-block;
	font-weight:300;
	color:rgba(255,255,255.7);
	
}
.more-tools-active::after{
	content:"\f078";
	font-family: "FontAwesome";
	font-size:10px;
	color:#fff;
	font-weight:100;
	margin-left:7px;
	padding-bottom:1px;
	transform:rotate(180deg);
	display:inline-block;
	font-weight:300;
	color:rgba(255,255,255.7);
	transition:.3s;
	
}
.toggle-menu p{
	
	width:100%;
	
	margin-bottom:0px;
	color:#fff;
	cursor:pointer;
	box-shadow:1px 1px 10px rgba(0,0,0,.15);
}
.more-tools:hover{
	
	cursor:pointer;
	box-shadow:1px 1px 10px rgba(0,0,0,.3);
}
.toggle-menu{
	display:none;
	transition:.3s;
}
.toggle-menu-active{
	display:block !important;
	transition:.3s;
}

.toggle-menu:hover{
		display:block;
}
/*=============mobile menu end==========*/
/*==========header design end=============*/
/*===========footer design================*/
.top-footer{
	width:100%;
	background:#000;
	padding:40px 15px;
}
.footer-link-row{
	padding:20px 0px;
}
.footer-link-col{
	width:25%;
	float:left;
	padding-left:60px;
}
.footer-link-col-mid{
	width:18%;
	float:left;
}
.footer-link-col-mid-mid{
	width:13%;
	float:left;
}
.footer-link-col-last{
	width:24%;
	float:right;
}
.footer-link-col-last div{
	margin-left:15px;
}
.footer-link-head h3{
	color:#7c7c7c;
	margin-bottom:20px;
	font-size:20px;
	font-weight:700;
	line-height:24px;
}
.footer-link-list ul{
	margin:0px;
	padding:0px;
	list-style:none;
	
}
.footer-link-list ul li{
	font-size:13px;
	line-height:17px;
	margin-bottom:10px;
}
.footer-link-list ul li a{
	
	font-weight:500;
	color:#bababa;
	text-decoration:none;
}
.footer-link-list ul li a:hover{
	
	color:#fff;
	
}
.footer-partner-row{
	border-top:1px solid rgba(186, 186, 186,.5);
	padding:20px 0px 0px 0px;
}
.footer-partner-img{
	width:100%;
}
.footer-partner-img ul{
	text-align:center;
	margin:0px;
	padding:0px;
	margin-right: 35px;
	
}
.footer-partner-img ul li{
	display:inline-block;
	margin:0px 17px;
	
}
.footer-partner-img ul li img{
	max-width: 140px;
	
	
}

.bottom-footer{
	width:100%;
	background-color:#3E2572;
	padding-top:13px;
	
}
.copy-text{
	color:#262626;
}
.copy-text p{
	margin-bottom:0px;
	margin-top:5px;
	color:#fff;
	font-size: 13px;
	font-weight:400;
}
.copy-text p a{
	
	color:#fff;
	text-decoration:none;
	
}
.footer-social{
	width:100%;
	text-align:right;
}
.footer-social ul li{
	
	display:inline-block;
	margin-left:7px;
}
.footer-social ul li a{
	
	display:block;
	border-radius:7px;
	padding:5px 10px;
	color:#fff;
}
.footer-social ul li a:hover{
	
	opacity:.8;
}
.fb{
	padding:5px 13px !important;
	background:#4267B2;
}

.tw{
	
	background:#1DA1F2;
}

.pin{

	background:#E60023;
}
.ins{
	
	background:#3f729b;;
}
.yot {
    background-color: #cd201f;
}
.lnk {
    background-color: #0077b5;
}
.footer-link-mbl-row{
	display:none;
	padding-bottom:20px;
}
.footer-link-mbl-row .card{
	
	background-color:transparent;
}
.footer-link-mbl-row .card-title{
	
	color: #7c7c7c !important;
	font-size:17px;
	font-weight:500;
	cursor:pointer;
}
.footer-link-mbl-row .card-body{
	
	padding:.75rem 1.25rem;
}
.footer-link-mbl-row .card-header {
	padding:.5rem 1.25rem;
}
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    /*content: "\f077";*/
	content:"\f068";
	
    float: right; 
	cursor:pointer;
	color: #7c7c7c !important;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    
	/* content: "\f078"; */
	content:"\f067";
	cursor:pointer;
	color: #7c7c7c !important;
}
.footer-img-mbl{
	display:none;
}
.container {
    max-width: 1400px;
	
}
.main-body .container {
    background:#fff;
	box-shadow: 0 0 50px 1px rgba(0,0,0,.22);
	
}
/*++++++++++++++==============footer end===========++++++++++++++++*/
/*==============Page -benar===========*/
.page-benar{
	
	width:100%;
	background-image:url('images/page-benar-box-layout.svg'),
	linear-gradient(65deg,rgba(145, 55, 212,.9),rgb(98, 57, 189,1));
	background-position: 50%;
	z-index:0;
}
.heading-col{
	
	padding: 83px 0px 70px;
	text-align:center;
	color:#fff;
	margin-top:45px;
	
}
.heading-col h1{
	font-weight:700;
	letter-spacing: .02em;
	font-size:50px;
	text-shadow: 0 1px 0 #c9cfce , 0 2px 0 #bcc2c2 , 0 3px 0 #afb6b6 ,
				0 4px 0 #a4adac , 0 0 5px rgba(0,0,0,.05) ,
				0 1px 3px rgba(0,0,0,.2) , 0 3px 5px rgba(0,0,0,.2) ,
				0 5px 10px rgba(0,0,0,.2) , 0 10px 10px rgba(0,0,0,.2) , 
				0 30px 30px rgba(0,0,0,.3);
}

/*==============Page -benar end===========*/
/*footer end*/
.app-head h1{
		padding:20px 0px 10px 0px;
		color:#262626;
		font-weight:600;
		margin-bottom:0px;
	}
	.app-head p{
		
		margin-bottom:1px;
		color:#666;
		font-weight:500;
		font-size:14px;
		
	}
	.app-desc{
		margin:7px 0px;
		
	}
	.app-desc-box{
		margin:auto;
		width:65%;
		margin-bottom:20px;
	}
	
	.app-head .subtitle{
		padding-bottom:10px;
		font-size:17px;
		margin-top:10px;
		font-weight:500 !important;
		color:#555;
		line-height:22px;
		max-width:500px;
		margin:auto;
		line-height:30px;
	}
	.htu{
		font-size:18px !important;
		color:#555;
		font-weight:500;
		cursor:pointer;
		width:57%;
		height:36px;
		margin:auto;
		
		position:relative;
	
	}
	
	.q-icon{
		padding:2px 6px;
		background:#fff;
		border:2px solid #6239BD;
		font-size:16px;
		border-radius:50%;
		color:#6239BD;
		display:inline;
		box-shadow:1px 1px 15px rgba(0,0,0,.17);
	}
	.instruction-box{
		
		display:none;
		width:100%;
		text-align:left;
		background:rgba(98, 57, 189,.8);
		box-shadow:1px 1px 15px rgba(0,0,0,.17);
		z-index:50;
		padding:15px;
		border-radius:15px;
		position:absolute;
		top:100%;
		left:0;
		transition:.4s;
		
	}
	.toltip-arrow-box{
		width:100%;
		height:100%;
		position:relative;
		
	}
	.tol-arrow{
		
		
		
		width:0px;
		height:0px;
		border:12px solid transparent;
		border-bottom-color:rgba(98, 57, 189,.8);
		
		position:absolute;
		top:-39px;
		left:0;
		right:0;
		margin:auto;
		
	}
	.instruction-box .app-desc{
		color:#fff;
		font-weight:normal !important;
	} 
	.instruction-box .app-desc:first-child{
		margin-top:0px;
	}
	.htu:hover{
		color:#6239BD;
	}
	
	.htu:hover .q-icon{
		background:#6239BD;
		color:#fff;
		transition:.3s;
	}
	.htu:hover .instruction-box{
		display:block !important;
		transition:.4s;
	}
	.tol-click{
		color:#6239BD;
	}
	.tol-click .q-icon{
		background:#6239BD;
		color:#fff;
		transition:.3s;
		
	}
	
	
/*-----------=====budget Estimator  tool=====-------------*/
.main-app{
	/*width:100%;*/
	max-width:1400px;
	margin:auto;
	background:#fff;
	
	padding: 30px 15px;
	box-shadow: 0 0 50px 1px rgba(0,0,0,.22);
}
.app-row{
	
	
}
/* =======budget Estimator========= */


.btn-col{
	text-align:center;
	margin:30px 0px 40px 0px;
}
.roi-btn{
	display:inline-block;
	background-image: linear-gradient(90deg,#9137D4,#6239bd) !important;
color: #fff;
padding: 13px 29px;
line-height: 17px;
font-size: 12px;
font-weight: 700;
font-style: normal;
letter-spacing: 1px;
border-width: 0;
border-style: solid;
border-radius: 25px;
text-transform: uppercase;
-webkit-transition: all .2s;
transition: all .2s;
}
.roi-btn:hover{
	transition:.3s ease-in-out;
	background-image: linear-gradient(90deg,#6239bd,#9137D4) !important;
	text-decoration:none;
	color:#fff;
}

	
	.main-app-col{
		padding:0px;
		border: 5px solid rgba(98, 57, 189,.1);
		border-top:none;
		border-radius: 10px;
		padding-bottom:5px;
	}
	.form-header{
		padding:8px 15px;
		background:#6239bd;
		border-radius:10px 10px 0px 0px;
		width:100%;
		margin:auto;
	}
	.form-header .col-6{
		
		padding:0px !important;
		
	}
	.form-header .col-3{
		
		padding:0px !important;
		
	}
	.form-header h3{
		color:#fff;
		margin-bottom:0px;
		font-size: 18px;
	}
	.form-row{
		width:100%;
		margin:auto;
		padding:4px 15px;
	}
	.form-row input{
		border: 1px solid rgba(98, 57, 189,.8);

		border-radius: 10px;
	}
	.form-label{
		margin-bottom:0px;
		margin-top:5px;
	}
	.form-inp{
		text-align:left;
		margin:0px;
		
	}
	.form-output{
		text-align:right;
		margin:0px;
		
	}
	.input-group-text{
		border-radius:10px 0 0 10px;
	}
	.reset-form{
		width:120px;
		margin:auto;
		display:block;
		margin-top: 10px;
	}
	form{
		width:100%;
	}
	.reset-form{
		border-radius: 10px;
		border: none;
		padding: 7px;
		background-color:#FFC12C;
		color:#111;
	}
	/*sales matrics */
	.sales-matrics{
		margin-top:10px;
	}
	
	
	.form-row .input-group-prepend{
		height:30px;
	}
	.form-row .form-control{
		height:30px;
	}
	
	.utm-area{
		max-width:640px;
		margin:0px auto;
		padding:30px;
		background:#ffffff;
		box-shadow:1px 1px 20px 10px rgba(0,0,0,.12);
		border-radius:7px;
	}
	
	.text-small{
		font-size:13px;
		margin:5px 0px;
	}
	
	.sugg-btn-box{ 
		width:100%;
		padding-top:15px;
	}
	.sugg-btn{
		display:inline-block;
		padding:3px 5px;
		border-radius:30px;
		border:1px solid #888888;
		margin-right:5px;
		font-size:11px;
		color:#888888;
		opacity:.5;
		cursor:pointer;
		transition:.3s;
		margin-bottom:5px;
	}
	.sugg-btn img{
		
		width:12px;
		margin-right:5px;
		
	}
	.sugg-btn:hover{
		opacity:1;
		transition:.3s;
	}
	.form-control{
		font-size:14px;
	}
	input[placeholder], [placeholder], *[placeholder] {
    color:#dddddd;
	font-size:12px;
}	
.url-valid{
	display: inline-block;
float: right;
font-size: 11px;
}
.create-new{
	padding-top:30px;
	text-align:center;
	margin-top:30px;
	border-top:1px solid #ddd;
}
.create-new button{
	
	background:#4fb840;
	background: linear-gradient(90deg,#4fb840, #14a000);
	color:#fff;
	border:none;
	margin:auto;
	padding: 10px 16px;
		font-size:15px;
		font-weight:600;
		border-radius:25px;
		transition:.3s;
}
.create-new button:hover{
	
	background:#14a000;
	background: linear-gradient(90deg, #14a000,#4fb840);
	transition:.3s;
}
.create-new p{
	
	margin-top:20px;
	font-size:12px;
	color:#888;
	
}
.utm-output-area{
		width:100%;
		margin-top:30px;
		padding:30px 15px;
		border-top:1px solid #dddddd;
		
	}
.utm-output-area h3{
		text-align:center;
		color:#555555;
		font-weight:500;
	}
	.info-x{
		font-size:12px;
		text-align:center;
	}
	
	.utm-url-box{
		
		width:100%;
		padding-top:30px;
		border-top:1px solid #dddddd;
		
	}
	.generated-url-row{
		width:100%;
		height:80px;
		
		font-size:14px;
		line-height:24px;
		font-weight:300;
		position: relative;
		display: flex;
		align-items: center;
	}
	.utm-url-box{
		margin-top:30px;
	}
	
	.g-url{
		
		height:100px;
		padding:10px;
		filter: blur(0);
transition: filter 122ms ease-out;
flex: 1;
font-size: 12px;
font-family: Menlo, Consolas, Monaco, monospace;
color: #696c71;
line-height: 1.45;
width: 100%;

border: 1px solid #dadcde;
border-radius: 2px;
background: #fff;
background: rgba(0,0,0,.02);
width: 80%;
overflow-Y: auto;
	}
	.copy-box{
	width: 120px;	
		filter: blur(0);
transition: filter 122ms ease-out;

margin-left: 20px;
	}
	.copy-btn{
		background-color: #1d4575;
		background-image: linear-gradient(90deg,#9137D4,#6239bd) !important;

transition: background-color 99ms ease-out;
text-decoration: none !important;
text-decoration: none !important;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
white-space: nowrap;
user-select: none;
color: #fff;
padding: 10px 16px;
font-size: 16px;
font-weight:600;
line-height: 1.3333333;
border-radius: 6px;
border-radius: 25px;
		
	}
	.copy-btn:hover{
		background-image: linear-gradient(90deg,#6239bd,#9137D4) !important;
		
	}
	
	
	.generated-tag-only-row{
		margin-top:20px;
		width:100%;
		height:80px;
		
		display: flex;
		align-items: center;
	}
	.tag-field{
		
		flex: 1;
    flex-shrink: 1;
flex-shrink: 0;

	}
	.tag-field textarea{
		
		width: 80%;
		line-height:24px;
		font-weight:300;
		height:80px;
	
	font-size: 11px;
line-height: 1.1;
width: 100%;
display: block;
border: 1px solid #dadcde;
border-radius: 2px;
background: #fff;
background: rgba(0,0,0,.02);
padding: 4px;
margin: 0;
resize: none;
color:#444;

color: #696c71;
line-height: 1.45;
width: 100%;
padding: 14px;
border: 1px solid #dadcde;
border-radius: 2px;
background: #fff;
background: rgba(0,0,0,.02);
overflow-y:auto;
	}
	
	.Parameters{
		
		width: 120px;
margin-left: 20px;
text-align: left;
font-weight: bold;
font-size: 13px;
	}
	/*==================basic tracking =================-*/
	
	.basic-tracking-section{
		
		padding:50px 0px;
		background:#f7f7f7;
		margin-top:50px;
		
		
		
	}
	.sub-title{
		max-width:540px;
		margin:auto;
		text-align:center;
	}
	.sub-title p{
			padding: 10px 0px;
			font-size: 17px;
			margin-top: 10px;
			font-weight: 500 !important;
			color: #555;
			line-height: 22px;
			max-width: 500px;
			margin: auto;
			line-height: 30px;
		
		
	}
	.bassic-box{
		
		max-width:1025px;
		margin:auto;
	}
	.basic-info {
		
		margin-top:30px;
	}
		.basic-info h4{
			
		}
	.basic-info ul li{
		
		font-size:14px;
		line-height:28px;
	}
	
	/*====== utm-work==== */
	
	
	.utm-work{
		padding:50px 0px;
		
	}
	.utm-work-box{
		
		max-width:1025px;
		margin:auto;
		text-align:center;
	}
	
	.utm-work-content{
		
		padding:10px;
		text-align:center;
		margin-top:30px;
	}
		.utm-work-content img{
			max-width:64px;
			
		}
		.utm-work-content h4{
			font-size:18px;
			
		}
		.utm-work-content p{
			margin-top:30px;
			font-size:15px;
			
		}
	
	/*faq section*/
	.utm-faq{
		
		padding:50px 0px;
		background:#f7f7f7;
	}
	.utm-faq-box{
		
		max-width:960px;
		margin:auto;
	}
		.utm-faq-box h3{
			
			margin-bottom:50px;
			text-align:center;
		}
		.accordion .card{
			background:transparent;
			border:none;
		}
	.utm-accordion > .card .card-header {
		border:none;
		
		background:#fff;
		margin-bottom:0px;
		border:none;
		padding:25px 25px 15px 25px;
		cursor:pointer;
		
}
.utm-accordion .card-title{
	font-size:16px;
	display:inline-block;
	
	
	cursor:pointer;
	color:#6329bd !important;
	
}
.utm-accordion .card-content{
	border:2px solid #6239bd;
	
    margin-bottom: 0px;
	
	border-image: linear-gradient(to right, #9137D4 , #6239bd 0%);
    -webkit-border-image: linear-gradient(to right, #9137D4 , #6239bd);
	border-image-slice: 2;
	border-width: 3px;
	border-top: none;
	border-left: none;
	border-right: none;
	margin-bottom:7px;
	box-shadow:0px 0px 30px rgba(0,0,0,.08);
	
}
.utm-accordion .card-content {
	font-size:14px;
	line-height:28px;
}
.utm-accordion .card-content li{
	font-size:14px;
	line-height:26px;
	margin-top:5px;
}
.utm-accordion .card-body {
	
	background:#fff;
	padding-left:70px;
	padding-right:30px;
}
.utm-accordion  .card-header.collapsed::after {
    content: "\f078";
    content: "\f067";
    cursor: pointer;
    color: #6329bd !important;
}
.utm-accordion .card-header::after {
    font-family: 'FontAwesome';
    content: "\f077";
    content: "\f068";
    float: right;
    cursor: pointer;
    color: #6329bd !important;
}
.bg-high{
	display:inline-block;
	background-color:rgba(98, 57, 189,.2);
	padding:0px 5px;
	border-radius:5px;
}
.form-control{
	color:#444 !important;
	padding-top:10px;
	padding-bottom:10px;
	font-size:15px !important;
}
	.text-small span{
		display:inline-block;
	}
	.utm-url-out{
		
		width:100%;
		margin:20px 0px;
	}