:root {
    --theme-font1: 'outfitvar', sans-serif;
    --theme-font2: 'manropevar', sans-serif;
    --theme-font3: 'ralewayvar', sans-serif;
    --main-color: rgb(0,13,255);
    --main-color-rgb: 0,13,255;
    --color-two: rgb(193,21,236);
    --color-two-rgb: 193,21,236;
    --color-three: rgb(221,221,221);
    --color-three-rgb: 221,221,221;
    --color-four: rgb(242,242,242);
    --color-four-rgb: 242,242,242;
    --white-color: rgb(255,255,255);
    --white-color-rgb: 255,255,255;
    --black-color: rgb(0,0,0);
    --black-color-rgb: 0,0,0;
    --textbold-color: #3e3e3e;
}


body {
    font-family: var(--theme-font2);
    line-height:1.6em;
    font-weight:400;
    font-size:14px;
    color:#666666;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}
#back-to-top {
    z-index: 999;
}
.text-left{
    text-align: left;
}
.dark-layout{
    position: relative;
    background-color: var(--black-color);
}
#back-to-top .btn.btn-primary {
    margin-bottom: 0px;
    color: var(--white-color);
}
/* Keyframe Animations */

@keyframes bounce {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.4;
    }
}
@keyframes small-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
i{
    font-style: normal;
}
.bordered-layout .page-wrapper{
    padding:0px 50px 0px;
}
a{
    text-decoration:none;
    cursor:pointer;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    color:var(--main-color);
}
button,
a:hover,a:focus,a:visited{
    text-decoration:none;
    outline:none !important;
}
h1,h2,h3,h4,h5,h6 {
    position:relative;
	margin:0px;
	background:none;
	font-weight:700;
	color:var(--black-color);
    font-family: var(--theme-font1);
}
textarea{
	overflow:hidden;
}
.text,
p{
	position:relative;
	line-height:1.7em;
	color:#666666;
	font-size:16px;
}

/* Typography */

.auto-container{
    position:static;
	max-width:1320px;
	padding:0px 15px;
	margin:0 auto;
}
.auto-container_two{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}
h2{
	line-height:70px;
	font-size:60px;
}
h3{
	line-height:42px;
	font-size:32px;
}
h4{
	line-height:34px;
	font-size:26px;
}
h5{
	line-height:30px;
	font-size:20px;
}
h6{
	line-height:28px;
	font-size:18px;
}
.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}
ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}
img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}
.theme-btn{
	cursor:pointer;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.centered{
	text-align:center;	
}
.tp-caption p {
    color: var(--white-color);
}
/*---  breadcrumb  ---*/

.banner-area {
    background: url(../../images/images/others/breadcrumbimg.png);
    text-align: center;
    text-transform: uppercase;
    height: 250px;
    min-height: 250px;
    background-size: cover;
    background-position: center;
}
.banner-heading .border-title.border-left {
    margin-bottom: 0px;
    padding-bottom: 18px;
}
.border-title.border-left:before {
    display: none;
}
.banner-heading .breadcrumb a {
    background: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
    color: var(--white-color);
    padding: 2px 10px;
    border-radius: 5px;
}
.banner-heading .breadcrumb a:hover {
    font-weight: 600;
}
.banner-heading .border-title.border-left {
    font-size: 32px;
}
.sec-title.centered.gallery_title {
    margin: 20px 0 10px;
}
/*QC HEADER STYLE START*/
#qcheader-top {
    background: var(--black-color);
}
.qctopblock { padding: 10px 0px; width: 100%; display: flex; align-items: center; }
.qc-d-flex-1 { flex: 1; }
.qc-top-list { margin: 0; padding: 0; color: #fff; }
.qc-top-list li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    font-size: 14px;
}
.copyright-info {
    font-size: 14px;
}
.qc-top-list li i { margin-right: 5px; }
.qc-top-list li .block { color: #fff; }
.qc-social .social {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    display: block;
    font-size: 13px;
    color: var(--black-color);
}
.qc-social .social i { margin: 0; }
#qc-navbar {
    height: 140px;
    margin: 0;
    padding: 0;
}
.qc-menu-bar {
    margin: 0;
    padding: 0;
    height: 100%;
    margin-top: 15px;
}
.qc-brand-block .qc-navbar-brand { display: inline-block; padding: 10px 0px; }
.qc-menu-list { margin: 0; padding: 0; }
.qc-menu-list li {list-style: none;}
#qcnavbarmenu {
    padding: 35px 0;
    line-height: 10px;
    margin: auto;
}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.qc-mainmenu a, .navbar-default .navbar-nav > li > a, .qc-mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 15px;
    display: block !important;
    font-weight: 600;
    font-family: var(--theme-font1);
}
.qc-mainmenu .active a, .qc-mainmenu .active a:focus, .qc-mainmenu .active a:hover, .qc-mainmenu li a:hover, .qc-mainmenu li a:focus, .navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover {
    color: #fff;
    background: var(--black-color);
    outline: 0;
}
.qc-mainmenu .collapse ul > li:hover > a {
    background: var(--black-color);
    color: var(--white-color);
}
.qc-mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover {
    background: var(--black-color);
}
.qc-mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.qc-mainmenu .collapse ul ul, .qc-mainmenu .collapse ul ul.dropdown-menu{background:#fff;}
.qc-mainmenu .collapse ul ul ul, .qc-mainmenu .collapse ul ul ul.dropdown-menu{background:#fff}
.qc-mainmenu .collapse ul ul ul ul, .qc-mainmenu .collapse ul ul ul ul.dropdown-menu{background:#fff}
.level1.dropdown-menu > li, .level2.dropdown-menu > li, .level3.dropdown-menu > li { width: 100%; }
.level3.dropdown-menu { width: 200px; }
.qc-mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.qc-mainmenu .collapse ul li:hover> ul{display:block}
.qc-mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:200px;display:none}
.qc-mainmenu .collapse ul ul li{position:relative}
.qc-mainmenu .collapse ul ul li:hover> ul{display:block}
.qc-mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:200px;display:none}
.qc-mainmenu .collapse ul ul ul li{position:relative}
.qc-mainmenu .collapse ul ul ul li:hover ul{display:block}
.qc-mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:200px;display:none;z-index:1}
}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
#qc-navbar { height: auto; line-height: 20px; }
.qc-menu-bar { display: inline-block; width: 100%; }
.qctopblock { display: block; }
.qc-top-list { margin-bottom: 5px; }
.qc-brand-block { display: inline-block; width: 100%; }
.qc-navbar-brand {height: 100%; }
.qc-brand-block .navbar-toggle {
    margin: 20px 0px 0px 0px;
    border: 1px solid #ddd;
    padding: 10px;
}
.qc-brand-block .navbar-toggle:focus { background: none; }
#qcnavbarmenu { padding: 0; }
.qc-menu-list {width: 100%; display: inline-block;}
.qc-menu-list li {width: 100%;}
}

/*QC HEADER STYLE END*/

/*---  footer  ---*/

.copyright {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.footer-logo {
    margin-bottom: 25px;
    background: var(--white-color);
    padding: 10px;
    border-radius: 10px;
}
.footer .widget.tansy_latest_news_widget ul li a {
    color: var(--color-three);
    font-size: 16px;
}
.footer .widget-title {
    padding-bottom: 5px;
}
.widget_nav_menu {
    margin-top: 0px;
}
.footer {
    padding-top: 60px;
    padding-bottom: 40px;
}
#home #footer {
    padding-top: 120px;
}
.footer .widget-title:before {
    background: var(--main-color) !important;
}
.footer .widget_nav_menu ul.menu.nav > li a {
    font-family: var(--theme-font1);
    font-size: 16px;
    text-transform: capitalize;
    color: var(--color-three);
}
div#tansy_about_widget-2 .about-desc p {
    color: var(--white-color);
    font-size: 15px;
}
.listofcom {
    list-style: none;
    line-height: 1.7;
    margin-bottom: 15px;
    color: var(--color-three);
    font-size: 16px;
}
.listofcom strong {
    font-size: 18px;
}
.listofcom span.fa {
    color: var(--black-color);
    background: var(--white-color);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    border-radius: 50%;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 5px;
}
.contacteditor-h4 {
    color: var(--white-color);
    margin-bottom: 5px;
    font-size: 20px;
    display: none;
}
.contacteditor-h3 {
    color: var(--white-color);
    margin-bottom: 5px;
    font-size: 35px;
    display: none;
}
.listofcom-span {
    padding-left: 10px;
    line-height: 30px;
}
#menu-item-center a {
    font-family: var(--theme-font1);
    font-size: 16px;
    text-transform: capitalize;
    color: var(--color-three);
}
#menu-item-center a:before {
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 10px;
    font-weight: normal;
}
#menu-item-center:hover a {
    font-weight: 700;
}
/*==================================================  home_page  =====================================================*/

