/*
Theme Name: ccqtech
Author: Anonymous
Version: 1.16
Text Domain: responsive-mobile
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

@font-face {
    font-family: 'Inter-Medium';
    src: url('css/fonts/Inter-Medium.eot');
    src: url('css/fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Inter-Medium.woff2') format('woff2'),
        url('css/fonts/Inter-Medium.woff') format('woff'),
        url('css/fonts/Inter-Medium.ttf') format('truetype'),
        url('css/fonts/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter-Regular';
    src: url('css/fonts/Inter-Regular.eot');
    src: url('css/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Inter-Regular.woff2') format('woff2'),
        url('css/fonts/Inter-Regular.woff') format('woff'),
        url('css/fonts/Inter-Regular.ttf') format('truetype'),
        url('css/fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter-SemiBold';
    src: url('css/fonts/Inter-SemiBold.eot');
    src: url('css/fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Inter-SemiBold.woff2') format('woff2'),
        url('css/fonts/Inter-SemiBold.woff') format('woff'),
        url('css/fonts/Inter-SemiBold.ttf') format('truetype'),
        url('css/fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter-Bold';
    src: url('css/fonts/Inter-Bold.eot');
    src: url('css/fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Inter-Bold.woff2') format('woff2'),
        url('css/fonts/Inter-Bold.woff') format('woff'),
        url('css/fonts/Inter-Bold.ttf') format('truetype'),
        url('css/fonts/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

input[type="submit"], input[type="reset"], input[type="button"]{min-width: auto;}
body{
	font-family: 'Inter-Regular';
	font-weight:normal;
	font-style:normal;
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: normal;
    letter-spacing: 0px;
    position: relative;
	color:#3b4559;
	background: #fff;
}
.container{width: 100% !important; max-width: 1200px !important; margin: 0 auto !important;}
a:focus{color: #000000; text-decoration: none;}
a{color: #000000; text-decoration: none;display: block;}
a:hover{color:#3b4559; text-decoration: none;}
*,*:hover,*:focus,*.active{outline: none !important;}
h1,h2,h3,h4,h5,h6{font-weight: bold; color: #310563; letter-spacing: 0px;margin-bottom:20px;}
.base-text{
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.76;
	letter-spacing: normal;
	color: #1c2f41;
}
.tbl{display: table; table-layout: fixed; height: 100%; width: 100%;}
.tbl .tbl-cell{display: table-cell; vertical-align: middle; height: 100%;}
.list-typ1{padding: 0px; margin: 0px; list-style-type: none;}
.list-typ1 li{
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 15px;
	line-height: 23px;
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}
.list-typ1 li:before{
	content:"\f111";
	display: inline-block;
    font-family: FontAwesome;
    font-size: 7px;
    color: #000000;
    line-height: 1;
    position: absolute;
    left: 0px;
    top: 8px;
}
/* Header */
/* #header{border-bottom:1px solid rgba(0, 112, 150, 0.14);} */
.header-top-widget-outer .header-top-widget{
	font-size: 13px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
}
.header-top-widget-outer .header-top-widget p{margin-bottom: 0px;}
.header-top-widget-outer .header-top-widget a{
	color:#fff;
	font-weight: 700;
	font-style: normal;
	text-decoration: underline;
}
.header-top-widget-outer .header-top-widget a:hover{text-decoration: underline; color:#000000;}
/* #secondary-header .header-side-menu{padding-top:25px;} */

/* Footer CSS */

.footer-widget .widget-title h3{
	font-size: 22px;
	letter-spacing: 0.5px;
	color: #fff;
	margin-bottom:20px;
}
.footer-widget ul{ margin:0px; padding:0px; }
.footer-widget ul li{ margin:0px; padding:0px; list-style-type:none; }
.footer-widget ul li a{
	font-size: 14px;
	line-height: 2.14;
	letter-spacing: normal;
	color: #fff;
}
.footer-widget ul li a:hover{ color: #1eb2ff; }
#footer-base{padding:25px 0;}
.copyright a{display: inline-block !important;}
#footer-base .copyright{
	font-size: 10.9px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.33;
	letter-spacing: normal;
	color: #3b4559;
	display: inline-block;
	padding-right:12px;
}
#footer-base .copyright a{  color:#3b4559; }
.footer-menu{ margin:0px; padding:0px; text-align: right; display: inline-block;}
.footer-menu li{ margin:0px; padding:0px; list-style-type:none; display:inline-block;padding-right:12px; }
.footer-menu li:last-child{padding-right:0px;}
.footer-menu li a{
	text-decoration: underline;
	padding-right:5px;
	margin-right:0px;
	position:relative;
	font-size: 10.9px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3b4559;
}
.footer-menu li a:before{
	content:'|';
	position:absolute;
	right:-5px;
	top:0px;
	color:#3b4559 !important;
}

.footer-menu li:first-child a:after{
	content:'|';
	position:absolute;
	left:-7px;
	top:0px;
	color:#3b4559 !important;
	right: auto;
}
.footer-menu li a:hover,.footer-menu li.current-menu-item a{ color:#000000; }
body.user-with-login .footer-menu li a:hover,body.user-with-login .footer-menu li.current-menu-item a,body.user-with-login #footer-base .copyright a:hover{color:#000000;}
.footer-menu li:last-child a{ margin:0px; padding:0px; }
.footer-menu li:last-child a:before{ display:none; }
.widget-wrapper { padding:0px;margin: 0; }
.social-icons img{width: 25px;height:25px;}
/* Newsletter */
.newsletter-form-outer form{position: relative; max-width: 460px; margin: 0 auto;}
.newsletter-form-outer form select, .newsletter-form-outer form select.form-control, .newsletter-form-outer form textarea, .newsletter-form-outer form textarea.form-control, .newsletter-form-outer form input[type="text"], .newsletter-form-outer form input[type="password"], .newsletter-form-outer form input[type="file"], .newsletter-form-outer form input[type="datetime"], .newsletter-form-outer form input[type="datetime-local"], .newsletter-form-outer form input[type="date"], .newsletter-form-outer form input[type="month"], .newsletter-form-outer form input[type="time"], .newsletter-form-outer form input[type="week"], .newsletter-form-outer form input[type="number"], .newsletter-form-outer form input[type="email"], .newsletter-form-outer form input[type="url"], .newsletter-form-outer form input[type="search"], .newsletter-form-outer form input[type="tel"], .newsletter-form-outer form input[type="color"]{
	border-color: #fff;
	height: 48px;
}
.newsletter-form-outer form .mc4wp-response{
	position: absolute;
	left: 0px;
	right: 0px;
	font-size: 14px;
	line-height: 1;
}
.newsletter-form-outer form .mc4wp-form-fields > p{margin-bottom: 20px;}
.newsletter-form-outer form .agree-text{
	margin: 10px 0px;
	cursor: pointer;
	position: relative;
    padding-left: 25px;
    line-height: normal;
    color: #3b4559;
}
.newsletter-form-outer form .agree-text input[type=checkbox]{
	height: 18px;
    width: 18px;
    margin: 0px 5px 0px 0px;
    position: absolute;
    left: 0;
    top: 0px;
}
.newsletter-form-outer .mc4wp-alert.mc4wp-error{color: #ff0000;}
.newsletter-form-outer .mc4wp-alert.mc4wp-sucess{color: #008000;}

/* Mobile Menu */
.header-side-menu #main-navigation .main-nav .menu-logo,.header-side-menu #main-navigation .main-nav #mob-menu-closed,.site-navigation .mobilemenu-overlay{
	display: none;
}
/* Error 404 */
.error404.not-found{
	margin-top: 100px;
}
.section-404-typ-01 .title{margin-top:0;	margin-bottom:20px;}
.section-404-typ-01 .inner-404{text-align:center;}
.section-404-typ-01 .inner-404 .top-section{
	background: linear-gradient(to left, #67129f, #1d0654 100%);
	border-radius:2px;
	padding:45px 20px;
	box-sizing:border-box;
	-webkit-border-radius:3px;
	margin-bottom: 0px;
}
.section-404-typ-01 .s-404{
	font-size:80px;
	color:#fff;
	margin-bottom:0px;
	padding:0;
	height:auto;
	line-height:1;
	width:auto;
}
.section-404-typ-01 .title .not-found,.top-section .title{
	font-family: 'Inter-Bold';
	font-size:24px;
	color: #fff;
	line-height:20px;
	text-transform:uppercase;
	margin-bottom: 15px;
	line-height: 1.5;
}
.section-404-typ-01 .psdesc{
	text-align:center;
	font-size:18px;
	color: #fff;
    font-weight: 500;
	line-height:24px;
	margin-bottom:20px;
	line-height: 1.5;
}
.error404 #footer{margin-top: 0px; border-top:1px solid #310563;}
/*****************************
    Sitemap Page
********************************/
ul.sitemap-menu {list-style-type: none;}
ul.sitemap-menu > li {margin-bottom: 10px;}
ul.sitemap-menu li > a {font-size: 16px; color: #4a4a4a;}
ul.sitemap-menu li > a:hover {color: #000000; text-decoration: none;}
ul.sitemap-menu li a:before {content: "\f101"; font-family: FontAwesome; display: inline-block;
    margin-right: 5px;
}
ul.sitemap-menu li ul {padding-top: 8px;}
ul.sitemap-menu li ul li {margin-bottom: 5px;}
ul.sitemap-menu li ul li a {color: #4a4a4a; font-size: 15px;}
ul.sitemap-menu li ul li a:hover {text-decoration: none;}
ul.sitemap-menu li ul li a:before {content: "\f105"; font-family: FontAwesome; display: inline-block;
    margin-right: 5px;
}
ul.sitemap-menu {margin: 0; padding: 0;}
ul.sitemap-menu li ul {padding-left: 25px;}
ul.sitemap-menu .sub-menu {list-style-type: none;}
.colophon-widget-outer + #footer{margin-top:0px;}
.pagination-custom{margin-top:50px;}
.pagination-custom .btn-type1{
	background: #000000 url('images/right-arrow.svg') no-repeat center right 15px;
	text-align: left;
	padding-right: 60px;
}
.pagination-custom .btn-type1:hover{
	background: #fff url('images/right-arrow-blue.svg') no-repeat center right 15px;
}
.pagination-custom .pagination-custom-prev .btn-type1{
	background: #000000 url('images/left-arrow-svg.svg') no-repeat center left 15px;
	padding-right: 15px;
	padding-left: 60px;
	text-align: right;
}
.pagination-custom .pagination-custom-prev .btn-type1:hover{
	background: #fff url('images/left-arrow-blue-svg.svg') no-repeat center left 15px;
}
.pagination-custom-next{text-align: right; }
.form-checkbox .wpgdprc{display: inline-block;}
.form-checkbox .wpcf7-list-item{margin: 0px;}
.form-checkbox .wpcf7-list-item-label{
	font-weight: normal;
	line-height: 1.5;
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 30px);
}
.form-checkbox .wpcf7-list-item label{
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-size: 14px;
	display: block;
}

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0px;
    background: #ff4149;
    color: #fff;
    border-color: #ff4149 !important;
    font-size: 13px;
    line-height: normal;
}
.wpcf7 .ajax-loader,.wpcf7 .wpcf7-spinner{display: none !important;}
.contact-section-type4 .required-text{padding-top: 15px; display: inline-block;}
.gdpr-outer .wpcf7-list-item .wpcf7-list-item-label{display:none;}
.gdpr-outer .field-label{
	cursor: pointer;
	color: #fff;
	font-weight: normal;
	margin: 15px 0px;
	line-height: normal;
}
.gdpr-outer .wpcf7-list-item input {
    margin-right: 10px;
    height: 18px;
    width: 18px;
    top: 2px;
    position: relative;
}
.gdpr-outer .wpcf7-list-item {margin-left: 0;}
.gdpr-outer .wpcf7-list-item-label{text-transform:none;}
.gdpr-outer .wpcf7-not-valid-tip{
	text-transform: none;
	bottom: -25px !important;
	width: 270px !important;
	right: auto !important;
	left: 0;
	text-align: left !important;
}
.gdpr-outer label a{text-decoration:underline; color:#fff !important;}
.gdpr-outer label a:hover{text-decoration:underline !important; color:#000000 !important;}

/* Responsive Css */

@media (min-width: 1200px){
/* Header */
.sub-menu-back-btn {display: none;}
#main-navigation .main-nav ul li .menu_arrow:before{
    content: "\f107";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 18px;
    display: inline-block;
    cursor: pointer;
    /* background: url(images/select-drop-arrow.svg) no-repeat center center; */
    width: 10px;
    height: 8px;
    position: absolute;
    right: 18px;
	line-height:normal;
    top: 46%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	}
	.sticky-header #main-navigation .main-nav ul li .menu_arrow:before{top: 45%;}
}


@media (max-width: 1610px){
/* Header */
#main-navigation ul li{margin: 0;}
}
@media (max-width: 1400px){
/* Footer */
	.ft-inner-sec .WP_Editor_Widget h2{font-size: 30px; max-width: 500px;}
}
@media(max-width:1199px){
	.container{width: 100%;}
	#header{padding-top: 15px;padding-bottom: 15px;}
	.sticky-header{padding-top: 15px !important;padding-bottom: 15px !important;}
	footer .ft-inner-sec{ padding-bottom:50px; padding-top:70px;}
	.ft-top-head{ display:block; margin-bottom:10px; margin-right: 0px;}
	
	/* Mobile Menu */
	.sub-menu-back-btn {display: block;}
	.main-nav{background-image: linear-gradient(to bottom, #67129f 0%, #1d0654 100%);}
	.logo-sideheader #secondary-header{margin: 6px 0px 0px 0px;}
	.header-side-menu #mobile-nav-button::before {display: none;}
	#mobile-nav-button{
		background: url('images/menu-ico.svg')no-repeat center center;
		height: 21px;
		width: 30px;
		outline:none !important;
		padding:15px 15px !important;
	}
	.sticky-header #mobile-nav-button{padding:15px !important; transition: all ease-in 0.3s;}
	#header #site-branding #logo{width:200px !important;}
	.sticky-header #site-branding #logo{width: 200px !important;padding-top: 0px !important;}
	#site-branding #logo{padding-top: 0;width: 250px !important;}
	.header-side-menu #main-navigation .main-nav {
		padding-top: 100px;
		overflow-y: auto;
		border:none;
		box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6);
		-webkit-transition: left 0.5s;
		transition: left 0.5s;
		width: 280px;
		z-index: 9999;
		background-color: #fff;
		left: -300px;
		position: fixed;
		top: 0px;
		bottom: 0px;
		padding-bottom: 50px;
	}
	.header-side-menu #main-navigation .main-nav > ul{
		/*display: block;*/
		padding: 0;
		top: 0px;
		position: relative;
		right: auto;
		min-width: auto;
		border-top: none;
		box-shadow: none;
	}
	.header-side-menu #main-navigation .main-nav > ul li{margin: 0px; position:relative;display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
	#main-navigation ul li a{display: block; padding: 15px; /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/}
	#main-navigation ul li a:first-child{/*border-top: 1px solid rgba(255, 255, 255, 0.2);*/}
	.header-side-menu #main-navigation.menu-open .main-nav {left: 0px; top: 0px;}
	.site-navigation .mobilemenu-overlay {
		position: fixed;
		top: 0px;
		right: 0;
		bottom: 0px;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
		-webkit-transition: opacity 1s;
		transition: opacity 1s;
		left: 0;
		opacity: 0;
		z-index: 1000;
	}
	.site-navigation.menu-open .mobilemenu-overlay {opacity: 1; display: block;}
	#secondary-header{text-align: left;}
	.header-side-menu #main-navigation .main-nav .menu-logo {
		position: absolute;
		top:0px;
		left: 15px;
		right:0px;
		display: block;
		padding-top: 35px !important;
		text-align: left;
	}
	.header-side-menu #main-navigation .main-nav .menu-logo a{display: inline-block;}
	.header-side-menu #main-navigation .main-nav .menu-logo img {width: 200px;}
	.header-side-menu #main-navigation .main-nav #mob-menu-closed {
		height: 40px;
		width: 40px;
		position: absolute;
		top: 0px;
		right: 0px;
		content: "X";
		font-size: 40px;
		color: #fff;
		text-align: center;
		line-height: 40px;
		display: block;
		cursor: pointer;
		z-index: 1;
	}
	.header-side-menu{float: right; padding-top: 5px;}
	#search-open{margin-left: 0px; margin-right: 15px; margin-top: 8px;}
	.header-side-menu #main-navigation ul li:last-child{
		border-bottom: 1px solid rgba(0, 112, 150, 0.14);
	}

	.sub-menu{
		position: fixed;
		background: linear-gradient(to left, #67129f 0, #1d0654 100%) !important;
		width: 280px;
		top: 0px;
		left: -280px;
		z-index: 9999999;
		-webkit-transition: left 0.5s;
		transition: left 0.5s;
		display: block !important;
		overflow-y:auto;
		height:100vh;
		bottom:0px;
	}
	.menu-item.open  > .sub-menu{left:0;}
	.sub-menu-back-btn {
		padding:15px !important;
		background-color:rgba(0,0,0,0.1);
		color: #fff;
		text-decoration: none;
		line-height: normal;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.94px;
		text-transform: uppercase;
		border-top: none !important;
		cursor: pointer;

	}
	.sub-menu-back-btn i{margin-right:10px; position: relative;}
	.sub-menu-back-btn i:before {
		content: "\f104";
		display: inline-block;
		font-family: 'FontAwesome';
		font-style: normal;
	}
	#main-navigation .main-nav #menu-main-menu li a:after{display:none !important;}
	#main-navigation .main-nav #menu-main-menu li a{
		display:block;
		padding:10px 15px;
		font-size:16px;
	}
	.header-side-menu #main-navigation ul li:last-child{border-bottom:none !important;}
	#main-navigation .main-nav .menu li .menu_arrow {
		color: #fff;
		cursor: pointer;
		display: inline-block;
		height: 38px;
		line-height: 38px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 3px;
		width: 40px;
		z-index: 9999;
	}
	#main-navigation .main-nav .menu li .menu_arrow::after {
		font-size: 22px;
		content: "\f105";
		font-family: FontAwesome;
		color: #fff;
	}
	#main-navigation .main-nav .menu li li a::before{display:none;}
	#main-navigation ul{padding-left:0px;}
	

}
.website-logo img{
	width: 250px;
    margin-bottom: 50px;
}
@media(max-width:991px){
.ft-top { margin-bottom:15px; padding-bottom:55px; }
.footer-widget .widget-title h3{ margin:0px 0 15px; padding-bottom:15px; border-bottom:1px solid rgba(255, 255, 255, 0.45); cursor:pointer; position:relative;  }
.footer-widget.active .widget-title h3{ margin:0px 0 15px; padding-bottom:0px; border-bottom:0px; }
.footer-widget.active .widget-title + div{ margin:0px 0 15px; padding-bottom:15px; border-bottom:1px solid rgba(255, 255, 255, 0.45);  }
#footer .footer-widget .widget-title h3:before{
	content:'\f107';
	font-family:'FontAwesome';
	color:#ffffff;
	position:absolute;
	right:0px;
	top:0px;
	font-size:24px;
	line-height: 24px;
}
#footer .footer-widget.active .widget-title h3:before{ content:'\f106'; }
/* Footer */
.ft-trust-logo-section,
.ft-copy-social-section{text-align: center;}
.social-icons{margin: 0px;}
.ft-inner-sec .WP_Editor_Widget h2{max-width: 100%; margin-bottom: 15px;}
.ft-left-text-section{text-align: center; margin-bottom: 20px;}
}
@media(max-width:767px){
.sticky-header #main-navigation ul li a, #main-navigation ul li.menu-btn a{padding: 15px;}
.ft-top-head{display: block;}
/* Error 404 */
.section-404-typ-01 .inner-404{padding:50px 0px;}
.top-section .title{font-size: 22px;}
.section-404-typ-01 .psdesc{font-size:16px;}
#footer .scroll-top{bottom: 50px;}
footer .ft-inner-sec {padding-bottom: 20px; padding-top: 40px;}
.ft-inner-sec .WP_Editor_Widget h2{font-size: 26px; line-height: 32px;}
.newsletter-form-outer form .mc4wp-response{position: relative; left: auto; right: auto;}
.newsletter-form-outer form input[type="submit"] {padding: 15px 15px; min-width: 150px;}
}
@media(max-width:480px){
/* Error 404 */
.section-404-typ-01 .psdesc {font-size: 18px;}
.section-404-typ-01 .s-404{font-size: 70px; line-height: 80px;}
.website-logo img{max-width: 240px;}
/* Footer */
.copyright, .footer-menu{display: block;}
#footer-base .copyright{padding-right:0px;}
.ft-inner-sec .WP_Editor_Widget h2{font-size: 22px; line-height: 30px;}
}


