/*!
* Version: 3.0
* Template: qloud - Qloud Computing, Apps & Server HTML, WHMCS, Vue & Angular Template
* Author: iqonic.design
* Design and Developed by: iqonic.design
* NOTE: This file contains the styling for Template.
*
*/@font-face {
	font-family: "TeXGyreAdventor";
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("../vendor/fonts/texgyreadventor-bold-webfont.woff"), url("../vendor/fonts/texgyreadventor-bold-webfont.woff") format("woff")
}
:focus {
	outline: none
}
hr {
	margin: 1rem 0;
	color: inherit;
	background-color: currentColor
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: var(--bs-heading-2, 3.157rem)
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: var(--bs-heading-4, 1.777rem)
}
h5 {
	font-size: var(--bs-heading-5, 1.333rem)
}
h6 {
	font-size: var(--bs-heading-6, 1rem)
}
a {
	-webkit-transition: color 400ms ease, background 400ms ease;
	-o-transition: color 400ms ease, background 400ms ease;
	transition: color 400ms ease, background 400ms ease;
	color: var(--bs-primary);
	text-decoration: none
}
.iq-slider {
	overflow: hidden;
	overflow-x: auto
}
.iq-scroller-effect ::-webkit-scrollbar {
width:5px;
height:5px;
-webkit-border-radius:20px;
border-radius:20px
}
.iq-scroller-effect ::-webkit-scrollbar-track {
background:#fff;
-webkit-border-radius:20px;
border-radius:20px
}
.iq-scroller-effect ::-webkit-scrollbar-thumb {
background:#dbdfe7;
-webkit-border-radius:20px;
border-radius:20px;
-webkit-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
cursor:pointer
}
.iq-scroller-effect ::-webkit-scrollbar-thumb:hover {
background:#dfe2e9;
-webkit-border-radius:20px;
border-radius:20px;
-webkit-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease
}
.fs-37 {
	font-size: 2.3687rem
}
.fs-16 {
	font-size: 1rem
}
.text-primary-dark {
	color: var(--bs-primary-shade-20)
}
.qloud-app-banner {
	padding: 100px 16px
}
.qloud-app-banner .search-bar {
	margin-top: 50px;
	margin-bottom: 50px
}
.qloud-app-banner .app-call svg path {
	stroke: var(--bs-white)
}
.banner-inner-color {
	padding: 5rem 1rem 2rem;
	background: -webkit-gradient(linear, left top, right top, from(var(--bs-white)), color-stop(50%, var(--bs-white)), color-stop(50%, var(--bs-light)), to(var(--bs-light)));
	background: -webkit-linear-gradient(left, var(--bs-white) 0%, var(--bs-white) 50%, var(--bs-light) 50%, var(--bs-light) 100%);
	background: -o-linear-gradient(left, var(--bs-white) 0%, var(--bs-white) 50%, var(--bs-light) 50%, var(--bs-light) 100%);
	background: linear-gradient(to right, var(--bs-white) 0%, var(--bs-white) 50%, var(--bs-light) 50%, var(--bs-light) 100%)
}
.qloud-security-banner {
	padding: 200px 0 317px 0
}
.qloud-security-banner .a-link {
	text-decoration: underline;
	font-weight: 600;
	color: var(--bs-blue)
}
.banner-box-section {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-top: -50px;
	padding: 45px 45px 45px 45px
}
.banner-box-section .box-body {
	margin-left: 1.5rem
}
.banner-box-section .box-inner {
	position: relative
}
.banner-box-section .box-inner::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-right: 1px solid #f2f2f4
}
.banner-box-section .box-inner:last-child::after {
	content: none
}
.voice-service-banner {
	background-color: var(--bs-gray-400);
	padding: 300px 0 300px 0
}
.voice-service-banner .img-1 {
	top: 30%;
	left: 7%;
	z-index: 1
}
.voice-service-banner .img-2 {
	top: 13%;
	left: 78%;
	z-index: 1
}
.voice-service-banner .img-3 {
	top: 13%;
	left: 25%
}
.voice-service-banner .img-4 {
	top: 73%;
	left: 61%
}
.voice-service-banner .img-5 {
	top: 53%;
	left: -1%
}
.voice-service-banner .img-6 {
	top: 14%;
	left: 82%;
	z-index: 0
}
.voice-service-banner .img-7 {
	top: 6%;
	left: 41%
}
.voice-service-banner .img-8 {
	top: 75%;
	left: 25%
}
.voice-service-banner .img-9 {
	top: 95%;
	left: 36%
}
.voice-service-banner .btn2 .iq-button {
	background-color: var(--bs-secondary)
}
.banner-storage {
	padding: 100px 16px 130px;
	margin-bottom: 150px
}
.banner-storage .icon-box-img i {
	font-size: 10px
}
.banner-storage .storage-container {
	padding-top: 80px
}
.banner-storage .banner-inner {
	padding: 35px
}
.banner-storage .qloud-storage-domain {
	width: 90%
}
.banner-storage .gallery {
	padding: 0 30px 100px 30px
}
.banner-storage .price-tag {
	background-color: var(--bs-heading-color);
	bottom: -7%;
	left: -12%
}
.banner-storage .price-tag .price-label {
	padding: 19px
}
.banner-healthcare {
	padding: 100px 16px 130px
}
.icon-box-img i {
	font-size: 10px
}
.serverless-banner {
	padding-top: 100px;
	padding-bottom: 100px
}
.serverless-banner .question-link {
	text-decoration: underline
}
.serverless-banner .button-group {
	margin-top: 50px;
	margin-bottom: 30px
}
.serverless-banner .button-group .btn-banner .iq-button {
	background-color: var(--bs-secondary)
}
.qloud-hosting-banner {
	padding: 110px 16px 0
}
.banner-box-hosting {
	margin-top: -60px
}
.banner-box-hosting .banner-inner {
	padding: 0 60px
}
.banner-box-hosting .info-contianer {
	background-color: var(--bs-gray-400);
	padding: 70px 60px
}
.banner-box-hosting .hosting-list {
	padding: 0 16px 0 100px
}
.analytics-banner .btn2 .iq-btn-container .iq-button {
	background-color: var(--bs-secondary)
}
.banner-database {
	padding: 100px 16px 100px
}
.banner-database::after {
	content: "";
	position: absolute;
	background-color: var(--bs-secondary);
	height: 100px;
	width: 100px;
	bottom: 0%;
	right: 0%;
	z-index: 1
}
.banner-database::before {
	content: "";
	position: absolute;
	background-color: var(--bs-gray-200);
	height: 130px;
	width: 130px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	bottom: 5%;
	right: 3%;
	z-index: 1
}
.banner-database .database-img {
	top: 0%;
	height: 100%;
	width: 100%;
	right: -1%
}
.banner-database .vector-img {
	bottom: 0;
	left: 0
}
.banner-database .banner-info::after {
	content: "";
	position: absolute;
	background-color: var(--bs-gray-200);
	height: 60px;
	width: 60px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	top: -28%;
	left: -1%;
	z-index: 1
}
.banner-compute {
	padding: 25px;
}
.banner-compute .banner-pattern-1 {
	top: -17%;
	left: 0%
}
.banner-compute .banner-pattern-2 {
	top: 6%;
	left: 92%;
	-webkit-transform: rotate(49deg);
	-ms-transform: rotate(49deg);
	transform: rotate(49deg)
}
.banner-compute .compute-container .compute-inner {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform .7s linear;
	transition: -webkit-transform .7s linear;
	-o-transition: transform .7s linear;
	transition: transform .7s linear;
	transition: transform .7s linear, -webkit-transform .7s linear;
	-webkit-animation: rotate 20s infinite linear;
	animation: rotate 20s infinite linear
}
.banner-compute .compute-container .img-compute-round {
	top: 0%;
	left: 15%;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform .7s linear;
	transition: -webkit-transform .7s linear;
	-o-transition: transform .7s linear;
	transition: transform .7s linear;
	transition: transform .7s linear, -webkit-transform .7s linear;
	-webkit-animation: rotate 20s infinite linear;
	animation: rotate 20s infinite linear
}
@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotate {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.banner-compute .img-computing-1 {
	top: 0;
	left: 10%
}
.media-banner {
	background: -webkit-gradient(linear, left top, right top, from(var(--bs-light)), color-stop(78%, var(--bs-light)), color-stop(78%, rgba(0, 123, 252, 0.1)), to(rgba(0, 123, 252, 0.1)));
	background: -webkit-linear-gradient(left, var(--bs-light) 0%, var(--bs-light) 78%, rgba(0, 123, 252, 0.1) 78%, rgba(0, 123, 252, 0.1) 100%);
	background: -o-linear-gradient(left, var(--bs-light) 0%, var(--bs-light) 78%, rgba(0, 123, 252, 0.1) 78%, rgba(0, 123, 252, 0.1) 100%);
	background: linear-gradient(to right, var(--bs-light) 0%, var(--bs-light) 78%, rgba(0, 123, 252, 0.1) 78%, rgba(0, 123, 252, 0.1) 100%);
	padding: 6.25rem 1rem
}
.media-banner .media-inner {
	padding-top: 80px
}

@media(max-width: 1024px) {
.qloud-app-banner {
	padding: 70px 0
}
.banner-database {
	padding: 130px 16px 50px
}
.banner-database::after {
	height: 60px;
	width: 60px
}
.banner-database::before {
	height: 85px;
	width: 85px;
	bottom: 3%
}
.banner-storage {
	padding: 70px 16px;
	margin-bottom: 7px
}
.banner-storage .storage-container {
	padding-top: 32px
}
.banner-storage .qloud-storage-domain {
	width: 72%
}
.banner-storage .price-tag {
	bottom: -7%;
	left: 38%
}
.voice-service-banner {
	padding: 50px 0 50px 0
}
.voice-service-banner .img-1, .voice-service-banner .img-2, .voice-service-banner .img-3, .voice-service-banner .img-4, .voice-service-banner .img-5, .voice-service-banner .img-6, .voice-service-banner .img-7, .voice-service-banner .img-8, .voice-service-banner .img-9 {
	display: none
}
.qloud-hosting-banner {
	padding: 80px 16px 0
}
.qloud-hosting-banner .banner-img {
	width: 100%;
	height: 100%
}
.banner-box-hosting {
	margin-top: 70px
}
.banner-box-hosting .banner-inner {
	padding: 0 16px
}
.banner-box-hosting .info-contianer {
	background-color: var(--bs-gray-400);
	padding: 50px 30px
}
.banner-box-hosting .info-contianer .iq-title-box {
	padding: 0 0 32px 0
}
.banner-box-hosting .hosting-list {
	padding: 0 16px 0 16px
}
.banner-compute .compute-container .img-compute-round {
	top: 8%;
	left: 11%
}
.banner-compute .img-computing-1 {
	top: -9%;
	left: 4%
}
.media-banner .media-inner {
	padding-top: 32px
}
}

@media(max-width: 991px) {
.banner-compute .compute-container .img-compute-round {
	top: 18%;
	left: 15%
}
.banner-compute .img-computing-1 {
	top: 0;
	left: 10%
}
}

@media(max-width: 768px) {
.banner-database {
	padding: 70px 16px 50px
}
.banner-database .vector-img {
	display: none
}
.qloud-security-banner {
	padding: 50px 0 50px 0
}
.banner-box-section {
	padding: 50px 16px 50px 16px;
	margin-top: 0
}
.banner-box-section .box-body {
	margin-left: 0
}
.banner-box-section .box-inner::after {
	content: none
}
.banner-healthcare {
	padding: 50px 0 0 0
}
.serverless-banner {
	padding-top: 50px;
	padding-bottom: 50px
}
.qloud-hosting-banner {
	padding: 70px 16px 0
}
.media-banner {
	background: -webkit-gradient(linear, left top, right top, from(var(--bs-light)), to(rgba(0, 123, 252, 0.1)));
	background: -webkit-linear-gradient(left, var(--bs-light) 0%, rgba(0, 123, 252, 0.1) 100%);
	background: -o-linear-gradient(left, var(--bs-light) 0%, rgba(0, 123, 252, 0.1) 100%);
	background: linear-gradient(to right, var(--bs-light) 0%, rgba(0, 123, 252, 0.1) 100%);
	padding: 3.125rem 0
}
}

@media(max-width: 767px) {
.banner-storage {
	padding: 50px 0;
	margin-bottom: 50px
}
.banner-storage .qloud-storage-domain {
	width: 100%
}
.banner-storage .price-tag {
	bottom: -7%;
	left: 16%
}
.banner-storage .icon-box-content {
	display: none
}
.qloud-app-banner {
	padding: 50px 0
}
.banner-database {
	padding: 50px 16px
}
.qloud-hosting-banner {
	padding: 50px 0 0
}
.banner-box-hosting {
	margin-top: 50px
}
.banner-box-hosting .banner-inner {
	padding: 0
}
.banner-box-hosting .info-contianer .iq-title-box {
	margin: 0 0 32px 0;
	padding: 0
}
.banner-compute {
	padding: 50px 0
}
.banner-inner-color {
	padding: 3.125rem 1rem 2rem
}
}
.iq-social li {
	background-color: var(--bs-white);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-social li:hover {
	background-color: var(--bs-primary)
}
.iq-social li a {
	position: relative;
	width: 38px;
	height: 38px;
	display: inline-block;
	text-align: center;
	line-height: 38px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	text-transform: uppercase;
	font-size: .75rem;
	color: #5e7290
}
.iq-social li a:hover i {
	color: var(--bs-white)
}
.iq-social li a i {
	color: var(--bs-gray-700)
}
.iq-social li a svg.base-circle {
	width: 38px;
	height: 38px;
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1px solid var(--bs-border-color);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: .7s;
	-o-transition: .7s;
	transition: .7s
}
.iq-social li a svg.base-circle .c1 {
	stroke-dasharray: 0 144;
	-webkit-transition: .7s;
	-o-transition: .7s;
	transition: .7s;
	opacity: 0;
	stroke: var(--bs-primary)
}
.iq-social li a svg.base-circle:hover {
	border: 1px solid rgba(0,0,0,0)
}
.iq-social li a svg.base-circle:hover .c1 {
	stroke-dasharray: 144 144;
	opacity: 1;
	-webkit-transition-property: stroke-dasharray;
	-o-transition-property: stroke-dasharray;
	transition-property: stroke-dasharray
}
.iq-social.color-icon li {
	-webkit-border-radius: var(--bs-border-radius-pill);
	border-radius: var(--bs-border-radius-pill)
}
.iq-social.color-icon li:nth-child(1) {
	background-color: #1877f2
}
.iq-social.color-icon li:nth-child(2) {
	background-color: #1da1f2
}
.iq-social.color-icon li:nth-child(3) {
	background-color: #2867b2
}
.iq-social.color-icon li:nth-child(4) {
	background-color: #bd081c
}
.iq-social.color-icon li i {
	color: var(--bs-white);
	font-size: .875rem
}
.top {
	bottom: 30px;
	right: 30px;
	line-height: 42px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 26px;
	color: var(--bs-white);
	background-color: var(--bs-secondary);
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 9
}
.top:hover {
	background-color: var(--bs-white);
	color: var(--bs-secondary);
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 30px 0 rgba(0,0,0,.1)
}
::-webkit-scrollbar {
width:.25em;
height:.25em
}
::-webkit-scrollbar-thumb {
background:var(--bs-primary);
-webkit-border-radius:.313em;
border-radius:.313em
}
.table-responsive::-webkit-scrollbar {
width:1px;
height:4px
}
.table-responsive::-webkit-scrollbar-track {
background:none
}
.table-responsive::-webkit-scrollbar-thumb {
background-color:var(--bs-primary);
-webkit-border-radius:6px;
border-radius:6px
}
.service-section {
	z-index: 1
}
.service-section .service-title {
	width: 70%;
	margin: auto
}
.service-section .box-bg {
	background-color: var(--bs-gray-400)
}
.service-section .background-image {
	right: -15%;
	bottom: 40%;
	z-index: -1
}
.service-section .background-img {
	left: -14%;
	top: 40%;
	z-index: -1
}
.security-button {
	margin-top: 70px
}
.section-background {
	background-color: var(--bs-gray-400)
}
.domain-section {
	background-color: var(--bs-gray-400);
	padding: 100px 16px
}
.domain-section .gap-60 {
	gap: 60px
}
.offer-section {
	background-color: var(--bs-gray-400);
	padding: 100px 0 84px 0
}
.offer-section .btn1 .iq-button {
	background-color: var(--bs-secondary)
}
.subscribe-section {
	padding: 300px 16px 150px 16px
}
.subscribe-section .bg-image-1 {
	right: -471.9px;
	width: initial;
	bottom: 50%
}
.subscribe-section .bg-image-2 {
	left: -215px;
	bottom: -50%
}
.subscribe-section .subscribe-image img {
	width: 80%
}
.form-section {
	margin-bottom: -180px
}
.form-section .form-box {
	padding: 80px;
	position: relative;
	background-color: var(--bs-white);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 1
}
.form-section .form-content {
	padding-right: 100px;
	border-right: 1px solid #f2f2f4
}
.form-section .call-icon {
	margin-top: 85px
}
.form-section .call-icon .call-svg svg rect {
	fill: var(--bs-primary)
}
.form-section .call-icon .call-svg svg path {
	stroke: var(--bs-white)
}
.form-section .contect-form {
	padding-left: 100px
}
.form-section input {
	max-width: 100%;
	width: 100%;
	float: left;
	padding: 0 15px;
	height: 51px;
	line-height: 48px;
	border: 1px solid #dbdfe7;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px
}
.form-section .input-msg {
	max-width: 100%;
	width: 100%;
	float: left;
	border: 1px solid #dbdfe7;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px
}
.form-section .submit-inner {
	width: 100%;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	background-color: var(--bs-primary);
	text-transform: uppercase;
	padding: 10px;
	color: var(--bs-white);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.form-section .submit-inner:hover {
	background-color: var(--bs-secondary)
}
.work-section {
	padding: 100px 0 0px 0
}
.work-section .work-stylelight .news-subscribe-input {
	background-color: var(--bs-white)
}
.work-section .work-email .news-subscribe-input::-webkit-input-placeholder {
color:#59597e !important
}
.work-section .work-email .news-subscribe-input::-moz-placeholder {
color:#59597e !important
}
.work-section .work-email .news-subscribe-input::-ms-input-placeholder {
color:#59597e !important
}
.work-section .work-email .news-subscribe-input::placeholder {
color:#59597e !important
}
.work-section .work-email .news-subscribe-btn {
	color: var(--bs-white);
	background-color: var(--bs-primary)
}
.work-section .work-email .news-subscribe-btn:hover {
	color: var(--bs-primary);
	background-color: var(--bs-white)
}
.work-section .background-image {
	left: -27%;
	bottom: -40%
}
.work-section .background-image-2 {
	right: -11%;
	top: -53%;
	-webkit-transform: rotate(24deg);
	-ms-transform: rotate(24deg);
	transform: rotate(24deg)
}
.our-testimonial .background-image {
	left: -21%;
	bottom: 30%
}
.our-testimonial .background-image-2 {
	right: -20%;
	top: 27%;
	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg)
}
.testimonial-padding {
	padding: 0 100px
}
.hosting-tablet-img {
	bottom: 0;
	position: absolute;
	right: 57%;
	width: 33%
}
.hosting-tablet {
	padding-top: 85px;
	padding-bottom: 85px
}
.section-about .about-qloud-app {
	padding: 48px
}
.section-padding.how-it-work-inner {
	padding-bottom: 250px
}
.how-it-work-inner-card {
	margin-top: -255px
}
.about-us-inner {
	margin-bottom: 70px
}
.about-btn-inner .iq-btn-container .iq-button:hover {
	background-color: var(--bs-secondary)
}
.web-hosting-domain .domain-inner {
	padding: 45px
}
.web-hosting-domain .domain-img {
	top: 52%;
	left: 84%;
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
	z-index: -1
}
.product-images .product-img1 {
	top: 55%;
	left: -12%
}
.product-images .product-img2 {
	right: -8%;
	bottom: 20%
}
.offer-inner {
	padding: 100px 16px
}
.offer-inner .bg-img-1 {
	top: -43%;
	left: -36%;
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg)
}
.offer-inner .bg-img-2 {
	bottom: 15%;
	left: 79%
}
.offer-inner .offer-container {
	padding: 0 64px 0 0
}
.offer-inner .btn1 .iq-button {
	background-color: var(--bs-secondary)
}
.our-hosting .hosting-img-1 {
	top: -68%;
	left: -33%;
	-webkit-transform: rotate(110deg);
	-ms-transform: rotate(110deg);
	transform: rotate(110deg)
}
.our-hosting .hosting-img-2 {
	bottom: -33%;
	right: -36%
}
.storage-about .counter-content .counter {
	color: var(--bs-primary) !important
}
.our-service .services-img-1 {
	top: 53%;
	left: -24%;
	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg)
}
.our-service .services-img-2 {
	bottom: 36%;
	right: -8%
}
.application-section .application-img-1 {
	top: 0%;
	left: -20%
}
.application-section .application-img-2 {
	bottom: 50%;
	right: -24%
}
.application-section .app-img {
	margin-top: -16%
}
.qloud-journey {
	margin-bottom: -160px
}
.qloud-journey .journey-img-1 {
	top: -43%;
	left: 50%
}
.qloud-journey .journey-inner {
	padding: 80px 95px
}
.qloud-journey .journey-inner .journey-img {
	right: auto;
	top: auto
}
.our-client-img {
	padding: 32px 16px 32px 16px
}
.client-img {
	width: 130px;
	height: auto
}
.analitic-contact .pattern-analitic1 {
	top: 63%;
	left: -16%
}
.analitic-contact .pattern-analitic2 {
	bottom: 68%;
	right: -26%
}
.analitic-contact .call-icon {
	margin-top: 80px
}
.analitic-contact .contect-form {
	padding-left: 100px
}
.analitic-contact .contact-inner {
	border-left: 1px solid #f2f2f4
}
.analitic-contact .contect-box {
	padding: 50px
}
.analitic-contact .contect-button {
	width: 100%;
	padding: 13px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 17px;
	margin-bottom: 49px;
	background-color: var(--bs-blue);
	border: none;
	color: var(--bs-white);
	text-transform: uppercase
}
.analitic-contact .call-svg svg rect {
	fill: var(--bs-primary)
}
.analitic-contact .call-svg svg path {
	stroke: var(--bs-white)
}
.about-img {
	top: -20%;
	left: -26%
}
.about-img1 {
	bottom: 2%;
	right: -31%
}
.work-analytic {
	padding: 125px 16px 0
}
.work-analytic .background-image {
	left: -34%;
	bottom: 35%;
	-webkit-transform: rotate(39deg);
	-ms-transform: rotate(39deg);
	transform: rotate(39deg)
}
.work-analytic .background-image-2 {
	right: -15%;
	top: -51%
}
.tab-section .product-section .iq-tabs .nav.nav-pills li .nav-link {
	background-color: var(--bs-light)
}
.tab-section .product-info {
	background-color: var(--bs-light)
}
.why-us .why-us-btn {
	margin-top: 80px
}
.ask-anything .custom-accordion .accordion-button::after {
	background-color: var(--bs-white)
}
.ask-anything .custom-accordion .accordion-button:not(.collapsed)::after {
	color: var(--bs-white);
	background-color: var(--bs-primary)
}
.world-wide {
	padding-bottom: 0 !important
}
.world-wide .tooltips {
	width: 100%;
	height: 500px
}
.world-wide .location-area-1 {
	left: 17%;
	top: 23%
}
.world-wide .location-area-2 {
	left: 27%;
	top: 70%
}
.world-wide .location-area-3 {
	left: 45%;
	top: 31%
}
.world-wide .location-area-4 {
	left: 74%;
	top: 8%
}
.world-wide .location-area-5 {
	left: 86%;
	top: 64%
}
.world-wide .location:hover .icon {
	color: var(--bs-primary)
}
.world-wide .location:hover .location-info {
	-webkit-animation: fade-in .8s ease-in-out 0s 1 normal forwards;
	animation: fade-in .8s ease-in-out 0s 1 normal forwards
}
@-webkit-keyframes location-wave {
from {
opacity:1;
-webkit-transform:scale(0);
transform:scale(0)
}
to {
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes location-wave {
from {
opacity:1;
-webkit-transform:scale(0);
transform:scale(0)
}
to {
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
.world-wide .location .icon::before {
	content: "";
	position: absolute;
	top: 50%;
	width: 100%;
	height: 100%;
	background-color: var(--bs-primary);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: location-wave 1.5s ease-out infinite;
	animation: location-wave 1.5s ease-out infinite
}
@-webkit-keyframes fade-in {
0% {
opacity:0;
visibility:hidden
}
100% {
opacity:1;
visibility:visible
}
}
@keyframes fade-in {
0% {
opacity:0;
visibility:hidden
}
100% {
opacity:1;
visibility:visible
}
}
.world-wide .location .location-info {
	display: inline-block;
	min-width: 280px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-130%);
	-ms-transform: translateX(-50%) translateY(-130%);
	transform: translateX(-50%) translateY(-130%);
	opacity: 0;
	visibility: hidden;
	z-index: 1
}
.world-wide .location .location-info .info-inner {
	padding: 16px;
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
	display: inline-block;
	text-align: center;
	position: relative;
	margin-bottom: 25px
}
.world-wide .location .location-info .info-inner::after {
	content: "";
	border-left: 20px solid rgba(0,0,0,0);
	border-right: 20px solid rgba(0,0,0,0);
	border-top: 30px solid var(--white-color);
	height: 0;
	width: 0;
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: -28px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.world-wide .location .location-info .location-name {
	margin-bottom: 5px
}
.chooseus-section .process-container {
	margin: 0 60px;
	padding: 35px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.chooseus-section .process-container:hover {
	background-color: var(--bs-primary) !important
}
.chooseus-section .process-container:hover .process-title a {
	color: var(--bs-white) !important
}
.chooseus-section .process-container:hover .process-info {
	color: var(--bs-white)
}
.chooseus-section .process-container svg path {
	stroke: var(--bs-secondary)
}
.chooseus-section .process-container:hover svg path {
	stroke: var(--bs-white)
}
.chooseus-section .process-container:nth-child(even) {
	background-color: var(--bs-primary)
}
.chooseus-section .process-container:nth-child(even) svg path {
	stroke: var(--bs-white)
}
.chooseus-section .process-container:nth-child(odd) {
	background-color: var(--bs-light)
}
.chooseus-section .process-container .process-inner .icon-inner-img {
	margin-right: 30px
}
.chooseus-section .process-container .process-inner .icon-inner-img .process-title {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.chooseus-section .process-container .process-inner .icon-inner-img .process-info {
	display: initial;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.explore-section {
	padding-bottom: 270px !important
}
.explore-section .explore-inner {
	margin: 0 100px 0 0
}
.explore-container {
	margin-top: -250px
}
.explore-container .domain-inner {
	padding: 70px 222px
}
.we-offer-section .offer-img-1 {
	bottom: 61%;
	left: 88%
}
.we-offer-section .offer-img-2 {
	top: 65%;
	right: 80%
}
.hosting-how-it-work {
	padding: 150px 16px 0 16px
}
.hosting-how-it-work .work-inner {
	padding: 60px 75px 90px
}
.hosting-work-section {
	margin-top: -60px;
	padding: 0px 16px 150px 16px
}
.hosting-work-section .hosting-work-contianer {
	padding: 0 65px
}
.hosting-work-section .hosting-work-contianer .hosting-work-inner .process-style-step-1 .step-content .step-number-inner {
	border: 10px solid var(--bs-white)
}
.hosting-work-section .hosting-work-contianer .hosting-work-inner .process-style-step-1 .step-content .step-number-inner .step-number {
	height: 90px;
	width: 90px;
	line-height: 90px;
	font-family: "Roboto", sans-serif, "Liberation Mono", "Courier New", monospace
}
.hosting-about-us .call-svg svg rect {
	fill: var(--bs-primary)
}
.hosting-about-us .call-svg svg path {
	stroke: var(--bs-white)
}
.hosting-about-us .location {
	padding: 35px
}
.hosting-about-us .location .subtitle {
	color: var(--bs-blue);
	line-height: 60px
}
.help-inner {
	padding: 100px 16px
}
.help-inner .help-img-1 {
	bottom: -43%;
	left: 80%
}
.help-inner .help-img-2 {
	top: -60%;
	right: 91%
}
.help-inner .btn2 .iq-button {
	background-color: rgba(0,0,0,0) !important;
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-white)
}
.sign-up-inner {
	padding: 80px 16px
}
.sign-up-inner .signup-box {
	position: relative;
	padding: 0 32px 20px 32px;
	margin: 0 0 20px 0
}
.sign-up-inner .signup-box::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-bottom: 1px solid #5e7290
}
.sign-up-inner .signup-box:last-child::after {
	content: none
}
.sign-up-inner .signup-box .icon-box-img svg path {
	stroke: var(--bs-white)
}
.section-option {
	padding: 150px 16px 400px
}
.section-option .service-1-img {
	top: 54%;
	left: -36%
}
.section-option .service-2-img {
	top: -14%;
	left: 88%
}
.section-option .table-responsive::-webkit-scrollbar {
width:1px;
height:4px
}
.section-option .table-responsive::-webkit-scrollbar-track {
background:none
}
.section-option .table-responsive::-webkit-scrollbar-thumb {
background-color:var(--bs-primary);
-webkit-border-radius:6px;
border-radius:6px
}
.section-option .database-domain-table tbody tr:nth-child(2n+0) td {
	background: var(--bs-gray-400)
}
.section-option .database-domain-table table th {
	border: none;
	padding: 30px;
	line-height: 1.3;
	color: var(--bs-white)
}
.section-option .database-domain-table table td {
	padding: 32px;
	font-size: 1em;
	background: var(--bs-white);
	border: solid var(--bs-gray-400);
	border-width: 0 1px 0 0
}
.section-option .database-domain-table table tr {
	text-align: center;
	background-color: var(--bs-primary)
}
.section-option .database-domain-table .database-table {
	width: 100%;
	max-width: 100%;
	background-color: rgba(0,0,0,0)
}
.section-option .database-domain-table .database-table thead tr {
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px
}
.section-option .database-domain-table .database-table .database-heading {
	color: var(--bs-white);
	background: none;
	border-collapse: collapse
}
.section-option .database-domain-table .database-table .database-heading:first-child {
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px
}
.section-option .database-domain-table .database-table .database-heading:last-child {
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px
}
.section-option .database-domain-table .database-table .domain-content {
	border: 1px solid var(--bs-gray-800)
}
.option-container {
	margin-top: -250px
}
.option-container .domain-inner {
	padding: 70px 222px
}
.section-about .pattern-db {
	bottom: -19%;
	right: -35%;
	-webkit-transform: rotate(102deg);
	-ms-transform: rotate(102deg);
	transform: rotate(102deg)
}
.section-about .counter {
	color: var(--bs-primary)
}
.section-about .pattern-img {
	top: 10%;
	right: -33%
}
.datbase-faq .faq-img-1 {
	top: -18%;
	left: -23%;
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg)
}
.datbase-faq .faq-img-2 {
	top: 47%;
	left: 83%
}
.features-compute {
	padding: 150px 16px 200px
}
.features-inner {
	margin-top: -200px;
	padding: 0 16px 150px
}
.icon-compute svg path {
	stroke: var(--bs-primary)
}
.compute-contact-us {
	padding: 64px
}
.compute-contact-us .call-svg svg rect {
	fill: var(--bs-primary)
}
.compute-contact-us .call-svg svg path {
	stroke: var(--bs-white)
}
.compute-contact-us .contect-button {
	width: 100%;
	padding: 13px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 17px;
	margin-bottom: 49px;
	background-color: var(--bs-blue);
	border: none;
	color: var(--bs-white);
	text-transform: uppercase
}
.media-about .counter {
	color: var(--bs-primary)
}
.media-about .process-container {
	margin: 0 60px;
	padding: 35px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.media-about .process-container:hover {
	background-color: var(--bs-primary) !important
}
.media-about .process-container:hover .process-title a {
	color: var(--bs-white) !important
}
.media-about .process-container svg path {
	stroke: var(--bs-secondary)
}
.media-about .process-container:hover .process-info {
	color: var(--bs-white)
}
.media-about .process-container:hover svg path {
	stroke: var(--bs-white)
}
.media-about .process-container:nth-child(even) {
	background-color: var(--bs-primary)
}
.media-about .process-container:nth-child(even) svg path {
	stroke: var(--bs-white)
}
.media-about .process-container:nth-child(odd) {
	background-color: var(--bs-white)
}
.media-about .process-container .process-inner .icon-inner-img {
	margin-right: 30px
}
.media-about .process-container .process-inner .icon-inner-img .process-title {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.media-about .process-container .process-inner .icon-inner-img .process-info {
	display: initial;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.client-inner {
	padding: 50px 16px;
	border-bottom: 1px solid #f2f2f4
}
.testimonial-media .testminial-pattern-1 {
	top: 39%;
	left: 85%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.testimonial-media .testminial-pattern-2 {
	top: -20%;
	left: -31%;
	-webkit-transform: rotate(29deg);
	-ms-transform: rotate(29deg);
	transform: rotate(29deg)
}
.testimonial-media .domain-inner {
	padding: 45px
}
.testimonial-media .domain-img {
	top: 52%;
	left: 84%;
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
	z-index: -1
}
.domain-testimonial .web-domain-1 {
	top: 69%;
	left: -5%
}
.domain-testimonial .web-domain-2 {
	top: -34%;
	left: 90%;
	-webkit-transform: rotate(19deg);
	-ms-transform: rotate(19deg);
	transform: rotate(19deg)
}
.price-container {
	-webkit-transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s, -webkit-transform var(--e-transform-transition-duration, 0.4s);
	transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s, -webkit-transform var(--e-transform-transition-duration, 0.4s);
	-o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, 0.4s);
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, 0.4s);
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, 0.4s), -webkit-border-radius .3s, -webkit-box-shadow .3s, -webkit-transform var(--e-transform-transition-duration, 0.4s)
}
.price-container .price-range .slider {
	padding: 0 120px
}
.price-container .price-range .slider.slider input {
	background: -webkit-gradient(linear, left top, right top, color-stop(3%, var(--bs-primary)), color-stop(0%, var(--bs-gray-400)), to(var(--bs-gray-400)));
	background: -webkit-linear-gradient(left, var(--bs-primary) 3%, var(--bs-gray-400) 0%, var(--bs-gray-400) 100%);
	background: -o-linear-gradient(left, var(--bs-primary) 3%, var(--bs-gray-400) 0%, var(--bs-gray-400) 100%);
	background: linear-gradient(to right, var(--bs-primary) 3%, var(--bs-gray-400) 0%, var(--bs-gray-400) 100%);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	height: 8px;
	width: 100%;
	padding: 0 15px;
	outline: none;
	-webkit-transition: all 450ms ease-in;
	-o-transition: all 450ms ease-in;
	transition: all 450ms ease-in;
	-webkit-appearance: none;
	border: none;
	cursor: pointer
}
.price-container .price-range .slider.slider input::-webkit-slider-thumb {
-webkit-appearance:none;
appearance:none;
width:25px;
height:25px;
background:var(--bs-white);
border:5px solid var(--bs-primary);
-webkit-border-radius:50%;
border-radius:50%;
cursor:pointer;
position:relative;
-webkit-transition:all .2s;
-o-transition:all .2s;
transition:all .2s
}
.price-container .price-range .calculate-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 120px
}
.price-container .price-range .calculate-block p {
	margin-top: 25px;
	margin-bottom: 40px
}
.price-container .price-range .calculate-box {
	min-height: 100%
}
.price-container .price-range .calculate-box .calculate-content-total {
	width: 22%;
	padding: 54px;
	background-color: var(--bs-gray-200);
	text-align: center;
	min-height: 100%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.price-container .price-range .calculate-box .calculate-content-total .calculate-text {
	margin: 0 0 32px
}
.price-container .price-range .calculate-box .calculate-content-total .price-button {
	padding: 12px 25px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background-color: var(--bs-secondary)
}
.price-container .price-range .calculate-box .calculate-content-total .price-button:hover {
	background-color: var(--bs-primary)
}
.price-container .price-range .calculate-content {
	padding: 55px 54px;
	background: var(--bs-gray-400);
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	min-height: 100%;
	width: 78%
}
.price-container .price-range .content-1 {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)
}
.price-container .price-range .iq-price-categories-details .categories-title-label {
	padding: 0;
	margin: 0 0 4px;
	color: var(--bs-gray-700)
}
.price-container .price-range .iq-price-categories-details .categories-title {
	color: var(--bs-secondary)
}
.all-service {
	padding: 35px
}
.all-service .service-title {
	color: var(--bs-secondary);
	background-color: var(--bs-white);
	font-family: "TeXGyreAdventor", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	padding: 16px 20px 16px 20px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.all-service .service-title.active {
	color: var(--bs-white);
	background-color: var(--bs-primary);
	padding: 16px 20px 16px 45px
}
.all-service .service-title.active::before {
	left: 22px;
	opacity: 1;
	visibility: visible
}
.all-service .service-title:hover {
	color: var(--bs-white);
	background-color: var(--bs-primary);
	padding: 16px 20px 16px 45px
}
.all-service .service-title:hover::before {
	left: 22px;
	opacity: 1;
	visibility: visible
}
.all-service .service-title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: 0;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-weight: 600;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: var(--bs-white);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.services-inner {
	margin-top: 60px
}
.services-inner .img-pattern {
	top: -37%;
	left: -1%
}
.services-inner .document-box {
	padding: 35px
}
.services-inner .company-info {
	padding: 27px 25px
}
.services-contact {
	padding: 70px 45px
}
.services-contact .contact-box {
	margin-top: 60px
}
.services-contact .contact-box .iq-title {
	line-height: 24px;
	letter-spacing: 3px
}
.services-contact .button-contact {
	margin-top: 35px
}
.service-info .service-info-1 {
	margin: 50px 0 0 0
}
.service-info .service-info-1 .info-title {
	margin-bottom: 32px
}
.service-info .info-inner-1 {
	margin-right: 10px;
	float: left
}
.service-info .info-inner-2 {
	line-height: 1;
	font-size: 50px
}
.service-info-2 {
	margin: 60px 0 0 0
}
.service-info-2 .info-title {
	margin-bottom: 32px
}
.service-container {
	margin: 40px 0 0 0
}
.service-accordion {
	margin: 60px 0 0 0
}
.chooseus-vps .process-container {
	margin: 0 60px;
	padding: 35px;
	background-color: var(--bs-white);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.chooseus-vps .process-container:hover {
	background-color: var(--bs-primary) !important
}
.chooseus-vps .process-container:hover .process-title a {
	color: var(--bs-white) !important
}
.chooseus-vps .process-container:hover .process-info {
	color: var(--bs-white)
}
.chooseus-vps .process-container svg path {
	stroke: var(--bs-secondary)
}
.chooseus-vps .process-container:hover svg path {
	stroke: var(--bs-white)
}
.chooseus-vps .process-container .process-inner .icon-inner-img {
	margin-right: 30px
}
.chooseus-vps .process-container .process-inner .icon-inner-img .process-title {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.chooseus-vps .process-container .process-inner .icon-inner-img .process-info {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.contact-info .contacts-img {
	margin-right: 30px
}
.contact-info .contacts-img svg path {
	stroke: var(--bs-primary)
}
.iframe-map {
	height: 500px;
	width: 100%;
	max-width: 100%;
	margin: 0;
	line-height: 1;
	margin-bottom: -3%
}
.call-details-1 {
	padding: 50px 45px
}
.call-details-3 {
	padding: 32px
}
.call-details-3 .contact-icon svg rect {
	color: var(--bs-primary)
}

@media only screen and (max-width: 1200px) {
.hosting-tablet-img {
	width: 45%
}
.subscribe-section {
	padding: 50px 16px 50px 16px
}
.subscribe-image, .bg-image-1, .bg-image-2 {
	display: none
}
.form-section {
	margin-bottom: 0px
}
.form-section .form-content {
	padding-right: 0;
	border-right: none
}
.form-section .contect-form {
	padding-left: 16px
}
.world-wide .tooltips {
	width: 100%;
	height: 300px
}
.world-wide .location .location-info {
	min-width: 230px
}
}

@media(max-width: 1199px) {
.price-container .price-range .calculate-content {
	padding: 50px 32px;
	width: 70%
}
.price-container .price-range .calculate-box .calculate-content-total {
	width: 30%;
	padding: 32px
}
}

@media only screen and (max-width: 1024px) {
.work-section {
	padding: 50px 16px
}
.work-section .background-image, .work-section .background-image-2, .work-section .work-image {
	display: none
}
.our-testimonial .background-image, .our-testimonial .background-image-2 {
	display: none
}
.application-section .application-img-1, .application-section .application-img-2 {
	display: none
}
.application-section .application-inner {
	width: 47%;
	margin: auto
}
.our-service .services-img-1, .our-service .services-img-2 {
	display: none
}
.qloud-journey .journey-img-1 {
	display: none
}
.qloud-journey .journey-inner {
	padding: 60px 85px
}
.journey-box {
	width: 100%
}
.journey-container {
	display: none
}
.hosting-tablet-img-2 {
	width: 60%;
	right: 51%;
	position: absolute;
	bottom: 0
}
.web-hosting-domain .domain-img {
	display: none
}
.offer-inner {
	padding: 70px 16px
}
.offer-inner .bg-img-1, .offer-inner .bg-img-2 {
	display: none
}
.offer-inner .offer-container {
	padding: 0
}
.section-about {
	padding: 70px 0
}
.section-about .about-qloud-app {
	padding: 16px
}
.form-section .call-icon {
	margin-top: 52px
}
.form-section .form-box {
	padding: 60px
}
.about-img {
	display: none
}
.our-hosting .hosting-img-1 {
	display: none
}
.our-hosting .hosting-img-2 {
	display: none
}
.analitic-contact .contect-form {
	padding: 0 16px
}
.analitic-contact .contact-inner {
	border-left: none
}
.work-analytic {
	padding: 70px 16px
}
.chooseus-section .process-container {
	margin: 0
}
.explore-section {
	padding-bottom: 70px !important
}
.explore-section .explore-inner {
	margin: 0px
}
.explore-container {
	margin-top: -70px;
	margin-bottom: 0
}
.explore-container .domain-inner {
	padding: 70px 50px
}
.hosting-how-it-work {
	padding: 70px 16px 0 16px
}
.hosting-how-it-work .work-inner {
	padding: 60px 30px 80px 30px
}
.hosting-work-section {
	padding: 0px 16px 70px 16px
}
.hosting-work-section .hosting-work-contianer {
	padding: 0 32px
}
.help-inner .help-img-1 {
	display: none
}
.help-inner .help-img-2 {
	display: none
}
.section-about .pattern-img {
	display: none
}
.section-option {
	padding-bottom: 250px
}
.section-option .service-1-img {
	display: none
}
.section-option .service-2-img {
	display: none
}
.option-container {
	margin-top: -70px;
	margin-bottom: 0
}
.option-container .domain-inner {
	padding: 70px 50px
}
.datbase-faq .faq-img-1 {
	display: none
}
.datbase-faq .faq-img {
	display: none
}
.features-compute {
	padding: 70px 16px 200px
}
.features-inner {
	padding: 0 16px 70px
}
.compute-contact-us {
	padding: 40px
}
.media-about .process-container {
	margin: 0
}
.chooseus-vps .process-container {
	margin: 0
}
.why-us .why-us-btn {
	margin-top: 32px
}
}

@media only screen and (max-width: 992px) {
.testimonial-padding {
	padding: 0
}
.offer-inner {
	background-image: none
}
}

@media(max-width: 991px) {
.price-container .price-range .calculate-content {
	padding: 50px 32px 18px;
	width: 100%
}
.price-container .price-range .calculate-box .calculate-content-total {
	width: 100%;
	display: block;
	padding: 50px 32px
}
.price-container .price-range .content-1 {
	padding-bottom: 8px
}
.price-container .price-range .iq-price-categories-details {
	margin-bottom: 32px
}
.analitic-contact .call-icon {
	margin-top: 0
}
}

@media(max-width: 768px) {
.domain-section {
	padding: 50px 16px 50px 16px
}
.service-section .service-title {
	width: 100%;
	margin: auto
}
.background-image, .background-img {
	display: none
}
.hosting-tablet {
	padding-top: 50px;
	padding-bottom: 50px
}
.our-client-img {
	margin-left: 16px;
	margin-right: 16px
}
.analitic-contect .call-icon {
	margin-top: 50px
}
.analitic-contect .contect-form {
	padding-left: 16px
}
.analitic-contect .contect-box {
	padding: 25px
}
.price-container .price-range .slider {
	padding: 0 32px
}
.price-container .price-range .slider.slider input {
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--bs-primary)), color-stop(0%, var(--bs-gray-400)), to(var(--bs-gray-400)));
	background: -webkit-linear-gradient(left, var(--bs-primary) 8%, var(--bs-gray-400) 0%, var(--bs-gray-400) 100%);
	background: -o-linear-gradient(left, var(--bs-primary) 8%, var(--bs-gray-400) 0%, var(--bs-gray-400) 100%);
	background: linear-gradient(to right, var(--bs-primary) 8%, var(--bs-gray-400) 0%, var(--bs-gray-400) 100%)
}
.price-container .price-range .calculate-inner {
	padding: 0 32px
}
}

@media(max-width: 767px) {
.hosting-tablet-img {
	display: none
}
.application-section .application-inner {
	width: 100%
}
.application-section .app-img {
	display: none
}
.qloud-journey .journey-inner {
	padding: 50px
}
.offer-inner {
	padding: 50px 0
}
.web-hosting-domain .domain-inner {
	padding: 16px
}
.web-hosting-domain .domain-inner .image-gallery {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.section-about {
	padding: 50px 0
}
.qloud-journey {
	margin-bottom: -100px
}
.subscribe-section {
	padding: 50px 0
}
.form-section .form-box {
	padding: 16px
}
.form-section .form-section .call-icon {
	margin-top: 48px
}
.domain-section .gap-60 {
	gap: 32px
}
.work-section {
	padding: 50px 0
}
.world-wide .location-area-5 {
	left: 79%;
	top: 64%
}
.world-wide .tooltips {
	width: 100%;
	height: 250px
}
.world-wide .location .icon i.flaticon-flaticon::before {
	font-size: 32px
}
.world-wide .location .location-info {
	min-width: 160px
}
.explore-container {
	margin-top: 48px
}
.explore-container .domain-inner {
	padding: 30px 16px
}
.businesses-section .iq-testimonial-info {
	margin-top: 80px;
	padding: 127px 54px 63px 54px
}
.businesses-section .iq-testimonial-info .info {
	margin: 0 0 45px 0
}
.hosting-how-it-work {
	padding: 50px 16px 0 16px
}
.hosting-how-it-work .work-inner {
	padding: 30px
}
.hosting-work-section {
	padding: 0px 16px 50px 16px
}
.hosting-work-section .hosting-work-contianer {
	padding: 0
}
.help-inner {
	padding: 50px 16px
}
.option-container {
	margin-top: -120px
}
.option-container .domain-inner {
	padding: 30px 16px
}
.section-option {
	padding: 50px 0 200px
}
.features-compute {
	padding: 50px 16px 200px
}
.features-inner {
	padding: 0 0 50px
}
.compute-contact-us {
	padding: 16px
}
.testimonial-media .domain-inner {
	padding: 16px
}
.work-analytic {
	padding: 50px 16px
}
.analitic-contact .contect-box {
	padding: 30px
}
}

@media only screen and (max-width: 578px) {
.hosting-tablet-img-2 {
	display: none
}
}

@media(max-width: 575px) {
.price-container .price-range .slider {
	padding: 0
}
.price-container .price-range .calculate-inner {
	padding: 0
}
.price-container .price-range .content-1 {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}
}

@media(max-width: 479px) {
.chooseus-section .process-container .process-inner .icon-inner-img {
	margin-right: 0px;
	margin-bottom: 16px
}
.hosting-work-section {
	padding: 0 0 50px 0;
	margin-top: 0
}
.contact-info .contacts-img {
	display: block
}
}
.icon-block svg path {
	stroke: var(--bs-white)
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
	color: #142149
}
.cursor-pointer {
	cursor: pointer
}
.section-padding {
	padding: 25px 1rem 25px 1rem
}
.section-padding-top {
	padding: 9.375rem 1rem 0 1rem
}
.section-padding-bottom {
	padding: 0 1rem 9.375rem 1rem
}
.box-shadow {
	-webkit-box-shadow: 0 0 87.3px 2.7px rgba(0,0,0,.06);
	box-shadow: 0 0 87.3px 2.7px rgba(0,0,0,.06)
}
.container {
	max-width: 1400px
}
.container-fluid {
	padding: 0 3.125rem
}
.padding-80 {
	padding: 80px
}
.padding-70 {
	padding: 70px
}
.padding-top-25 {
	padding-top: 3.75em
}
.padding-top-80 {
	padding-top: 5em
}
.font-size-24 {
	font-size: 1.5rem !important
}
.font-size-21 {
	font-size: 1.313rem
}
.font-size-16 {
	font-size: 1rem
}
.font-size-14 {
	font-size: .875rem
}
.font-size-60 {
	font-size: 3.75em
}
.fw-500 {
	font-weight: bolder
}
.letter-spacing-1 {
	letter-spacing: 1px
}
.letter-spacing-2 {
	letter-spacing: 2px
}
.letter-spacing-3 {
	letter-spacing: 3px
}
.letter-spacing-4 {
	letter-spacing: 4px
}
.inner-box {
	padding-top: 6.25rem;
	padding-left: 0rem;
	padding-bottom: 5rem;
	padding-right: 0rem
}
.title-top {
	margin-top: 64px
}
.client-img {
	width: 60%
}
.wh-80 {
	width: 80px;
	height: 80px;
	line-height: 80px
}

@media(max-width: 1367px) {
.container-fluid {
	padding: 0 2rem
}
}

@media screen and (max-width: 1024px) {
br {
	display: none
}
.section-padding {
	padding: 4.375rem 1rem
}
.section-padding-top {
	padding: 4.375rem 1rem 0 1rem
}
.section-padding-bottom {
	padding: 0 1rem 4.375rem 1rem
}
.padding-70 {
	padding: 4.375rem
}
.inner-box {
	padding: 4.375rem 1rem
}
}

@media(max-width: 991px) {
:root {
--bs-heading-1: 2.5rem;
--bs-heading-2: 2rem;
--bs-heading-3: 1.827rem;
--bs-heading-4: 1.7rem
}
.padding-80 {
	padding: 30px
}
}

@media screen and (max-width: 768px) {
.title-top {
	margin-top: 24px
}
}

@media(max-width: 767.98px) {
.padding-80 {
	padding: 0
}
}

@media(max-width: 767px) {
.section-padding {
	padding: 3.125rem 0
}
.section-padding-top {
	padding: 3.125rem 0 0
}
.section-padding-bottom {
	padding: 0 0 3.125rem
}
.container-fluid {
	padding: 0 1rem
}
.section-padding {
	padding-right: 0;
	padding-left: 0
}
.inner-box {
	padding-right: 0;
	padding-left: 0
}
.padding-70 {
	padding: 1rem
}
.padding-top-80 {
	padding-top: 2rem
}
}
.iq-blog-one {
	border: 1px solid var(--bs-gray-800)
}
.iq-blog-one .iq-blog-image .iq-blog-category {
	top: 20px;
	right: 20px;
	left: auto;
	bottom: auto
}
.iq-blog-one .iq-blog-image .iq-blog-category a {
	background-color: var(--bs-primary);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-one .iq-blog-image .iq-blog-category a:hover {
	background-color: var(--bs-secondary)
}
.iq-blog-one .iq-blog-image .iq-blog-category li a {
	padding: 5px 10px;
	line-height: 22px;
	color: var(--bs-white);
	font-size: .75rem;
	letter-spacing: 2px
}
.iq-blog-one .iq-blog-detail {
	padding: 30px
}
.iq-blog-one .iq-blog-detail .list-inline .list-inline-item {
	position: relative
}
.iq-blog-one .iq-blog-detail .list-inline .list-inline-item .blog-author {
	font-size: .875rem;
	letter-spacing: 1px;
	padding: 0 20px 0 0;
	margin: 0 10px 0 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-one .iq-blog-detail .list-inline .list-inline-item .blog-date {
	color: var(--bs-gray-700);
	font-size: .875em
}
.iq-blog-one .iq-blog-detail .list-inline .list-inline-item::after {
	content: "/";
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.iq-blog-one .iq-blog-detail .list-inline .list-inline-item:last-child::after {
	content: none
}
.iq-blog-one .iq-blog-detail .blog-subtitle {
	color: var(--bs-secondary);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-one .iq-blog-detail .blog-subtitle:hover {
	color: var(--bs-primary)
}
.iq-blog-one:hover .iq-blog-image {
	overflow: hidden
}
.iq-blog-one:hover .iq-blog-image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-one .label {
	font-weight: 700
}
.iq-blog-one .blogtag {
	font-size: 12px;
	font-weight: 500;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px
}
.iq-blog-one .blogtag a {
	color: var(--bs-gray-700);
	background-color: var(--bs-white)
}
.iq-blog-one .blog-title {
	font-size: 14px;
	font-weight: 700
}
.blog-content .blogtag {
	display: inline-block;
	padding: 8px 15px;
	background: var(--bs-primary);
	color: var(--bs-white);
	font-size: .875em;
	letter-spacing: .125em
}
.iq-blog-two .image-container img {
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0
}
.iq-blog-two .blog-category-container {
	position: absolute;
	bottom: -18px;
	right: 35px;
	left: auto;
	background-color: var(--bs-primary);
	color: var(--bs-white);
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-two .blog-category-container .blog-category {
	position: relative;
	color: var(--bs-white);
	letter-spacing: .125rem;
	text-transform: uppercase;
	font-size: .875rem
}
.iq-blog-two .blog-category-container:hover {
	background-color: var(--bs-secondary)
}
.iq-blog-two .iq-blog-detail-two {
	margin-top: 40px;
	padding: 0 30px 30px 30px;
	height: 100px;
}
.iq-blog-two .iq-blog-detail-two .blog-title {
	margin-bottom: 25px
}
.iq-blog-two .iq-blog-detail-two .list-inline .list-inline-item {
	position: relative;
	padding-right: 20px;
	margin-right: 18px
}
.iq-blog-two .iq-blog-detail-two .list-inline .list-inline-item::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 2px;
	height: 12px;
	background: var(--bs-gray-700)
}
.iq-blog-two .iq-blog-detail-two .list-inline .list-inline-item:last-child::after {
	content: none
}
.iq-blog-two .iq-blog-detail-two .list-inline .fa-user {
	background-color: var(--bs-light);
	padding: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%
}
.iq-blog-two .iq-blog-detail-two .list-inline .avtar-admin {
	font-size: 14px;
	color: var(--bs-secondary);
	letter-spacing: 1;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-two .iq-blog-detail-two .list-inline .avtar-admin:hover {
	color: var(--bs-primary)
}
.iq-blog-two .iq-blog-detail-two .list-inline .blog-date {
	color: var(--bs-gray-700);
	font-size: 14px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-two .iq-blog-detail-two .list-inline .blog-date:hover {
	color: var(--bs-primary)
}
.iq-blog-two .iq-blog-detail-two .list-inline .fa-calendar {
	color: var(--bs-primary)
}
.blog-serverless .swiper-slide-next+.swiper-slide {
	opacity: 1
}
.blog-serverless .swiper-slide {
	opacity: 0
}
.blog-serverless .swiper-slide.swiper-slide-prev {
	opacity: 0
}
.blog-serverless .swiper-slide.swiper-slide-active {
	opacity: 1 !important
}
.blog-serverless .swiper-slide.swiper-slide-next {
	opacity: 1 !important
}
.iq-blog-three {
	border: 1px solid var(--bs-gray-800)
}
.iq-blog-three .iq-blog-detail {
	padding: 30px
}
.iq-blog-three .iq-blog-detail .list-inline-item .blog-date {
	padding: 8px 12px;
	line-height: 22px;
	background-color: var(--bs-primary);
	font-size: .875em;
	letter-spacing: 2px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-three .iq-blog-detail .list-inline-item .blog-date:hover {
	background-color: var(--bs-secondary)
}
.iq-blog-three .iq-blog-detail .list-inline-item .blog-author {
	color: var(--bs-gray-700);
	font-size: .875rem;
	letter-spacing: .063rem;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-three .iq-blog-detail .list-inline-item .blog-author:hover {
	color: var(--bs-primary)
}
.iq-blog-three .iq-blog-detail .list-inline-item .blog-tag {
	padding: 8px 12px;
	line-height: 22px;
	font-size: .875em;
	letter-spacing: 2px;
	background-color: var(--bs-primary);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-three .iq-blog-detail .list-inline-item .blog-tag:hover {
	background-color: var(--bs-secondary)
}
.iq-blog-three .iq-blog-detail .blog-title {
	color: var(--bs-secondary);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-three .iq-blog-detail .blog-title:hover {
	color: var(--bs-primary)
}
.iq-blog-three .iq-blog-detail .blog-tag-box {
	color: var(--bs-gray-700);
	background-color: var(--bs-light);
	font-size: 12px;
	padding: 8px 15px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-blog-three .iq-blog-detail .blog-tag-box:hover {
	color: var(--bs-white);
	background-color: var(--bs-primary)
}
.blog-detail {
	background-color: var(--bs-gray-400);
	padding: 45px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
.blog-detail .list-inline-item .blog-title {
	padding: 8px 12px;
	line-height: 22px;
	background-color: var(--bs-primary);
	font-size: .875rem;
	letter-spacing: 2px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.blog-detail .list-inline-item .blog-title:hover {
	background-color: var(--bs-secondary)
}
.blog-detail .list-inline-item .blog-author {
	color: var(--bs-gray-700);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.blog-detail .list-inline-item .blog-author:hover {
	color: var(--bs-primary)
}
.blog-detail .blog-subtitle {
	color: var(--bs-secondary);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.blog-detail .blog-subtitle:hover {
	color: var(--bs-primary)
}
.blog-detail .blog-ul {
	font-weight: 700;
	font-size: .875rem;
	letter-spacing: .063rem
}
.blog-detail .detail-blogtag {
	font-size: 12px;
	font-weight: 500;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px
}
.blog-user {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid;
	border-color: var(--bs-primary);
	padding: 5px
}
.sidebar .search-form .searchbar {
	border: 1px solid rgba(0,0,0,0);
	height: 70px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px
}
.sidebar .search-form .newsletter {
	border: 1px solid var(--bs-gray-200);
	height: 70px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px
}
.sidebar .search-form input:focus, .sidebar .search-form input[type=search]:focus, .sidebar .search-form input[type=email]:focus {
	border-color: var(--bs-secondary);
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none
}
.sidebar .search-form .search-button {
	width: 80px;
	border: none;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: var(--bs-primary);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.sidebar .search-form .search-button:hover {
	background-color: var(--bs-secondary)
}
.sidebar .categories-inner {
	padding-bottom: 16px;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--bs-border-color)
}
.sidebar .categories-inner:last-child {
	border-bottom: none
}
.sidebar .categories-inner .categories-item {
	font-size: .75rem;
	line-height: 1.75;
	letter-spacing: .063rem;
	color: var(--bs-gray-700);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.sidebar .categories-inner .categories-item:hover {
	color: var(--bs-primary)
}
.sidebar .blogtag a {
	font-size: 12px;
	padding: 8px 15px;
	color: var(--bs-gray-700);
	background-color: var(--bs-white);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.sidebar .blogtag a:hover {
	color: var(--bs-white);
	background-color: var(--bs-primary)
}
.sidebar .img-holder {
	width: 115px
}
.sidebar .post-date {
	font-size: .75rem;
	font-weight: 700
}
.detail .blogtag-inner a {
	background-color: var(--bs-primary);
	color: var(--bs-white);
	padding: 8px 15px;
	letter-spacing: 2px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.detail .blogtag-inner a:hover {
	background-color: var(--bs-secondary)
}
.detail .blogtag a {
	background-color: var(--bs-white);
	color: var(--bs-gray-700);
	padding: 8px 15px;
	letter-spacing: 2px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.detail .blogtag a:hover {
	background-color: var(--bs-primary)
}
.detail .blog-tags a {
	font-size: 12px;
	padding: 8px 15px;
	color: var(--bs-gray-700);
	background-color: var(--bs-gray-400);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.detail .blog-tags a:hover {
	color: var(--bs-white);
	background-color: var(--bs-primary)
}
.detail .quot-box {
	padding-top: 58px;
	padding-bottom: 58px;
	padding-left: 100px;
	padding-right: 100px
}
.detail .quot-img {
	left: 42%;
	top: 18%
}
.detail .quot-author {
	letter-spacing: .063em
}
.detail .quot-author::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: var(--bs-primary);
	top: 62%;
	left: 36%
}
.detail .tags .blog-tag-item {
	padding: 8px 15px;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 2px;
	color: var(--bs-gray-700);
	background-color: var(--bs-gray-400);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.detail .tags .blog-tag-item:hover {
	color: var(--bs-white);
	background-color: var(--bs-primary)
}
.detail .admin-info {
	margin-bottom: 70px
}
.detail .comment-inner {
	padding-top: 60px;
	margin-bottom: 30px
}
.detail .comment-inner .blog-date {
	font-size: 14px
}
.detail .comment-2 {
	padding-left: 75px;
	margin-bottom: 30px
}
.detail .border_bottom {
	padding-bottom: 70px;
	margin-bottom: 70px;
	border-bottom: 1px solid var(--bs-border-color)
}
.detail .user {
	-webkit-border-radius: 50%;
	border-radius: 50%
}
.detail .box-p {
	padding-left: 14%
}
.detail .admin {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .063rem;
	color: var(--bs-primary)
}
.detail .comment {
	padding-left: 93px;
	margin-top: -10px
}
.detail .quote-icon {
	font-size: 50px
}
.detail .text-1 {
	padding-left: 90px
}
.detail .blogquote {
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: var(--bs-primary);
	-webkit-transition: all .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
	transition: all .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
	-o-transition: all .3s, border .3s, border-radius .3s, box-shadow .3s;
	transition: all .3s, border .3s, border-radius .3s, box-shadow .3s;
	transition: all .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
	padding: 32px 32px 32px 32px
}
.detail .user-1 {
	width: 85px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}
.detail .link-icon {
	font-size: 50px
}
.detail .blog-gallary {
	padding-left: 9px;
	padding-right: 9px
}
.detail iframe {
	width: 100%
}
.navigation-prev {
	left: -117px;
	top: -265px;
	-webkit-border-radius: 9px;
	border-radius: 9px
}
.navigation-next {
	right: -117px;
	top: -265px;
	-webkit-border-radius: 9px;
	border-radius: 9px
}
.icon-social li a {
	width: 32px;
	height: 32px;
	display: inline-block;
	line-height: 32px;
	text-align: center
}
.icon-social li a i {
	color: var(--bs-gray-700)
}
.icon-social li a:hover i {
	color: var(--bs-primary)
}
.icon-social.color-icon li {
	-webkit-border-radius: var(--bs-border-radius-pill);
	border-radius: var(--bs-border-radius-pill)
}
.icon-social.color-icon li:nth-child(1) {
	background-color: #1877f2
}
.icon-social.color-icon li:hover {
	background-color: var(--bs-white);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.icon-social.color-icon li:nth-child(2) {
	background-color: #1da1f2
}
.icon-social.color-icon li:hover {
	background-color: var(--bs-white);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.icon-social.color-icon li:nth-child(3) {
	background-color: #2867b2
}
.icon-social.color-icon li:hover {
	background-color: var(--bs-white);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.icon-social.color-icon li:nth-child(4) {
	background-color: #bd081c
}
.icon-social.color-icon li:hover {
	background-color: var(--bs-white);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.icon-social.color-icon li i {
	color: var(--bs-white);
	font-size: .875rem
}
.blog-slider-inner .swiper-container-horizontal-2 .swiper-pagination {
	margin-top: 16px
}
.blog-slider-inner .swiper-container-horizontal-2 .swiper-pagination .swiper-pagination-bullet {
	margin-right: 8px;
	background: var(--bs-primary);
	border: none;
	height: 12px;
	width: 12px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	vertical-align: middle;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out
}
.blog-slider-inner .swiper-container-horizontal-2 .swiper-pagination .swiper-pagination-bullet-active {
	background: var(--bs-white);
	position: relative;
	height: 15px;
	width: 15px
}
.blog-slider-inner .swiper-container-horizontal-2 .swiper-pagination .swiper-pagination-bullet-active::after {
	content: "";
	position: absolute;
	height: 17px;
	width: 17px;
	top: 0;
	left: -1px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid var(--bs-primary);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.blog-slider-inner .swiper-btn {
	position: static
}
.blog-slider-inner .swiper-btn .swiper-button-prev, .blog-slider-inner .swiper-btn .swiper-button-next {
	background: var(--bs-secondary);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: var(--bs-white);
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	height: 45px;
	line-height: 45px;
	text-align: center;
	-webkit-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	width: 45px
}
.blog-slider-inner .swiper-btn .swiper-button-prev:hover, .blog-slider-inner .swiper-btn .swiper-button-next:hover {
	background-color: var(--bs-primary)
}
.blog-slider-inner .swiper-btn .swiper-button-prev {
	margin-top: -300px;
	left: -70px;
	-webkit-transition: opacity .3s ease 0s, left .3s ease 0s;
	-o-transition: opacity .3s ease 0s, left .3s ease 0s;
	transition: opacity .3s ease 0s, left .3s ease 0s
}
.blog-slider-inner .swiper-btn .swiper-button-prev::after {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-weight: bold
}
.blog-slider-inner .swiper-btn .swiper-button-next {
	margin-top: -300px;
	right: -120px;
	-webkit-transition: opacity .3s ease 0s, right .3s ease 0s;
	-o-transition: opacity .3s ease 0s, right .3s ease 0s;
	transition: opacity .3s ease 0s, right .3s ease 0s
}
.blog-slider-inner .swiper-btn .swiper-button-next::after {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-weight: bold
}

@media(max-width: 991px) {
.iq-blog-two .iq-blog-detail-two .list-inline .list-inline-item {
	margin-right: 8px;
	padding-right: 10px
}
.iq-blog-two .iq-blog-detail-two .list-inline .list-inline-item::after {
	content: none
}
.iq-blog-two .iq-blog-detail-two .list-inline .list-inline-item .fa-user {
	padding: 12px
}
.detail .border_bottom {
	padding-bottom: 50px;
	margin-bottom: 50px
}
}

@media(max-width: 768px) {
.iq-blog-two .avtar-admin {
	font-size: 12px
}
.iq-blog-two .blog-date {
	font-size: 12px
}
.iq-blog-two .list-inline-item {
	margin-right: 0;
	margin-bottom: 5px
}
.iq-blog-two .list-inline-item:last-child {
	margin-bottom: 0
}
.iq-blog-two .list-inline-item.separator {
	display: none
}
.detail .admin-info {
	margin-bottom: 30px
}
.detail .comment-inner {
	padding-top: 30px
}
}

@media(max-width: 767px) {
.detail .text-1 {
	padding-top: 60px;
	padding-left: 0
}
}

@media(max-width: 567px) {
.detail .box-p {
	padding-left: 0
}
.detail .border_bottom {
	padding-bottom: 30px;
	margin-bottom: 50px
}
.detail .quot-box {
	padding: 30px
}
.detail .comment {
	padding-left: 0
}
}
.iq-breadcrumb {
	padding: 0px 0;
	background-color: var(--bs-gray-400)
}
.iq-breadcrumb .iq-breadcrumb-inner {
	padding: 32px 0
}
.iq-breadcrumb .iq-breadcrumb-inner ol li a {
	color: #fff;
}
.iq-breadcrumb .iq-breadcrumb-inner ol li.active {
	color: #fff
}
.iq-breadcrumb .iq-breadcrumb-inner ol li.breadcrumb-item+.breadcrumb-item::before {
	content: "/";
	color: #fff;
	font-family: Ionicons;
	padding-right: 15px
}

@media(max-width: 991px) {
.iq-breadcrumb {
	padding: 60px 16px
}
}

@media(max-width: 767px) {
.iq-breadcrumb {
	padding: 60px 0
}
}
.iq-button {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	background-color: var(--bs-primary);
	color: #fff;
	font-size: .875rem;
	letter-spacing: .0375em;
	padding: 12px 24px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.iq-button.linked-btn {
	background: rgba(0,0,0,0);
	color: var(--bs-primary);
	padding: 0;
	cursor: pointer
}
.iq-button.linked-btn .iq-btn-icon-holder svg line {
	stroke: var(--bs-primary)
}
.iq-button.link-btn .iq-btn-icon-holder svg line {
	stroke: var(--bs-primary)
}
.iq-button:hover .iq-btn-text-holder .btn_text.one {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	-o-transition: transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out
}
.iq-button:hover .iq-btn-text-holder .btn_text.two {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform .3s ease-out .15s;
	transition: -webkit-transform .3s ease-out .15s;
	-o-transition: transform .3s ease-out .15s;
	transition: transform .3s ease-out .15s;
	transition: transform .3s ease-out .15s, -webkit-transform .3s ease-out .15s
}
.iq-button .iq-btn-text-holder {
	display: inline-block;
	position: relative;
	overflow: hidden;
	line-height: 1.5
}
.iq-button .iq-btn-text-holder .btn_text.one {
	position: relative;
	display: inline-block;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform .3s ease-out .15s;
	transition: -webkit-transform .3s ease-out .15s;
	-o-transition: transform .3s ease-out .15s;
	transition: transform .3s ease-out .15s;
	transition: transform .3s ease-out .15s, -webkit-transform .3s ease-out .15s
}
.iq-button .iq-btn-text-holder .btn_text.two {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translateY(-105%);
	-ms-transform: translateY(-105%);
	transform: translateY(-105%);
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	-o-transition: transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out
}
.iq-button .iq-btn-icon-holder {
	margin-left: 8px
}
.iq-button .iq-btn-icon-holder svg line {
	stroke-dashoffset: 0;
	stroke-dasharray: 10;
	-webkit-transition: stroke-dashoffset .6s ease-out;
	-o-transition: stroke-dashoffset .6s ease-out;
	transition: stroke-dashoffset .6s ease-out
}
.iq-button:hover .iq-btn-icon-holder svg line {
	stroke-dashoffset: 20
}
.button-white .iq-button {
	background: #fff;
	color: var(--bs-primary)
}
.button-white .iq-button .iq-btn-text-holder::after {
	background-color: var(--bs-primary)
}
.button-primary .iq-button {
	background-color: var(--bs-primary)
}
.qloud-purchase {
	padding: 60px 32px 60px 32px;
	font-weight: 600
}
.qloud-purchase .desc {
	font-family: var(--bs-font-family-sans-serif);
	font-weight: 400
}
.iq-counter {
	font-size: 50px
}
.iq-btn-container-1 {
	margin: 70px 0px 0px 0px
}
.about-us-section {
	margin-top: 9.375rem;
	margin-bottom: 9.375rem
}
.qloud-success {
	margin: 100px 0px 0px 0px
}
.worldlocation-section .counter-box {
	padding: 80px 0;
	margin-top: -210px
}
.worldlocation-section .counter-box .counter-style {
	padding: 0 90px;
	position: relative
}
.worldlocation-section .counter-box .counter-style::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-right: 1px solid #cfd2e1
}
.worldlocation-section .counter-box .counter-style:last-child::after {
	content: none
}
.worldlocation-section .counter-box .counter-style .counter-inner .iq-counter-icon {
	margin-right: 30px
}
.worldlocation-section .counter-box .counter-style .counter-content .counter-suffix {
	line-height: normal;
	vertical-align: bottom
}

@media(max-width: 1024px) {
.qloud-success {
	margin: 0px 0px 0px 0px
}
.worldlocation-section .counter-box {
	margin-top: 0px;
	padding: 50px 0
}
.worldlocation-section .counter-box .counter-style {
	padding: 0 30px
}
}

@media(min-width: 320px)and (max-width: 991px) {
.iq-title-icon image {
	margin-left: 20px
}
}

@media(max-width: 767px) {
.worldlocation-section .counter-box .counter-inner {
	padding: 0 16px
}
.worldlocation-section .counter-box .counter-style::after {
	content: none
}
}
.iq-icon-box {
	padding: 40px 35px 40px 35px;
	background-color: var(--bs-gray-400)
}
.iq-icon-box .iq-icon-box-style-1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 30px;
	border: 1px solid rgba(0,0,0,0);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	border-radius: 10px
}
.iq-process-step-style-6 {
	padding: 70px 50px;
	background-color: var(--bs-gray-400)
}
.iq-process-step-style-6 .iq-process-step .iq-step-img {
	padding: 20px
}
.iq-icon-box-style-4 {
	padding: 50px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: var(--bs-light);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-icon-box-style-4:hover {
	background-color: var(--bg-white);
	-webkit-box-shadow: 0px 24px 84px 0px rgba(0,0,0,.05);
	box-shadow: 0px 24px 84px 0px rgba(0,0,0,.05)
}
.iq-icon-box-style-4 .icon-box-img {
	display: inline-block;
	border-style: solid;
	border-color: var(--bs-white);
	border-width: 10px 10px 10px 10px;
	margin: 0 0 40px 0
}
.iq-icon-box-style-4 .icon-box-img img {
	background-color: var(--bs-white);
	width: 100px;
	height: auto
}
.iq-icon-box-style-5 {
	padding: 40px 35px 40px 35px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: var(--bs-white)
}
.iq-icon-box-hover {
	position: relative;
	background-color: var(--bs-gray-400);
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}
.iq-icon-box-hover::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background-color: var(--bs-primary);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition-property: left right;
	-o-transition-property: left right;
	transition-property: left right;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.iq-icon-box-hover:hover::after {
	width: 100%
}
.iq-icon-box-hover:hover {
	background-color: var(--bg-white);
	-webkit-box-shadow: var(--bs-box-shadow);
	box-shadow: var(--bs-box-shadow)
}
.iq-icon-box-3 {
	padding: 0px 32px 0px 32px
}
.iq-icon-box-style-2 {
	padding: 40px 40px 40px 40px
}
.iq-icon-box-style-2 .iq-icon-security-box {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: var(--bs-box-shadow);
	box-shadow: var(--bs-box-shadow)
}
.icon-style-block .list-icons .icon-block svg path {
	stroke: var(--bs-primary)
}
.list-icons .icon-block svg path {
	stroke: var(--bs-secondary)
}
.list-icons .blog-listing svg path {
	stroke: var(--bs-primary)
}
.list-icons .icon-block-white svg path {
	stroke: var(--bs-white)
}
.iq-fancy-box-list {
	padding: 45px
}
.iq-fancy-box-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 40px
}
.iq-fancy-box-list:hover .iq-fancy-title a {
	color: var(--bs-primary)
}
.iq-fancy-box-list .iq-fancy-title a {
	color: var(--bs-secondary);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-fancy-box-list.iq-fancy-box-list-1 {
	background: rgba(0,0,0,0);
	position: relative;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}
.iq-fancy-box-list.iq-fancy-box-list-1::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background-color: var(--bs-primary);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition-property: left right;
	-o-transition-property: left right;
	transition-property: left right;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.iq-fancy-box-list.iq-fancy-box-list-1:hover::after {
	width: 100%
}
.iq-fancy-box-list.iq-fancy-box-list-1:hover {
	-webkit-box-shadow: var(--bs-box-shadow);
	box-shadow: var(--bs-box-shadow)
}
.bg-color {
	background-color: #f5f7fd;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 45px 45px
}

@media(max-width: 767px) {
.iq-icon-box-style-4 {
	padding: 32px
}
}
.news-subscribe-input {
	background-color: rgba(0,0,0,0);
	border: 1px solid var(--bs-secondary-border-subtle);
	color: var(--bs-white)
}
.news-subscribe-input:focus {
	color: var(--bs-white);
	background-color: rgba(0,0,0,0)
}
.news-subscribe-input::-webkit-input-placeholder {
color:var(--bs-white)
}
.news-subscribe-input::-moz-placeholder {
color:var(--bs-white)
}
.news-subscribe-input::-ms-input-placeholder {
color:var(--bs-white)
}
.news-subscribe-input::placeholder {
color:var(--bs-white)
}
.news-subscribe-btn {
	cursor: pointer;
	color: var(--bs-primary);
	background-color: var(--bs-white);
	border: none;
	padding: 12px 30px;
	letter-spacing: 2px;
	font-size: .875em;
	line-height: 2
}
.news-subscribe-btn:hover {
	color: var(--bs-white);
	background-color: var(--bs-primary)
}
.work-section .news-subscribe-input {
	background-color: rgba(0,0,0,0);
	border: 1px solid var(--bs-gray-500);
	color: var(--bs-gray-700)
}
.work-section .news-subscribe-input:focus {
	color: var(--bs-gray-700);
	background-color: var(--bs-white);
	border-color: var(--bs-secondary)
}
.work-section .news-subscribe-input::-webkit-input-placeholder {
color:var(--bs-white)
}
.work-section .news-subscribe-input::-moz-placeholder {
color:var(--bs-white)
}
.work-section .news-subscribe-input::-ms-input-placeholder {
color:var(--bs-white)
}
.work-section .news-subscribe-input::placeholder {
color:var(--bs-white)
}
.iq-domain-search .form-input-box {
	text-align: center;
	position: relative;
	margin: 0;
	-webkit-border-radius: 10px;
	border-radius: 10px
}
.iq-domain-search .form-input-box .search-domain {
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: inherit;
	height: 64px;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
	color: var(--bs-gray-500)
}
.iq-domain-search .form-input-box .button-domain {
	background-color: var(--bs-primary);
	position: absolute;
	right: 0;
	height: 64px;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	border: none;
	color: var(--bs-white);
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	padding: 0;
	text-transform: uppercase;
	width: 27%
}
.iq-domain-search .form-input-box .button-domain:hover {
	background-color: var(--bs-secondary);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

@media(max-width: 576px) {
.iq-domain-search .form-area .form-input-box form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.iq-domain-search .form-area .form-input-box form .search-domain {
	width: 100%;
	height: 64px
}
.iq-domain-search .form-area .form-input-box form .button-domain {
	position: static;
	width: 100%;
	height: 64px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
}
.portfolio-card .portfolio-box {
	position: relative;
	overflow: hidden;
	background-color: var(--bs-white);
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	-o-transition: transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}
.portfolio-card .portfolio-box .portfolio-img {
	height: 350px;
	-o-object-fit: cover;
	object-fit: cover
}
.portfolio-card .portfolio-box .info-box-1 {
	position: absolute;
	padding: 40px;
	background-color: var(--bs-white);
	left: 40px;
	right: 40px;
	height: auto;
	bottom: 0px;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.portfolio-card .portfolio-box .info-box-1 .iq-button {
	margin-top: 16px;
	font-size: 1em;
	padding: 15px 45px;
	background: var(--bs-primary);
	color: var(--bs-white)
}
.portfolio-card .portfolio-box .info-box-1 .iq-button:hover {
	background-color: var(--bs-secondary)
}
.portfolio-card .portfolio-box:hover .info-box-1 {
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	opacity: 1
}
.porfolio-tab {
	list-style: none;
	padding: 0
}
.porfolio-tab li {
	position: relative
}
.porfolio-tab li::before {
	content: "";
	position: absolute;
	top: 0;
	left: -7px;
	-webkit-transform: translateY(23%);
	-ms-transform: translateY(23%);
	transform: translateY(23%);
	width: 1px;
	height: 25px;
	background-color: var(--bs-border-color)
}
.porfolio-tab li:first-child::before {
	content: none
}
.swiper-container-horizontal-1 .swiper-pagination {
	margin-top: 16px
}
.swiper-container-horizontal-1 .swiper-pagination .swiper-pagination-bullet {
	margin-right: 8px;
	background: var(--bs-primary);
	border: none;
	height: 12px;
	width: 12px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	vertical-align: middle;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out
}
.swiper-container-horizontal-1 .swiper-pagination .swiper-pagination-bullet-active {
	background: var(--bs-white);
	position: relative;
	height: 15px;
	width: 15px
}
.swiper-container-horizontal-1 .swiper-pagination .swiper-pagination-bullet-active::after {
	content: "";
	position: absolute;
	height: 17px;
	width: 17px;
	top: 0;
	left: -1px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid var(--bs-primary);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.swiper-btn {
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: unset;
	-ms-transform: unset;
	transform: unset;
	margin-top: 32px
}
.swiper-btn .swiper-button-prev {
	margin-top: -300px;
	margin-right: 16px;
	left: -70px;
	-webkit-transition: opacity .3s ease 0s, left .3s ease 0s;
	-o-transition: opacity .3s ease 0s, left .3s ease 0s;
	transition: opacity .3s ease 0s, left .3s ease 0s
}
.swiper-btn .swiper-button-next {
	margin-top: -300px;
	right: -70px;
	-webkit-transition: opacity .3s ease 0s, right .3s ease 0s;
	-o-transition: opacity .3s ease 0s, right .3s ease 0s;
	transition: opacity .3s ease 0s, right .3s ease 0s
}
.portfolio-box-1 {
	border: 1px solid #f8f9fa;
	padding: 10px 10px 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.portfolio-box-1:hover .portfolio-content {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	z-index: 9
}
.portfolio-box-1:hover {
	-webkit-box-shadow: -1px 4px 30px 0 rgba(0,0,0,.06);
	box-shadow: -1px 4px 30px 0 rgba(0,0,0,.06)
}
.portfolio-box-1:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.portfolio-box-1:hover .portfolio-image {
	position: relative
}
.portfolio-box-1:hover .portfolio-image::before {
	width: 100%;
	opacity: 1;
	left: 0
}
.portfolio-box-1:hover .portfolio-link {
	opacity: 1
}
.portfolio-box-1 .portfolio-image {
	display: inherit;
	overflow: hidden;
	position: relative
}
.portfolio-box-1 .portfolio-image::before {
	content: "";
	background: rgba(0,123,252,.6);
	width: 0%;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	z-index: 1;
	right: 0
}
.portfolio-box-1 img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.portfolio-box-1 .portfolio-link {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.portfolio-box-1 .portfolio-link .icon {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: var(--bs-white);
	color: var(--bs-primary)
}
.portfolio-box-1 .details-box::after {
	display: block;
	clear: both;
	content: ""
}
.portfolio-box-1 .portfolio-desc {
	color: var(--bs-gray-600)
}
.portfolio-section .portfolio-box-content {
	padding: 0 100px
}
.portfolio-section .portfolio-box-content .portfolio-img {
	border: 15px solid var(--bs-white);
	height: 480px;
	max-width: 650px;
	-o-object-fit: cover;
	object-fit: cover
}
.portfolio-section .portfolio-box-content .portfolio-info {
	position: absolute;
	left: -12%;
	bottom: 12%;
	display: block;
	opacity: 0;
	visibility: hidden;
	-webkit-clip-path: 0 0 100% 0;
	clip-path: 0 0 100% 0;
	-webkit-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
	-o-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
	transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1)
}
.portfolio-section .portfolio-box-content .portfolio-info .category {
	font-size: .875rem;
	letter-spacing: .125em;
	margin-bottom: 10px
}
.portfolio-section .portfolio-box-content .portfolio-text-detail {
	position: absolute;
	right: -2%;
	top: 29%;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	-webkit-clip-path: 0 0 100% 0;
	clip-path: 0 0 100% 0;
	-webkit-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
	-o-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
	transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1)
}
.portfolio-section .portfolio-box-content .portfolio-text-detail p {
	margin: 0 0 15px 0;
	color: var(--bs-heading-color);
	line-height: 1.75
}
.portfolio-section .swiper-slide-active .portfolio-box-content .portfolio-info {
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-clip-path: 0 0 0 0;
	clip-path: 0 0 0 0
}
.portfolio-section .swiper-slide-active .portfolio-box-content .portfolio-text-detail {
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-clip-path: 0 0 0 0;
	clip-path: 0 0 0 0
}
.portfolio-swiper .swiper-pagination {
	width: auto;
	position: relative;
	margin-top: 15px;
	padding-left: 50px
}
.portfolio-swiper .swiper-pagination::after {
	content: counter(slides-num, decimal-leading-zero);
	display: inline-block;
	font-weight: 600;
	color: var(--bs-secondary);
	vertical-align: middle;
	padding-left: 50px
}
.portfolio-swiper .swiper-pagination-bullet {
	height: 2px;
	width: 90px;
	border: none;
	background: #d4def6;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	display: inline-block;
	counter-increment: slides-num;
	margin: 0 6px
}
.portfolio-swiper .swiper-pagination-bullet::after {
	content: "";
	width: 0;
	height: 100%;
	background: var(--bs-primary);
	display: block;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.portfolio-swiper .swiper-pagination-bullet-active {
	border: none;
	background: var(--bs-primary)
}
.portfolio-swiper .swiper-pagination-bullet-active::before {
	content: counter(slides-num, decimal-leading-zero);
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	font-weight: 600;
	color: var(--bs-secondary)
}
.portfolio-swiper .swiper-pagination-bullet-active::after {
	width: 100%
}
.portfolio-card-2 {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 8px solid var(--bs-white)
}
.portfolio-card-2 .img-inner {
	height: 500px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}
.portfolio-card-2 .portfolio-content {
	padding: 40px 0 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out
}
.portfolio-card-2 .portfolio-content .portfolio-inner {
	width: 70%
}
.portfolio-container .swiper-slide {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	overflow: hidden
}
.portfolio-container .swiper-slide.swiper-slide-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.portfolio-container .swiper-slide-active {
	-webkit-transform: scale(1.1, 1);
	-ms-transform: scale(1.1, 1);
	transform: scale(1.1, 1);
	z-index: 15
}
.portfolio-container .swiper-slide-active .portfolio-content {
	opacity: 1;
	visibility: visible
}
.hosting-portfolio .swiper-btn .swiper-button-prev {
	margin-top: -420px;
	left: -70px;
	-webkit-transition: opacity .3s ease 0s, left .3s ease 0s;
	-o-transition: opacity .3s ease 0s, left .3s ease 0s;
	transition: opacity .3s ease 0s, left .3s ease 0s
}
.hosting-portfolio .swiper-btn .swiper-button-prev::after {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-weight: bold
}
.hosting-portfolio .swiper-btn .swiper-button-next {
	margin-top: -420px;
	right: -90px;
	-webkit-transition: opacity .3s ease 0s, right .3s ease 0s;
	-o-transition: opacity .3s ease 0s, right .3s ease 0s;
	transition: opacity .3s ease 0s, right .3s ease 0s
}
.hosting-portfolio .swiper-btn .swiper-button-next::after {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-weight: bold
}
.portfolio-workflow {
	padding-bottom: 0 !important;
	margin-bottom: 80px
}
.portfolio-info .portfolio-detail {
	padding: 35px 20px;
	margin-bottom: 40px
}
.iq-service-portfolio {
	padding: 50px 32px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}
.iq-service-portfolio .svg1-portfolio svg path {
	stroke: var(--bs-primary)
}
.iq-service-portfolio::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background-color: var(--bs-primary);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.iq-service-portfolio:hover::before {
	width: 100%
}
.workflow-info {
	margin-top: 80px !important
}
.workflow-info .workflow-container {
	padding: 0 0 150px;
	border-bottom: 1px solid #f2f2f4
}
.workflow-info .workflow-container .svg-portfolio svg path {
	stroke: var(--bs-primary)
}
.workflow-info .workflow-inner {
	padding: 0 70px 0 0
}
.masonry-section .box {
	cursor: pointer
}
.masonry-section .box:hover .masonry-outerbox {
	opacity: 1;
	bottom: 0
}
.masonry-section .box .masonry-outerbox {
	position: absolute;
	bottom: -29%;
	left: 20px;
	padding: 20px;
	margin: 20px;
	background: var(--bs-white);
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

@media(max-width: 1600px) {
.swiper-btn {
	position: static
}
.swiper-btn .swiper-button-prev {
	margin-top: -100px;
	left: 48%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: opacity .3s ease 0s, left .3s ease 0s;
	-o-transition: opacity .3s ease 0s, left .3s ease 0s;
	transition: opacity .3s ease 0s, left .3s ease 0s
}
.swiper-btn .swiper-button-prev::after {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-weight: bold
}
.swiper-btn .swiper-button-next {
	margin-top: -100px;
	right: 45%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: opacity .3s ease 0s, right .3s ease 0s;
	-o-transition: opacity .3s ease 0s, right .3s ease 0s;
	transition: opacity .3s ease 0s, right .3s ease 0s
}
.swiper-btn .swiper-button-next::after {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-weight: bold
}
}

@media(max-width: 1200px) {
.portfolio-section .portfolio-box-content {
	padding: 0 50px
}
}

@media(max-width: 1024px) {
.swiper-btn .swiper-button-prev {
	left: 47%
}
.swiper-btn .swiper-button-next {
	right: 43%
}
.hosting-portfolio .swiper-btn {
	display: none
}
.portfolio-workflow {
	margin-bottom: 70px
}
.workflow-info {
	margin-top: 70px
}
.workflow-info .workflow-container {
	padding: 0 16px 70px
}
.workflow-info .workflow-container .workflow-inner {
	padding: 0 50px 0 0
}
.portfolio-section .portfolio-box-content .portfolio-img {
	height: 350px;
	max-width: 100%
}
.portfolio-section .portfolio-box-content .portfolio-text-detail {
	right: -14%
}
}

@media(max-width: 992px) {
.portfolio-section .portfolio-box-content {
	padding: 0 16px
}
}

@media(max-width: 991px) {
.portfolio-section .portfolio-box-content .portfolio-info {
	position: static
}
.portfolio-section .portfolio-box-content .portfolio-text-detail {
	position: static
}
.swiper-btn .swiper-button-prev {
	left: 46%
}
.swiper-btn .swiper-button-next {
	right: 41%
}
.portfolio-swiper .swiper-pagination-bullet {
	width: 50px
}
.portfolio-section .portfolio-content {
	padding: 0
}
}

@media(max-width: 768px) {
.swiper-btn .swiper-button-prev {
	left: 46%
}
.swiper-btn .swiper-button-next {
	right: 40%
}
.portfolio-card .swiper-btn .swiper-button-prev {
	left: 45%
}
.portfolio-card .swiper-btn .swiper-button-next {
	right: 40%
}
.portfolio-swiper .swiper-pagination {
	margin-top: 0
}
}

@media(max-width: 767px) {
.portfolio-card .portfolio-box .info-box-1 {
	padding: 15px
}
.porfolio-tab li::before {
	content: none
}
.swiper-btn {
	display: none
}
.swiper-container-horizontal-1 .swiper-pagination {
	margin-top: -50px
}
.portfolio-swiper .swiper-pagination {
	margin-top: 0
}
.portfolio-section .portfolio-box-content .portfolio-img {
	height: 280px
}
.portfolio-workflow {
	margin-bottom: 50px
}
.workflow-info {
	margin-top: 50px
}
.workflow-info .workflow-container {
	padding: 0 0 50px 0
}
.workflow-info .workflow-container .workflow-inner {
	padding: 0
}
}

@media(max-width: 480px) {
.portfolio-swiper .swiper-pagination-bullet {
	width: 20px
}
.hosting-portfolio .portfolio-card-2 .portfolio-content .portfolio-inner {
	width: 100%
}
}

@media(max-width: 320px) {
.portfolio-swiper .swiper-pagination::after {
	padding-left: 25px
}
}
.iq-price-table-1 {
	overflow: hidden;
	margin-top: 0;
	-webkit-border-radius: var(--bs-border-radius);
	border-radius: var(--bs-border-radius);
	position: relative
}
.iq-price-table-1::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 32px;
	right: -76px;
	background: var(--bs-light);
	-webkit-border-radius: 30px;
	border-radius: 30px;
	height: 60%;
	-webkit-transform: rotate(19deg);
	-ms-transform: rotate(19deg);
	transform: rotate(19deg);
	width: 105px;
	-webkit-transition: .1s all ease-in;
	-o-transition: .1s all ease-in;
	transition: .1s all ease-in
}
.iq-price-table-1:hover::before {
	background: var(--bs-primary)
}
.iq-price-table-1 .iq-price-header {
	padding: 40px 30px 60px
}
.iq-price-table-1 .iq-price-label {
	color: var(--bs-heading-color);
	margin-bottom: 10px;
	display: inline-block;
	font-size: 1.33rem;
	line-height: 1.3
}
.iq-price-table-1 .iq-price-description {
	line-height: 26px
}
.iq-price-table-1 .iq-price {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	bottom: -20px;
	-webkit-border-radius: 55px;
	border-radius: 55px;
	padding: 5px 30px;
	font-family: "TeXGyreAdventor", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	line-height: 1.3;
	font-size: 1.77rem
}
.iq-price-table-1 .iq-price-desc {
	font-size: initial
}
.iq-price-table-1 .iq-price-body {
	padding-top: 68px
}
.iq-price-table-1 .iq-price-body ul.iq-price-service li {
	margin-bottom: 25px
}
.iq-price-table-1 .iq-price-body ul.iq-price-service li.inactive {
	text-decoration: line-through;
	color: var(--bs-gray)
}
.iq-price-table-1 .iq-price-body ul.iq-price-service li i {
	background: var(--bs-gray-400);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 15px;
	color: var(--bs-primary);
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: .75rem
}
.iq-price-table-1.active::before {
	background: var(--bs-primary)
}
.iq-price-table-1.active .pricing-footer .iq-button {
	background-color: var(--bs-primary);
	color: var(--bs-body-bg)
}
.iq-price-table-1 .iq-price-footer {
	padding: 40px 0
}
.iq-price-table-1 .pricing-footer .iq-button {
	background-color: rgba(0,0,0,0);
	color: var(--bs-primary)
}
.iq-price-table-1 .pricing-footer .iq-button:hover {
	background-color: var(--bs-primary);
	color: var(--bs-body-bg)
}
.iq-price-table-2 {
	padding: 35px 30px
}
.iq-price-table-2 .iq-price-header {
	padding-bottom: 35px
}
.iq-price-table-2 .iq-price-label {
	color: var(--bs-heading-color);
	font-size: 1.33rem;
	line-height: 1.3
}
.iq-price-table-2 .iq-price-description {
	line-height: 26px
}
.iq-price-table-2 .sub-header-main .plan-offer {
	font-size: 12px;
	letter-spacing: 1px;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding: 5px 10px
}
.iq-price-table-2 .iq-price-sub-header {
	padding: 25px 30px;
	-webkit-border-radius: var(--border-radius-box);
	border-radius: var(--border-radius-box)
}
.iq-price-table-2 .iq-price-sub-header p {
	color: var(--bs-body-color);
	margin: 15px 0 0 0
}
.iq-price-table-2+.iq-price {
	line-height: 1.3
}
.iq-price-table-2 .iq-price-desc {
	color: var(--bs-body-color);
	font-size: initial;
	font-family: "Roboto", sans-serif, "Liberation Mono", "Courier New", monospace
}
.iq-price-table-2 .iq-price-data {
	color: var(--bs-heading-color)
}
.iq-price-table-2 .iq-price-body {
	padding-top: 40px
}
.iq-price-table-2 .iq-price-body ul.iq-price-service li {
	color: var(--bs-heading-color);
	margin-bottom: 25px
}
.iq-price-table-2 .iq-price-body ul.iq-price-service li.inactive {
	text-decoration: line-through;
	color: var(--bs-body-color)
}
.iq-price-table-2 .iq-button {
	background-color: var(--bs-secondary)
}
.iq-price-table-2 .iq-button:hover {
	background-color: var(--bs-primary)
}
.iq-process.iq-process-step-style-1 {
	background: rgba(0,0,0,0);
	padding-top: 30px
}
.iq-process.iq-process-step-style-1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background-color: rgba(var(--bs-primary-rgb), 0.1);
	-webkit-border-radius: var(--bs-border-radius-lg);
	border-radius: var(--bs-border-radius-lg);
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .9s;
	-o-transition-duration: .9s;
	transition-duration: .9s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.iq-process.iq-process-step-style-1::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 6px;
	background-color: var(--bs-primary);
	-webkit-border-radius: var(--bs-border-radius-lg);
	border-radius: var(--bs-border-radius-lg);
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .9s;
	-o-transition-duration: .9s;
	transition-duration: .9s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.iq-process.iq-process-step-style-1:hover::after {
	width: 100%
}
.iq-process.iq-process-step-style-1 .iq-process-step {
	padding: 45px 40px
}
.iq-process.iq-process-step-style-1 .iq-step-title {
	margin-top: 35px;
	margin-bottom: 20px
}
.iq-process.iq-process-step-style-1 .iq-step-desc {
	margin-top: 20px;
	margin-bottom: 45px
}
.iq-process.iq-process-step-style-1 .step-number {
	font-size: .875rem;
	padding: 8px 10px
}
.iq-service-box {
	position: relative
}
.iq-service-box.iq-service-one {
	background: var(--bs-gray-400);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-service-box.iq-service-one .title {
	color: var(--bs-secondary);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-service-box.iq-service-one .title:hover {
	color: var(--bs-primary)
}
.iq-service-box.iq-service-one .icon svg path {
	stroke: var(--bs-primary)
}
.iq-service-box.iq-service-two {
	padding: 60px;
	text-align: center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-service-box.iq-service-two:hover .service-image img {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-service-box.iq-service-two .title {
	color: var(--bs-secondary);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-service-box.iq-service-two .title:hover {
	color: var(--bs-primary)
}
.iq-service-box {
	position: relative;
	background-color: var(--bs-white)
}
.iq-service-box.iq-service-4 {
	padding: 40px;
	background: var(--bs-white);
	border: 1px solid var(--bs-gray-400);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-service-box.iq-service-4 .icon-list svg path {
	stroke: var(--bs-primary)
}

@media(max-width: 1200px) {
.iq-service-box.iq-service-two {
	padding: 50px
}
}
.iq-tabs.iq-tab-vertical-1 .nav.nav-pills li {
	width: 100%;
	display: inline-block;
	vertical-align: middle
}
.iq-tabs.iq-tab-vertical-1 .nav.nav-pills li .nav-link {
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	border: 1px solid rgba(0,0,0,0);
	text-align: left;
	position: relative;
	overflow: hidden;
	padding: 0 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 40px 40px
}
.iq-tabs.iq-tab-vertical-1 .nav.nav-pills li .nav-link .tab-title-desc {
	color: var(--bs-body-color);
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(35px);
	-ms-transform: translateY(35px);
	transform: translateY(35px);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.iq-tabs.iq-tab-vertical-1 .nav.nav-pills li .nav-link .tab-title {
	font-size: 1.33rem
}
.iq-tabs.iq-tab-vertical-1 .nav.nav-pills li .nav-link.active {
	background: var(--bs-white);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0)
}
.iq-tabs.iq-tab-vertical-1 .nav.nav-pills li .nav-link.active .tab-title-desc {
	display: block;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.product-section .iq-tabs .nav.nav-pills li {
	width: 17%;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.product-section .iq-tabs .nav.nav-pills li .nav-link {
	background-color: var(--bs-white);
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	border: 1px solid rgba(0,0,0,0);
	text-align: left;
	position: relative;
	overflow: hidden;
	padding: 0 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 40px 40px
}
.product-section .iq-tabs .nav.nav-pills li .nav-link .tab-title-desc {
	color: var(--bs-body-color);
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(35px);
	-ms-transform: translateY(35px);
	transform: translateY(35px);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.product-section .iq-tabs .nav.nav-pills li .nav-link .tab-title {
	font-size: 1.33rem
}
.product-section .iq-tabs .nav.nav-pills li .nav-link.active {
	background: var(--bs-primary);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0)
}
.product-section .iq-tabs .nav.nav-pills li .nav-link.active h6 {
	color: var(--bs-white)
}
.product-section .iq-tabs .nav.nav-pills li .nav-link.active .tab-title-desc {
	display: block;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.product-section .iq-tabs .nav.nav-pills li:hover .nav-link {
	background: var(--bs-primary);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0)
}
.product-section .iq-tabs .nav.nav-pills li:hover .nav-link h6 {
	color: var(--bs-white)
}
.product-section .iq-tabs .nav.nav-pills li:hover .nav-link .tab-title-desc {
	display: block;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.database-service .iq-tabs.iq-tab-vertical-1 .nav.nav-pills li .nav-link.active {
	background: var(--bs-light)
}
.product-section .tab {
	background-color: var(--bs-white)
}
.product-section .product-info {
	padding: 50px
}
.product-section .list1::before {
	content: " ";
	background: var(--bs-primary);
	font-weight: bold;
	display: inline-block;
	margin-right: 15px;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	top: 10px;
	position: absolute;
	left: -24px
}
.product-section .product-btn {
	margin-top: 48px
}

@media(max-width: 1024px) {
.product-section .iq-tabs .nav.nav-pills li {
	width: 26%
}
}

@media(max-width: 767px) {
.product-section .iq-tabs .nav.nav-pills li {
	width: 100%
}
}

@media(max-width: 991px) {
.product-section .product-info {
	padding: 30px
}
}
.team-blog {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	border: none
}
.team-blog:hover .team-social {
	left: 15px
}
.team-blog:hover .team-social ul li {
	margin: 5px 0 10px
}
.team-blog:hover .team-info {
	bottom: 0
}
.team-blog .team-img {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none
}
.team-blog .team-social {
	background: none;
	position: absolute;
	left: -65px;
	top: 10px;
	width: 45px;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}
.team-blog .team-social ul li a {
	color: var(--bs-gray-700);
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: var(--bs-white);
	-webkit-border-radius: 90px;
	border-radius: 90px;
	text-align: center;
	display: inline-block;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out
}
.team-blog .team-social ul li a:hover {
	color: var(--bs-white);
	background-color: #007bfc
}
.team-blog .team-info {
	border-style: none;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	padding: 24px 15px;
	text-align: center;
	background: none;
	position: absolute;
	bottom: -115px;
	background: var(--bs-secondary);
	left: 0;
	display: inline-block;
	width: 100%;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}
.team-blog .team-info span {
	display: inline-block;
	width: 100%;
	float: left
}
.team-blog .designation-text {
	letter-spacing: 2px
}
.iq-testimonial-content {
	margin-bottom: 50px
}
.iq-testimonial-content .text-body, .iq-testimonial-content .text-white {
	font-family: "Roboto", sans-serif, "Liberation Mono", "Courier New", monospace;
	line-height: 1.75
}
.iq-testimonial-member {
	font-size: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.content-wrapper .iq-lead {
	font-weight: bold;
	margin-bottom: 10px
}
.rating-wrapper .iq-post-rating {
	position: relative;
	color: var(--bs-warning);
	font-size: 12px
}
.rating-wrapper .iq-post-rating::after {
	position: absolute;
	content: "";
	top: 4px;
	right: 0;
	width: 1px;
	height: 15px;
	background-color: #5e7290
}
.rating-wrapper .posted-on {
	margin-left: 10px;
	font-size: 1rem;
	position: relative
}
.iq-testimonial-quote {
	font-size: 50px;
	z-index: -1;
	opacity: 1;
	margin: 16px 70px 0 0;
	background-color: var(--bs-secondary);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: var(--bs-gray-700);
	width: 110px;
	height: 110px;
	display: inline-block;
	line-height: 110px;
	text-align: center
}
.iq-testimonial-quote .quote-bg {
	color: var(--bs-gray-900)
}
.testimonial-analytics .iq-testimonial-quote {
	background-color: #3d4b85
}
.testimonial-analytics .testimonial-img1 {
	top: 30%;
	left: -33%
}
.testimonial-analytics .testimonial-img2 {
	bottom: 24%;
	right: -30%
}
.testimonial-box {
	background-color: var(--bs-gray-400);
	position: relative;
	overflow: hidden;
	padding: 45px 35px
}
.testimonial-box .testimonial-description {
	font-size: 18px
}
.testimonial-box .testimonial-text {
	z-index: 1
}
.testimonial-box .testimonial-text .text-inner {
	font-size: .75rem;
	letter-spacing: 1
}
.testimonial-box .quote-img {
	position: absolute;
	bottom: 0;
	right: 0
}
.testimonial-section .swiper-general ul li:nth-child(odd) .testimonial-box {
	margin-top: 45px
}
.businesses-section .iq-testimonial-info {
	margin-top: 80px;
	padding: 127px 54px 63px 54px
}
.businesses-section .iq-testimonial-info .iq-testimonial-quote {
	height: 110px;
	width: 110px;
	line-height: 100px;
	font-size: 45px;
	top: -9%;
	color: var(--quote-color-light);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.businesses-section .iq-testimonial-info .iq-testimonial-quote i {
	opacity: 1;
	line-height: 100px;
	font-size: 60px
}
.businesses-section .iq-testimonial-info .info {
	font-family: "Roboto", sans-serif, "Liberation Mono", "Courier New", monospace;
	margin: 0 0 66px 0;
	line-height: 1.75
}
.businesses-section .iq-testimonial-info .iq-post-ratings .active {
	color: var(--bs-warning)
}
.testimonial-inner .text-desc {
	padding: 0 150px
}
.testimonial-inner .text-description {
	padding: 0 0 0 55px
}
.testimonial-inner .testimonial-desc {
	margin: 30px 0 45px 0;
	color: var(--bs-heading-color);
	font-family: "Roboto", sans-serif, "Liberation Mono", "Courier New", monospace;
	line-height: 55px
}
.testimonial-inner .testimonial-dots .slick-dots {
	position: absolute;
	bottom: 16%;
	left: auto;
	right: 0%
}
.testimonial-inner .testimonial-thumbs2 .slick-current .testimonial-avtar .img-testimonial {
	opacity: 1 !important
}
.testimonial-inner .testimonial-thumbs2 .slick-current .testimonial-avtar .img-testimonial-1 {
	opacity: 1 !important
}
.testimonial-inner .testimonial-thumbs2 .slick-current .testimonial-avtar .author {
	opacity: 1;
	display: block
}
.testimonial-inner .testimonial-thumbs2 .testimonial-avtar {
	margin-right: 30px
}
.testimonial-inner .testimonial-thumbs2 .testimonial-avtar .img-testimonial {
	height: 70px;
	width: 70px;
	opacity: .2
}
.testimonial-inner .testimonial-thumbs2 .testimonial-avtar .img-testimonial-1 {
	height: 70px;
	width: 70px;
	opacity: 0
}
.testimonial-inner .testimonial-thumbs2 .testimonial-avtar .author {
	opacity: 0;
	display: none
}
.testimonial-inner .testimonial-thumbs2 .author .title {
	color: var(--bs-heading-color)
}
.testimonial-inner .testimonial-thumbs2 .author .designation {
	text-align: left;
	font-size: .875em;
	line-height: 1.75;
	text-transform: uppercase;
	letter-spacing: 1px
}
.testimonial-inner .testimonial-thumbs2 .slick-dots {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 32px
}
.testimonial-inner .testimonial-thumbs2 .slick-dots li {
	border: 1px solid rgba(0,0,0,0);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 5px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	list-style: none
}
.testimonial-inner .testimonial-thumbs2 .slick-dots li button {
	display: block !important;
	-webkit-border-radius: 90px;
	border-radius: 90px;
	background: var(--bs-primary);
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	vertical-align: middle;
	border: 1px solid rgba(0,0,0,0);
	padding: 5px;
	font-size: 0;
	line-height: 0
}
.testimonial-inner .testimonial-thumbs2 .slick-dots li.slick-active {
	border: 1px solid var(--bs-primary)
}
.testimonial-inner .testimonial-thumbs2 .slick-dots li.slick-active button {
	width: 10px;
	height: 10px;
	background: var(--bs-primary)
}

@media(max-width: 1200px) {
.testimonial-inner .text-desc {
	padding: 0 100px
}
}

@media(max-width: 1024px) {
.testimonial-inner .text-description {
	padding: 0
}
}

@media(max-width: 992px) {
.iq-testimonial-member {
	font-size: 18px
}
.iq-testimonial-member .content-wrapper .iq-post-meta {
	font-size: 12px
}
.rating-wrapper .posted-on {
	font-size: 12px
}
.iq-testimonial-quote {
	font-size: 40px;
	width: 90px;
	height: 90px;
	line-height: 90px
}
}

@media(max-width: 991px) {
.testimonial-inner .text-desc {
	padding: 0 50px
}
}

@media(max-width: 767px) {
.testimonial-inner .text-desc {
	padding: 0
}
.testimonial-inner .testimonial-desc {
	margin: 16px 16px;
	line-height: 1.5
}
.testimonial-inner .testimonial-thumbs2 .slick-dots {
	position: static
}
}

@media(max-width: 576px) {
.iq-testimonial-member {
	font-size: 16px
}
.iq-testimonial-member .content-wrapper .iq-post-meta {
	font-size: 10px
}
.rating-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.rating-wrapper .iq-post-rating {
	font-size: 12px
}
.rating-wrapper .posted-on {
	font-size: 10px;
	margin-left: 0;
	margin-top: 5px;
	position: relative
}
.rating-wrapper .posted-on::before {
	content: none
}
.iq-testimonial-quote {
	font-size: 30px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	margin: 10px 0
}
}
.iq-title-box {
	margin-bottom: 35px;
	color: #142149
}
.iq-title-box .iq-subtitle {
	font-weight: 700;
	font-size: .875rem;
	letter-spacing: .188rem;
	-webkit-text-decoration-line: underline;
	-moz-text-decoration-line: underline;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: var(--bs-primary);
	margin-bottom: 10px
}
.text-center .iq-title-box {
	margin-bottom: 50px
}
.center .iq-title-box {
	padding: 0 250px
}

@media(max-width: 1199.98px) {
.iq-title-box br {
	display: none
}
}

@media(max-width: 1260px) {
.text-center .iq-title-box {
	margin-bottom: 50px
}
.center .iq-title-box {
	padding: 0 100px
}
}

@media(max-width: 767px) {
.iq-title-box {
	margin-bottom: 32px
}
.text-center .iq-title-box {
	margin-bottom: 50px
}
.center .iq-title-box {
	padding: 0
}
}
.wrapper {
	display: inline-block;
	position: absolute;
	top: 57%;
	left: 20%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.video-main {
	position: relative;
	display: inline-block
}
.icon-size {
	font-size: 12px
}
.video {
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	z-index: 999;
	line-height: 28px;
	color: var(--bs-white);
	background-color: var(--bs-secondary)
}
.video-1 {
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	z-index: 999;
	line-height: 28px;
	color: var(--bs-white);
	background-color: var(--bs-primary)
}
.video-2 {
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	z-index: 999;
	line-height: 50px;
	background-color: var(--bs-white)
}
.video-3 {
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	z-index: 999;
	line-height: 40px;
	background-color: var(--bs-white)
}
@-webkit-keyframes waves {
0% {
-webkit-transform:scale(0.2, 0.2);
transform:scale(0.2, 0.2);
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
50% {
opacity:.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
100% {
-webkit-transform:scale(0.9, 0.9);
transform:scale(0.9, 0.9);
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
}
@keyframes waves {
0% {
-webkit-transform:scale(0.2, 0.2);
transform:scale(0.2, 0.2);
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
50% {
opacity:.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
100% {
-webkit-transform:scale(0.9, 0.9);
transform:scale(0.9, 0.9);
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
}
.fa-play:before {
	content: ""
}
.waves {
	position: absolute;
	opacity: 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: -1;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: rgba(13,30,103,.5);
	right: -25px;
	bottom: -25px
}
.waves-1 {
	position: absolute;
	opacity: 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: -1;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: rgba(40,90,212,.5);
	right: -25px;
	bottom: -25px
}
.waves-2 {
	position: absolute;
	opacity: 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: -1;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: rgba(255,255,255,.5);
	right: -50px;
	bottom: -50px
}
.waves-3 {
	position: absolute;
	opacity: 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: -1;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: rgba(255,255,255,.5);
	right: -35px;
	bottom: -35px
}
.wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}
.wave-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
.wave-3 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}
.text-compute {
	color: var(--bs-gray-700);
	font-weight: 700
}
.text-compute:hover {
	color: var(--bs-primary)
}
.call-svg svg path {
	stroke: var(--bs-white)
}
.video-text {
	margin-left: 90px;
	z-index: 3;
	cursor: pointer;
	font-family: var(--bs-font-family-sans-serif)
}
/*# sourceMappingURL=maps/custom.min.css.map */