.align-items-center {
    align-items: center!important;
}
.flex-wrap {
    flex-wrap: wrap!important;
}
.d-flex {
    display: flex!important;
}
/*** 

====================================================================
    Section Title
====================================================================

***/

.sec-title{
	position:relative;
    z-index: 1;
	margin-bottom:40px;
}
.sec-title_title{
	position: relative;
    font-weight:700;
    font-size:18px;
	display: flex;
	gap:15px;
	align-items:center;
	color:var(--main-color);
	text-transform:uppercase;
}
.sec-title_dots{
	position:relative;
}
.sec-title_dots span:nth-child(1) {
	animation-delay: 0s;
}
.sec-title_dots span:nth-child(2) {
	animation-delay: 0.5s;
}
.sec-title_dots span:nth-child(3) {
	animation-delay: 1s;
}
@keyframes zoom-in-out {
	0% { transform: scale(0); opacity: 0; }
	20% { transform: scale(1.2); opacity: 1; }
	50% { transform: scale(1); opacity: 1; }
	80% { transform: scale(0.8); opacity: 1; }
	100% { transform: scale(1); opacity: 0; }
}
.sec-title_dots span{
	position:relative;
	width:10px;
	height:10px;
	margin-right:4px;
	border-radius:50px;
	display:inline-block;
	animation: zoom-in-out 3s infinite;
    opacity: 0;
	background-color: rgba(0, 13, 255, 0);
    background-image: linear-gradient(0deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}
.sec-title_heading{
	margin-top: 15px; 
    color: var(--black-color);
    text-transform: capitalize; 
}
.sec-title_text{
	line-height:30px; 
	font-size:16px;
	margin-top:20px;
    color:#666666;
}
.sec-title.light .sec-title_title{
    color: var(--white-color);
}
.sec-title.light .sec-title_title span{
	background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.sec-title.light .sec-title_big-title{
	-webkit-text-stroke-color: rgba(var(--color-three-rgb), 0.30);
}
.sec-title.light .sec-title_text{
	opacity: 1;
	color: var(--white-color);
}
.sec-title.light .sec-title_heading{
	color:var(--white-color);
}
.sec-title.centered{
	text-align: center !important;
}
.sec-title.centered .sec-title_title{
	justify-content:center;
}


/*-------------------------------------------------  home_welcome  ---------------------------------------------------*/
.review-block_one-quote img {
    width: 50px !important;
}
.about-one_text.welcontdivbot {
    max-width: 100%;
    margin-top: 10px;
}
/*** 

====================================================================
    About One
====================================================================

***/

.about-one{
	position:relative;
	padding:140px 0px 60px;
}
.about-one_vector{
	position:absolute;
	left:0px;
	top:150px;
	width:459px;
	height:447px;
	background-repeat:no-repeat;
}
.about-one_pattern-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	height:1510px;
	background-position:right top;
	background-repeat:no-repeat;
}
.about-one_pattern-two{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	height: 1622px;
	background-position:right center;
	background-repeat:no-repeat;
}
.about-one_years{
	position:relative;
	margin-top:60px;
	margin-left:45px;
}
.about-one_text{
	position:relative;
	font-size:20px;
	line-height:34px;
	color:#666666;
	max-width:440px;
	margin-top:40px;
}
.about-one_text span {
    position: relative;
    font-weight: 600;
    color: var(--textbold-color);
}
.about-one_image-outer{
	position:relative;
	text-align:right;
}
.about-one_image{
	position:relative;
	border-radius:30px;
	overflow:hidden;
	display:inline-block;
	opacity: 0;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
}
.about-one_image.now-in-view{
	opacity: 1;
	clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}
.about-one_image-two{
	position:relative;
	border-radius:30px;
	overflow:hidden;
	margin-left:-172px;
	margin-top:-45px;
	display:inline-block;
}
/* About One Carousel */

.about-one_carousel{
    position:relative;
	margin-left: 40px;
	margin-top: 10px;
	max-width:300px;
}
.review-block_one {
    position: relative;
    margin-top: 20px;
}
.review-block_one-quote{
	position:relative;
}
.review-block_one-text {
    position: relative;
    margin-top: 25px;
    font-size: 15px;
    font-weight: 500;
    color: #666666;
    line-height: 28px;
    margin-bottom: 25px;
}
.review-block_one-info{
	position:relative;
	font-size:32px;
	font-weight:500;
	padding-left:90px;
	color:var(--main-color);
}
.review-block_one-info i{
	position:absolute;
	left:0px;
	top:18px;
}
.review-block_one-info img {
    width: 60px !important;
    position: absolute;
    left: 10px;
    top: 0;
}
.review-block_one-info strong{
	position:relative;
	font-weight:700;
	font-size:24px;
	line-height: 32px;
	padding-left:30px;
	display:block;
	color:var(--black-color);
	border-left:3px solid var(--white-color);
}
.review-block_one-info span{
	position:relative;
	font-size:16px;
	display:block;
}

/*---------------------------------------------------  home_slider  ----------------------------------------------------*/

/*** 

====================================================================
    Marketing One
====================================================================

***/

.marketing-one{
	position: relative;
	overflow: hidden;
	padding: 40px 0px 100px;
}
.marketing-one .animation_mode{
	position:relative;
	min-height:112px;
}
.marketing-one h2 {
    font-size: 156px;
    line-height: 1em;
    font-weight: 900;
    display: inline-block;
    text-transform: uppercase;
    color: rgba(var(--color-three-rgb), 1);
    font-family: var(--theme-font2);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.marketing-one h2:hover {
    background: linear-gradient(to right, #020dff, #bf15ec);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow 2s ease-in-out infinite;
    background-size: 200% 200%;
}
.marketing-one.style-two{
	padding-top:0px;
}
@keyframes  marqueeAnimation-slider{
100% {
    transform: translateX(-5739.97px);
}
}

/*-----------------------------------------------------  home_whychoose  ---------------------------------------------------*/
.offer-one_content-outer .sec-title.title-anim {
    margin-left: 20px;
}
/*** 

====================================================================
    Offer One
====================================================================

***/

.offer-one {
    position: relative;
    overflow: hidden;
    padding: 40px 0px 140px;
}
.offer-one.style-two{
	padding-top:120px;
}
.offer-one_color {
    position: absolute;
    left: -60px;
    bottom: 100px;
    width: 830px;
    height: 890px;
    border-radius: 45px;
    background-color: var(--black-color);
}
.offer-one_bg-color {
    position: absolute;
    right: -40px;
    width: 55px;
    height: 800px;
    top: 0;
    border-radius: 50px;
    background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}
.offer-one .auto-container{
	position: relative;
	max-width:1700px;
}
.step-award_box {
    position: relative;
    left: 150px;
    bottom: -70px;
    width: 345px;
    padding: 25px 25px;
    border-radius: 20px;
    border: 10px solid var(--white-color);
    background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
    text-align: center;
}
.step-award_box:before{
	position:absolute;
	content:'';
	right:25px;
	top:25px;
	width:76px;
	height:72px;
	background: url(../images/icons/award-vector.png) no-repeat;
}
.step-award_count {
    position: relative;
    font-size: 50px;
    line-height: 36px;
    font-weight: 700;
    color: var(--white-color);
    margin-bottom: 15px;
}
.step-award_subtitle{
	position:relative;
	font-size:24px;
	line-height:36px;
	font-weight:600;
	color:var(--white-color);
	text-transform:uppercase;
}
.offer-one_title {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
}
.offer-one_title:last-child{
	margin-bottom: 0px;
}
.offer-one_icon-outer {
    position: absolute;
    left: -110px;
    top: 10px;
}
.offer-one_icon {
    position: relative;
    width: 70px;
    height: 70px;
    line-height: 66px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    border: 2px solid #999999;
    background: var(--white-color);
}
.offer-one_number{
	position: absolute;
	left: 0px;
	top: 0px;
	width:23px;
	height:23px;
	z-index:1;
	font-size:12px;
	line-height:23px;
	font-weight:700;
	text-align:center;
	border-radius:50px;
    color: var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
    background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}
.offer-one_title:hover .offer-one_icon{
    background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}
.offer-one_title:hover .offer-one_icon img{
    filter: invert(95%) sepia(0%) saturate(0%) hue-rotate(167deg) brightness(105%) contrast(105%);
}
.offer-one_title:hover .offer-one_number {
    box-shadow: 0px 20px 20px rgb(0 0 0 / 15%);
    background: var(--white-color);
    color: var(--black-color);
}
.offer-one_heading {
    margin-top: 10px;
    color: var(--black-color);
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: var(--theme-font2);
}
.offer-one_heading a{
	position: relative;
	color: var(--black-color);
}
.offer-one_title:hover .offer-one_arrow{
	color: var(--white-color);
    background-color: rgba(0, 13, 255, 1);
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}
.offer-one_title:hover .offer-one_heading a{
	color: var(--main-color);
}
.offer-one_tags{
	position: relative;
	margin-top:15px;
}
.offer-one_tags li{
	position: relative;
	margin-right:8px;
	display:inline-block;
}
.offer-one_tags li a{
	position: relative;
	font-size:12px;
	color:#666666;
	font-weight:600;
	padding:6px 14px;
	border-radius:50px;
	display:inline-block;
	border:1px solid #999999;
}
.offer-one_tags li a:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}
.offer-one_image-column{
	position: relative;
}
.offer-one_image-outer{
	position: relative;
	height: 100%;
}
.offer-one_images_outer {
    position: relative;
    height: 820px;
}
.offer-one_title.active .offer-one_subtitle,
.offer-one_title:hover .offer-one_subtitle{
	background-color: var(--color-two);
}
.offer-one_image img:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
.offer-one_image img{
    -webkit-transition: 2s ease;
    transition: 2s ease;
}
.offer-one_image{
	position: absolute;
	right: 15px;
	top: 0px;
	overflow:hidden;
	border-radius:30px;
	display: inline-block;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.offer-one_content-column{
	position:relative;
}
.offer-one_content-outer {
    position: relative;
    padding-top: 70px;
    max-width: 720px;
    padding-left: 90px;
}

/*-----------------------------------------------------  home_label  --------------------------------------------------------*/

.achieve-one.hlabeldiv {
    padding: 100px 40px 60px;
    margin-bottom: 80px;
}
.achieve-one.hlabeldiv .sec-title {
    margin-left: 0;
    width: 620px;
}
.achieve-one.hlabeldiv .step-block_one-heading {
    color: var(--color-three);
}
.achieve-one.hlabeldiv .achieve-one_bg {
    background: url(../../images/images/home/whychoose/labelbgimg.png) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-attachment: fixed !important;
}

/*-----------------------------------------------------  home_whychoose2  ---------------------------------------------------*/

/*** 

====================================================================
    About Three
====================================================================

***/

.about-three {
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    padding: 120px 0px 50px;
    background-color: #e6e9f1;
    margin: 0 20px 80px;
}
.about-three_shadow{
	position:absolute;
	left:0px;
	top:-220px;
	right:0px;
	bottom:0px;
	background-position:right top;
	background-repeat:no-repeat;
}
.about-three_title-column{
	position:relative;
}
.about-three_title-outer{
	position:relative;
	padding-right:90px;
}
.about-three_title {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: var(--black-color);
    font-family: var(--theme-font1);
    margin: 20px 0;
}
.about-three .empower-block_one {
    margin: 40px 0;
}
.about-three_text{
	position:relative;
	font-size:16px;
	font-weight:400;
	line-height:30px;
	color:#666666;
	margin-top:15px;
}
.about-three_button{
	position:relative;
	margin-top:35px;
}
.about-three_image-column{
	position:relative;
}
.about-three_image-outer{
	position:relative;
	padding-right:20px;
	margin-left:-50px;
}
.about-three_image{
	position:relative;
	overflow:hidden;
	border-radius:40px;
}
.about-three_image img{
	position:relative;
	width:100%;
	display:block;
}
.about-three_image-two {
    position: absolute;
    right: -80px;
    bottom: -80px;
    overflow: hidden;
    border-radius: 26px;
}
.about-three .animation_mode{
	position:relative;
	min-height:150px;
	margin-top:0px;
}
.about-three .animation_mode h4.light {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--black-color);
}
.about-three .animation_mode h4 {
    position: relative;
    font-size: 80px;
    line-height: 1em;
    font-weight: 800;
    color: var(--black-color);
    margin: 30px 25px 0px;
    display: inline-block;
    text-transform: uppercase;
    /* -webkit-text-fill-color: transparent; */
    /* -webkit-text-stroke-width: 1px; */
    /* -webkit-text-stroke-color: #15C1EC; */
    font-family: var(--theme-font3);
}
.about-three .empower-block_one-icon {
    top: -20px;
}
.about-three .empower-block_one-inner {
    max-height: 100%;
    height: 210px;
}
/*-----------------------------------------------------  home_counter  ------------------------------------------------------*/
.mp-0 {
    padding: 0;
    margin: 0;
}
/*** 

====================================================================
    Achieve One
====================================================================

***/

.achieve-one{
	position: relative;
	padding: 125px 0px 400px;
}
.achieve-one .sec-title{
	margin-left:300px;
}
.achieve-one_vector{
	position:absolute;
	left:15px;
	top:150px;
	right:15px;
	bottom:0px;
	background-position:left center;
	background-repeat:no-repeat;
}
.achieve-one_vector-two{
	position:absolute;
	left:15px;
	top:0px;
	right:15px;
	bottom:20px;
	background-position:right bottom;
	background-repeat:no-repeat;
}
.achieve-one_bg {
    position: absolute;
    left: 15px;
    top: 0px;
    right: 15px;
    bottom: 0px;
    border-radius: 50px;
    background-size: cover;
    background: #000 !important;
}
.achieve-one_counter{
	position:relative;
	margin-left:250px;
	border:1px solid rgba(255, 255, 255, 0.25);
	border-bottom:none;
	border-right:none;
}
.counter-one_column {
    position: relative;
    padding: 0;
}
.counter-one_column:last-child{
	border-right:none;
}
.counter-one_inner{
	position:relative;
	padding:40px 40px;
	border-right:1px solid rgba(255, 255, 255, 0.25);
	border-bottom:1px solid rgba(255, 255, 255, 0.25);
}
.counter-one_inner:before{
	position:absolute;
	content:'';
	left:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	height:0%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}
.counter-one_inner:hover::before{
	top:0px;
	opacity:1;
	height:100%;
}
.counter-one_text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:26px;
	font-weight:700;
	min-height:52px;
	margin-bottom:10px;
}
.counter-one_count{
	position:relative;
	color:#ffffff;
	font-size:80px;
	font-weight:700;
	line-height:1em;
}

/*----------------------------------------------------  home_label  ----------------------------------------------------*/

/*** 

====================================================================
    Video One
====================================================================

***/

.video-one{
	position:relative;
}
.video-one.style-two{
	margin-top:100px;
}
.video-one.style-two .video-box{
	margin-top:0px;
}
.video-one_bg{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:-1;
	background-position:right bottom;
	background-repeat:no-repeat;
}
.video-one .video-box{
	margin-top:-270px;
}
.video-box{
	position:relative;
}
.video-box .video-image{
	position:relative;
	margin:0px;
	overflow: hidden;
	border-radius:60px;
	border:20px solid var(--white-color);
}
.video-box .video-image img {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    border-radius: 40px;
    -webkit-transition: 2s ease;
    transition: 2s ease;
}
.video-box .video-image img:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	line-height: 45px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.video-box .overlay-box span{
	position: absolute;
	width:230px;
	height: 230px;
	left:150px;
    bottom:-100px;
	z-index:10;
	color: #ffffff;
	font-weight:400;
	font-size:50px;
	text-align: center;
	border-radius:50%;
	padding-left:4px;
	display: inline-block;
	line-height:190px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	border:20px solid var(--white-color);
	background-color: rgba(0, 13, 255, 1);
	box-shadow:0px 20px 20px rgba(0,0,0,0.15);
    background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
	-webkit-animation: icon-bounce 0.8s ease-out infinite;
    animation: icon-bounce 0.8s ease-out infinite;
}
.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:230px;
	height: 230px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}