@media(max-width:456px){
.gdpr-outer .wpcf7-not-valid-tip{bottom: -48px !important;}
}

/* Fonts
font-family: 'Inter-Regular';
*/

/* Common Class */
.common-padding{padding-top: 70px; padding-bottom: 70px;}
.common-padding-top{padding-top: 70px;}
.common-padding-bottom{padding-bottom: 70px;}
.nospacing-bottom{padding-bottom: 0;}
.head-typ1{
	font-family: 'Inter-SemiBold';
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1.2px;
	color: #ba00c4;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.head-typ2{
	font-family: 'Inter-Medium';
	font-size: 34px;
	font-weight: 500;
	color: #310563;
	text-transform: capitalize;
	margin-bottom: 40px;
}
.head-typ3{
	font-family: 'Inter-Medium';
	font-size: 30px;
	font-weight: 500;
	color: #310563;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 20px;
}
.head-typ4{
	font-family: 'Inter-Medium';
	font-size: 26px;
	font-weight: 500;
	color: #310563;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 20px;
}
.desc-typ1{
	font-family: 'Inter-Regular';
	font-size: 16px;
	line-height: 1.67;
	color: #505255;
}
.btn-typ1{
	font-family: 'Inter-Medium';
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	border-radius: 3px;
  	background-color: #ba00c4;
  	padding: 17px 30px;
  	text-transform: capitalize;
  	display: inline-block;
}
.btn-typ1:hover{background-color: #30e9f4;color:#310563;}
.btn-typ2{
	font-family: 'Inter-Medium';
	font-size: 14px;
	font-weight: 500;
	color:#310563;
	border-radius: 3px;
  	background-color: #30e9f4;
  	padding: 17px 30px;
  	text-transform: capitalize;
  	display: inline-block;
}
.btn-typ2:hover{background-color: #ba00c4;color:#fff;}
.btn-typ3{
	font-family: 'Inter-Medium';
	font-size: 14px;
	font-weight: 500;
	color:#fff;
	text-transform: capitalize;
	position: relative;
	display: block;
	padding-top: 8px;

}
.btn-typ3:hover{color: #30e9f4;}
.btn-typ3:after{
	content: "";
	background: url('images/btn-arrow1.svg') no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
	margin-left: 20px;
    top: 0;
}
.btn-typ3:hover::after{
	content: "";
	background: url('images/btn-arrow2.svg') no-repeat;
}
.btn-typ4{
	font-family: 'Inter-Medium';
	font-size: 14px;
	font-weight: 500;
	color:#310563;
	line-height: normal;
	letter-spacing: normal;
	text-transform: capitalize;
}
.btn-arrow{
	display: block;
	background: url('images/btn-arrow3.svg') no-repeat;
	width: 35px;
	height: 35px;
	background-size: 100%;
}
.btn-typ5{
	font-family: 'Inter-Medium';
	font-size: 16px;
	font-weight: 500;
	color: #0a103a;
	text-decoration: underline 2px #0a103a;
	padding-top: 8px;
	text-underline-offset: 3px;
	display: block;
}
.btn-typ5:hover{
	color: #30e9f4;
	text-decoration: underline 2px #30e9f4;
	text-underline-offset: 3px;
}
@media(min-width:1600px){
	.common-padding{padding-top: 100px;padding-bottom: 100px;}
	.common-padding-top{padding-top: 100px;}
	.common-padding-bottom{padding-bottom: 100px;}
	.cms-34{font-size: 34px;}
}
@media(max-width:992px){
	.common-padding{padding-top: 50px;padding-bottom: 50px;}
	.common-padding-top{padding-top: 50px;}
	.common-padding-bottom{padding-bottom: 50px;}
	.head-typ1{font-size: 14px;}
	.cms-34{font-size: 26px;}
	.head-typ2{font-size: 24px;margin-bottom: 20px;}
}
@media(max-width:576px){
	.common-padding{padding-top: 40px;padding-bottom: 40px;}
	.common-padding-top{padding-top: 40px;}
	.common-padding-bottom{padding-bottom: 40px;}
	.cms-34{font-size: 24px;}
	.head-typ2{font-size: 20px;}
	.contct-subhead{font-size: 22px;}
	.btn-typ5{padding-top: 2px;}
}


/* Banner Section */
.home-banner{/*background-image: linear-gradient(277deg, #310563 32%, #001454 48%) !important;*/}
.home-banner .centerleft .rss-banner-caption{left: 82px; margin-top:25px;}
.home-banner .rss-banner-title{
	font-size: 50px;
	font-family: 'Inter-Medium';
	letter-spacing: normal;
	line-height: normal;
	font-weight: 500;
	margin-bottom: 30px;
	text-align: left;
}
.home-banner .rss-banner-description{display: flex;}
.home-banner .rss-banner-description div a{margin-right: 20px;}
@media(max-width:1600px){
	.home-banner .rss-banner-title{font-size: 30px;}
	.home-banner .slick-slider > div, .home-banner .slick-track > div{height: 660px !important;}
	.home-banner .rss-banner-caption{max-width: 650px !important;}
}
@media(max-width:1199px){
	.home-banner .centerleft .rss-banner-caption {left: 20px;}
}
@media(max-width:992px){
	.home-banner .rss-banner-title{font-size: 24px;}
	.home-banner .slick-slider > div, .home-banner .slick-track > div{height: 550px !important;}
	.home-banner .rss-banner-caption{max-width: 450px !important;}
}
@media(max-width:767px){
	.home-banner .centerleft .rss-banner-caption{left: 0px; top:auto; bottom: 0; transform: translateY(0); -webkit-transform: translateY(0); margin: 0; max-width: 340px !important;}
	.home-banner .rss-banner-title{font-size: 18px;}
	.home-banner .slick-slider > div, .home-banner .slick-track > div{height: 450px !important;}
	.home-banner .rss-banner-caption{max-width: 450px !important;}
}

.about-us-home .about-description{
	font-family: 'Inter-Medium';
	font-size: 30px;
	line-height: normal;
	letter-spacing: normal;
	color: #310563;
}
.about-us-home .about-description p:first-child{margin-bottom: 15px;}
@media(min-width:1599px){.about-us-home .about-description{font-size: 34px;}}
@media(max-width:992px){.about-us-home .about-description{font-size: 22px;}}
/* Our Work Slider */
.box-type1{
	border-radius: 12px;
	background: url('images/work-bg.png') no-repeat;
	padding: 50px;
    width: 100%;
    height: 100%;
    background-size: cover;
	position:relative;
}
.box-type1 .our-work-img, .work-box .our-work-img{
    background: #fff;
    padding: 10px;
    width: auto;
    display: block;
    border-radius: 10px;
    width: 145px;
    height: 70px;
    margin-bottom: 20px;
}
.work-box .our-work-img{
    padding: 20px;
    width: 160px;
    height: 90px;
    border: solid 1px #ededed;
}
.box-type1 .our-work-img img,.work-box .our-work-img img{
	height: 100%;
    width: 100%;
    object-fit: contain;
}
.box-type1 .our-work-cat,.work-box .our-work-cat{
	display: inline-block;
	font-family: 'Inter-SemiBold';
	font-size: 8px;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: 0.8px;
	color: #fff;
	background: #173cdf;
	padding: 1px 5px;
    text-align: center;
    margin-bottom: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-right: 5px;
	position:absolute;
	left:0;
	top:0;
}
.box-type1 .our-work-desc{
	font-family: 'Inter-Regular';
	line-height: 1.57;
	letter-spacing: normal;
	font-size: 15px;
	color: #fff;
	margin: 0 0 25px;
}
.our-work-slider-section {overflow: hidden;}
.our-work-slider{ padding-top: 45px;position: relative;}
/* .our-work-slider .slick-list::before{
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
    height: 500px;
    width: 300px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
} */
.work-box-inner{position:relative; padding-top: 30px;}

.our-work-slider .slick-slide{ padding-left: 8px; padding-right: 8px; }
.our-work-slider .slick-list{margin-left: -15px;margin-right: -15px;}
.our-work-slider .slick-track { display: flex;}
.our-work-slider .slick-track .slick-slide { display: flex; height: auto;}
.custom-arrow{
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	top: -41px;
	cursor: pointer;
	background-size: 100% !important;
}
.our-work-slider .slick-list .slick-track .btn-typ3, .our-work-slider .slick-list .slick-track .btn-typ3:focus{z-index: 5; display:inline-block; color:#fff;}
.our-work-slider .slick-list .slick-track .btn-typ3:hover{
	color: #30e9f4;
}
.btn-prev-typ1{
	background: url('images/slider-prev.svg') no-repeat;
	right: 155px;
}
.btn-prev-typ2, .btn-prev-typ2:focus{
	background: url('images/slider-next.svg') no-repeat;
	right: 102px;
}
.btn-prev-typ1:hover{
	background: url('images/slider-prev-hover.svg') no-repeat;
	width: 43px;
	height: 43px;
}
.btn-prev-typ2:hover{
	background: url('images/slider-next-hover.svg') no-repeat;
	width: 43px;
	height: 43px;
}
.our-work-slider-section .head-typ2{margin-bottom: 0 !important;}
@media(max-width:1599px){.box-type1{padding: 25px;}}
@media(max-width:1199px){
	.btn-prev-typ1{
		right: 60px;
		top: -30px;
		width: 33px;height: 33px;
	}
	.btn-prev-typ2,.btn-prev-typ2:focus{
		right: 15px;
		top: -30px;
		width: 33px;height: 33px;
	}
	.btn-prev-typ1:hover{
		width: 33px;
		height: 33px;
	}
	.btn-prev-typ2:hover{
		width: 33px;
		height: 33px;
	}
}
@media(max-width:992px){
	.box-type1{padding: 20px;}
	.our-work-slider{padding-top: 20px;}
	.btn-prev-typ1{
		top: -23px;
		width: 26px;height: 26px;
		right: 50px;
	}
	.btn-prev-typ2,.btn-prev-typ2:focus{
		top: -23px;
		width: 26px;height: 26px;
	}
	.btn-prev-typ1:hover{
		width: 26px;
		height: 26px;
		right: 50px;
	}
	.btn-prev-typ2:hover{
		width: 26px;
		height: 26px;
	}
}
@media(max-width:480px){
	.our-work-slider .slick-list::before{ height: 350px;}
	.box-type1{padding: 35px;}
}

/* Clients Section */
.clients-page .client-section-box{
	grid-template-columns: 25% 25% 25% 25%;
}
.clients-page .client-section-box .box-typ2{height: 170px;}
.client-section-box{
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	margin: 0 -9px;
}
.box-typ2{
	display: table;
	border-radius: 16px;
	border: solid 1px #ededed;
    height: 150px;
    margin: 9px;
    background: #fff;
    position: relative;
    padding: 20px;
    text-align: center;
}
.box-typ2 .client-logo{
	display: table-cell;
	vertical-align: middle;
	width:50%;
}
.box-typ2 .client-logo img{margin: auto;}
@media(max-width:992px){
	.client-section-box{grid-template-columns: 25% 25% 25% 25%;	}
}
@media(max-width:767px){
	.client-section-box{grid-template-columns: 33.33% 33.33% 33.33%;}
	.box-typ2{height: 125px;}
}
@media(max-width:576px){
	.client-section-box{grid-template-columns: 50% 50%;	}
}

/* Our Expertise section */
.our-expertise-section{overflow: hidden;}
.our-expertise-desc{width: 81%; margin-bottom: 70px; }
.our-expertise-list{
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	margin: 0 -15px;
}
.our-expertise-inner{display: flex;}
.our-expertise-list .our-expertise-inner .our-expertise-list-title{
	font-family: 'Inter-Medium';
	font-size: 27px;
	background-image: linear-gradient(277deg, #310563 92%, #001454 13%);
	-webkit-background-clip: text;
  	background-clip: text;
  	-webkit-text-fill-color: transparent;
  	margin-bottom: 20px;
  	padding-top: 2px;
}
.our-expertise-list .our-expertise-list-img{
	padding-bottom: 40px;
	padding-left: 43px;
}
.our-expertise-list-outer{padding: 0 15px;margin-bottom: 70px;}
.our-expertise-list .our-expertise-list-img img{height: 100px;}
.our-expertise-list .our-expertise-inner .sequence-no{padding-right: 20px;padding-top: 4px;}
/*.our-expertise-list .our-expertise-list-outer:nth-child(1) .sequence-no,
.our-expertise-list .our-expertise-list-outer:nth-child(4) .sequence-no{margin: auto;}*/
.our-expertise-video video{object-fit: cover;position: relative;}
.our-expertise-video{position: relative;}
/* .clickToPlay{
	content: "";
	background: url('images/video-icon.svg');
	display: block;
    position: absolute;
    z-index: 999;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    background-size: 100%;
    transform: translate(-50%, -50%);
} */
.clickToPlay{background-image: url('images/video-icon.svg') !important;}
.our-expertise-video-desc{display: flex;align-items: center;}
.our-expertise-video-section{display: grid; grid-template-columns: 50% 50%;margin: 0 -20px;}
.our-expertise-video-section .our-expertise-video,.our-expertise-video-section .our-expertise-video-desc{padding: 0 20px 10px 20px;}
.our-expertise-video-section .our-expertise-video-desc .icon1{
	background: url('images/icon1.png') no-repeat;
	width: 80px;
    height: 80px;
    background-size: 100%;
    display: block;
    margin: 0 0 20px 0;
}
.our-expertise-video-section .our-expertise-video-desc .desc-typ1{margin-bottom: 30px;}
.author-name{
	font-family: 'Inter-Medium';
 	background-image: linear-gradient(281deg, #042b5f 91%, #001454 13%);
	font-size: 16px;
	font-weight: 500;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.author-desig{
	font-family: 'Inter-Regular';
	font-size: 16px;
	color: #505255;
	line-height: 1.75;
}

.home .expertise-section-outer{padding-bottom:0;}
.video-section-outer.nospacingtop{padding-top:0;}

@media(max-width:992px){
	.our-expertise-video-section .our-expertise-video-desc .icon1{margin: 15px 0;}
}
@media(max-width:767px){
	.our-expertise-list{grid-template-columns: 50% 50%;}
	.our-expertise-list .our-expertise-inner .sequence-no{padding-right: 10px;padding-top: 8px;}
	.our-expertise-list .our-expertise-list-img{padding-bottom: 25px;padding-left: 32px;}
	.our-expertise-list-outer,.our-expertise-desc{margin-bottom: 40px;}
	.our-expertise-desc{width: 100%;}
	.our-expertise-list .our-expertise-list-img img{height: 85px;}
	.our-expertise-list .our-expertise-list-outer .our-expertise-list-title{font-size: 24px;}
	.desc-typ1{font-size: 14px;}
	.our-expertise-video-section{grid-template-columns: 100%;}
}
@media(max-width:480px){
	.our-expertise-list{grid-template-columns: 100%;}
}

/* Why CCQ section */
.three-grid-box{display: grid; grid-template-columns: 33.33% 33.33% 33.33%;margin: 0 -10px;}
.three-grid-box-outer{padding: 10px;}
.three-grid-box .three-grid-box-outer .whyccq-list-icon{margin-bottom: 25px;}
.three-grid-box .three-grid-box-outer .whyccq-list-title{
	font-family: 'Inter-Medium';
	font-size: 20px;
	font-weight: 500;
	color: #310563;
	margin-bottom: 10px;
}
@media(max-width:992px){
	.three-grid-box .three-grid-box-outer .whyccq-list-icon{margin-bottom: 10px;}
}
@media(max-width:576px){
	.three-grid-box{grid-template-columns: 100%;}
	.our-expertise-video-section .our-expertise-video-desc .icon1{width: 60px;height: 60px;}
}

/* Footer Section */
.footer-top-logo{margin-bottom: 20px;}
.footer-top{display: grid; grid-template-columns: 25% 75%; margin: 0 -10px;}
.ft-inner{padding: 10px 15px ;}
.ft-heading1 h4{
	font-family: 'Inter-Bold';
	font-weight: bold;
	color: #310563;
	text-align: left;
	font-size: 14px;
	letter-spacing: 0.5px;
}
.ft-content ul,.ft-base ul, .ft-copyryt,#footer-base div{list-style: none;padding: 0 !important;}
.ft-content ul li a{
	font-family: 'Inter-Medium';
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	color: #310563;
}
.footer-top-logo .ft-logo{max-width:175px;}
.ft-content ul li a:hover,.ft-base ul li a:hover, #footer-base .copyright a:hover,
.ft-content ul .current-menu-item a,.ft-content ul .current_page_item a
{color: #ba00c4;}
.ft-base ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ft-base ul li a, #footer-base .copyright{
	font-family: 'Inter-Regular';
	font-size: 12px;
	color: #0a103a;
	opacity: 0.8;
    line-height: normal;
    letter-spacing: normal;
}
.ft-copyryt{display: flex !important; justify-content: flex-end !important;}
.block1{display: grid;grid-template-columns: 33.33% 33.33% 33.33%;}
.block2{display: none;}
#footer-base .copyright{display: block;}

@media(max-width:992px){
	.ft-base ul{justify-content: center;}
	.ft-base ul li{padding-right: 10px; padding-left:10px}
	#footer-base .copyright{text-align:center; display: block !important;}
	
}
@media(max-width:767px){
	.block1{display: none;}
	.block2{display: block;}
	.ft-content{padding: 10px 0 0 0px;}
	
	.ft-base ul li a, #footer-base .copyright{padding: 5px 0;display: block;text-align: center;}
	.ft-base ul li a{padding-right: 15px !important;}
	.footer-top{grid-template-columns: 100%;}
	/*.collapse{border-bottom: solid 1px #310563;}*/
	.ft-nav-part{border-bottom: solid 1px rgba(10, 16, 58, 0.25); cursor: pointer;}
	.ft-heading1{display: block; position:relative;}
	.ft-heading1:after{
		font-family: 'FontAwesome';
		content: "\f0d7";
		font-size: 20px;
		color: #310563;
	    position:absolute;
		top:-3px;
		right:0;
	}
	.collapsed .ft-toggle-arrow:before{
		font-family: 'FontAwesome';
		content: "\f0d8";
		font-size: 20px;
		color: #310563;
		width: 100%;
	    height: 100%;
	    display: flex;
	    align-items: center;
	}
	.collapsed .ft-toggle-arrow:after{display: none;}
	
	.footer-top .block2 .ft-nav-part.ft-inner.active .collapse{
		display:block;
	}
	.footer-top .block2 .ft-nav-part.ft-inner.active .ft-heading1:after{
		transform: rotate(180deg);
	}
}
@media(max-width:576px){
	.ft-base .menu li{flex: 0 0 50%;}
}

/* Blog Section */
.box-type-3{
	border: solid 1px rgba(10, 16, 58, 0.25);
	padding: 30px;width: 100%;
}
.box-type-3 .blog-date{
	font-family: 'Inter-SemiBold';
    font-size: 12px;
    font-weight: 600;
    color: #0a103a;
    line-height: 1.5;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0);
    padding-bottom: 70px;
}
.box-type-3 .blog-title{
	font-family: 'Inter-Medium';
	font-size: 20px;
	color: #0a103a;
	font-weight: 500;
	padding-bottom: 70px;
}
.box-type-3:hover{background: #1d0557;}
.box-type-3:hover .blog-date,.box-type-3:hover .blog-title,.box-type-3:hover .btn-typ4{color: #fff;}
.box-type-3:hover .blog-btn:after{background: url('images/btn-arrow3-hover.svg') no-repeat;background-size: 100% !important;}
.box-type-3 .btn-typ4{padding-top: 8px;}
.blog-btn{display: block;justify-content: space-between;position: relative;}
.blog-header-section{display: flex;justify-content: space-between;}
.blog-header-section .head-typ2{color: #0a103a !important;}
.blog-slider .slick-track { display: flex;}
.blog-slider .slick-track .slick-slide { display: flex; height: auto;}
.blog-btn:after{
	content: " ";
	position: absolute;
	top: -7px;right: 0;
	display: block;
	background: url('images/btn-arrow3.svg') no-repeat;
	width: 35px;
	height: 35px;
	background-size: 100%;
}
@media(max-width:767px){
	.box-type-3 .blog-date , .box-type-3 .blog-title{padding-bottom: 30px ; }
}

/* Service Section */
.ourservices-section{background-size: cover !important;overflow: hidden !important;}
.service-head,.process-head{color: #fff; margin-bottom: 35px;}
.service-head{border-bottom: solid 1px rgba(255, 255, 255, 0.25);padding-bottom: 10px;}
.servicetab-title li{
	font-family: 'Inter-Regular';
	font-size: 25px;
	color: #fff;
	opacity: 0.25;
	font-weight: normal;
}
.resp-vtabs li.resp-tab-active,.resp-vtabs .resp-tabs-container{background-color: transparent;border: 0;}
.servicetab-title li:hover,.servicetab-title li.resp-tab-active{color: #2bf2fb;opacity: 1;}
.servicetab-con{
	font-family: 'Inter-Regular';
	font-size: 16px;
	color: #b2b6b8;
	line-height: 1.75;
	background-color: transparent;border: 0;
}
.servicetab-img img{display: block;margin: auto;padding: 50px 50px 25px 50px;}
.resp-vtabs ul.resp-tabs-list,.resp-tabs-container.ver_1{width: 50%;}
.resp-vtabs .resp-tabs-list li{padding: 15px 0 !important;}
@media(max-width:992px){
	.servicetab-title li{font-size: 20px;}
	.resp-vtabs .resp-tabs-list li{padding: 10px 0 !important;}
}
@media(max-width:767px){
	.resp-vtabs ul.resp-tabs-list, .resp-tabs-container.ver_1{width: 100%;}
	h2.resp-accordion{
		font-family: 'Inter-Regular';
		font-size: 18px;
		color: #fff;
		opacity: 0.8;
		font-weight: normal;
		background: transparent !important;
	}
	.servicetab-img img{padding: 25px;}
	h2.resp-accordion:hover,h2.resp-tab-active{color: #2bf2fb;opacity: 1;}
}

/* Contact Us Section */
.contactus-section .contctus-head{color: #310563 !important;}
.contactus-section.common-padding{/*padding-bottom: 0!important;*/}
.contactus-section .common-padding{border-radius: 12px;padding: 50px 40px;margin-top: -160px !important;}
.contctus-inner{display: flex;}
.contct-inner-sec1{width: 50%;}
.contct-inner-sec2{width: 50%;text-align: right;}
.contct-inner-sec1 span.head-typ2 p{margin-bottom: 20px;text-transform: none;}
.contct-inner-sec1 .contct-mail{margin-bottom: 0 !important;}
.contct-subhead{font-family: 'Inter-Medium';color: #310563;font-size: 25px;font-weight: 500;}
.contct-subcon{
	font-family: 'Inter-Regular';
	color: #310563;
	line-height: 1.38;
	font-size: 16px;
	width: 50%;
    display: block;
    margin: 20px 0 auto auto;
}
.contct-mail{text-transform: lowercase !important;}
.contct-mail:hover{color: #ba00c4;}
@media (min-width: 1600px){.contactus-section .common-padding{margin-top: -190px !important;}}
@media(max-width:1199px){
	.contct-inner-sec2{width: 60%;}
	.contct-subcon{margin: 10px 0 auto auto;}
	.contactus-section{padding-left:15px;padding-right:15px;}
}
@media(max-width:992px){
	.contctus-inner{display: block;}
	.contct-inner-sec1,.contct-inner-sec2,.contct-subcon{width: 100%;text-align: left;}
	.contactus-section .common-padding{margin-top: auto !important;}
	.contct-inner-sec1 span.head-typ2 p{margin-bottom: 10px;}
	.contct-inner-sec1 .contct-mail{margin-bottom: 15px !important;}
}

/* Our Process Section */
.slider-thumb-header{
	position: relative;
	letter-spacing: 1px;
	outline:none !important;
}
.slider-thumb-header:before{
		content: '';
		border-top: 1px solid #ffffff;
		height: 1px;
		width: 100%;
		display: inline-block;
		position: absolute;
		top: 9px;
}
.slider-thumb-header:after{
		content: '';
		background-color:#310563;
		height: 20px;
		width: 20px;
		border-radius:50%;
		border: solid 2px #2bf2fb;
		display: inline-block;
		position: absolute;
		top: 0px;
		left: 10px;
}

.our-process-slider .process-inner{padding: 40px 10px; max-width: 400px;}
.btn-prev-typ3{
	background: url('images/slider-prev2.svg') no-repeat;
    right: 155px;
    top: -86px;
}
.btn-next-typ2{
	background: url('images/slider-next2.svg') no-repeat;
    right: 100px;
    top: -86px;
}
.btn-prev-typ3:hover{
	background: url('images/slider-prev-hover.svg') no-repeat;
	width: 43px;
	height: 43px;
}
.btn-next-typ2:hover{
	background: url('images/slider-next-hover.svg') no-repeat;
	width: 43px;
	height: 43px;
}
.our-process-slider .process-inner .process-icon img{width: auto;height: 50px !important;margin-bottom: 30px;}
.our-process-slider .process-title{
	font-family: 'Inter-Medium';
	font-size: 25px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 20px;
}
.our-process-slider .slick-track{margin-left: -10px;}
@media (max-width: 1199px){
	.our-process-section{padding-left: 15px;padding-right: 10px;margin-right: -15px;padding-bottom: 0 !important;}
	.our-process-slider .process-inner{padding-bottom: 0 !important;}
	.btn-prev-typ3{ right: 60px;top: -75px;}
	.btn-next-typ2{ right: 15px;top: -75px;}
	.btn-prev-typ3,.btn-next-typ2,.btn-prev-typ3:hover,.btn-next-typ2:hover{width: 33px;height: 33px;}
	.our-process-slider{margin-bottom: 100px;}
		.our-process-slider .process-title{margin-bottom: 15px;font-size: 20px;}
	.servicetab-con{font-size: 14px;}
}
@media (min-width: 1599px){
.btn-prev-typ3,.btn-prev-typ1{right: 420px;} 
.btn-next-typ2,.btn-prev-typ2{right: 370px;}
}
@media (min-width: 1200px){
	.our-process-section{padding-left: calc((100% - 1170px)/2);}
	.our-process-slider .process-inner{padding: 40px 25px;}
	.process-head{margin-bottom: 90px;}
	.btn-prev-typ3,.btn-next-typ2{top: -131px;}
	.our-process-slider .slick-track{margin-left: -25px;}
	.slider-thumb-header:after{left: 25px;}
}
@media (max-width: 992px){
.our-process-slider{margin-bottom: 0;}
}
@media (max-width: 776px){
.our-process-slider .process-inner .process-icon img{height: 45px !important;margin-bottom: 20px;}

}
@media (max-width: 567px){
	.our-process-slider .slick-slide{max-width: 100% !important;}
	.btn-prev-typ3{ right: 50px;top: -60px;}
	.btn-next-typ2{ right: 15px;top: -60px;}
	.btn-prev-typ3,.btn-next-typ2,.btn-prev-typ3:hover,.btn-next-typ2:hover{width: 25px;height: 25px;}
}

/* Newletter Section */
.ft-separator{border: solid 1px rgba(10, 16, 58, 0.25);}
.newsletter-form{
	padding-top: 50px; padding-bottom: 100px;
	display: grid;
	grid-template-columns: 25% 50% 25%;
	display:none;
}
.newletter-head{
font-family: 'Inter-Bold';
font-size: 25px;
color: #310563;
margin-bottom: 10px;
}
.newletter-sub-head{
font-family: 'Inter-Regular';
color: #310563;
font-size: 16px;
}
.newletterbtn{
	display: grid;
    margin-bottom: 15px;
    grid-template-columns: 76% 24%;
}
.newletterbtn > input{margin-bottom: 10px;}
.newsletter-form input[type="email"]{
	border: solid 1px #310563;
	background-color: #fff;
	border-radius: 3px;
	margin-right: 10px;

}
.newsletter-form input[type="submit"]{
	border-radius: 3px;
	background-color: #2bf2fb;
	border: none;
	color: #310563;
	font-weight: 500;
	font-size: 14px;
	font-family: 'Inter-Medium';
	margin-left: 10px;
}
.newsletter-form input[type="email"]::placeholder{
	font-family: 'Inter-Regular';
	color: #310563;
	font-size: 16px;
	line-height: normal;
	letter-spacing: normal;
}
.newsletter-form input[type="submit"]:hover{
	color: #fff;
	background-color: #310563;
	border: none;
}
.newsletter-form form label a{
	font-family: 'Inter-Regular';
	color: #310563;
	font-size: 12px;
	line-height: normal;
	letter-spacing: normal;
	text-decoration: none;
	display: flex;
	align-items: center;
}
.newsletter-form input[type=checkbox]{
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: solid 1px #310563;
    background-color: transparent;
    margin-right: 15px;
    margin-top: 0;
    box-shadow: none !important;
	position:absolute;
	left:0;
	top:0;
}
.newsletter-form .term-section{display: flex; position:relative; padding-left:35px;}

.social{ margin-left: -15px; margin-right: -15px;}
.social .social-icons{display: flex;list-style: none;justify-content: right;padding-top: 17px;}
.social .social-icons li{padding: 0 15px;}
.facebook{
    background: url('images/facebook.svg') no-repeat;
    width: 15px;
    display: block;
    height: 25px;
    background-size: 100%;
}
.facebook:hover{
    background: url('images/facebookicon.svg') no-repeat;
    width: 15px;
    display: block;
    height: 25px;
    background-size: 100%;
}
.twitter{
    background: url('images/twitter.svg') no-repeat;
    width: 25px;
    display: block;
    height: 25px;
    background-size: 100%;
    margin-top: 3px;
}
.twitter:hover{
    background: url('images/twittericon.svg') no-repeat;
    width: 25px;
    display: block;
    height: 25px;
    background-size: 100%;
    margin-top: 3px;
}
.linked{
    background: url('images/linked.svg') no-repeat;
    width: 25px;
    display: block;
    height: 25px;
    background-size: 100%;
    object-fit: cover;
}
.linked:hover{
    background: url('images/linkedinicon.svg') no-repeat;
    width: 25px;
    display: block;
    height: 25px;
    background-size: 100%;
    object-fit: cover;
}
@media(max-width:1199px){
.newsletter-form{padding-bottom:35px;}	
}
@media (max-width: 991px){
.newsletter-form{padding-bottom: 30px;}
}
@media (max-width: 992px){
	.newletterbtn input[type="submit"]{padding: 20px 10px;}
	.newletterbtn{grid-template-columns: 70% 30%;}
}

@media (max-width: 776px){
	.ft-separator{display: none;}
	.newsletter-form{
		padding-top: 0px; padding-bottom: 0px;
		display: none;
		grid-template-columns: 100%;
	}
	.newsletter-form > div{margin-bottom: 20px;}
	.social .social-icons{justify-content: center;padding: 0;}
	.newsletter-form .social{margin-bottom:0;}
	#footer-base {padding: 0px 0 25px 0;}
}
@media (max-width: 480px){
	.newsletter-form .term-section{flex-wrap: wrap;}
	.newsletter-form input[type=checkbox]{flex: 0 0 30px;margin-right: 5px;}
	.newsletter-form form label a{flex: 0 0 80%;}
}

/* Inner Banner Section */
.inner-banner{
	background: linear-gradient(to left, #67129f, #1d0654 100%);
	display: table;width: 100%;height: 345px;padding-top: 100px;
	transition: all ease-in 0.5s;
}
.inner-section{display: table-cell;vertical-align: middle;}
.inner-subtitle{
	font-family: 'Inter-SemiBold';
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: 1.2px;
	text-align: left;
	color: #ba00c4;
	text-transform: uppercase;
}
.inner-title{
	font-family: 'Inter-Medium';
	font-size: 50px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #fff;
	text-transform:capitalize;
}
@media (min-width: 1199px){
    .inner-banner .container-fluid{max-width: 1500px;}
}
@media (max-width: 1599px){
    .inner-banner .container-fluid{max-width: 1260px;}
}

/* Consultation Section */
.text-white{
	color: #fff !important;
	font-weight: 500;
}
.consultation-section .container{
	width: 50%;
	text-align: center;
}
.consultation-section .head-typ2{margin-bottom: 18px;text-transform: none;}
.consultation-section .desc-typ1{
	max-width: 60%;
    margin: 0 auto 30px auto;
}
.consultation-section .btn-typ2{width: 215px;}
@media(min-width: 1600px){
	.consultation-section.common-padding{padding-top: 138px; padding-bottom: 138px;}
}
@media (max-width: 767px){
	.consultation-section .desc-typ1{max-width: 100%;}
	.inner-banner{padding-top: 75px; padding-bottom: 40px; height: 270px;}
	.inner-title{font-size: 25px;}
	.inner-subtitle{font-size: 15px;}
	.consultation-section .container{width: 60%;}
}
@media (max-width: 576px){
	.consultation-section .container{width: 100%;}
}

/* Our Work Page */
.our-work{
	display: grid;
	grid-template-columns: 50% 50%;
	margin: -13px;
}
.work-box{
	padding: 48px;
	margin: 13px;
	position: relative;
	border: solid 1px #ededed;
	border-radius: 16px;
}
.work-box:before{
	content: "";
	background: url(images/zigzag-bg.svg) no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.work-box .our-work-desc{
	font-family: 'Inter-Regular';
  	font-size: 16px;
  	font-weight: normal;
  	line-height: 1.38;
  	letter-spacing: normal;
  	text-align: left;
  	color: #505255;
  	padding-bottom: 50px;
}
.work-box .btn-typ3{color: #310563;}
.work-box .btn-typ3:hover{color: #30e9f4;}
.work-box .btn-typ3:after{
	content: "";
	background: url('images/slider-next.svg') no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
	margin-left: 20px;
    top: 0;
    background-size: 100%;
}
.btn-typ3:hover::after{
	content: "";
	background: url('images/btn-arrow1-hover.svg') no-repeat;
	width: 35px;
	height: 35px;
	background-size: 100%;
}
@media (max-width: 576px){.our-work{grid-template-columns: 100%;}}

/* Blog Section */
.blog #footer, .single-post #footer, .single-ourwork #footer,.search #footer{border-top: solid 1px rgba(10, 16, 58, 0.25);}
.blog-section-post{display: grid;grid-template-columns: 70% 30%;}
.blog-inner-section{display: block; border-bottom: 1px solid #ececec;margin-bottom: 35px;}
.blog-inner-section:last-child{margin-bottom: 0;}
.blog-img1{margin-bottom: 30px;}
.blog-top{margin-bottom: 10px;display: flex;flex-wrap: wrap;align-items: center;}
.blog-date{
	font-family: 'Inter-SemiBold';
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 1.2px;
	text-align: left;
	color: #a6a6a6;
	padding-top: 2px;
}
.blog-title1{
    /*background-image: linear-gradient(273deg, #310563 92%, #001454 13%);*/
	color:#310563;
    font-family: 'Inter-Medium';
    font-size: 25px;
    font-weight: 500;
    text-align: left;
	background:transparent !important;
    /*-webkit-background-clip: text;*/
    /*background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
	text-decoration: underline;
	/*text-underline-offset: 3px;*/
	margin-bottom: 13px;line-height: 1.6;
	/*text-decoration-skip: ink !important;*/
}
.blog-title1:hover{
	/*background-image: linear-gradient(to right, #ba00c4 100%, #001454 0%);
	text-decoration: underline 2px #ba00c4;*/
	text-decoration: underline !important;
}
a.blog-cat1{display: inline-block !important;}
.blog-contnt1,.blog-contnt1 p{
  font-family: 'Inter-Regular';
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: left;
  color: #505255;
  margin-bottom: 30px;
}
.blog-tags{
  font-family: 'Inter-Regular';
  font-size: 12px;
  text-align: left;
  color: #505255;
  margin-bottom: 35px;
}
.blog-tags span{
	text-decoration: underline;
	padding-left: 5px;/*text-underline-offset: 3px;*/
	line-height: 1.7;position: relative;
	/*text-decoration-skip: ink !important !important;*/
}
.blog-tags span:after{content: ",";    position: absolute;
    right: -4px;}
.blog-tags span:last-child:after{content: ".";}
.blog-section-post .default-sidebar,.blog-section-post .gallery-sidebar,.blog-section-post .right-sidebar
{width: 100%;padding: 0;}
.blog-cat1, .blog-cat1:focus{
	font-family: 'Inter-SemiBold';
    font-size: 8px;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.8px;
    text-align: left;
    color: #fff;
    border-radius: 2.4px;
    padding: 3px 5px;margin-left: 25px;position: relative;
    display: inline-block;
	text-transform:uppercase;
}
.blog-cat1.cat-page-main{
	pointer-events: none;
}
.blog-cat1:hover{color: #2bf2fb;}
.blog-cat1:before{
	content: "";
	display: block;
	width: 4px;
  	height: 4px;
  	background-color: #c4c4c4;
  	border-radius: 10px;
  	position: absolute;
    left: -15px;
    top: 8px;
}
.blog-section-post .widget-title h3{
	font-family: 'Inter-Medium';
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #310563;
	margin-top: 5px;
	margin-bottom: 13px;
}
.blog-section-post #widgets .widget-title{
    margin-bottom: 0px;
    border-bottom: none;
}
.blog-section-post .tagcloud{
	font-family: 'Inter-Regular';
    font-size: 12px !important;
    line-height: 2.33;
    text-align: left;
    color: #000;
    text-decoration: underline;
    text-underline-offset: 2px;
    display: inline-block;
    padding: 4px 15px;
    background-color: #f2f3f2;
    border-radius: 60px;
    margin-right: 10px;
    margin-bottom: 7px;
}
.blog-recent-section{padding-right: 50px;}
.blog-sidebar-section{ padding-left: 50px;}
.blog-sidebar-section .blog-title1{	font-size: 15px;margin-bottom: 20px;}
.blog-sidebar-section .blog-inner-section .widget-title h3,
.blog-sidebar-section .blog-inner-section{margin-bottom: 20px;}
.blog-sidebar-section .widget-wrapper{margin-bottom: 50px;}
.blog-sidebar-section .search-form .search-submit,.blog-sidebar-section input[type="submit"]{
	font-size: 0;min-width: auto;
	background-color: transparent;
	padding: 0;    border: 0;
}
.blog-sidebar-section form label{width: 100%;}
.blog-sidebar-section input[type="search"]{  border-radius: 3px;
  border: solid 1px #d9d9d9;height: 50px;
  background-color: #fff;}
.search-form{position: relative;}
.blog-sidebar-section .search-form .search-submit{
	background: url('images/searchicon.svg') no-repeat;
    position: absolute;
    display: block;
    top: 15px; left: 100%;
    width: 20px; height: 20px;
    transform: translateX(-40px);
}
#widgets{margin-bottom: 0;}
.blog-img1 img{width: 100%;max-height: 382px;object-fit: cover;}
.blogcat1{
	font-family: 'Inter-SemiBold';
	font-size: 8px;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.8px;
    text-align: left;
    color: #fff;
    border-radius: 2.4px;
    padding: 2px 5px;margin-right: 5px;
}
@media (min-width: 1599px){
	.blog-recent-section{padding-right: 70px;}
	.blog-sidebar-section{ padding-left: 70px;}
}
@media (max-width: 1199px){
	.blog-recent-section{padding-right: 30px;}
	.blog-sidebar-section{ padding-left: 30px;}
	.blog-sidebar-section .widget-wrapper{margin-bottom: 30px;}
}
@media (max-width: 992px){
	.blog-recent-section{padding-right: 15px;}
	.blog-sidebar-section{ padding-left: 15px;}
	.blog-sidebar-section .widget-wrapper{margin-bottom: 20px;}
	.blog-section-post .tagcloud a{margin-right: 0px;}
	.blog-title1{font-size: 20px;}
	.blog-contnt1,.blog-contnt1 p{font-size: 14px;}
}
@media (max-width: 767px){	.blog-recent-section{padding-right: 7px;}
	.blog-sidebar-section{ padding-left: 7px;}
	.blog-sidebar-section .widget-wrapper{margin-bottom: 20px;}
	.blog-section-post .tagcloud a{margin-right: 0px;}
	.blog-title1{font-size: 15px;}.blog-sidebar-section .blog-title1{font-size: 14px;}
	.blog-contnt1,.blog-contnt1 p{font-size: 12px;    margin-bottom: 10px;}
	.blog-tags,.blog-inner-section{margin-bottom: 25px;}
	.blog-sidebar-section input[type="search"]{padding: 10px 15px;height: 38px;}
	.blog-sidebar-section .search-form .search-submit{top: 9px;}
	.blog-section-post{grid-template-columns: 100%;}
	.blog-recent-section .blog-inner-section:last-child{margin-bottom: 30px;}
}

/* Blog Detail Page */
.blog-detail-bg{
    background: linear-gradient(to left, #67129f, #1d0654 100%);
    width: 100%;
    height: 100%;
    z-index: -1;
    max-height: 500px;
    display: inline-block;
    padding-top: 111px;
}
.blog-d{margin-bottom: 100px;}
/* .blog-detail-bg:before{
	content: "";display: block;position: absolute;
	background: linear-gradient(to left, #67129f, #1d0654 100%);
	width: 100%;
	height: 500px;z-index: -1;
} */
.blog-detail-section{display: block;text-align: center;margin: 100px auto;}
.blog-detail-section .blog-cat1{display: inline-block;
	font-size: 10px; margin-bottom: 5px;
	letter-spacing: 1px;line-height: 1.44;padding: 4px 10px;}
.blog-detail-section .blog-cat1:before{display: none;}
.detail-img img{
	width: 100%; height: 100%;
	object-fit: cover;max-height: 634px;
}
.detail-img{margin-bottom: 50px;}
.blog-detail-contnt{
	max-width: calc(100% - 400px);
	margin: auto;
	text-align: left;
}
.detail-title{
	font-family: 'Inter-Medium';
    background-image: linear-gradient(273deg, #310563 92%, #001454 13%);
    font-size: 20px;
    font-weight: 500;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}
.blog-contnt1 p img{width: 100%; max-height: 550px;object-fit: cover;}
.blog-contnt1 p:last-child{margin-bottom: 0;}
.read-more{display: none;}
.detail-author{
	font-family: 'Inter-Medium';
	display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1.2px;
    color: #fff;
    justify-content: center;
    margin-bottom: 50px;
}
.detail-author div{padding: 0 10px 0 10px;}
.blog-detail-section .head-typ2{margin-bottom: 7px;text-transform: none;}
.detail-a-date,.detail-time{position: relative;}
.detail-a-date:before,.detail-time:before{
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    left: -2px;
    top: 7px;
}
@media (max-width: 992px){
	.blog-detail-contnt{max-width: calc(100% - 300px);}
	.blog-detail-section{margin: 50px auto;}
	.blog-detail-bg:before{height: 400px;}
	.detail-author,.detail-img{margin-bottom: 25px;}
	.blog-contnt1,.blog-contnt1 p{margin-bottom: 15px;}
	.blog-cat1{padding: 2px 5px 2px 5px;}
}
@media (max-width: 767px){
	.blog-detail-contnt{max-width: 100%;}
	.blog-detail-bg{height: 350px;}
}

/* Two Grid Box Section */
.two-grid-box-section{position: relative;}
.two-grid-box-section:before{
	content: "";
	background: url('images/zigzag-bg.svg');
	position: absolute;
    right: 0;
    top: 0;
    width: 552px;
    height: 582px;
    z-index: -1;
    background-size: 100%;
}
.two-grid-box{display: flex;flex-wrap: wrap;}
.two-grid-box .head-typ2{margin-bottom: 15px;}
.two-grid-box .desc-typ1{line-height: 1.75;}
.two-grid-box .left-side-box{padding-right: 28px;display: block;margin: auto;flex: 0 0 50%;}
.two-grid-box .right-side-box{padding-left: 28px;flex: 0 0 50%;}
.two-grid-box .right-side-box img{width: 100%;height: auto;object-fit: cover;}
@media (max-width: 992px){
	.two-grid-box .desc-typ1{font-size: 14px;line-height: 1.6;}
	.two-grid-box .desc-typ1 p br:first-child{display: none;}
}
@media (max-width: 767px){
	.two-grid-box .left-side-box,.two-grid-box .right-side-box{flex:0 0 100%;}
	.two-grid-box .left-side-box{padding-right: 0px;display: block;}
	.two-grid-box .right-side-box{padding-left: 0px;}
	.two-grid-box .desc-typ1{margin-bottom: 20px;}
	.two-grid-box-section:before{width: 250px;}
}

/* Technologies Section */
.tech-head{
    font-family: 'Inter-Medium';
    font-size: 25px;
    color: #310563;
    margin-bottom: 23px;
    padding-bottom: 6px;
    border-bottom: 1px solid #bebebe;
}
.technologies-inner-section{margin-bottom: 50px;}
.technologies-inner-section:last-child{margin-bottom: 0px;}
.technologies-inner-list{
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	list-style: none;padding: 0;margin: 0;
}
.technologies-inner-list li{
	position: relative;
	padding-left: 37px;
	margin-bottom: 15px;
	padding-right: 20px;
}
.technologies-inner-list li:before{
	content: "";
	background: url('images/tech-li.svg') no-repeat;
	width: 22px;height: 22px;
	background-size: 100%;
	position: absolute;
	left: 0;top: 2px;
}
.list-typ2{
	list-style: none;padding: 0;margin: 0 0 30px 0;
}
.list-typ2 li{
	position: relative;
	padding-left: 37px;
	margin-bottom: 15px;
	padding-right: 20px;
}
.list-typ2 li:before{
	content: "";
	background: url('images/tech-li.svg') no-repeat;
	width: 22px;height: 22px;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 3px;
}
.playpause{
	content: "";
	display:inline-block;
	background: url('images/play-video.svg');
	position: absolute;
	height:75px;
	width:75px;
	left: 50%;
    top: 50%;
	transform: translate(-50%,-50%);
	margin-top: -15px;
    margin-left: -5px;
}
@media (max-width: 992px){
	.technologies-inner-list{grid-template-columns: 33.33% 33.33% 33.33%;}
	.technologies-inner-section{margin-bottom: 25px;}
	.technologies-inner-list li{margin-bottom: 10px;}
	.technologies-inner-list li:before{top: 1px;}
}
@media (max-width: 767px){
	.technologies-inner-list{grid-template-columns: 50% 50%;}
	.technologies-inner-section{margin-bottom: 20px;}
}
@media (max-width: 480px){
	.technologies-inner-list{grid-template-columns: 100%;}
	.tech-head{font-size: 20px;}
}

/* Work Detail Page */
.work-detail-top{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.work-detail-top .work-detail-top-left{
	flex: 0 0 50%;    padding:20px 55px;
	text-align: center;
}
.work-detail-top .work-detail-top-left .work-detail-img{
	display: table-cell;
	width: 322px;
    height: 191px;
    vertical-align: middle;
    border-radius: 16px;
	border: solid 1px #ededed;
	background-color: #fff;
	padding: 25px;
}
.work-detail-top .work-detail-top-right{
	flex: 0 0 50%;
}
.work-detail-top-right .head-typ2{margin-bottom: 18px;}
.work-detail-top-right .desc-typ1{line-height: 1.75;}
.single-work-page > .container{line-height: 1.75;}
@media (max-width: 992px){
	.work-detail-top .work-detail-top-left{padding:20px 0px;}
    .work-detail-top .work-detail-top-left .work-detail-img{width: 240px; height: 150px;}
}
@media (max-width: 767px){
	.work-detail-top .work-detail-top-left,.work-detail-top .work-detail-top-right{
		flex: 0 0 100%;
	}
}

/* Icon Desc Section */
.section-list{margin-bottom: 50px;}
.section-list:last-child{margin-bottom: 0;}
.section-list .section-icon{
	margin-bottom: 10px;
}
.section-list .head-typ2{
	margin-bottom: 18px;
}
@media (max-width: 767px){
	.section-list{margin-bottom: 25px;}
	.section-list .head-typ2{margin-bottom: 10px;}
}
/* List Section */
.list-outer-section{display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.list-inner-section{flex: 0 0 50%; padding: 0 15px;}
.list-inner-section .head-typ2{margin-bottom: 28px;}
.list-inner-section ul{padding: 0 0 0 20px;}
.list-inner-section ul li{padding-right: 10px;}
@media (min-width: 1599px){.list-section.common-padding{padding-top: 130px;padding-bottom: 130px;}}
@media (max-width: 767px){
	.list-inner-section .head-typ2{margin-bottom: 10px;}
	.list-inner-section{flex: 0 0 100%; padding: 0 8px;margin-bottom: 15px;}
	.list-inner-section:last-child{margin-bottom: 0;}
	.list-inner-section ul{margin-bottom: 5px;}
}

/* OE Grid Box */
.oe-grid-box-section{overflow: hidden;}
.oe-grid-box{
	display: flex;flex-wrap:wrap;
	margin-left: -30px;
    margin-right: -30px;position: relative;
	align-items:center;
}
.oe-grid-box:last-child{margin-bottom:-50px;}
.oe-grid-box img{
	height: 100%;
    object-fit: cover;
    width: 100%;
}
.oe-grid-box .right-box{background-color: #fff;}
.oe-grid-box .left-box,.oe-grid-box .right-box{flex: 0 0 50%;padding: 0 30px;margin-bottom: 100px;}
.oe-grid-box:nth-child(odd){flex-direction: row;}
.oe-grid-box:nth-child(even){flex-direction: row-reverse;}
.oe-grid-box:nth-child(odd):before{
	content: "";
    background: url('images/grid-bg-2.svg');
    position: absolute;
    left: -73px;
    top: -70px;
    width: 552px;
    height: 550px;
    z-index: -1;
    background-size: 100%;
}
.oe-grid-box:nth-child(even):before{
	content: "";
    background: url('images/zigzag-bg.svg');
    position: absolute;
    right: -73px;
    top: -50px;
    width: 552px;
    height: 500px;
    z-index: -1;
    background-size: 100%;
}
/* @media (max-width: 992px){
	.oe-grid-box .left-box,.oe-grid-box .right-box{padding: 0 15px;}
} */
@media (max-width: 767px){
	.oe-grid-box{margin-left: 0px; margin-right: 0px;}
	.oe-grid-box .left-box,.oe-grid-box .right-box{flex: 0 0 100%;padding: 0;margin-bottom: 25px;}
	.oe-grid-box:last-child{margin-bottom:-25px;}
}

/* Cookie Settings */
#cookie-notice{
	min-width: 230px;
	font-family: 'Inter-Regular';
	font-size: 14px;
	background-color: transparent !important;
}
#cookie-notice .cookie-notice-container{
    width: 222px;
    padding: 30px;
    margin: auto;
    background: #190556;
    border-radius: 3px;
	position: fixed;
    top: 50%;
    right: 56px;
}
.cn-text-container{margin: 0 0 15px;}
.cn-close-icon{display: none;}
#cookie-notice .cn-button:not(.cn-button-custom){
	color: #310563;
	font-family: 'Inter-Medium';
	font-size: 14px;
	padding: 16px 28px;
	margin: auto;
	border-radius: 3px;
}
#cookie-notice .cn-button:not(.cn-button-custom):hover{
	background-color: #ba00c4 !important;
	color: #fff;
}

/*Search Page*/
.search-page .post-meta, .search-page .post-data{display:none;}
.search-page{margin-bottom: 80px !important;}
.search-page h1{font-size:26px; margin:0;}
.search-page .entry-header{margin-bottom:10px;}
@media (max-width: 767px){
	#cookie-notice .cookie-notice-container{
		width: 100%; top: auto; right: 0; bottom: 0; padding:20px;
	}
}
@media (min-width: 1599px){
	#cookie-notice .cookie-notice-container{right: 225px;}
}

/*Single Services*/
.single-service .technologies-inner-list li{padding-left: 13px;}
.single-service .technologies-inner-list li:before{
    content: "\f111";
    background: none;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 6px;
    color: #505255;
    line-height: 1;
    position: absolute;
    left: 0px;
    top: 10px;
}
.single-service .technologies-inner-section .tech-desc{margin-bottom: 30px;}
.single-service .tech-head{border-bottom:0; padding-bottom: 0; margin-bottom: 15px;}
/* services archive */
.services-archive .work-box .our-work-img{
	width: 250px;
	height: 150px;
}
.services-archive .work-box .services-list-title{
	font-family: 'Inter-Medium';
    font-size: 27px;
    background-image: linear-gradient(277deg, #310563 92%, #001454 13%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
    padding-top: 2px;
}
.service-btn{text-align:center; margin-top:40px;}
.service-btn .btn-typ3{display:inline-block; margin-left: -35px;}
.service-btn .btn-typ3:focus{color:#fff;}
.single-service > .container{line-height: 1.75;}

#menu-our-technologies li a{color: #310563;}
#menu-our-technologies li a:hover{color: #ba00c4;}

@media (min-width: 767px){
.service-btn{margin-top:10px;}
.head-typ3{font-size: 24px;}
.head-typ4{font-size: 22px;}
}

/* This styles the container that holds the buttons */
#filter-buttons-container {
    text-align: center; /* Center align the buttons */
    margin-bottom: 20px; /* Add some space below the button container */
}

/* This styles each button */
.filter-button {
    display: inline-block; /* Place buttons side by side */
    margin-right: 10px; /* Add some space between the buttons */
    padding: 10px 20px; /* Add some padding inside the buttons */
    background-color: #0073aa; /* Set the background color */
    color: #000000; /* Set the text color */
    border: none; /* Remove border */
    border-radius: 5px; /* Optional: Add rounded corners */
    cursor: pointer; /* Change mouse cursor on hover */
    text-decoration: none; /* Remove underline from text */
    transition: background-color 0.3s; /* Smooth background color transition */
}

/* This changes the button's style on hover */
.filter-button:hover {
    background-color: #005177; /* Darken the background color on hover */
}

/* This removes the margin from the last button */
.filter-button:last-child {
    margin-right: 0;
}