@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	overflow-x: hidden;
	background-size: contain !important;
}
 body::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
body::-webkit-scrollbar {
 width: 3px;
 background-color: #F5F5F5;
}
 body::-webkit-scrollbar-thumb {
 background-color: #666;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0;
	padding: 0
}
a {
	text-decoration: none;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
.clear {
	clear: both;
}
img {
	max-width: 100%
}
.custom-container {
	width: 1300px;
	margin: 0 auto
}
/* CSS Document */

/* CSS header */

.header-slider-main-wraper {
	position: relative;
	height: 100vh;
}
.circle-shape {
	top: -256px;
	left: -217px;
	width: 400px;
	height: 400px;
	background: #FFDC60;
	border-radius: 50%;
	position: absolute !important;
}
.header-wraper {
	padding: 36px 30px;
	position: relative;
	z-index: 111
}
.navigation-header-wrp ul {
	list-style: none;
	margin-top: 13px
}
.navigation-header-wrp ul li {
	display: inline-block;
	padding-right: 35px;
	border-radius: 0;
	position: relative
}
.header-dropdown-menu {
	position: absolute;
	box-shadow: 0px 12px 30px -9px #a4a4a4;
	padding: 25px;
	left: -30px;
	width: 300px;
	z-index: 1111;
	background: #fff;
	border-radius: 10px;
	top: 25px;
	display: none;
}
.services-dropdown-wraper {
	width: 1170px;
	left: -400px
}
.services-dropdown-wraper .menu-dropdown {
	border-right: 1px solid #e1e1e1;
	padding: 10px 10px !important;
	padding-bottom: 24px !important
}
.services-dropdown-wraper .menu-dropdown a {
	padding: 0 !important;
}
.services-dropdown-wraper .menu-dropdown a img {
	width: 70px;
	height: 60px;
	float: left;
	margin-right: 10px;
	margin-top: -4px;
	border-radius: 10px;
	border: 1px solid #e1e1e1
}
.services-dropdown-wraper .menu-dropdown a:hover {
	color: #5956e9
}
.services-dropdown-wraper .menu-dropdown h3 {
	font-size: 15px;
	font-weight: bold;
	padding-top: 15px;
}
.services-dropdown-wraper .menu-dropdown h3 span {
	color: #5956e9;
}
.services-dropdown-wraper .menu-dropdown p {
	color: #999FAE;
	font-size: 13px;
	font-weight: 300;
	display: none;
}
.navigation-header-wrp ul li a i {
	margin-right: 5px;
}
.navigation-header-wrp ul li:hover .header-dropdown-menu {
	display: block;
}
.header-dropdown-menu a {
	display: block;
	border: none !important;
}
.navigation-header-wrp ul li a {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 12px;
	border-bottom: 2px solid transparent;
}
.navigation-header-wrp ul li a i {
	color: #5956e9;
}
.navigation-header-wrp ul li a:hover {
	color: #000;
	font-weight: bold;
	border-bottom: 2px solid #5956e9;
}
.header-right-button {
	text-align: right;
}
.header-right-button {
	margin-top: 12px;
}
.header-right-button a {
	color: #fff;
	margin-left: 15px;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}
.header-right-button a i {
	font-size: 16px;
	margin-right: 5px
}
.header-right-button a img {
	margin-right: 3px;
	margin-top: -2px
}
.button-text-bg {
	background: #fff;
	padding: 12px 30px;
	border-radius: 30px;
	box-shadow: 0px 8px 21px -3px #1b1962;
	color: #000 !important;
}
.button-text-bg:hover {
	box-shadow: none;
	background-image: linear-gradient(to right, #e3e3e3, #ffffff);
}
.circle-shape1 {
	top: -180px;
	right: calc(50% - 1330px);
	width: 1220px;
	height: 1050px;
	background-image: linear-gradient(to right, #5956e9, #5956e9);
	position: absolute !important;
	border-radius: 50%;
	z-index: 1;
}
.inner-header-wraper {
	background: #fff;
	box-shadow: 0px 12px 30px -9px #1c1a74;
	padding: 18px 0;
}
.inner-header-wraper ul {
	margin-top: 14px;
}
.inner-header-wraper .header-right-button a {
	color: #000;
}
.inner-header-wraper .button-text-bg {
	background: #5956e9;
	color: #fff !important;
	box-shadow: 0px 8px 15px -3px #c2c1ec;
}
.inner-header-wraper .button-text-bg:hover {
	box-shadow: none;
}
.inner-header-wraper .header-right-button {
	margin-top: 14px;
}
.inner-header-wraper ul li a {
	font-weight: 400;
	color: #000;
}
.inner-header-wraper .header-right-button a {
	font-size: 13px;
	font-weight: 600;
}
.inner-header-wraper .header-dropdown-menu {
	box-shadow: 0px 47px 30px -30px #262493;
}
.drawer-menu {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	width: 280px;
	height: 100vh;
	padding: 65px 0 0 0;
	background: #fff;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	opacity: 0;
	overflow: auto;
}
.drawer-menu li {
	text-align: left;
}
.drawer-menu li a {
	display: block;
	height: auto;
	line-height: 50px;
	font-size: 12px;
	font-weight: 600;
	color: #000;
	-webkit-transition: all .8s;
	transition: all .8s;
	padding-left: 30px;
	font-family: 'Roboto', sans-serif;
	border-bottom: 1px solid #efefef;
}
.drawer-menu li a:hover {
	color: #1a1e24;
	background: #fff;
}
/* checkbox */
.check {
	display: none;
}
/* menu button - label tag */
.menu-btn {
	position: fixed;
	display: block;
	top: 30px;
	right: 40px;
	display: block;
	width: 40px;
	height: 40px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}
.bar {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 1px;
	background: #FFDC60;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}
.bar.middle {
	top: 10px;
	opacity: 1;
}
.bar.bottom {
	top: 20px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
.menu-btn__text {
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: block;
	visibility: visible;
	opacity: 1;
}
.menu-btn:hover .bar {
	background: #18b6a4;
}
.close-menu {
	position: fixed;
	top: 0;
	right: 280px;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0);
	cursor: url(http://theorthodoxworks.com/demo/images/cross.svg), auto;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	visibility: hidden;
	opacity: 0;
}
/* checked */
.check:checked ~ .drawer-menu {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	z-index: 2;
}
.check:checked ~ .contents {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}
.check:checked ~ .menu-btn .menu-btn__text {
	visibility: hidden;
	opacity: 0;
}
.check:checked ~ .menu-btn .bar.top {
	width: 40px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #000
}
.check:checked ~ .menu-btn .bar.middle {
	opacity: 0;
}
.check:checked ~ .menu-btn .bar.bottom {
	width: 40px;
	top: 28px;
	background: #000;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.check:checked ~ .close-menu {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	background: rgba(0,0,0,.5);
	visibility: visible;
	opacity: 1;
	z-index: 3;
}
.drawer-menu ul {
	list-style: none;
}
.drawer-menu ul li a {
	text-decoration: none;
}
.drawer-menu ul li a img {
	margin-right: 5px;
	margin-top: -2px;
}
.menusitebar-main-wraper {
	display: none;
}
.menu-btn strong {
	text-transform: uppercase;
	color: #FFDC60;
	position: relative;
	left: -50px;
	font-size: 14px;
	font-weight: 400;
	top: 0px;
}
.inner-menusitebar-main-wraper .menu-btn {
	top: 24px;
	right: 20px
}
.inner-menusitebar-main-wraper .bar {
	background: #000;
}
.inner-menusitebar-main-wraper .menu-btn strong {
	color: #000;
}
.menu-services-dropdown {
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
}
.menu-services-dropdown::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
.menu-services-dropdown::-webkit-scrollbar {
 width:3px;
 background-color: #F5F5F5;
}
.menu-services-dropdown::-webkit-scrollbar-thumb {
 background-color: #666;
}
/* CSS header */

/* CSS slider */

.slider-text-wraper {
	padding-top: 60px;
	margin-left: -30px;
	position: relative
}
.slider-text-wraper h1 {
	font-size: 57px;
	color: #070337;
	font-weight: 700;
	margin-bottom: 20px
}
.slider-text-wraper h1 span {
	color: #5956e9;
}
.slider-text-wraper h1 a {
	cursor: copy;
	text-decoration: none;
	display: block;
}
.slider-text-wraper p {
	font-size: 18px;
	color: #999FAE;
	font-weight: 300;
	margin-bottom: 40px;
	padding-right: 30px;
}
.get-started-button {
}
.get-started-button a {
	background: #5956e9;
	border-radius: 30px;
	box-shadow: 0px 8px 21px -3px #5c91cb;
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	padding: 12px 35px
}
.get-started-button a:hover {
	box-shadow: none;
}
.slider-image-wrp {
	position: relative;
	z-index: 10;
	top: 60px;
	left: 30px;
	padding-left: 20px;
}
.slider-image-wrp .hero-image1 {
	position: absolute;
	bottom: -33px;
	left: -84px;
}
.hero-image2 {
	position: absolute;
	right: -90px;
	bottom: 72px;
	box-shadow: 0px 0px 80px 1px #373477;
	border-radius: 10px;
}
.hero-image3 {
	position: absolute;
	left: 139px;
	bottom: -50px;
	box-shadow: 0px 0px 80px 1px #373477;
	border-radius: 10px;
}
.hero-image4 {
	position: absolute;
	top: -30px;
	right: -30px;
	box-shadow: 0px 0px 80px 1px #373477;
	border-radius: 10px;
}
img.show-phone2 {
	-webkit-animation: pahoo 6s infinite;
	animation: pahoo 6s infinite;
	position: absolute;
	right: -50px;
	top: -50px;
}
 @keyframes pahoo {
 0% {
 margin-top: 0;
}
 50% {
 margin-top: 50px;
}
 100% {
 margin-top: 0px;
}
}
@-webkit-keyframes pahoo {
 0% {
 margin-top: 0;
}
 50% {
 margin-top: 50px;
}
 100% {
 margin-top: 0px;
}
}
.circle-shape2 {
	position: absolute;
	border-radius: 50%;
	background: #FFDC60;
	top: 3px;
	right: -80px;
}
.circle-shape2 {
	width: 100px;
	height: 100px;
	background-color: #FFDC60;
	animation-name: example;
	animation-duration: 9s;
}
 @keyframes example {
 0% {
background-color:#5956e9;
bottom:0px;
top:0px;
}
 25% {
background-color:#5956e9;
bottom:0;
top:0px;
}
 50% {
background-color:#ccc;
bottom:0;
top:200px;
}
 75% {
background-color:5956e9;
bottom:0px;
top:200px;
}
 100% {
background-color:red;
bottom:0px;
top:0px;
}
}
.scroll-down-icon {
	margin-top: 60px;
	color: #999FAE;
	font-size: 16px;
}
.table-heading{
    background:#f5f5f5;
    border:none;
}
.table-heading td{
    border:none !important;
}
.cart-wraper{
    padding:60px 0;
}
.cart-wraper h1{
    font-size: 20px;
    font-weight: bold;
    margin-bottom:15px
}
.cart-wraper h1 a{
    float:right;
    text-decoration: none;
    font-size: 12px;
}
.second-table-product h3{
    line-height:0;
}
.second-table-product h3 a{
font-size: 16px;
text-decoration: none;
color: #000;
line-height: 25px;
}
.contact-info-checkout h2{
 font-size: 16px; 
 padding:15px 0;
}
.payment-detail-cart{
    background: #fff;
box-shadow: 0px 0px 12px 1px #e4e4e4;
padding: 25px;
border-radius:8px;
}

.remove-item-from-cart{
    font-size: 11px;
    text-decoration: none;
        color: #dd3e3e;
}
}
.circle-shape4 {
	position: absolute;
	bottom: 0;
	left: -100px;
	background: #cccce6;
	width: 40px;
	height: 40px;
	border-radius: 50%
}
#pot {
	bottom: -15%;
	position: absolute;
	-webkit-animation: linear infinite;
	-webkit-animation-name: run;
	-webkit-animation-duration: 9s;
}
@-webkit-keyframes run {
 0% {
 left: 0;
}
 50% {
 left: 30%;
}
 100% {
 left: 0;
}
}
.inner-header-slider-main-wraper {
	height: auto;
}
.inner-slider-wraper {
	background-size: cover !important;
	padding: 120px 0
}
.inner-slider-wraper h1 {
	font-size: 50px;
	color: #fff;
	font-weight: bold;
	line-height: 60px;
	text-align: center
}
.inner-slider-wraper h1 span {
	color: #FFDC60;
	font-size: 60px;
}
/* CSS slider */

/* CSS content */


.features-main-wraper {
	padding: 150px 0;
	background: #27272E;
	position: relative;
	height: 940px;
}
.shape-image {
	position: absolute;
	left: -400px;
	top: 0;
	transition-duration: 1.9s !important;
}
.heading-features-wrp h3 {
	font-size: 18px;
	padding-top: 15px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.heading-features-wrp h2 {
	font-size: 55px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 45px;
	position: relative;
	z-index: 111;
}
.circle-shape5 {
	right: calc(50% - 150px);
	top: -90px;
	z-index: 2;
	width: 180px;
	height: 180px;
	background: #cccce6;
	position: absolute;
	border-radius: 50%;
}
.heading-features-wrp p {
	font-size: 16px;
	font-weight: 300;
	color: #999FAE;
	width: 93%;
	margin-bottom: 75px;
	position: relative;
	z-index: 111;
	line-height: 30px
}
.circle-shape7 {
	position: absolute;
	top: -30px;
	right: calc(50% - 340px);
	width: 268px;
	height: 268px;
	border-radius: 50%;
	background: #525260;
}
.shape-line-wrp {
	background: #fff;
	height: 1px;
	text-align: right;
	position: absolute;
	right: -220px;
	width: 70%
}
.slider-features-wraper {
	padding: 100px 0 0 0;
	transition-duration: 1.1s !important;
}
.features-listing-wrp {
}
.features-listing-wrp .features-listing-icon {
	width: 130px;
	height: 80px;
	margin-bottom: 25px
}
.features-listing-wrp h4 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 25px
}
.features-listing-wrp p {
	font-size: 14px;
	font-weight: 300;
	color: #999FAE;
	padding-bottom: 25px
}
.features-listing-wrp .find-out-button {
}
.find-out-button a {
	color: #999FAE;
	font-weight: 600;
	text-decoration: none;
	font-size: 14px;
}
.find-out-button a span {
	height: 1px;
	background: #fff;
	width: 50px;
	display: none;
	position: relative;
	top: -4px;
	margin-right: 15px;
}
.find-out-button a:hover {
	color: #fff;
}
.find-out-button a:hover span {
	display: inline-block;
}
.owl-nav {
	position: absolute;
	bottom: 30px;
	left: -300px;
}
.owl-nav button {
	outline: none;
	border: 1px solid #6b6b6b !important;
	color: #fff !important;
	font-size: 14px !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50%;
	margin-left: 10px;
}
.owl-nav button i {
	font-size: 12px !important;
}
.dashboard-screen-wraper {
	padding: 80px 0 40px 0;
	background-size: cover !important
}
.dashboard-screen-wraper h2 {
	text-align: center;
	font-size: 36px;
	color: #070337;
	font-weight: bold;
	margin-bottom: 75px
}
.dashboard-screen-wraper ul {
	list-style: none;
}
.dashboard-screen-wraper ul li {
	margin-bottom: 100px
}
.dashboard-screen-wraper ul li:nth-child(9) {
}
.dashboard-screen-wraper ul li:nth-child(2) .listing-screen-text-wrp {
	padding-left: 0;
}
.listing-screen-text-wrp {
	padding-left: 20px;
}
.listing-screen-text-wrp h5 {
	font-size: 30px;
	font-weight: 700;
	color: #070337;
	margin-bottom: 15px;
}
.listing-screen-text-wrp h5 span {
	color: #5956e9;
}
.listing-screen-text-wrp p {
	font-size: 13px;
	line-height: 22px;
	color: #838383;
	border-left: 3px solid #5956e9;
	padding: 12px 20px;
	margin-bottom: 15px;
	font-weight: 300;
	text-align: justify;
}
.listing-screen-text-wrp h6 {
	font-weight: bold;
	font-size: 16px;
	color: #070337;
	margin-bottom: 15px
}
.offers-dashoard-list {
	margin-bottom: 15px
}
.offers-dashoard-list span {
	font-size: 13px;
	display: block;
	margin-bottom: 15px
}
.offers-dashoard-list span i {
	width: 20px;
	height: 20px;
	font-size: 8px;
	border-radius: 50%;
	text-align: center;
	background: #d1e3ff;
	padding-top: 6px;
	margin-right: 8px;
	float: left;
}
.listing-screen-image {
	box-shadow: 0px 12px 30px -9px #e1e1e1;
	border-radius: 20px;
	background: #fff;
}
.listing-screen-image img {
	border-radius: 20px;
}
.try-for-free-trail {
	background: #efeffd;
	padding: 110px 0 65px 0;
	position: relative;
	overflow: hidden;
}
.text-trail-wraper h2 {
	font-size: 120px;
	color: #3A38BF;
	font-weight: 700;
	line-height: 105px;
	position: relative;
	z-index: 1111;
	margin-bottom: 60px
}
.text-trail-wraper h2 span {
	color: #fff;
	text-shadow: 0px 0px 90px #222246;
}
.try-for-free-trail .line-image {
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%
}
.line-image-second {
	bottom: 20px !important;
}
.circle-trail-cursor {
	text-align: center;
}
.circle-trail-cursor span {
	position: absolute;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #5956E9;
	left: 15%;
	right: 0;
	margin: 0 auto;
	top: 90px;
}
.circle-trail-cursor img {
	position: relative;
	z-index: 111;
	margin-right: -310px;
	margin-top: -54px;
}
.button-get-started {
}
.button-get-started a {
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	background: #fff;
	padding: 14px 30px;
	border-radius: 30px;
	box-shadow: 0px 8px 21px -3px #b78890;
	color: #000 !important;
}
.button-get-started a:hover {
	box-shadow: none;
}
.trail-circle-shape5 {
	background: #fff;
	position: absolute;
	bottom: -20px;
	left: 225px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.faqs-main-wraper {
	padding: 100px 0;
	position: relative;
	overflow: hidden
}
.faqs-main-wraper .container {
	width: 1000px
}
.faqs-main-wraper .btn-link {
	width: 100%;
	text-align: left;
	color: #fff;
	text-decoration: none;
	padding: 4px;
}
.faqs-main-wraper .btn-link i {
	float: right;
	margin-top: 2px;
	font-size: 20px;
}
[data-toggle="collapse"] .fa:before {
	content: "\f139";
}
[data-toggle="collapse"].collapsed .fa:before {
	content: "\f13a";
}
.faqs-main-wraper .card-header {
	background: #5956E9;
	margin: 10px;
	border-radius: 15px;
	color: #fff
}
.faqs-main-wraper .card {
	border-radius: 15px;
	margin-bottom: 15px;
	box-shadow: 0 5px 40px rgb(39 39 46 / 10%);
	border: none;
}
.faqs-main-wraper .card-body {
	font-size: 12px;
	color: #3e3e3e;
	font-weight: 500;
	line-height: 21px;
}
.pattren-image {
	position: absolute;
	top: 0;
	right: -350px
}
.faqs-main-wraper h2 {
	font-size: 36px;
	font-weight: 700;
	color: #070337;
	margin-bottom: 15px;
}
.faqs-main-wraper h2 span {
	color: #5956e9;
}
.faqs-main-wraper p {
	font-size: 16px;
	line-height: 28px;
	color: #999FAE;
	padding-bottom: 15px;
}
.lisitng-client-logo {
	padding-top: 80px;
}
.client-features-main-wraper {
	height: 740px;
	overflow: hidden
}
.client-features-main-wraper .shape-image {
	left: -500px;
}
.client-features-main-wraper ul {
	list-style: none;
}
.client-features-main-wraper ul li {
	margin-bottom: 40px;
	opacity: 0.7
}
.client-features-main-wraper ul li:hover {
	opacity: 0.9
}
.button-services {
}
.button-services a {
	border: 1px solid #5956e9;
	padding: 12px 30px;
	border-radius: 30px;
	color: #000;
	text-decoration: none;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 400
}
.button-services a:hover {
	background: #5956e9;
	color: #fff;
}
.visual-image {
	padding: 50px 35px;
}
.faqs-main-wraper ul {
	list-style: none;
}
.faqs-main-wraper ul li {
	margin-bottom: 10px;
}
.faqs-main-wraper ul li a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
}
.faqs-main-wraper ul li a i {
	width: 20px;
	height: 20px;
	font-size: 8px;
	border-radius: 50%;
	text-align: center;
	background: #d1e3ff;
	padding-top: 6px;
	margin-right: 15px;
	float: left;
	margin-top: 3px;
}
.pricing-advantages {
	margin: 20px 0;
	height: 322px;
	overflow: auto;
	background: #f8f8fd;
	padding: 15px;
	border-radius: 10px
}
.latestnew-pricing-main-wraper .pricing-listing-wraper{
	padding-bottom:40px;
}
.latestnew-pricing-main-wraper .pricing-advantages{
	    height: 267px;
}
.pricing-advantages::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
.pricing-advantages::-webkit-scrollbar {
 width:3px;
 background-color: #f4f4f4;
}
.pricing-advantages::-webkit-scrollbar-thumb {
 background-color: #070337;
}
.pricing-advantages span {
	display: block;
	color: #000000;
	font-size: 13px;
	padding: 12px;
	font-weight: 400;
	text-align: center;
	border-bottom: 1px dashed #ebdede;
	line-height: 15px;
}
.pricing-advantages span strong {
	color: #070337;
	font-weight: 600;
	float: none;
	text-align: center;
	display: block;
	font-size: 14px !important
}
.post-social {
	background: #FFDC60;
	color: #000 !important
}
.post-social strong {
	color: #000 !important;
}
.price-pay-button {
	margin-top: 15px
}
.price-pay-button a {
	background: #5956e9;
	border-radius: 30px;
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	padding: 12px 0;
	display: block;
	text-align: center
}
.carousel-indicators {
	bottom: 50px;
}
.connect-main-wraper {
	padding: 60px;
}
.connect-wraper {
	padding: 80px 60px 80px 60px;
	background-size: cover !important;
	border-radius: 40px;
	height: 600px;
}
.connect-main-wraper h2 {
	text-align: center;
	font-size: 55px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 25px
}
.connect-main-wraper h2 span {
	display: block;
}
.connect-main-wraper p {
	font-size: 28px;
	font-weight: 200;
	color: #fff;
	text-align: center;
	margin-bottom: 40px
}
.button-connect-wrp {
	text-align: center;
	margin-bottom: 40px
}
.button-connect-wrp a {
	background-image: linear-gradient(to right, #ffffff, #f5f5f5);
	padding: 12px 30px;
	border-radius: 30px;
	color: #000 !important;
	box-shadow: 0px 8px 21px -3px #252628;
	text-decoration: none;
}
.button-connect-wrp a:hover {
	box-shadow: none;
}
.connect-email {
	text-align: center;
}
.connect-email a {
	color: #fff;
	font-size: 22px;
	text-decoration: underline;
	font-weight: 600
}
.in-block {
	display: inline-block;
}
.no-display-dektop {
	display: none;
}
.site-social-media-wrp {
	position: fixed;
	left: 0;
	top: 32%;
	z-index: 11;
}
.site-social-media-wrp a {
	display: block;
	width: 40px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px;
	height: 40px;
	font-size: 13px;
	background: #000;
	padding-top: 12px;
	border-radius: 0px 6px 6px 0px;
}
.site-social-media-wrp a:hover {
	width: 50px;
}
.facebook {
	background: #3f5793 !important;
}
.twitter {
	background: #65bbf2 !important
}
.google {
	background: #e56552 !important;
}
.linkedin {
	background: #8358b9 !important
}
.pinterest {
	background: #d73633 !important
}
.smo-main-wraper {
	padding: 100px 0;
}
.smo-main-wraper h2 {
	font-size: 36px;
	color: #070337;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 43px;
	margin-top: 20px;
}
.smo-main-wraper p {
	font-size: 14px;
	line-height: 24px;
	color: #838383;
	border-left: 3px solid #5956e9;
	padding: 15px 20px;
	margin-bottom: 25px;
	font-weight: 300;
}
.button-smo-wrp {
	margin-top: 40px
}
.button-smo-wrp a {
	background: #5956e9;
	border-radius: 30px;
	box-shadow: 0px 8px 21px -3px #5c91cb;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 12px 35px;
	margin-right: 25px
}
.gettouch-button {
	background: #fff !important;
	box-shadow: 0px 8px 21px -3px #b78890 !important;
	color: #000 !important;
}
.button-smo-wrp a:hover {
	box-shadow: none !important;
	border: 1px solid #000
}
.social-media-include-wraper {
	position: relative;
	padding: 50px;
	border-radius: 40px;
	border: 1px solid #ddddef;
	background: #fbfbfc -webkit-gradient(linear, left top, right top, from(#ececf6), color-stop(70.31%, rgba(236, 242, 246, 0)));
	background: #fbfbfc -webkit-linear-gradient(left, #ececf6 0%, rgba(236, 242, 246, 0) 70.31%);
	background: #fbfbfc -o-linear-gradient(left, #ececf6 0%, rgba(236, 242, 246, 0) 70.31%);
	background: #fbfbfc linear-gradient(90deg, #ececf6 0%, rgba(236, 242, 246, 0) 70.31%);
}
.social-media-include-wraper:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	border-radius: 93px;
	background: #f2f2fc;
	bottom: -8px;
	width: 95%;
	margin: 0 auto;
	z-index: -1;
	height: 67px;
}
.circle-smo {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #FFDC60;
	position: absolute;
	top: -65px;
	right: 100px;
}
.social-media-include-wraper h3 {
	color: #070337;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 25px;
}
.listing-category-smo-wrp {
	padding: 45px;
}
.social-media-include-wraper ul {
	list-style: none;
}
.social-media-include-wraper ul li {
	font-size: 13px;
	margin-bottom: 25px;
	font-weight: 600;
	color: #070337
}
.social-media-include-wraper ul li i {
	width: 28px;
	height: 28px;
	font-size: 10px;
	border-radius: 50%;
	text-align: center;
	background: #ffdc60;
	padding-top: 10px;
	margin-right: 18px;
	float: left;
	margin-top: -4px
}
.social-media-include-wraper ul li a {
	display: block;
}
.social-media-include-wraper p {
	line-height: 25px;
	color: #000000;
	font-size: 15px;
	margin-bottom: 35px;
	font-weight: 300;
}
.circle1-smo {
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background: #5956e9;
	position: absolute;
	top: 8%;
	right: 100px;
	left: 0;
	margin: 0 auto
}
.circle2-smo {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 8%;
	left: -30px;
}
.smo-image-right {
	position: relative;
	right: -50px;
}
.button-category {
	margin-top: 40px
}
.button-category a {
	background: #5956e9;
	border-radius: 30px;
	box-shadow: 0px 8px 21px -3px #5c91cb;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 12px 35px;
	margin-right: 25px;
}
.button-category a:hover {
	box-shadow: none;
}
.inner-services-screen-wraper .listing-screen-text-wrp h5 {
	margin-bottom: 25px;
}
.inner-services-screen-wraper .listing-screen-text-wrp p {
	margin-bottom: 25px;
}
.smo-pricing-main-wraper .pricing-listing-wraper {
	padding-bottom: 60px
}
.facebook-pricing-main-wraper .pricing-advantages {
	height: auto !important;
}
.facebook-pricing-main-wraper .pricing-listing-wraper {
	padding-bottom: 40px;
}
.our-result-wraper {
	padding: 60px 0
}
.our-result-wraper h2 {
	text-align: center;
	font-size: 36px;
	color: #070337;
	font-weight: bold;
	margin-bottom: 75px;
}
.services-page-main-wraper {
	padding: 0;
}
.services-page-main-wraper .listing-screen-text-wrp h5 {
	margin-bottom: 20px;
}
.services-page-main-wraper .button-smo-wrp {
	margin-top: 30px;
}
.key-features-wraper .smo-image-right {
	right: 0 !important;
	text-align: center;
	z-index: 99999;
}
.key-features-wraper .circle1-smo {
	right: 0 !important;
	top: 8%;
	width: 450px;
	height: 450px;
	display: none;
}
.sonar-emitter {
	position: absolute;
	z-index: 111;
	margin: 0 auto;
	top: 12%;
	height: 420px;
	width: 420px;
	border-radius: 9999px;
	background-color: #5956e9;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sonar-wave {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 9999px;
	background-color: #5956e9;
	opacity: 0;
	z-index: -1;
	pointer-events: none;
}
.sonar-wave {
	animation: sonarWave 2s linear infinite;
}
 @keyframes sonarWave {
 from {
 opacity: 0.2;
}
to {
	transform: scale(2);
	opacity: 0;
}
}
.mobile-dropdown {
}
.mobile-dropdown .card {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
.mobile-dropdown .card-header {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
.mobile-dropdown .card-header a {
	background: none;
	padding-right: 30px;
}
.mobile-dropdown .card-header a i {
	float: right;
	font-size: 16px;
	margin-top: 18px;
	color: #5956e9;
}
.mobile-dropdown .card-body {
	background: #f5f5f5;
	padding: 15px 30px;
}
.mobile-dropdown .card-body a {
	padding-left: 0;
	margin-bottom: 25px
}
.mobile-dropdown .card-body a i {
	font-size: 16px;
	margin-top: 16px;
}
.mobile-menu-dropdown img {
	width: 70px;
	height: 60px;
	float: left;
	margin-right: 10px;
	margin-top: -4px;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
}
.mobile-menu-dropdown h3 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 20px;
}
.mobile-menu-dropdown p {
	color: #999FAE;
	font-size: 13px;
	font-weight: 300;
}
.service-dropdown-wraper {
}
.service-dropdown-wraper h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 12px 0;
}
.pricing-inside-wraper {
	margin: 60px 0 0 0;
}
.pricing-inside-wraper h2 {
	text-align: center;
	font-size: 36px;
	color: #070337;
	font-weight: bold;
	margin-bottom: 25px;
}
.pricing-inside-wraper ul {
	list-style: none;
	width: 60%;
	margin: 0 auto;
	border: 1px solid #5956e9;
	border-radius: 20px;
	box-shadow: 0px 0px 30px 1px #e7e7e7;
	background: #fff;
}
.pricing-inside-wraper ul li {
	font-size: 14px;
	padding: 25px;
	border-bottom: 1px solid #f5f5f5
}
.pricing-inside-wraper ul li a {
	margin: 0 5px;
}
.payment-info-wraper{
    background: #f1f1ff;
padding: 35px;
border-radius: 17px;
}
.payment-info-wraper p{
    font-size:11px;
    font-style: italic;
    color:#000;
}
.payment-info-wraper p a{
    color:#fff;
}
.payment-info-wraper h3{
    color: #000;
    font-size: 23px;
    padding: 15px 0;
}
.payment-info-wraper ul{
    list-style:none;
}
.payment-info-wraper ul li{
    color:#000;
}
.order-total-wraper{
    color:#000;
}
.order-total-wraper span{
    float:right;
}
.payment-info-wraper ul li span{
    float:right;
}
.checkout-cart-wraper a{
        display: block;
    margin-top: 15px;
    text-align: center;
    background: #5956e9;
    color: #fff;
    padding: 12px 0;
    border-radius: 30px;
    text-decoration: none;
}
.checkout-wraper{
    padding: 60px 0;
}
.checkout-wraper h1{
    font-size: 28px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.contact-info-checkout .form-group{
}
.contact-info-checkout .form-group .form-control{
        height: 55px;
    border: 1px solid #E3E6E9;
    padding-left:20px;
    border-radius: 10px;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}
.checkout-right-section {
    background: #fff;
    box-shadow: 0px 0px 12px 1px #e4e4e4;
    padding: 25px;
    border-radius: 8px;
    margin-top: 60px;
}

.checkout-right-section ul{
    background: #5956e9;
    padding: 35px;
    border-radius: 17px;
    list-style: none;
    margin-bottom: 15px;
}
#chcek-form-btn{
text-align: right;
    float: right;
    border: none;
    outline: none;
    background: #5956e9;
    color: #fff;
    border-radius: 30px;
    padding: 13px 24px;
    font-size: 15px;
}
.checkout-right-section h3{
    font-size: 25px;
    text-align: center;
    color: #fff;
}
.cart-table-listing-wraper td{
        font-size: 13px;

}

/* CSS content */

/* CSS footer */

.footer-main-wraper {
	padding: 390px 0 0 0;
}
.quick-links-wrp {
	margin-top: 20px
}
.quick-links-wrp h2 {
	font-size: 16px;
	margin-bottom: 15px
}
.quick-links-wrp ul {
	list-style: none;
}
.quick-links-wrp ul li {
	margin-bottom: 5px
}
.quick-links-wrp ul li a {
	font-size: 14px;
	color: #000;
	font-weight: 300;
	text-decoration: none;
}
.quick-links-wrp ul li a i {
	margin-right: 8px;
	color: #5956E9;
}
.quick-links-wrp ul li a:hover {
	font-weight: 600;
}
.copy-right-wrp {
	border-top: 1px solid #ccc;
	padding: 20px 0;
	margin-top: 55px;
	text-align: center
}
.copy-right-wrp h4 {
	font-size: 13px;
	text-align: center;
	font-weight: 400;
}
.pricing-listing-wraper {
	padding: 80px 0 120px 0
}
.pricing-listing-wraper h2 {
	text-align: center;
	font-size: 36px;
	color: #070337;
	font-weight: bold;
	margin-bottom: 60px;
}
.pricing-listing-wraper ul {
	list-style: none;
}
.pricing-listing-wraper ul li {
}
.list-price-wraper {
	border-bottom: 1px solid #f5f5f5;
	padding: 25px;
	box-shadow: 0px 12px 30px -9px #dedede;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #E3E6E9;
}
.list-price-wraper h5 {
	font-size: 14px;
	color: #5956E9
}
.list-price-wraper h6 {
	font-size: 16px;
	font-weight: 600;
	height: 35px;
}
.list-price-wraper h4 {
	font-size: 30px;
	padding: 5px 0;
	color: #070337
}
.list-price-wraper h6 span {
	font-weight: 300;
	color: #999FAE;
	font-size: 12px
}
.carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgb(0 0 0 / 50%);
}
.carousel-indicators .active {
	background: #5956E9;
}
.pricing-listing-wraper ul li:hover .list-price-wraper {
	background: #5956E9;
	margin-top: -30px;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
.pricing-listing-wraper ul li:hover .list-price-wraper h5 {
	color: #fff;
	transition: ease-in 0.6s;
	-moz-transition: ease-in 0.6s;
	-webkit-transition: ease-in 0.6s;
	-ms-transition: ease-in 0.6s;
	-o-transition: ease-in 0.6s;
}
.pricing-listing-wraper ul li:hover .list-price-wraper h4 {
	color: #fff;
	transition: ease-in 0.7s;
	-moz-transition: ease-in 0.7s;
	-webkit-transition: ease-in 0.7s;
	-ms-transition: ease-in 0.7s;
	-o-transition: ease-in 0.7s;
}
.pricing-listing-wraper ul li:hover .list-price-wraper h6 {
	color: #fff;
	transition: ease-in 0.8s;
	-moz-transition: ease-in 0.8s;
	-webkit-transition: ease-in 0.8s;
	-ms-transition: ease-in 0.8s;
	-o-transition: ease-in 0.8s;
}
.pricing-listing-wraper ul li:hover .list-price-wraper h6 span {
	color: #fff;
	transition: ease-in 0.9s;
	-moz-transition: ease-in 0.9s;
	-webkit-transition: ease-in 0.9s;
	-ms-transition: ease-in 0.9s;
	-o-transition: ease-in 0.9s;
}
.pricing-listing-wraper ul li:hover .pricing-advantages {
	background: #fff;
	transition: ease-in 0.8s;
	-moz-transition: ease-in 0.8s;
	-webkit-transition: ease-in 0.8s;
	-ms-transition: ease-in 0.8s;
	-o-transition: ease-in 0.8s;
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: visible;
	border-bottom: 1px solid #efe7e7;
}
.carousel-control-next, .carousel-control-prev {
	width: 5%;
	opacity: 0.9;
	top: 100px;
}
.carousel-control-next-icon {
	background: none !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	display: none;
}
.carousel-control-prev {
	left: -40px;
}
.carousel-control-next {
	right: -30px;
}
#toTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	background: #5956e9;
	font-size: 20px;
}
.breadcrumbs-wraper {
	color: #fff;
	text-align: center;
	margin-top: 25px
}
.breadcrumbs-wraper a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
.about-text-main-wraper {
	padding: 100px 0;
}
.about-text-main-wraper h3 {
	font-size: 54px;
	color: #070337;
	font-weight: 700;
	margin-bottom: 20px;
}
.about-text-main-wraper p {
	font-size: 16px;
	line-height: 26px;
	color: #838383;
	border-left: 3px solid #5956e9;
	padding: 15px 30px;
	font-weight: 300;
	width: 61%;
	margin-bottom: 20px
}
.listing-about-wrp ul {
	list-style: none;
}
.listing-about-wrp ul li {
}
.about-service a {
	margin-bottom: 12px;
	font-size: 14px;
	width: 46%;
	float: left;
	font-weight: 500;
	color: #070337;
	background: #fff;
	height: 48px;
	border-radius: 10px;
	margin-right: 20px;
	padding: 13px;
	/* line-height: 13px; */
	border: 1px solid #f5f5f5;
	text-decoration: none;
}
.about-service a:hover {
	background: #5956e9;
	color: #fff;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
.about-service:hover i {
	background: #000;
}
.listing-about-wrp ul li i {
	width: 20px;
	height: 20px;
	font-size: 8px;
	border-radius: 50%;
	text-align: center;
	background: #d1e3ff;
	padding-top: 6px;
	margin-right: 15px;
	float: left;
	margin-bottom: 15px;
}
.about-mobile-wraper {
	text-align: right;
	margin-top: -100px;
	float: right;
}
/* CSS footer */

/* CSS login */

.login-page-main-wraper {
	position: relative;
	height: 100vh;
}
.login-page-main-wraper .circle-shape-login {
	position: absolute;
	width: 920px;
	left: -75px;
	top: -40px;
}
.not-member-text {
	color: #000 !important;
	font-size: 16px !important
}
.signup-text-button {
	background: #FFDC60 !important;
	padding: 12px 30px !important;
	color: #000 !important;
	font-size: 14px !important;
	border-radius: 30px;
	font-weight: 400 !important
}
.signup-text-button:hover {
}
.login-main-wraper {
}
.text-login-wraper {
}
.text-login-wraper h1 {
	font-size: 36px;
	color: #FFDC60;
	font-weight: bold;
	transition-duration: 1.2s !important;
	margin-bottom: 10px
}
.text-login-wraper p {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	margin-top: 20px;
	z-index: 11111;
	padding-right: 140px;
	transition-duration: 2.5s !important;
}
.circle-shape-heading {
	position: absolute;
	right: 40px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff;
	top: 70px;
}
.login-form-wraper {
	width: 100%;
	margin-top: 20px;
	padding-left: 120px;
	float: right
}
.login-form-wraper h2 {
	font-size: 36px;
	color: #070337;
	font-weight: 700;
	margin-bottom: 10px;
}
.login-form-wraper h2 span {
	color: #5956e9;
}
.login-form-wraper p {
	font-size: 18px;
	color: #999FAE;
	font-weight: 400;
	margin-bottom: 10px;
	padding-right: 11px;
}
.login-form-wraper {
}
.login-form-wraper a {
	display: block;
	padding: 20px 0;
	text-align: center;
	font-size: 16px;
	border: 1px solid #E3E6E9;
	text-decoration: none;
	margin-bottom: 20px;
	border-radius: 20px;
	color: #2522BA;
	font-weight: 500
}
.login-form-wraper a:hover {
	position: relative;
	top: -3px;
}
.sign-in-button {
	background: #5956E9 !important;
	color: #fff !important
}
.login-form-wraper a img {
	margin-right: 10px;
}
.circle-shape2-repeat {
	right: -180px;
}
.image-login {
	margin-top: 30px;
}
.login-form-wraper {
}
.login-form-wraper .form-group {
	position: relative
}
.login-form-wraper .form-group label {
	font-size: 14px;
}
.login-form-wraper .form-group img {
	position: absolute;
	left: 25px;
	top: 47px;
}
.login-form-wraper .form-group .form-control {
	height: 55px;
	border: 1px solid #E3E6E9;
	padding-left: 65px;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	cursor: pointer;
}
.login-form-wraper .form-group .form-control:focus {
	border: 1px solid #5956e9;
}
.form-button-wrp {
	margin-top: 25px
}
.form-button-wrp .form-button {
	background: #5956e9;
	padding: 12px 30px;
	color: #fff;
	font-size: 14px;
	border-radius: 30px;
	border: none;
	outline: none;
	cursor: pointer
}
.form-button-wrp a {
	border: none;
	padding: 18px 0;
	color: #000 !important
}
.text-login-wraper ul {
	list-style: none;
	margin-top: 10px
}
.text-login-wraper ul li {
	color: #fff;
	display: inline-block;
	width: 45%;
	margin-bottom: 30px;
	font-size: 14px;
}
.text-login-wraper ul li strong {
	display: block;
}
.office-phone {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
/* CSS login */

/* CSS media */

@media (min-width: 1920px) and (max-width: 15560px) {
.slider-text-wraper {
	margin-left: -100px;
	padding-top: 150px;
}
.slider-text-wraper h1 {
	font-size: 65px;
}
.slider-text-wraper p {
	padding-right: 150px;
}
.circle-shape1 {
	height: 1250px;
}
.slider-image-wrp {
	top: 150px;
}
}
 @media (max-width:1500px) and (min-width:1170px) {
.navigation-header-wrp ul {
	margin-top: 10px;
}
.heading-features-wrp h2 {
	font-size: 40px;
}
.scroll-down-icon {
	margin-top: 40px;
}
.logo-wrp img {
	max-width: 100%;
}
.login-page-main-wraper .circle-shape-login {
    width: 870px;
}
}
@media (max-width:1385px) and (min-width:1170px) {
.header-right-button a {
	font-size: 12px;
}
.button-text-bg {
	padding: 12px 20px;
}
.circle-shape1 {
	top: -180px;
	width: 1200px;
	height: 960px;
}
.slider-text-wraper p {
	margin-bottom: 30px;
}
.slider-text-wraper h1 {
	font-size: 45px;
}
.services-dropdown-wraper {
	width: 1000px;
}
.login-page-main-wraper .circle-shape-login {
    width: 800px;
}
}
@media (max-width:1300px) and (min-width:1170px) {
.slider-text-wraper {
	padding-top: 60px;
	margin-left: 0
}
img.show-phone2 {
	right: -20px;
}
.hero-image2 {
	right: 20px;
}
}
 @media (max-width:1200px) and (min-width:1170px) {
.header-right-button a {
	margin-left: 10px;
}
.heading-features-wrp p {
	font-size: 16px;
}
.slider-text-wraper p {
	font-size: 16px;
}
.features-listing-wrp p {
	font-size: 14px
}
.listing-screen-text-wrp p {
	font-size: 13px;
}
.listing-screen-text-wrp h5 {
	font-size: 30px;
}
.navigation-header-wrp ul {
	margin-top: 6px;
}
.inner-header-wraper ul li a {
	font-weight: 600;
	font-size: 10px;
}
.inner-header-wraper .header-right-button {
	margin-top: 5px;
}
}
@media screen and (max-width:1169px) {
.heading-features-wrp p {
	font-size: 14px;
}
.slider-text-wraper p {
	font-size: 14px;
}
.inner-header-wraper ul li a {
	font-weight: 600;
	font-size: 10px;
}
.services-dropdown-wraper .menu-dropdown h3 {
	font-size: 13px;
	padding-top: 0
}
.features-listing-wrp p {
	font-size: 14px
}
.listing-screen-text-wrp p {
	font-size: 13px;
}
.slider-text-wraper {
	padding-top: 60px;
	margin-left: 0
}
img.show-phone2 {
	right: -20px;
}
.hero-image2 {
	right: 20px;
}
.slider-text-wraper h1 {
	font-size: 39px;
}
.heading-features-wrp h2 {
	font-size: 40px;
}
.listing-screen-text-wrp h5 {
	font-size: 28px;
}
.text-trail-wraper h2 {
	font-size: 98px;
	line-height: 98px;
}
.list-price-wraper h4 {
	font-size: 25px;
}
.connect-main-wraper h2 {
	font-size: 40px;
}
.list-price-wraper {
	padding: 20px;
}
.navigation-header-wrp ul {
	margin-top: 5px;
}
.header-right-button a {
	font-size: 12px;
	margin-left: 10px
}
.button-text-bg {
	padding: 8px 12px;
}
.header-right-button a img {
	width: 6%
}
.circle-shape1 {
	width: 1200px;
	height: 1000px;
}
.header-wraper {
	padding: 20px 15px;
}
.footer-main-wraper {
	padding: 270px 0 0 0;
}
.services-dropdown-wraper {
	width: 900px;
}
.inner-header-wraper .header-right-button {
	margin-top: 5px;
}
.services-dropdown-wraper .menu-dropdown {
	padding-bottom: 20px !important
}
}
@media screen and (max-width:1030px) {
.header-wraper {
	padding: 20px 5px;
}
.header-right-button a {
	font-size: 10px;
	margin-left: 10px;
	font-weight: bold;
}
.slider-text-wraper {
	padding-top: 80px;
}
}
@media screen and (max-width:990px) {
.menusitebar-main-wraper {
	display: block;
}
.sonar-emitter {
	display: none;
}
.circle2-smo {
	display: none;
}
.services-page-main-wraper h2 {
	margin-bottom: 0;
}
.smo-main-wraper {
	padding: 40px 0;
}
.navigation-header-wrp {
	display: none;
}
.footer-main-wraper {
	padding: 175px 0 0 0;
}
.header-right-button {
	display: none;
}
.header-wraper {
	padding: 0 0;
}
.logo-wrp {
	padding: 20px;
}
.header-wraper .col-md-3 {
	flex: 0 0 36%;
	max-width: 36%;
}
.slider-text-wraper h1 {
	font-size: 30px;
}
.heading-features-wrp h2 {
	font-size: 30px;
}
.dashboard-screen-wraper h2 {
	font-size: 30px;
}
.slider-text-wraper p {
	font-size: 13px;
	color: #000;
}
.heading-features-wrp p {
	width: 90%;
}
.heading-features-wrp h3 {
	font-size: 14px;
}
.listing-screen-text-wrp h5 {
	font-size: 25px;
}
.listing-screen-text-wrp p {
	line-height: 20px;
}
.dashboard-screen-wraper ul li {
	padding: 0 !important;
}
.dashboard-screen-wraper ul li:nth-child(2) .listing-screen-text-wrp {
	padding: 0;
}
.pricing-main-wraper .container {
	max-width: 100%
}
.carousel-control-prev {
	left: 0;
}
.carousel-control-next {
	right: 0px;
}
.footer-main-wraper .container {
	max-width: 90%
}
.connect-main-wraper h2 {
	font-size: 25px;
}
.text-trail-wraper h2 {
	font-size: 76px;
	line-height: 77px;
}
.owl-nav {
	left: -150px;
}
.slider-image-wrp {
	top: 85px;
}
.quick-links-wrp h2 {
	font-size: 14px;
	margin-bottom: 15px;
}
.quick-links-wrp ul li a {
	font-size: 13px;
}
.inner-slider-wraper h1 {
	font-size: 40px;
	line-height: 50px;
}
.inner-slider-wraper {
	padding: 40px 0;
}
.inner-header-slider-main-wraper {
	height: auto !important;
}
.about-text-main-wraper {
	padding: 40px 0;
}
.about-text-main-wraper h3 {
	font-size: 36px;
}
.about-text-main-wraper p {
	width: 100%;
	padding-right: 0;
	font-size: 14px;
	line-height: 24px
}
.about-service {
	width: 100%;
}
.about-mobile-wraper {
	margin-top: 0;
}
.inner-menusitebar-main-wraper .menu-btn {
	top: 32px
}
.login-form-wraper {
	padding-left: 0;
}
.office-phone {
	font-size: 16px;
}
.login-page-main-wraper {
	height: auto;
	margin-bottom: 40px;
}
.heading-features-wrp p {
	z-index: 9
}
.text-trail-wraper h2 {
	z-index: 1
}
}
@media screen and (max-width:768px) {
.circle-shape1 {
	width: 418px;
	height: 400px;
	right: calc(50% - 580px);
	top: -228px;
}
.carousel-indicators {
	bottom: 28px;
}
.slider-text-wraper h1 {
	font-size: 50px;
}
.slider-text-wraper p {
	font-size: 14px;
	padding-right: 0
}
.header-wraper .col-md-3 {
	flex: 0 0 48%;
	max-width: 48%;
}
.header-slider-main-wraper {
	height: auto;
	padding-bottom: 80px
}
.slider-image-wrp {
	display: none;
}
.owl-nav {
	position: relative;
	left: 0;
	top: 30px
}
.owl-nav button {
	margin-right: 10px;
	margin-left: 0
}
.heading-features-wrp h3 {
	text-align: left;
}
.slider-features-wraper {
	padding-top: 50px;
}
.listing-screen-image {
	margin-bottom: 25px;
}
.no-display-dektop {
	display: block;
}
.list-price-wraper {
	margin-bottom: 30px;
}
.site-social-media-wrp {
	top: auto;
	bottom: 0;
	width: 100%;
	left: 5px
}
.site-social-media-wrp a {
	display: inline-block;
	width: 18.6%;
	border-radius: 0
}
.site-social-media-wrp a:hover {
	width: 18.6% !important;
}
#toTop {
	bottom: 50px;
	right: 4px;
}
.listing-category-smo-wrp {
	padding: 0;
}
.smo-image-right {
	display: none;
}
.circle1-smo {
	display: none;
}
.pricing-listing-wraper .offset-3 {
	margin-left: 0
}
.social-media-include-wraper {
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 35px
}
}
 @media screen and (max-width:700px) {
.circle-shape1 {
	width: 418px;
	height: 400px;
	right: calc(50% - 560px);
	top: -228px;
}
}
 @media screen and (max-width:580px) {
.circle-shape1 {
	width: 418px;
	height: 400px;
	right: calc(50% - 480px);
	top: -260px
}
.menu-btn {
	right: 10px;
}
.circle-shape {
	top: -297px;
	left: -280px;
}
.header-wraper .col-md-3 {
	flex: 0 0 68%;
	max-width: 68%;
}
.slider-text-wraper h1 {
	font-size: 38px;
}
.faqs-main-wraper .container {
	width: 100%
}
.connect-wraper {
	border-radius: 10px;
}
.connect-main-wraper {
	padding: 20px 0;
}
.connect-wraper {
	height: auto;
}
.connect-wraper {
	padding: 40px 20px;
}
.connect-main-wraper h2 {
	margin-bottom: 10px;
}
.connect-main-wraper p {
	font-size: 18px;
}
.connect-email a {
	font-size: 12px;
}
.image-computer {
	display: none;
}
.footer-main-wraper {
	padding-top: 25px;
}
.dashboard-screen-wraper ul li {
	margin-bottom: 40px;
}
.listing-screen-image {
	box-shadow: 0px 0px 30px -9px #c9c9c9;
}
.listing-screen-text-wrp {
	padding-left: 0;
}
}
 @media screen and (max-width:480px) {
.circle-shape1 {
	width: 435px;
	height: 363px;
	right: calc(50% - 450px);
	top: -250px;
}
.header-slider-main-wraper {
	height: 95vh;
	padding: 0;
}
.logo-wrp {
	padding: 25px 10px;
}
.heading-features-wrp h2 {
	font-size: 22px;
	margin: 15px 0
}
.circle-shape5 {
	width: 100px;
	height: 100px;
	top: -50px;
}
.features-main-wraper {
	height: auto;
	padding: 40px 0
}
.heading-features-wrp p {
	width: 100%;
	margin-bottom: 0
}
.owl-nav {
	top: 0;
}
.circle-shape7 {
	display: none;
}
.shape-image {
	display: none;
}
.dashboard-screen-wraper {
	padding: 20px 0;
}
.dashboard-screen-wraper h2 {
	font-size: 22px;
	margin-bottom: 40px
}
.text-trail-wraper h2 {
	font-size: 55px;
	line-height: 50px;
	margin-bottom: 35px;
	text-align: center;
}
.button-get-started {
	text-align: center;
}
.try-for-free-trail {
	padding: 40px 0;
}
.circle-trail-cursor span {
	display: none;
}
.circle-trail-cursor {
	display: none;
}
.text-trail-wraper h2 span {
	text-shadow: 0px 0px 30px #babad3
}
.pricing-listing-wraper h2 {
	font-size: 22px;
}
.pricing-listing-wraper {
	padding: 40px 0;
}
.pricing-listing-wraper h2 {
	margin-bottom: 40px;
}
.carousel-control-prev {
	display: none;
}
.carousel-control-next {
	display: none;
}
.faqs-main-wraper {
	padding: 20px 0;
}
.inner-slider-wraper h1 {
	font-size: 24px;
	line-height: 35px;
}
.breadcrumbs-wraper {
	margin-top: 10px;
}
.smo-main-wraper h2 {
	font-size: 25px;
	line-height: 32px;
}
.smo-main-wraper p {
	padding-right: 0;
}
.button-smo-wrp a {
	padding: 11px 20px;
}
.circle-smo {
	display: none;
}
.inner-slider-wraper h1 span {
	font-size: 30px;
}
.breadcrumbs-wraper a {
	font-size: 13px;
}
.copy-right-wrp {
	margin-top: 25px;
	margin-bottom: 50px;
}
}

/* CSS media */