.video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}
.video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}
@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
@-webkit-keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-5px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}


/*---------------------------------------------------  home_gallery  -----------------------------------------------------*/

#isotope .isotope-img-container {
    position: relative;
    overflow: hidden;
    padding: 10px;
    margin: 15px;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;
}
#isotope .img-responsive {
    height: 210px;
    width: 330px;
    object-fit: cover;
}
div#post-39 .isotope-nav {
    display: none;
}
.title_sec h4 {
    color: var(--e-global-color-dark-cyan);
    margin-bottom: 18px;
}
.title_sec h2 {
    font-weight: 600;
    color: var(--e-global-color-black);
    margin-bottom: 30px;
}

/*----------------------------------------------------  home_service  --------------------------------------------------*/

/*** 

====================================================================
    Employer One
====================================================================

***/

.empower-one{
	position:relative;
	padding: 0px 0px 100px;
}
.empower-shape-image {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-size: cover;
}
.empower-one.style-two{
	padding-top:110px;
}
.empower-one .sec-title{
	margin-bottom:0px;
}
.empower-one .auto-container{
	max-width:1500px;
}
.empower-one .empower-block_one{
	position:relative;
	width: 32.8%;
	padding:0px 10px;
	display:inline-block;
}
.empower-one .empower-block_one:nth-child(1) {
    transform: translateY(40px);
}
.empower-one .empower-block_one:nth-child(2){
	transform: translateY(120px);
}
.empower-one .empower-block_one:nth-child(3){
	transform: translateY(40px);
}
/* Empower Block One */
.empower-block_one{
    position:relative;
}
.empower-block_one-inner {
    position: relative;
    padding: 10px 10px;
    border-radius: 30px;
    border: 3px solid var(--color-three);
    background-color: #fff;
}
.empower-block_one .empower-block_one-inner:hover{
	background-color:var(--black-color);
}
.empower-block_one-image{
	position:relative;
	overflow:hidden;
	border-radius:25px;
}
.empower-block_one-image img{
	position:relative;
	width:100%;
	display:block;
}
.empower-block_one-image:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:78px;
	height:76px;
	z-index:1;
	background: url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/vector-6.png);
}
.empower-block_one-inner:hover .empower-block_one-image:before{
	background: url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/vector-6-1.png);
}
.empower-block_one-icon {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 55px;
    height: 55px;
    z-index: 2;
    text-align: center;
    line-height: 45px;
    border-radius: 55px;
    display: inline-block;
    background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
    border: 2px solid var(--color-three);
}
.empower-block_one-icon img {
    width: unset;
    display: unset;
}
.empower-block_one-content{
	position:relative;
	padding:25px 10px 20px;
}
.empower-block_one-title {
    position: relative;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 30px;
}
.empower-block_one-title a{
	position:relative;
	color:var(--black-color);
}
.empower-block_one-title a:hover{
	color:var(--main-color);
}
.empower-block_bg {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 119px;
    background-repeat: no-repeat;
    background-size: cover;
}
.empower-one .lower-box{
	position:relative;
	margin-top:180px;
}
.empower-block_one-text{
	position:relative;
	font-size:16px;
	line-height:26px;
	color:var(--black-color);
}
.empower-block_one-inner:hover .empower-block_one-title a,
.empower-block_one-inner:hover .empower-block_one-text{
	color:var(--white-color);
}
.empower-one_button{
	position:relative;
	margin-top:30px;
}

/* Btn Style One */
.btn-style-one {
    position: relative;
    font-weight: 700;
    font-size: 15px;
    overflow: hidden;
    text-align: center;
    border-radius: 50px;
    padding: 16px 34px;
    display: inline-block;
    color: var(--white-color);
    text-transform: capitalize;
    font-family: var(--theme-font2);
    background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(90deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
    border: unset;
}
.btn-style-one:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background-image: linear-gradient(90deg, rgba(193, 21, 236, 1) 0%, rgba(0, 13, 255, 1) 100%);
}
.btn-style-one:hover:before{
	top: 0%;
}
.btn-style-one .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}
.btn-style-one .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.btn-style-one:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}
.btn-style-one .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-style-one:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.btn-style-one:hover .btn-wrap .text-two{
	color: var(--white-color);
}
.btn-style-one:hover{
	
}
.btn-style-one:hover:before{
	top: -40%;
}

/*---------------------------------------------------  home_getintouch  ------------------------------------------------*/

/*** 

====================================================================
    Incredible One
====================================================================

***/

.incredible-one {
    position: relative;
    padding: 140px 0px 140px;
    margin-top: 100px;
}
.incredible-one .sec-title{
	margin-bottom:25px;
}
.incredible-one_vector{
	position:absolute;
	right:40px;
	top:-80px;
	width:578px;
	height:519px;
	z-index:1;
	background-repeat:no-repeat;
}
.incredible-one_bg{
	position:absolute;
	left:15px;
	top:0px;
	right:15px;
	bottom:0px;
	border-radius:50px;
	background-color: rgba(0, 13, 255, 0);
	background-image: linear-gradient(90deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
	background: #000;
}
.incredible-one_pattern{
	position:absolute;
	left:15px;
	top:0px;
	bottom:0px;
	width:551px;
	background-repeat:no-repeat;
}
.incredible-one_title {
    position: relative;
    font-size: 120px;
    line-height: 110px;
    font-weight: 800;
    opacity: 0.8;
    text-transform: uppercase;
    color: transparent;
    font-family: var(--theme-font3);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(var(--white-color-rgb), 1);
}
/*** 

====================================================================
    Experiance One
====================================================================

***/
.justify-content-end {
    justify-content: flex-end!important;
}
.experiance-one {
    position: relative;
    padding: 50px 0px 60px;
}
.experiance-one .marque-outer{
	position:relative;
	overflow:hidden;
}
.experiance-one .animation_mode{
	position:relative;
	min-height:150px;
}
.experiance-one h2{
	font-size: 158px;
	line-height: 1em;
	font-weight: 800;
	display: inline-block;
	text-transform: uppercase;
	color: rgba(var(--black-color-rgb), 1);
}
.experiance-one h2.light{
	margin:0px 15px;
	 font-family: var(--theme-font2);
    -webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(var(--black-color-rgb), 1);
}
.experiance-one h3{
	position: relative;
	font-size: 158px;
	line-height: 1em;
	font-weight: 800;
	color: rgba(var(--color-three-rgb), 1);
	margin: 30px 25px 0px;
	display: inline-block;
	text-transform: uppercase;
	font-family: var(--theme-font3);
	transition: -webkit-text-fill-color 0.4s ease-in-out;
}
.experiance-one h3:hover{
	transition: all 0.3s ease-in-out; /* Smooth transition effect */
	background: linear-gradient(to right, #020dff, #bf15ec);
    -webkit-background-clip: text;
	animation: rainbow 2s ease-in-out infinite; /* Smooth transition animation */
    background-size: 200% 200%;
    -webkit-text-fill-color: transparent;
}
@keyframes rainbow { 
  0%{background-position:left}
  50%{background-position:right}
  100%{background-position:left}
}
.experiance-one .animation_mode-two{
	position:relative;
	min-height:150px;
	z-index:1;
}
.experiance-one_years{
	position:relative;
	width:100%;
}
.experiance-one_years-inner {
    position: relative;
    padding: 80px 70px;
    margin-top: -700px;
    border-radius: 20px;
    background-color: var(--black-color);
    background-image: url(../../images/images/home/git/gitbg.png);
}
.experiance-one_text {
    position: relative;
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    max-width: 400px;
    margin-bottom: 40px;
    color: var(--white-color);
    font-family: var(--theme-font1);
}
.experiance-one_years-inner .experiance-one_button {
    z-index: 9;
    position: relative;
}

/*------------------------------------------------  home_location  ----------------------------------------------*/

/*** 

====================================================================
    News Two
====================================================================

***/

.news-two {
    position: relative;
    padding-bottom: 120px;
    padding-top: 70px;
    z-index: 0;
    overflow: hidden;
}
.news-two_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: -400px;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.news-two_vector{
	position:absolute;
	left:10%;
	bottom:18%;
	width:388px;
	height:376px;
	background-repeat:no-repeat;
}
.news-two_image-column{
	position:relative;
	margin-bottom:30px;
}
.news-two_blocks-column{
	position:relative;
	margin-bottom:30px;
}
.news-two_blocks-outer{
	position:relative;
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}
.sticky-top{
	z-index:1;
	top:110px;
}

/*** 

====================================================================
    News One
====================================================================

***/

.news-block_one{
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
}
.news-block_one-inner{
	position:relative;
}
.news-block_one-image{
	position:relative;
	overflow:hidden;
	border-radius:30px;
}
.news-block_one-image img:first-child{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	-webkit-transform: translatex(50%) scalex(2);
    transform: translatex(50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}
.news-block_one-inner:hover .news-block_one-image img:first-child{
	-webkit-transform: translatex(0) scalex(1);
	transform: translatex(0) scalex(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}
.news-block_one-inner:hover .news-block_one-image img:nth-child(2){
	-webkit-transform: translatex(-50%) scalex(2);
	transform: translatex(-50%) scalex(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}
.news-block_one-image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}
.news-block_one-content {
    position: relative;
    padding-top: 10px;
    padding-left: 4px;
}
.news-block_one-date_outer{
	position: absolute;
	left: 70px;
	top: 0px;
	z-index:9;
	display:inline-block;
}
.news-block_one:nth-child(3) .news-block_one-date_outer {
    left: 62px;
}
.news-block_one:nth-child(4) .news-block_one-date_outer {
    left: 38px;
}
.news-block_one-date {
    position: relative;
    z-index: 10;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 22px 9px;
    border-radius: 50px;
    color: var(--white-color);
    text-transform: uppercase;
    font-family: var(--theme-font1);
    background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(90deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
    outline: 5px solid var(--white-color);
    outline-offset: 0px;
}
.news-block_one-date_outer:before {
    position: absolute;
    content: '';
    left: -35px;
    top: 0px;
    width: 60px;
    z-index: 1;
    height: 38px;
    background: url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/shape-3.png);
    background-position: right top;
}
.news-block_one-date_outer:after {
    position: absolute;
    content: '';
    right: -34px;
    top: 0px;
    width: 60px;
    height: 38px;
    z-index: 1;
    background: url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/shape-4.png);
}
.news-block_one-meta{
	position: relative;
	padding:24px 30px;
}
.news-block_one-meta:before {
    position: absolute;
    content: '';
    left: 0px;
    top: -30px;
    width: 100%;
    height: 106px;
    background: url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/news-one_arrows.png);
}
.news-block_one-meta li {
    position: relative;
    display: inline-block;
    color: var(--black-color);
    font-size: 18px;
    padding-left: 30px;
    margin-right: 15px;
    padding-left: 50px;
    padding-top: 0;
}
.news-block_one-meta li .icon {
    position: absolute;
    left: 0px;
    top: -8px;
    line-height: 40px;
    color: var(--white-color);
    background: var(--black-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
}
.centerlochead-h4 {
    font-size: 20px;
    color: var(--black-color);
}
.news-block_one-meta li:last-child{
	margin-right: 0px;
	padding-right: 0px;
}
.servcentloc-a {
    color: var(--black-color);
}
.servcentloc-a:hover {
    color: var(--main-color);
}
.news-block_one-arrow {
    position: relative;
    width: 54px;
    height: 54px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    transform: rotate(90deg);
    background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(0deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background: var(--black-color);
}
.news-block_one-arrow img {
    width: 17px;
}
.news-block_one-inner:hover .news-block_one-arrow{
    background: linear-gradient(0deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}
.news-block_one-inner:hover .news-block_one-arrow{
	transform:rotate(0deg);
	opacity:1;
}
.news-block_one-title{
	position: relative;
	text-transform: capitalize;
}
.news-block_one-title a{
	position: relative;
	color: var(--black-color);
}
.news-block_one-title a:hover{
	color: var(--main-color);
}
.news-block_one-text{
	position: relative;
	line-height: 28px;
	font-size: var(--font-16);
	margin-top: var(--margin-top-15);
}
.news-block_one-more{
	position: relative;
	font-weight: 700;
	letter-spacing: 1px;
	display: inline-block;
	color: var(--color-three);
	text-transform: capitalize;
	margin-top: var(--margin-top-15);
	padding-right: var(--padding-right-25);
}
/* Btn Style Three */

.btn-style-three{
    position: relative;
	font-weight:700;
    font-size: 16px;
	overflow: hidden;
	text-align:center;
	border-radius:50px;
	padding:20px 50px;
	display:inline-block;
    color: var(--white-color);
	text-transform: capitalize;
	background-color: var(--black-color);
}
.btn-style-three:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background-color: rgba(0, 13, 255, 1);
	background-image: linear-gradient(90deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}
.btn-style-three:hover:before{
	top: 0%;
}
.btn-style-three .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}
.btn-style-three .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.btn-style-three:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}
.btn-style-three .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-style-three:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.btn-style-three:hover .btn-wrap .text-two{
	color: var(--white-color);
}
.btn-style-three:hover:before{
	top: -40%;
}





#tem562_pro_page .wpb_column.vc_column_container.vc_col-sm-3{
    position: sticky;
    top: 40px;
}
.vc_row{
    overflow: visible !important;
}
/*------------------------------------------------  home_foottop  ------------------------------------------------*/
.justify-content-between {
    justify-content: space-between!important;
}
/*** 

====================================================================
    CTA One
====================================================================

***/

.cta-one {
    position: absolute;
    z-index: 10;
    width: 100%;
}
.cta-one.style-two {
    margin-top: -100px;
    z-index: 0;
}
.cta-one .inner-container {
    position: relative;
    padding: 50px 95px;
    border-radius: 150px;
    border: 1px solid var(--main-color);
    background-color: rgba(255, 255, 255, 1);
    background-image: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(235 236 255) 100%);
}
.cta-one_title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: var(--black-color);
}
.cta-one_heading{
	position:relative;
	margin-top:10px;
}
.cta-one .theme-btn{
	padding:20px 50px;
}


/*=======================================================  service_page  =======================================================*/


div#tem562_pro_page li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-274 {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #222;
    border: 1px solid #e5e5e5;
}
div#tem562_pro_page li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-274:before {
    position: absolute;
    content: '';
    background: var(--black-color);
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    transition: all 500ms ease;
}
div#tem562_pro_page li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-274:hover::before {
    width: 100%;
}
div#tem562_pro_page .widget_nav_menu ul.menu.nav > li a {
    background-color: #f4f4f4;
}
div#tem562_pro_page .widget_nav_menu ul.menu.nav > li:hover > a{
    background-color: unset;
    font-weight: inherit;
}
div#tem562_pro_page .widget_nav_menu ul.menu.nav > li.current-menu-item > a {
    background-color: var(--black-color);
}
div#tem562_pro_page .widget_nav_menu ul.menu.nav > li a {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: var(--theme-font1);
    font-weight: 600;
    text-transform: uppercase;
    padding: 18px 14px;
}
div#tem562_pro_page li.menu-item:hover {
    background: rgb(120 120 120);
}
div#tem562_pro_page h2.border-title.border-left {
    font-size: 30px !important;
    font-family: var(--theme-font1);
    font-weight: 600 !important;
    text-transform: uppercase;
    color: var(--black-color);
    text-align: center;
}
div#tem562_pro_page .border-title:before {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 0px;
    width: 100px;
    height: 3px;
    left: 50%;
    margin-left: -45px;
    z-index: 1;
    top: 65px;
    background: var(--main-color);
}
div#tem562_pro_page .wpb_wrapper img {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
div#tem562_pro_page .wpb_wrapper {
    padding: 0 0 0 30px;
}
div#tem562_pro_page .wpb_wrapper figure{
    position: relative;
    display: block;
    overflow: hidden;
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px -18px 36px -18px inset;
    padding: 15px;
}
div#tem562_pro_page .wpb_wrapper figure:before {
    position: absolute;
    top: 0;
    left: -85%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
div#tem562_pro_page .wpb_wrapper figure:hover:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
.product_section_content p {
    font-family: var(--theme-font2);
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0 0 0;
    line-height: 30px;
}
@keyframes shine {
    100% {
      left: 125%;
    }
}
.servpgcont-div {
    text-align: initial;
}
.servpgcontd-h4 {
    font-size: 23px;
    color: var(--main-color);
    text-transform: uppercase;
    line-height: 34px;
}
.servpgcontd-h5 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 20px 0 5px;
}
.servpgcontd-li {
    line-height: 35px;
    font-size: 16px;
}
.servpgcontd-li strong {
    text-transform: capitalize;
    font-weight: 900;
    color: var(--textbold-color);
}
.servpgcont-div .contact-widget .inner-box {
    position: relative;
    display: block;
    background-color: var(--textbold-color);
    padding: 25px;
    margin-top: 20px;
}
.servpgcont-div .contact-widget .inner-box h2 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 38px;
    color: var(--white-color);
    margin-bottom: 12px;
}
.servpgcont-div .contact-widget .inner-box h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 10px;
}
.servpgcont-div .contact-widget .inner-box .theme-btn i {
    position: relative;
    display: inline-block;
    font-size: 18px;
    top: 3px;
    right: 10px;
    color: var(--color-three);
    transition: all 500ms ease;
}
.servpgcont-div .contact-widget .inner-box .theme-btn:hover::before {
    width: 100%;
}
.servpgcont-div .contact-widget .inner-box .theme-btn::before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    background-color: var(--theme-color);
    transition: all 500ms ease;
}
.servpgcont-div .contact-widget .inner-box h5 span{
  font-weight: 300;
}
.servpgcont-div .contact-widget .inner-box .icon-box {
    position: relative;
    display: block;
    margin-bottom: 0px;
}
.servpgcont-div .contact-widget .inner-box p {
    color: var(--color-three);
    padding-top: 0;
}
.servpgcont-div .contact-widget .inner-box .icon-box::before{
  position: absolute;
  content: '';
  background-color: #87868d;
  width: calc(50% - 45px);
  height: 1px;
  left: 0px;
  top: 25px;
}
.servpgcont-div .contact-widget .inner-box .icon-box::after{
  position: absolute;
  content: '';
  background-color: #87868d;
  width: calc(50% - 45px);
  height: 1px;
  right: 0px;
  top: 25px;
}
.iphoneservcontimg-div {
    position: relative;
    display: block;
    overflow: hidden;
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px -18px 36px -18px inset;
    padding: 15px;
    margin-top: 25px;
}
.servpgcont-div img {
    box-shadow: unset !important;
}
.ipservpgcentcimg {
    margin-top: 40px;
}
.ipservcentcontbox-img {
    border: 1px solid rgba(0,0,0,.1);
}
.servpgcont-div .contact-widget .inner-box .icon-box .icon {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--color-three);
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    color: var(--textbold-color);
}
.servpgcont-div .contact-widget .inner-box h4 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 7px;
}
.servpgcont-div .contact-widget .inner-box h4 a {
    display: inline-block;
    color: var(--main-color);
    background: var(--color-three);
    padding: 0px 5px;
    border-radius: 5px;
}
.servpgcont-div .contact-widget .inner-box h4 a:hover, .servpgcont-div .contact-widget .inner-box p a:hover {
    color: var(--black-color);
}
.servpgcont-div .contact-widget .inner-box p a{
  display: inline-block;
  font-family: var(--text-font);
  color: #a5aaaf;
  margin-bottom: 32px;
}
.servpgcont-div .contact-widget .inner-box .theme-btn {
    border: 1px solid var(--color-three);
    background-color: transparent;
    padding: 15px 28px;
    width: 100%;
    color: var(--white-color);
    margin-top: 10px;
}
.servpgcont-div .contact-widget .inner-box .theme-btn:hover {
    border-color: var(--black-color);
    background-color: var(--black-color);
}
.centred {
    text-align: center;
}
.table_component {
    overflow: auto;
    width: 100%;
}
.table_component table {
    height: 100%;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: left;
}
.table_component caption {
    caption-side: top;
    text-align: left;
}
.table_component th {
    border: 1px solid #dededf;
    background-color: var(--textbold-color);
    color: #000000;
    padding: 5px;
}
.table_component td {
    color: #000000;
    padding: 5px;
    border-top: unset;
}
.table_component thead td p {
    color: var(--white-color);
}
.product_section_content .centerloccont2-div .accordion-box {
    position: relative;
    z-index: 1;
    width: 100%;
}

/*===================================================  contact_page  ==========================================================*/

.contact-info-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.contact-info-item .icon-box {
    position: relative;
    background: var(--black-color);
    border-radius: 5px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    overflow: hidden;
}
.contact-info-item .icon-box::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--blackColor);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: rotate(180deg) scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}
.contact-info-item .icon-box img {
    position: relative;
    width: 100%;
    max-width: 30px;
    transition: all 0.4s ease-in-out;
    z-index: 1;
    filter: brightness(0) invert(1);
}
.contact-info-item-content {
    width: calc(100% - 80px);
}
.contact-us-content .section-title h2.sec-title {
    font-size: 25px;
}
.contact-info-item-content h3 {
    font-size: 20px;
    line-height: 1.4;
}
.contact-info-item-content p {
    margin: 10px 0 0;
}
.contact-info-item:hover .icon-box::before {
    border-radius: 0;
    transform: rotate(0) scale(1);
}
.contact-info-item:hover .icon-box img {
    filter: brightness(0) invert(1);
}
#tem562_contact_page .border-title {
    padding-bottom: 10px;
    position: relative;
    display: none;
}
.contact-info-item-content p a:hover {
    color: var(--main-color);
}
.contact-info-item-content p a {
    color: inherit;
    transition: all 0.4s ease-in-out;
}
textarea.form-control {
    height: 180px;
}
.contact-info-item:last-child {
    border-bottom: unset;
    padding-bottom: 0;
    margin-bottom: 0;
}
.contact-us-content .section-title {
    margin-bottom: 20px;
}
.contact-us-content .section-title h4 {
    color: var(--mainColor);
    font-size: 30px;
    font-weight: 600;
}
.contact-us-content {
    margin-top: 60px;
}
button.site-button.pull-right {
    font-family: var(--theme-font2);
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 16px 32px;
    border-radius: 30px;
    position: relative;
    border: 0!important;
    overflow: hidden;
    z-index: 1;
    transition: .3s;
    background-color: var(--black-color);
    color: #fff;
}
.contpgcont-h4 {
    font-size: 22px;
    color: var(--black-color);
    margin-bottom: 10px;
    display: none;
}
.cpsection-title .sec-title {
    margin-bottom: 10px;
}

/*===============================================  service_centers  ======================================================*/

.project-detail {
    position: relative;
    margin-top: 80px;
    margin-bottom: 120px;
    text-align: initial;
}
/* Project Detail Lists */

.project-detail_lists {
    position: relative;
    margin-bottom: 80px;
}
.project-detail_lists li {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
    padding-left: 50px;
    color: var(--black-color);
    font-family: var(--theme-font1);
}
.project-detail_lists li:before{
	position:absolute;
	content:'';
	left:0px;
	top:-3px;
	width:32px;
	height:32px;
	background: url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/check-1.png);
}
.contact-one_info-outer iframe {
    width: 100%;
    border-radius: 10px;
}
.centerpgcont-iframe {
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 1;
}
.contact-one_info li span img {
    width: 22px;
    height: 22px;
}
/*** 

====================================================================
    Contact One
====================================================================

***/

.contact-one {
    position: relative;
    padding-top: 80px;
    padding-bottom: 0px;
    margin-bottom: 80px;
}
.contact-one:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 50px;
    background-color: var(--black-color);
    margin: 0 15px;
}
.contact-one_shadow {
    position: absolute;
    left: 15px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    border-radius: 50px;
    background-position: left top;
    background-repeat: no-repeat;
}
.contact-one_form-column{
	position:relative;
}
.contact-one_form-outer {
    position: relative;
    padding: 20px 80px 50px 40px;
    border-radius: 30px 30px 0px 0px;
    background-color: rgba(var(--white-color-rgb), 0.05);
}
.contact-one_form-outer:before {
    position: absolute;
    content: '';
    left: -35px;
    top: -45px;
    right: 35px;
    bottom: 0px;
    border-radius: 30px 30px 0px 0px;
    background-color: rgba(var(--white-color-rgb), 0.05);
}
.contact-one_vector{
	position:absolute;
	right:20px;
	top:20px;
	width:467px;
	height:466px;
	background-repeat:no-repeat;
}
.contact-one_form-title-box {
    position: relative;
    margin-bottom: 20px;
}
.contact-one_form-title{
	position:relative;
	font-size:48px;
	line-height:58px;
	color:var(--white-color);
}
.contact-one_form-text {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    margin-top: 15px;
    color: var(--white-color);
    width: 420px;
}
/* Default Form */

.default-form{
	position:relative;
}
.default-form .form-group{
	margin-bottom:35px;
}
.default-form .form-group label{
	position: relative;
	font-size: 16px;
	display:block;
	font-weight:600;
	margin-bottom: 0px;
	padding-left:25px;
	color: var(--white-color);
}
.default-form .form-group:last-child{
	margin-bottom:0px;
}
.default-form .form-group input[type="text"], .default-form .form-group input[type="password"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="email"], .default-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    height: 50px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 0px;
    background: none;
    color: var(--white-color) !important;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    border-bottom: 1px solid rgba(var(--white-color-rgb), 0.15);
    border-width: 0 0 1px 0;
}
.default-form .form-group input[type="text"]:focus, .default-form .form-group input[type="password"]:focus, .default-form .form-group input[type="tel"]:focus, .default-form .form-group input[type="email"]:focus, .default-form .form-group select:focus, .default-form .form-group textarea:focus {
    border-color: var(--white-color);
    box-shadow: unset;
}
.default-form .form-group .theme-btn{
	padding:20px 48px;
	margin-top:15px;
}
.default-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 150px;
    resize: none;
    font-size: 16px;
    line-height: 26px;
    padding: 20px 20px;
    border-radius: 0px;
    color: var(--color-two);
    border-bottom: 1px solid rgba(var(--white-color-rgb), 0.15);
    border-width: 0 0 1px 0;
    height: 110px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-one_info-outer .sec-title {
    margin-bottom: 20px;
    z-index: 1;
}
.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus{
	border-color:var(--white-color);
}
.contact-one_info-column{
	position:relative;
}
.contact-one_info-outer{
	position:relative;
	padding-left:30px;
}
.contact-one_info {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    width: 400px;
}
.contact-one_info li {
    position: relative;
    padding-left: 80px;
    font-size: 16px;
    margin-bottom: 50px;
    color: var(--white-color);
}
.contact-one_info li .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}
.contact-one_info li strong {
    position: relative;
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--white-color);
    font-family: var(--theme-font1);
}
.contact-one_info li a{
	position:relative;
	font-size:16px;
	margin:2px 0px;
	display:inline-block;
	color:var(--white-color);
}
.contact-one_side-image {
    position: absolute;
    right: 0px;
    bottom: 310px;
}
::placeholder {
    color: #c3c3c3 !important;
    opacity: 1;
}
.centercont1-div .service-detail_list {
    width: 560px;
    margin-top: 15px;
}
.service-detail_list{
    position:relative;
	font-size:16px;
	color:#666666;
	line-height:26px;
}
.service-detail_list li{
	position:relative;
	margin-bottom:15px;
	padding-left:45px;
}
.service-detail_list .service-detail_list-head:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background: url(../../images/images/center/img1/service-arrow-2.png);
    background-size: cover;
}
.service-detail_list li span {
    font-size: 18px;
    font-weight: 600;
    color: var(--main-color);
}
.service-detail_list-head {
    font-size: 20px;
    color: var(--black-color);
    font-weight: 600;
}
.service-detail_subtitle {
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
    color: var(--black-color);
}
.service-detail_text {
    position: relative;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-bottom: 25px;
}
.sercenccont-div .service-detail_subtitle {
    margin: 0;
}
.sercenccont-div .process-one_content-text {
    margin-bottom: 20px;
}
.sercenccont-div .process-one_content {
    margin: 0;
}
.sercenccont-div .service-detail_text {
    margin-top: 15px;
}
.sercenccont-div.sercencc-right .service-detail_list .service-detail_list-head:before {
    right: 0;
    left: unset;
}
.sercenccont-div.sercencc-right .service-detail_list-head {
    padding-right: 45px;
}
.process-one_content .process-one_button {
    margin: 0px 0 10px;
}
.sercenccont-div.sercencc-left {
    width: 660px;
}
.centercont1-div {
    width: 550px;
}
.sercenccont-div.sercencc-left .service-detail_list {
    margin-top: 20px;
}
.sercenccont-div.sercencc-right {
    width: 660px;
}
.process-one.style-two.mp-0 {
    margin: 0;
    padding: 0;
}
.sercenccont-div.sercencc-right .centercont1-imgdiv {
    margin-bottom: 20px;
}
/*** 

====================================================================
    Process One
====================================================================

***/

.process-one {
    position: relative;
    padding: 50px 0px 120px;
    margin-bottom: 40px;
}
.process-one.style-two{
	padding-bottom:0px;
}
.process-one .step-block_one:nth-child(2){
	
	top:30px;
}
.process-one .step-block_one:nth-child(2) .step-block_one-inner:before{
	bottom:auto;
	top:20%;
}
.process-one .step-block_one:nth-child(3){
	
	top:-160px;
}
.process-one .step-block_one:nth-child(3) .step-block_one-inner:before{
	bottom:auto;
	top:30%;
}
.process-one .step-block_one:nth-child(4) {
    top: -255px;
}
.step-block_one:last-child .step-block_one-inner:before{
	display:none;
}
.step-block_one {
    position: relative;
    padding: 0 12px;
}
.process-one.style-two .row {
    display: flex;
}
.step-block_one-inner {
    position: relative;
    padding: 35px 30px;
    border-radius: 20px;
    border: 2px solid #D9D9D9;
}
.step-block_one-inner:before{
    position: absolute;
    content: '';
    right: -29px;
    bottom: 60px;
    width: 30px;
    height: 90px;
    z-index: 1;
    background: url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/curve.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.step-block_one:last-child .step-block_one-inner::before{
	display:none;
}
.step-block_one-bg{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	background-size:cover;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.step-block_one-inner:hover .step-block_one-bg{
	opacity:1;
}
.step-block_one-number{
	position:relative;
	font-size:16px;
}
.step-block_one-number span{
	position:relative;
	line-height:1em;
	font-weight:800;
	font-size:96px;
	background: linear-gradient(to bottom, #020dff, #bf15ec);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.step-block_one-inner:hover .step-block_one-number span{
	color:var(--black-color);
	-webkit-text-fill-color: inherit;
}
.step-block_one-inner:hover .step-block_one-heading{
	color:var(--main-color);
}
.step-block_one-heading {
    position: relative;
    font-size: 26px;
    font-weight: 700;
    margin-top: 21px;
    color: var(--black-color);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    margin-bottom: 15px;
}
.step-block_one-text{
	position:relative;
	font-size:16px;
	color:#666666;
	line-height:30px;
	margin-top:15px;
}
.process-one_content {
    position: relative;
    text-align: right;
    margin-top: -150px;
}
.centercont1-imgdiv img {
    border-radius: 50px;
}
.process-one_button{
	position:relative;
}
.process-one_content-text{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#666666;
	margin-top:20px;
}

/*** 

====================================================================
    Accordion Style
====================================================================

***/

.accordion-box {
    position: relative;
    z-index: 1;
    width: 560px;
}
.accordion-box .block{
	position: relative;
	border-radius:50px;
	margin-bottom:20px;
	background-color: var(--white-color);
}
.accordion-box .block.active-block{
	border-radius:35px;
}
.accordion-box .block:last-child{
	margin-bottom:0px;
}
.accordion-box .block .acc-btn {
    position: relative;
    cursor: pointer;
    line-height: 30px;
    font-weight: 700;
    font-size: 20px;
    padding: 20px 55px 20px 30px;
    color: var(--black-color);
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    font-family: var(--theme-font1);
}
.mb-60 {
    margin-bottom: 60px;
}
.centerloccont2-div .service-detail_subtitle {
    margin-top: 0;
}
.accordion-box .block .acc-btn.active{
	color:var(--main-color);
}
.accordion-box .block .icon-outer{
	position:absolute;
	right: 12px;
    top: 8px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.accordion-box .block .icon-outer .icon{
    position: relative;
	width:50px;
	height:50px;
	line-height:48px;
	text-align:center;
	border-radius:50px;
	display: inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}
.accordion-box .block .acc-btn.active .icon-outer .icon{
	transform:rotate(-90deg);
}
.accordion-box .block.active-block .icon{
	opacity: 1;
	color: var(--white-color);
}
.accordion-box .block .acc-content{
	position:relative;
	display:none;
}
.accordion-box .block .acc-content.current{
	display:block;	
}
.accordion-box .block .content{
	position:relative;
	padding:0px 30px 30px;
}
.accordion-box .block .content .text{
	line-height:34px;
	font-size:18px;
    color:#444444;
}
.accordion-box.style-two .block{
	background-color:#feefff;
}
.contnearloct {
    position: relative;
    top: 5px;
}
.contact-one.contact-one1 {
    display: block !important;
}
.accordion-box .block .icon-outer .icon img {
    width: 12px;
    height: 12px;
}


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-  responsive  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

@media (max-width: 767px) {  
h4 {
    line-height: 34px;
    font-size: 18px;
}
h2 {
    line-height: 40px;
    font-size: 35px;
    margin-top: 5px;
}
.sec-title_heading {
    margin-top: 5px;
}
.about-one_vector {
    display: none;
}
.review-block_one-info strong {
    padding-left: 0px;
}
.about-one {
    padding: 60px 0px 60px;
}
.marketing-one {
    padding: 0px 0px 60px;
}
.about-one_text {
    font-size: 16px;
    line-height: 30px;
}
.about-one_image-outer {
    text-align: left;
    margin-top: 30px;
}
.about-one_image-two {
    margin-left: 0;
    margin-top: 20px;
}
.about-one_carousel {
    margin-left: 25px;
    max-width: 290px;
}
.marketing-one h2 {
    font-size: 100px;
}
.achieve-one_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 0px;
}
.achieve-one .sec-title, .achieve-one_counter {
    margin-left: 0px;
}
.achieve-one_vector {
    left: 0;
    top: -900px;
    right: 0;
    background-position: 20% 35%;
}
.video-box .overlay-box span {
    width: 130px;
    height: 130px;
    left: 130px;
    bottom: 130px;
    line-height: 90px;
}
.video-box .overlay-box span img {
    width: 35px;
    height: 35px;
}
.video-box .ripple, .video-box .ripple:before, .video-box .ripple:after {
    width: 130px;
    height: 130px;
}
.video-one .video-box {
    margin-top: -160px;
}
.achieve-one_vector-two {
    left: 0;
    right: 0;
    bottom: 100px;
}
.incredible-one_title {
    font-size: 50px;
    line-height: 60px;
}
.incredible-one {
    margin-top: 0;
    padding: 70px 20px 70px;
}
.incredible-one_vector {
    display: none;
}
.experiance-one_years-inner {
    padding: 30px 25px;
}
.experiance-one_years-inner {
    width: 100%;
    margin-top: 50px;
    background-size: cover;
}
.experiance-one_text {
    font-size: 34px;
    line-height: 44px;
    max-width: 100%;
}
.incredible-one_pattern {
    background-size: cover;
    border-radius: 50px;
    width: 92%;
}
.experiance-one h2, .experiance-one h3 {
    font-size: 80px;
}
.step-award_box {
    left: 20px;
    width: 275px;
}
.offer-one_images_outer {
    height: 260px;
}
.step-award_count {
    font-size: 30px;
    margin-bottom: 5px;
}
.step-award_subtitle {
    font-size: 20px;
}
.offer-one_content-outer {
    max-width: 100%;
    padding-left: 0px;
    padding-top: 100px;
}
.offer-one_content-outer .sec-title.title-anim {
    margin-left: 0px;
}
.offer-one_icon-outer {
    left: 0px;
}
.offer-one_color {
    display: none;
}
.offer-one_title {
    padding-left: 85px;
}
.offer-one {
    padding: 0px 0px 60px;
}
.achieve-one.hlabeldiv .sec-title {
    width: 100%;
}
.achieve-one.hlabeldiv .achieve-one_bg {
    background-position: 40% 50% !important;
}
.achieve-one.hlabeldiv {
    padding: 50px 20px 20px;
}
.empower-one .empower-block_one {
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
}
.empower-block_one-title {
    font-size: 19px;
}
.empower-one .empower-block_one:nth-child(1),
.empower-one .empower-block_one:nth-child(2),
.empower-one .empower-block_one:nth-child(3) {
    transform: translateY(0px);
}
.empower-one .sec-title {
    margin-bottom: 40px;
}
.empower-one .lower-box {
    margin-top: 0px;
}
.empower-one {
    padding: 0px 0px 40px;
}
.about-three_title-outer {
    padding-right: 0;
}
.about-three {
    padding: 60px 0px 50px;
    margin: 0;
    border-radius: 0;
}
.about-three .sec-title_dots {
    display: inherit;
}
.about-three_image-two {
    position: relative;
    right: unset;
    bottom: -20px;
    left: 130px;
}
.about-three .empower-block_one {
    margin: 40px 0 0;
}
.about-three_shadow {
    top: 500px;
}
.sec-title_title {
    font-size: 16px;
}
.about-three .sec-title_title {
    font-size: 14px;
}
.offer-one_bg-color {
    height: 600px;
}
.sec-title {
    margin-bottom: 20px;
}
.about-three .empower-block_one-inner {
    height: 150px;
}
.video-box .video-image {
    border: 10px solid var(--white-color);
}
.news-two {
    padding-bottom: 0px;
    padding-top: 0px;
}
.cta-one .inner-container {
    padding: 24px 24px;
    text-align: center;
    border-radius: 25px;
    justify-content: center !important;
}
.cta-one_btn {
    margin-top: 25px;
}
.cta-one.style-two {
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
}
.news-block_one:nth-child(4) .news-block_one-date_outer {
    left: 50px;
}
.news-block_one:nth-child(3) .news-block_one-date_outer {
    left: 82px;
}
.news-block_one-date_outer {
    left: 85px;
}
#home #footer {
    padding-top: 60px;
}
.process-one.style-two .row {
    display: block;
}
.centercont1-div .service-detail_list {
    width: 100%;
}
.accordion-box {
    width: 100%;
}
.contact-one_form-text {
    width: 100%;
}
.step-block_one-inner:before {
    display: none;
}
h1 {
    line-height: 40px;
    font-size: 35px;
}
.process-one {
    padding: 0px 0px 40px;
    margin-bottom: 0px;
}
.process-one .step-block_one:nth-child(2),
.process-one .step-block_one:nth-child(3),
.process-one .step-block_one:nth-child(4) {
    top: 0;
}
.step-block_one {
    margin-bottom: 30px;
    padding: 0;
}
.step-block_one-inner {
    padding: 25px 20px;
}
.service-detail_subtitle br {
    display: none;
}
h3 {
    line-height: 30px;
    font-size: 25px;
}
.service-detail_subtitle {
    margin-top: 20px;
    font-size: 24px;
}
.mb-60 {
    margin-bottom: 30px;
}
.project-detail {
    margin-bottom: 40px;
}
.centerloccont2-div {
    margin-top: 40px;
}
.contact-one_side-image {
    display: none;
}
.contact-one_shadow {
    left: 0;
    right: 0;
    border-radius: 0;
}
.contact-one_vector {
    right: 0px;
}
.contact-one_form-outer {
    padding: 30px 10px 50px 10px;
}
.contact-one:before {
    margin: 0;
    border-radius: 0;
}
.d-flex {
    display: block !important;
}
.centerpgcont-iframe {
    position: relative;
    right: 0;
    bottom: 0px;
}
.contact-one_info {
    width: 100%;
}
.contact-one_info-outer {
    position: relative;
    padding-left: unset;
    padding: 40px 0px;
}
.banner-heading .border-title.border-left {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 5px;
}
.banner-area {
    height: 150px;
    min-height: 150px;
    background-position: initial;
}
.qc-menu-bar {
    margin-bottom: 15px;
}
.qc-brand-block .qc-navbar-brand .qc-brand-logo {
    width: 280px;
}
#qcnavbarmenu {
    width: 100%;
}
.navbar-nav>li>a {
    border-bottom: 1px solid #ddd;
}
.navbar-nav>li>a:last-child {
    border-bottom: unset;
}
.navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 15px 10px 25px;
    border-bottom: 1px solid #ddd;
}
.centercont1-imgdiv img {
    border-radius: 20px;
}
.footer-main {
    padding: 0 0 0px;
}
.contact-us-content {
    margin-top: 20px;
    margin-bottom: 20px;
}
.banner-text {
    left: 0;
}
.news-block_one-inner .d-flex {
    display: flex !important;
}
.news-two .sec-title_title {
    font-size: 14px;
}
#tem562_pro_page .wpb_column.vc_column_container.vc_col-sm-3 {
    position: relative;
    top: 0px;
}
div#tem562_pro_page .wpb_wrapper {
    padding: 0 0 0 0px;
}
div#tem562_pro_page h2.border-title.border-left {
    font-size: 18px !important;
}
div#tem562_pro_page .border-title:before {
    top: 45px;
}
.experiance-one .animation_mode-two, .experiance-one .animation_mode {
    min-height: 60px;
}
.centercont1-div {
    width: 100%;
}
.sercenccont-div.sercencc-left {
    width: 100%;
}
.sercenccont-div.sercencc-right {
    width: 100%;
}
.service-detail_list-head {
    font-size: 16px;
}




}



/*------------------------------------- Disktop 1400----------------------------------------------------------*/
@media (min-width:1400px) and (max-width:1500px) {
    #rev_slider_1_1 {
    max-height: 750px !important;
    height: 750px !important;
}
.offer-one_color {
    width: 880px;
}
}
/*------------------------------------- Disktop 1500----------------------------------------------------------*/
@media (min-width:1500px) and (max-width:1600px) {
    #rev_slider_1_1 {
    max-height: 780px !important;
    height: 780px !important;
    }
.offer-one_color {
    width: 930px;
}
}
/*------------------------------------- Disktop 1600----------------------------------------------------------*/
@media (min-width:1600px) and (max-width:1700px) {
    #rev_slider_1_1 {
    max-height: 830px !important;
    height: 830px !important;
    }
    .about-one {
    position: relative;
    padding: 200px 0px 60px;
}
.offer-one_color {
    width: 980px;
}
}