@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100&display=swap');	
@charset "UTF-8";
/*
Theme Name: Royo Dispatcher
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: royodispatcher
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
*/


html,body {
	overflow-x: hidden
}

html, body, a, p, span, h1, h2, h3, h4, h5,h6{font-family: 'Poppins', sans-serif;}
html, body{font-size:16px}
@keyframes pulser {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(48, 104, 255, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(48, 104, 255, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(48, 104, 255, 0);
	}
}
@keyframes sector {
	0% {
		transform: translate(0px, 0) scale(0);
	}
	10% {
		transform: translate(0px, 0) scale(1);
	}
	90% {
		transform: translate(80px, 48px) scale(1);
	}
	100% {
		transform: translate(80px, 48px) scale(0);
	}
}
@keyframes sector1 {
	0% {
		transform: translate(0px, 0) scale(0);
	}
	10% {
		transform: translate(0px, 0) scale(1);
	}
	90% {
		transform: translate(-80px, 50px) scale(1);
	}
	100% {
		transform: translate(-80px, 50px) scale(0);
	}
}
@-webkit-keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-250px * 7));
	}
}
@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-250px * 7));
	}
}

.phone-call-action a {
	color: #2396ff;
	border: 1px solid #2396ff;
}

.InnerCoverHeader .ad-feature:before {
	background-image: url(/wp-content/uploads/2021/02/Group-40@2x.png)!important;
}

.InnerCoverHeader .core-feature:before {
	background-image: url(/wp-content/uploads/2021/02/Group-41@2x.png)!important;
}

ul#menu-clb-menu-1 li.menu-item-has-children>a:before {
	color: #0394ed!important;
}


.header-fixed .clb-menu {
	top: 0;
}

.clb-menu {
	border-bottom: none;
}

.clb-menu {
	border-bottom: none
}

.dispatcherLogo .logo img {
	width: 150px;
	margin-top: 15px;
}

.dispatcherLogo .btn-register-header {
	font-size: 14px!important;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn-register-header {
	border-radius: 4px;
	box-shadow: 0 15px 17px -14px rgb(47 138 255 / 78%);
	background-image: linear-gradient(to left, #00b2ff, #0074da);
	border: none!important;
	text-shadow: 0 1px 1px rgb(0 0 0 / 13%);
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -0.25px;
	color: #fff;
	padding: 15px 25px;
	padding-right: 45px;
	font-size: 17px!important
}

.btn-register-header:before {
	box-shadow: 0 0 0 rgb(255 255 255 / 40%);
	animation: pulso 2s infinite!important;
	transition: .5s;
	content: "";
	width: 12px;
	height: 12px;
	border: 3px solid #fff;
	position: absolute;
	right: 15px;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block!important
}

@keyframes pulso {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
	}
	70% {
		-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.btn-register-header:hover,
.btn-register-header:focus,
.btn-register-header:active {
	background-image: linear-gradient(to left, #0074da, #00b2ff);
	color: #fff!important
}

ul#menu-clb-menu-1 li:hover {
	border-bottom-color: #2c9afa;
}

.settingMessage {
	display: none
}

.tea-cup-pop {
	display: none
}

body #myModalForm .modal-content {
	background-image: none!important;
	padding-left: 392px;
}

#myModalForm .modal-content:before {
	content: "";
	width: 390px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/02/Group-17-Copy.png);
	background-position: center;
	background-size: cover;
	background-position: bottom;
}

.register-form input.subscribesubmit {
	background-color: #2e91fd;
	background: linear-gradient(to right, #1ed3e8 0%, #1dd8e7 0%, #308cff 100%);
	border-color: #3093fd
}

.register-form input.subscribesubmit:hover {
	color: #fff!important;
	background: linear-gradient(to right, #308cff 0%, #308cff 0%, #1dd8e7 100%)
}

body .pop-close {
	opacity: 1;
	position: absolute;
	background-color: #3093fd!important;
}

body .form-cover h4 b {
	display: block;
	font-size: 28px;
}

body .form-cover h4 {
	font-size: 20px;
}

.outerCoverHeader {
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.02);
	background-color: #38acfc
}

.outerCoverHeader .btn-register-header {
	display: none
}

.outerCoverHeader ul#menu-clb-menu-1 li>a {
	color: #fff
}

.outerCoverHeader .logo img {
	filter: brightness(0) invert(1);
	width: 60px;
	margin-top: 13px;
}

.outerCoverHeader ul#menu-clb-menu-1 li.menu-item-has-children>a:before {
	color: #ffffff!important
}

.outerCoverHeader ul#menu-clb-menu-1 li {
	padding: 15px 15px;
}

.outerCoverHeader ul#menu-clb-menu-1 ul.sub-menu {
	top: 50px;
	z-index: 1
}

.InnerCoverHeader ul#menu-clb-menu-1 li {
	padding: 20px 15px;
}

.setting-menu-toggle {
	display: none;
	position: absolute;
	right: 7.5px;
	font-size: 28px;
}

.outerCoverHeader {
	transition: .5s
}

.header-fixed .outerCoverHeader {
	margin-top: -50px;
}

.clientitless {
	margin-bottom: 50px;
}

span.custm_menu {
    display: none;
}
#mobtog {
	display: none;
}
#footer-menu {
    list-style: none;
    display: contents;
}

@media(max-width:991px) {
	.dispatcherLogo .btn-register-header {
		font-size: 14px!important;
		padding-right: 15px
	}
	.dispatcherLogo .btn-register-header:before {
		display: none!important
	}
	.dispatcherBanner {
		padding-top: 50px;
	}
	.animation-on-hover.btn-register-header {
		font-size: 16px;
		padding: 10px 42px 10px 15px!important;
	}
	.dispatcherLogo .logo img {
		width: 150px;
		margin-top: 0;
	}
	.navbar-toggle {
		top: 6px;
	}
	.navbar-toggle .icon-bar {
		background-color: #060606
	}
	.dispatcherLogo .btn-register-header {
		display: block!important;
		position: fixed;
		left: 0;
		right: 0;
		text-align: center;
		border-radius: 0;
		bottom: -60px;
		padding: 15px 7px
	}
	.header-fixed .dispatcherLogo .btn-register-header {
		bottom: 0;
	}
	.menu-clb-menu-1-container {
		top: 48px;
	}
	body #myModalForm .modal-content {
		background-image: none!important;
		padding-left: 0;
	}
	body #myModalForm .modal-content:before {
		display: none
	}
	#myModalMeetingNew .modal-dialog {
		width: calc(100% - 20px);
	}
	.clb-menu {
		padding: 0!important;
	}
	.outerCoverHeader {
		padding: 5px 0;
	}
	.outerCoverHeader .navbar-toggle {
		top: 2px;
	}
	.outerCoverHeader .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}
	.InnerCoverHeader {
		position: relative;
		padding: 10px 0;
	}
	.outerCoverHeader .logo img {
		margin-top: 0;
	}
	html body div.style-5.chatbot {
		top: 3px!important;
	}
	.setting-menu-toggle {
		display: block;
	}
	.display-top-SecondryMenu .outerCoverHeader .menu-clb-menu-1-container {
		display: none
	}
	.display-top-SecondryMenu .InnerCoverHeader .menu-clb-menu-1-container {
		display: block
	}
	.display-top-menu .outerCoverHeader .menu-clb-menu-1-container {
		display: block
	}
	.display-top-menu .InnerCoverHeader .menu-clb-menu-1-container {
		display: none
	}
	.outerCoverHeader .menu-clb-menu-1-container {
		top: 38px;
		background-color: #38acfc;
	}
	.outerCoverHeader ul#menu-clb-menu-1 li.my-submenu ul.sub-menu {
		background-color: #fff
	}
	body {
		padding-bottom: 0!important;
	}
	html body.header-fixed div.phone-call-action {
		top: -6px!important;
	}
	html body div.phone-call-action {
		top: -6px!important;
	}
	.header-fixed .outerCoverHeader {
		margin-top: -40px;
	}
	.clientitless {
		margin-bottom: 0;
	}
	span.custm_menu {
		display: block;
		float: right;
		font-size: 20px;
		color: #fff;
	}
	ul#menu-clb-menu-1 li a {
		color: #fff !important;
	}
}

/* Home Page Inline Css Start */
img.arrowDispDown {
	position: absolute;
	right: -120px;
	left: 0;
	margin: auto;
	bottom: 10px;
	width: 110px;
}

.videoSection {
	margin: 30px 0
}

.normalDropShadow {
	display: block;
	position: relative;
	width: 100%
}

.normalDropShadow a {
	position: absolute;
	width: 70px;
	height: 70px;
	display: block!important;
	border-radius: 50%;
	background-image: linear-gradient(to left, #00b2ff, #0074da);
	right: 280px;
	bottom: -30px;
	margin: 0!important
}

.videoSection .leftyTesty h4 {
	margin-bottom: 25px;
	font-size: 30px;
}

.videoSection .leftyTesty h4 b {
	display: inline-block
}

.videoSection .leftyTesty {
	padding-left: 50px;
}

.normalDropShadow {
	display: block;
	position: relative;
	width: 100%
}

.normalDropShadow a {
	position: absolute;
	width: 70px;
	height: 70px;
	display: block!important;
	border-radius: 50%;
	background-image: linear-gradient(to left, #00b2ff, #0074da);
	right: 280px;
	bottom: -30px;
	margin: 0!important
}

.normalDropShadow a:before {
	position: absolute;
	content: "►";
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 25px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	padding-top: 3px;
	padding-left: 3px;
}

.normalDropShadow a:after {
	content: "Watch Live Demo";
	position: absolute;
	width: 200px;
	bottom: -23px;
	left: -62px;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.normalDropShadow:before {
	content: "";
	width: 64px;
	height: 64px;
	position: absolute;
	pointer-events: none;
	bottom: -27px;
	right: 283px;
	border-radius: 50%;
	border: 3px solid #fff;
	z-index: 3;
	border-right-color: transparent;
	animation: spin 4s linear infinite;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
	backface-visibility: hidden;
}

.dispatcherBanner {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	align-items: center;
	text-align: center;
	margin-top: 0;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/01/group-97@3x-1.jpg);
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #fdfdfe;
	padding-top: 100px;
	background-repeat: no-repeat;
}

.dispatcherBanner h1 {
	font-size: 45px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: normal;
	text-align: center;
	color: #152246;
	margin: 0;
}

.dispatcherBanner h5 {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: center;
	color: #353f5c;
	margin: 10px 0;
}

.dispatcherBanner img {
	width: 100%;
	padding: 0 220px;
}

.circularAnimate {
	padding: 100px 0;
	padding-top: 50px;
}

.circularAnimate figcaption {
	display: block;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/01/group-95@3x-1.png);
	max-width: 760px;
	margin: auto;
	text-align: center;
	padding: 150px 15px;
	background-size: 100%;
}

.circularAnimate figcaption img {
	width: 70px;
}

.circularAnimate figcaption h4 {
	font-size: 47px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.21;
	letter-spacing: -0.59px;
	text-align: center;
	color: #152246;
	margin: 20px 0;
}

.circularAnimate figcaption p {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.65;
	letter-spacing: normal;
	text-align: center;
	color: #353f5c;
	margin: 0;
}

.circularAnimate .container {
	position: relative
}

.circularAnimate ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	align-items: center;
}

.circularAnimate ul li {
	text-align: center;
}

.circularAnimate ul h3 {
	font-size: 30px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -0.38px;
	color: #152246;
	margin: 0;
	margin-bottom: 5px;
}

.circularAnimate ul li h4 {
	margin: 0;
	font-size: 20px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: -0.3px;
	color: #2e374e;
	padding: 0;
	padding-left: 50px;
	position: relative;
	border-radius: 20.7px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	background-color: #fff;
	padding-right: 16px;
}

.circularAnimate ul li h4 img {
	width: 40px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.circularAnimate ul h3 i {
	font-style: normal;
}

.circularAnimate ul li {
	text-align: center;
	position: absolute;
	top: 80px;
}

.circularAnimate ul li:after {
	content: "";
	width: 16px;
	height: 16px;
	background-color: #bdc1e1;
	position: absolute;
	top: 0;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(189, 193, 255, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(189, 193, 255, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(189, 193, 255, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(189, 193, 255, 0);
	}
}

.circularAnimate ul li:nth-child(1):after {
	right: -29px;
}

.circularAnimate ul li:nth-child(2):after {
	left: -55px;
}

.circularAnimate ul li:nth-child(2) {
	right: 40px;
	top: 100px;
}

.circularAnimate ul li:nth-child(3) {
	bottom: 0;
	top: inherit;
	left: 170px;
}

.circularAnimate ul li:nth-child(3):after {
	right: 0;
}

.circularAnimate ul li:nth-child(4):after {
	left: 70px;
	top: -35px;
}

.circularAnimate ul li:nth-child(4) {
	right: 246px;
	top: inherit;
	bottom: 0;
}

.industrySlider {
	background-color: #1b3376;
	padding: 70px 0;
	padding-bottom: 0;
}

.headingLeftBorder {
	padding-left: 35px;
	border-left: 5px solid #308cff;
	padding-right: 350px;
	margin-bottom: 70px;
}

.headingLeftBorder h4 {
	font-size: 42px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: -0.53px;
	color: #fff
}

.headingLeftBorder p {
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: -0.23px;
	color: #fff;
	margin: 20px 0;
	margin-bottom: 30px;
}

.item.evenItem {
	transform: translate(0px, 70px);
}

img.buildingItem {
	transform: scale(1.05);
	filter: drop-shadow(0 0 7.19px rgba(0, 0, 0, .09));
}

.item h4 img {
	width: 50%!important;
	margin: auto;
	height: 90px;
	object-fit: scale-down;
	object-position: center bottom;
	margin-top: 50px;
}

.item h4 {
	font-size: 17px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.24px;
	text-align: center;
	color: #fff;
	margin: 0;
	position: relative;
	top: 40px;
	z-index: 1;
}

.item h4:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 30px;
	background-color: #fff;
	left: 0;
	right: 0;
	margin: auto;
	top: 30px;
}

.item.oddItem h4:after {
	background-color: #ff9f27;
}

.item h4:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
}

.item h4:after {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	top: 25px;
	background-color: #19d894;
	border-radius: 50%;
	left: 0;
	right: 0;
	margin: auto;
}

.foutuner {
	padding: 0 0;
}

.forShadowBasis {
	width: 100%;
	margin-top: -240px;
	position: relative;
	z-index: 1;
	pointer-events: none;
	margin-bottom: 0;
}

.leftyTesty h4 {
	font-size: 36px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.28;
	letter-spacing: normal;
	color: #152246;
	margin: 0;
	margin-bottom: 30px;
}

.leftyTesty h4 b {
	display: block
}

.owl-carouselTestimonialss {
	position: static;
}

.owl-carouselTestimonialss .owl-nav {
	position: absolute;
	right: 0;
	width: 1170px;
	left: 0;
	margin: auto;
	top: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.industrySlider {
	position: relative
}

.owl-carouselTestimonialss .owl-nav button {
	outline: none;
	background-color: transparent!important;
	margin: 0 15px!important;
}

.owl-carouselTestimonialss .owl-nav button span {
	width: 60px;
	height: 60px;
	display: flex;
	font-size: 44px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.dispatcherBanner video {
	width: 850px;
	margin: auto;
	display: block;
	max-width: 100%;
	position: relative
}

.techySuits {
	padding: 70px 0;
	padding-top: 100px;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/01/group-97@3x-1.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.headingCenter {}

.headingCenter h4 {
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: normal;
	text-align: center;
	color: #152246;
}

.headingCenter p {
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: normal;
	text-align: center;
	color: #353f5c
}

.techSuitList {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
	justify-content: center;
	margin-top: 70px;
	align-items: flex-end;
}

.techSuitList li {
	width: calc(50% - 180px);
	margin: 0 0;
	position: relative
}

.techSuitList li img {
	z-index: 2;
	height: 420px;
	position: relative;
	left: -100px;
}

.techSuitList li span {
	position: absolute;
	width: 106px;
	height: 106px;
	font-size: 14px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.26px;
	text-align: center;
	color: #fff;
	background-image: linear-gradient(to right, #1ed3e8 0%, #1dd8e7 0%, #308cff 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	margin: 0;
	left: -40px;
	bottom: -30px;
	z-index: 2;
}

.techSuitList li:nth-child(2) span {
	left: inherit;
	right: -100px;
}

.techSuitList li span:before {
	content: "";
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
	width: 90%;
	height: 90%;
	position: absolute;
	border: 2px solid #fff;
	border-radius: 50%;
	border-right: 2px solid transparent;
}

.techSuitList li i {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	font-size: 72px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #e2e6f8;
	display: flex;
	align-items: center;
	border-right: 1px solid #e1e2ef;
	width: 60px;
}

.techSuitList li:nth-child(2) img {
	left: -350px;
	height: 550px;
	z-index: 1;
}

.techSuitList li:after {
	content: "";
	width: 16px;
	height: 16px;
	background-color: rgb(48 140 255);
	position: absolute;
	top: 0;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(48, 104, 255, 1);
	transform: scale(1);
	animation: pulser 2s infinite;
	z-index: 2;
	left: -100px;
	opacity: 0;
}

.techSuitList li:hover:after {
	opacity: 1
}

.techSuitList li:nth-child(2):after {
	left: inherit;
	right: -60px;
}

.techSuitList li:hover i {
	background-image: linear-gradient(to top, #19d894 0%, #1dd8e7 36%, #308cff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.ctaCommon {
	text-align: center;
	border-top: none;
	padding-top: 0;
	margin-top: -20px;
	padding-bottom: 80px;
}

.ctaCommon h4 {
	font-size: 36px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.28;
	letter-spacing: normal;
	text-align: center;
	color: #152246;
	margin-bottom: 30px;
}

.bluBack {
	background-color: #1b3376;
	padding: 70px 0;
	position: relative;
	padding-bottom: 200px
}

img.decoratePatti {
	position: absolute;
	width: 100%;
	bottom: -10px;
	left: 0;
	right: 0;
}

.bluBack .headingCenter h4 {
	color: #fff;
	margin-bottom: 40px;
}

.bluBack .secondry-nav-portfolio {
	float: none;
	background-color: transparent
}

.bluBack #stickThis.stick {
	top: 49px;
	background-color: #1b3376!important;
}

.common-porfolio-sec {
	padding-top: 70px;
}

.leftyTesty p {
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: normal;
	color: #353f5c;
	margin-bottom: 30px;
}

.sideFixTabs {
	width: 1170px;
	margin: auto;
	padding-left: 120px;
	position: relative
}

.my-bs-docs-sidebar {
	position: absolute;
	left: -30px;
	margin-top: 130px;
	width: 120px;
}

.my-bs-docs-sidebar ul li a {
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
	text-transform: uppercase;
	padding: 0;
	padding-top: 60px;
	background-color: transparent!important;
	position: relative
}

.my-bs-docs-sidebar ul {
	position: absolute;
	width: 120px;
}

.tabsSlideOpen .halfColSideText>h3,
.tabsSlideOpen .halfColSideText>p {
	color: #fff;
	margin-bottom: 15px;
}

.tabsSlideOpen .halfColSideText>p:before {
	display: none
}

.tabsSlideOpen .halfColSideText>p {
	padding-left: 0;
}

.tabsSlideOpen .row {
	padding: 100px 0;
	background-color: transparent;
}

.reset-pos-abs {
	display: none;
}

#sidebar li a {
	font-size: 19px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: normal;
	color: #3e4d68;
	padding: 20px 0;
	opacity: .4;
	text-transform: uppercase;
	background-color: transparent!important;
	position: relative
}

#sidebar li a:before {
	content: "";
	width: 25px;
	height: 2px;
	position: absolute;
	background-color: #fff;
	right: -55px;
	transition: .5s;
	top: 0;
	bottom: 0;
	margin: auto;
}

#sidebar li {
	background-color: transparent!important
}

#sidebar li a.active {
	opacity: 1
}

#sidebar li a.active:before {
	width: 45px;
	right: -75px;
}

.cascadeBox {
	display: block;
	border-radius: 19px;
	border: dashed 2px #979797;
	background-image: radial-gradient(circle at 59% 59%, rgba(0, 0, 0, 0.02), rgba(255, 255, 255, 0.31) 92%);
	text-align: center;
	padding: 30px;
	margin-top: 30px;
}

.cascadeBox small {
	font-size: 22px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.32;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
	display: block;
}

.pricingList li:nth-child(2):before {
	content: "VS";
	position: absolute;
	width: 78px;
	height: 78px;
	padding: 23px 20px 24px 23px;
	border: solid 5px #dfdfdf;
	background-image: linear-gradient(to right, #2e8d86, #429321);
	z-index: 4;
	border-radius: 50%;
	font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}

.statsSticsList {
	margin-top: 30px;
}

.statsSticsList li {
	background-image: none;
	border: none;
	text-align: center;
}

.statsSticsList li img {
	height: 70px;
}

.statsSticsList li h3 {
	font-size: 45px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -1.61px;
	text-align: center;
	color: #fff;
	margin: 15px 0;
}

.statsSticsList li small {
	opacity: 0.52;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
}

.darkBlueBackWithMap {
	background-image: url(https://www.code-brew.com/wp-content/uploads/2019/08/vector-smart-object.png);
	background-color: #101e36;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.darkBlueBackWithSideImages {
	background-image: url(/wp-content/uploads/2020/12/group-25@2x-1.png);
	background-color: #14294e;
	background-repeat: no-repeat;
	background-position: center right;
	padding: 150px 0;
}

.offeringTilesList ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	margin-bottom: 70px;
}

.offeringTilesList ul li {
	width: calc(50% - 30px);
	margin: 15px;
	border-radius: 6px;
	box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.19);
	background-color: #fff;
	text-align: center;
	padding: 38px;
	margin-top: 40px;
}

.offeringTilesList ul li img {
	width: 110px;
	margin-top: -65px;
}

.offeringTilesList ul li h4 {
	font-size: 23px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.26;
	letter-spacing: -0.73px;
	text-align: center;
	color: #272727;
	margin: 0;
	margin-top: 15px;
}

.ctaCenterSided {
	text-align: center;
	background-image: url(https://www.code-brew.com/wp-content/uploads/2020/12/group-234@3x.jpg);
	background-size: cover;
	background-position: center;
	padding-bottom: 70px;
}

.fixxerBlue {
	background-color: #1b3376
}

.secondry-nav-portfolio ul {
	padding: 0;
}

.secondry-nav-portfolio ul li a {
	padding: 15px;
	padding-left: 70px;
	position: relative;
	text-align: left;
	font-size: 18px;
	background-color: #fff;
	border-radius: 5px;
	border: 2px solid #308cff!important;
	color: #152246;
	transition: .5s
	height: 100%;
}

.secondry-nav-portfolio ul li a:hover {
	background-color: transparent;
	color: #fff
}

.bluBack #stickThis.stick.secondry-nav-portfolio ul li a {
	color: #a8acb5
}

.bluBack #stickThis.stick.secondry-nav-portfolio ul li a.active {
	color: #fff
}

.secondry-nav-portfolio ul li a img {
	width: 40px;
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto
}

.secondry-nav-portfolio ul li {
	width: calc(25% - 30px);
	margin: 0 15px;
}

.secondry-nav-portfolio ul li a.active {
	background-color: transparent;
	color: #fff;
}

.bluBack #stickThis.stick.secondry-nav-portfolio ul li a {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	padding: 8px;
	text-align: center;
	background-color: transparent;
	border: none!important;
}

.bluBack #stickThis.stick.secondry-nav-portfolio ul li a img {
	display: none
}

.bluBack #stickThis.stick.secondry-nav-portfolio ul {
	margin-top: 9px;
	margin-bottom: 9px;
}

.downArrowAnimating {
	position: absolute;
	width: 25px;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 85px;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

.settingPaddingBottom {
	padding-bottom: 70px;
}

@-webkit-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-10px);
	}
	60% {
		transform: translateY(-5px);
	}
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-10px);
	}
	60% {
		transform: translateY(-5px);
	}
}

.my-bs-docs-sidebar ul li a.active {
	background-image: linear-gradient(to top, #19d894 0%, #1dd8e7 36%, #308cff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.my-bs-docs-sidebar ul li a:before {
	width: 0;
	height: 1px;
	content: "";
	position: absolute;
	left: -70px;
	background-color: #fff;
	top: 67px;
	transition: .5s;
}

.my-bs-docs-sidebar ul li a.active:before {
	width: 50px;
}

.halfColSideText h3 {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.3;
}

.halfColSideText p {
	font-size: 18px;
	line-height: 2;
}

.halfColSideText ul {
	margin-bottom: 30px;
	padding-right: 100px
}

.halfColSideText ul li a {
	font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #c1cce9;
	margin-bottom: 30px;
	position: relative;
	padding: 15px 30px;
	padding-left: 85px;
	background-color: transparent!important;
	height: 81px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.halfColSideText ul li.active a {
	background-color: rgba(0, 0, 0, .15)!important
}

.halfColSideText ul li.active a:before {
	content: '';
	position: absolute;
	right: -70px;
	top: 0;
	width: 0;
	height: 0;
	border: 42px solid transparent;
	border-top: 15px solid #172b64;
	transform: rotate( 270deg);
	left: inherit;
	bottom: 0;
	margin: auto;
	z-index: 9;
}

.halfColSideText ul li a img {
	position: absolute;
	width: 50px;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	filter: brightness(0) invert(1);
}

.halfColSideText ul li.active a img {
	filter: none
}

.halfColSideText ul li.active a {
	color: #fff
}

.extraSizePicHor .tab-content img {
	max-width: 600px;
}

.smallSizePicVer:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/01/group-38@2x.png);
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	background-size: contain;
	z-index: 1;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
	background-position: center;
	background-repeat: no-repeat
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.smallSizePicVer .tab-content img {
	width: 100%;
	height: 510px;
	object-fit: contain;
}

.smallSizePicVer .tab-content {
	position: relative;
	z-index: 2
}

.halfColSideText figcaption {
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: italic;
	line-height: 1.73;
	letter-spacing: normal;
	color: #fff;
	margin-top: 50px;
}

.impactor {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 30px;
}

.impactor li {
	width: 33.33%;
	text-align: center;
	padding: 0 70px;
	position: relative;
}

.impactor li h4 {
	font-size: 19.1px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.39px;
	text-align: center;
	color: #fff;
	margin-bottom: 0;
}

.posRell {
	border: 13px double #1b3376;
	width: 200px;
	height: 200px;
	margin: auto;
	background-color: #284083;
	border-radius: 50%;
	position: relative;
	overflow: hidden
}

.posRell strong i {
	font-style: normal;
}

.posRell strong {
	position: absolute;
	font-size: 32.1px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	overflow: hidden;
}

#banner {
	border-radius: 50%;
	width: 150px;
	height: 150px;
	background: #284083;
	overflow: hidden;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.riseLevelUp .fill {
	animation-name: fillAction;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(.2, .6, .8, .4);
	animation-duration: 2s;
	animation-fill-mode: forwards;
}

.riseLevelUp #waveShape {
	animation-name: waveAction;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 0.5s;
	width: 300px;
	height: 150px;
	fill: #1ad899!important;
}

.riseLevelUp .pirSecond #waveShape {
	fill: #38dcf7!important;
}

.riseLevelUp .pirThird #waveShape {
	fill: #238bff!important;
}

.riseLevelUp .pirSecond .fill {
	animation-name: fillAction1;
}

.riseLevelUp .pirThird .fill {
	animation-name: fillAction2;
}

@keyframes fillAction2 {
	0% {
		transform: translate(0, 150px);
	}
	100% {
		transform: translate(0, 40px);
	}
}

@keyframes fillAction1 {
	0% {
		transform: translate(0, 150px);
	}
	100% {
		transform: translate(0, 30px);
	}
}

@keyframes fillAction {
	0% {
		transform: translate(0, 150px);
	}
	100% {
		transform: translate(0, 10px);
	}
}

@keyframes waveAction {
	0% {
		transform: translate(-150px, 0);
	}
	100% {
		transform: translate(0, 0);
	}
}

.bluBack .ctaCommon {
	padding: 0;
	padding-top: 40px;
	border-top: 1px solid #979797;
	margin-top: 30px;
}

.bluBack .ctaCommon h4 {
	color: #fff
}

.commonSectionCold {
	padding-top: 100px;
	padding-bottom: 70px;
}

.solarSystem {
	background-image: url(https://royoapps.com/wp-content/uploads/2021/01/group-78@2x.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 210px;
	width: 550px;
	height: 550px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
}

.solarSystem:before {
	content: "";
	position: absolute;
	width: 60%;
	height: 60%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/01/group-79@2x.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
}

.solarSystem:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/01/group-82@2x.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	-webkit-animation: spinRo 4s linear infinite;
	-moz-animation: spinRo 4s linear infinite;
	animation: spinRo 4s linear infinite;
}

@-moz-keyframes spinRo {
	100% {
		-moz-transform: rotate(-360deg);
	}
}

@-webkit-keyframes spinRo {
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes spinRo {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.circleCenter {
	position: relative;
	background: #fff;
	background-size: 100%;
	background-position: center;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;
	border-bottom: 1px solid #f0f2fb;
}

.leftyimagy {
	position: relative
}

.leftyimagy .animatedSligthlyy {
	position: absolute;
	width: 180px;
	bottom: -50px;
	left: -50px;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

@media(max-width:1235px) {
	img.arrowDispDown {
		right: -200px;
	}
	.foutuner {
		margin-top: 50px;
	}
	.forShadowBasis {
		display: none
	}
	.impactor li {
		padding: 0 30px;
	}
	.solarSystem {
		width: auto;
		height: auto;
	}
	.owl-carouselTestimonialss .owl-nav {
		padding-right: 200px;
	}
	.my-bs-docs-sidebar {
		position: absolute;
		left: 20px;
	}
	.sideFixTabs {
		width: 1170px;
		margin: auto;
		padding-left: 160px;
	}
	.bannerWhy .row {
		height: 60vh !important;
	}
}

@media(max-width:991px) {
	.leftyimagy .animatedSligthlyy {
		display: none
	}
	img.arrowDispDown {
		display: none
	}
	.leftyimagy {
		order: 1;
	}
	.videoSection .leftyimagy {
		order: 1;
		border: none;
		margin-bottom: 0;
		padding: 0;
	}
	.leftyTesty h4 {
		font-size: 22px;
		margin: 0;
	}
	.leftyTesty p {
		font-size: 16px;
		margin: 20px 0;
	}
	.leftyTesty a {
		font-size: 16px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.24px;
	}
	.leftyTesty {
		margin-bottom: 40px;
		order: 2;
		text-align: center;
		width: 100%
	}
	.leftyimagy {
		position: relative;
		padding-bottom: 30px;
		border-bottom: 1px solid #ccc;
		order: 1;
		margin-bottom: 30px;
		width: 100%
	}
	.headingCenter h4 {
		font-size: 28px;
		margin-bottom: 20px!important;
	}
	.headingCenter h4 br {
		display: none;
	}
	.impactor li {
		width: 100%;
		text-align: center;
		padding: 0 30px;
		position: relative;
		margin: 20px 0;
	}
	.leftyimagy {
		width: 100%;
	}
	.solarSystem {
		margin: auto;
	}
	.headingCenter p br {
		display: none
	}
	.foutuner .leftyTesty h4 {
		margin-bottom: 20px;
		font-size: 22px;
	}
	.headingLeftBorder {
		padding-right: 0;
	}
	.owl-carouselTestimonialss .owl-nav {
		position: relative;
		padding: 15px;
		bottom: 0;
		top: 0;
		justify-content: center;
		width: 100%;
		z-index: 1;
		margin: 0;
		margin-top: -110px;
	}
	.owl-carouselTestimonialss .owl-nav button {
		background-color: #1b3376!important;
		border-radius: 50%!important;
	}
	.techSuitList li {
		width: 100%;
	}
	.techSuitList li img {
		height: 400px;
		position: static;
		margin: auto;
		width: 100%;
		object-fit: scale-down;
	}
	.techSuitList li:nth-child(2) img {
		height: auto;
	}
	.techSuitList {
		flex-wrap: wrap;
	}
	.techSuitList li span {
		left: 0!important;
		right: 0!important;
		margin: auto;
	}
	.techSuitList li:nth-child(2) {
		margin-top: 70px;
	}
	.ctaCommon h4 {
		font-size: 28px;
	}
	.ctaCommon h4 br {
		display: none
	}
	.my-bs-docs-sidebar {
		display: none
	}
	.sideFixTabs {
		width: 100%;
		padding: 0 15px;
	}
	.extraSizePicHor .tab-content img {
		max-width: 100%;
	}
	.tabsSlideOpen .row {
		padding: 40px 0;
	}
	.halfColSideText {
		order: 0;
		margin-top: 0;
		margin-bottom: 30px;
	}
	.secondry-nav-portfolio ul li a img {
		display: none;
	}
	.secondry-nav-portfolio ul li a {
		padding: 15px;
		text-align: center;
		font-size: 14px;
	}
	.secondry-nav-portfolio ul {
		padding: 0;
		margin: 0 -15px;
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}
/* Home Page Inline Css End */

/* Why Us Page Inline Css Start */
.topNewBannerHead {
	font-size: 20px;
	font-weight: 600;
	color: #04a3f6;
	margin-bottom: 15px;
}

.bannerWhy {
	background-image: url(https://royoapps.com/wp-content/uploads/2021/02/combined-shape-1.png);
	background-size: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.bannerWhy h1 {
	font-size: 42px;
	font-weight: 100;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.19;
	letter-spacing: normal;
	text-align: center;
	color: #152246;
	margin: 0;
	margin-bottom: 25px;
}

.bannerWhy .row {
	height: 100vh;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-wrap: inherit;
	/* padding-top: 120px; */
}

.cnimatedArea {
	position: relative;
	width: 800px;
	padding: 0 80px;
	margin-top: 50px;
	visibility: hidden
}

img.commonUperImg.oneUp1 {
	left: 15px;
	right: 0;
	margin: auto;
	bottom: 52px;
	width: 215px;
	z-index: 1
}

img.commonUperImg.oneUp2 {
	right: 141px;
	top: 24px;
	width: 90px;
}

img.commonUperImg.oneUp3 {
	left: 149px;
	top: 38px;
	width: 90px;
}

.commonUperImg {
	width: 120px;
	position: absolute;
	visibility: hidden
}

.smartBttnCommon {
	position: absolute;
	visibility: hidden;
}

.smartBttnCommon a {
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #0071ff;
	display: inline-block;
	padding: 8px 15px;
	padding-left: 40px;
	position: relative;
	border: 1px solid #0071ff;
	border-radius: 5px;
	box-shadow: 0 6px 6px 0 rgb(0 126 255 / 16%);
	border-style: solid;
	background-color: #edf6ff;
	text-align: left
}

.smartBttnCommon a:before {
	content: "";
	width: 10px;
	height: 10px;
	border: 2px solid #0071ff;
	position: absolute;
	border-radius: 50%;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.smartBttnCommon.smartBttn1 {
	left: -30px;
	top: -30px;
}

.smartBttnCommon {
	position: absolute;
}

.smartBttnCommon.smartBttn2 {
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	top: 15px;
}

.smartBttnCommon.smartBttn3 {
	right: -70px;
	top: -30px;
}

.smartBttnCommon.smartBttn1 a:after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	background-color: #0071ff;
	border-radius: 50%;
	right: -75px;
	bottom: -15px;
}

.smartBttnCommon.smartBttn1:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 1px;
	border: 1px dashed #0571ff;
	right: -35px;
	bottom: 0;
	top: 0;
	margin: auto;
}

.smartBttnCommon.smartBttn1:after {
	content: "";
	position: absolute;
	width: 45px;
	height: 1px;
	border: 1px dashed #0571ff;
	right: -75px;
	bottom: -32px;
	top: 0;
	margin: auto;
	transform: rotate(47deg);
}

.smartBttnCommon.smartBttn3 a:after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	background-color: #0071ff;
	border-radius: 50%;
	left: -78px;
	bottom: -15px;
}

.smartBttnCommon.smartBttn3:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 1px;
	border: 1px dashed #0571ff;
	left: -35px;
	bottom: 0;
	top: 0;
	margin: auto;
}

.smartBttnCommon.smartBttn3:after {
	content: "";
	position: absolute;
	width: 45px;
	height: 1px;
	border: 1px dashed #0571ff;
	left: -75px;
	bottom: -32px;
	top: 0;
	margin: auto;
	transform: rotate(137deg);
}

.smartBttnCommon.smartBttn2 a:after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	background-color: #0071ff;
	border-radius: 50%;
	left: 10px;
	bottom: -60px;
	right: 0;
	margin: auto;
	display: none
}

.smartBttnCommon.smartBttn2:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 50px;
	border: 1px dashed #0571ff;
	left: 8px;
	bottom: -50px;
	margin: auto;
	right: 0;
}

.smartBttnCommon a:after {
	animation: pulser 2s infinite;
	box-shadow: 0 0 0 0 rgba(48, 104, 255, 1);
}

img.blueBowl {
	visibility: hidden;
	width: 20px;
	position: absolute;
	top: 96px;
	left: 237px;
	animation: sector 2s infinite;
}

.orangeBowl {
	visibility: hidden;
	width: 20px;
	position: absolute;
	top: 83px;
	right: 224px;
	animation: sector1 2s infinite;
}

.blueCommon {
	background-color: #1b3376;
	padding-top: 100px;
	padding-bottom: 80px;
	text-align: center;
}

body .why-choose-rewamp li {
	width: calc(33.3333% - 150px);
	margin: 0 70px;
	padding: 0;
}

body .why-choose-rewamp li h4 {
	font-size: 21px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff
}

body .why-choose-rewamp li p {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.38;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	margin: 8px 0;
	margin-bottom: 15px;
}

body .why-choose-rewamp li {
	width: calc(33.3333% - 150px);
	margin: 0 75px;
	padding: 15px;
	background-color: transparent;
	margin-top: 0;
	border-radius: 7.2px;
	border: solid 3px #35519b;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/02/combined-shape@2x.png), linear-gradient(to bottom, #3958a3 -3%, #112353);
	text-align: center;
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 25px;
	position: relative;
}

body .why-choose-rewamp li h4 {
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	margin: 0;
	margin-top: 15px;
}

body .why-choose-rewamp li img {
	margin-top: -50px!important;
	height: 200px!important;
	object-fit: scale-down;
}

body .why-choose-rewamp li a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px!important;
}

i.comonAlgebra {
	position: absolute;
	width: 50px;
	height: 50px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	font-style: normal;
	border-radius: 50%;
	border: dashed 3px #35519b;
	background-color: #112d6d;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -33%;
	right: 0;
}

.why-choose-list {
	position: relative;
	margin-bottom: 50px;
}

i.comonAlgebra.equalAlgebra {
	right: -33%;
	left: 0;
}

.why-choose-list:before {
	content: "";
	width: 80%;
	height: 2px;
	border: 2px dashed #35519b;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
}

.blueCommon .royo-heading h4 {
	color: #fff
}

.blueCommon .royo-heading {
	margin-bottom: 0;
}

.cta-royo-text span {
	display: block;
	color: #1B3376;
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 36px;
	border: 2px solid rgba(255, 255, 255, 0.16);
	border-radius: 9px;
	background: linear-gradient( 270deg, #F2F1FF 0%, #DAE6FF 100%);
	padding: 15px;
	margin-bottom: 30px;
	margin-top: -10px;
}

.cta-royo-text h4 {
	margin: 0;
	font-size: 42px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #151e40;
}

.cta-royo-text .royo-heading p {
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
}

.extraStats:before {
	content: "";
	width: 118px;
	height: 1px;
	background-color: #979797;
	position: absolute;
	left: 0;
	top: 10px;
}

.extraStats {
	position: relative;
	padding-left: 130px;
}

.extraStats h5 {
	color: #FF3300;
	font-family: Arimo;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.3
}

.extraStats p {
	color: #152246;
	font-family: Arimo;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.3
}

.royo-heading h4 {
	font-size: 42px;
	font-weight: 500
}

body .why-choose-rewamp.twoByTwoSpex li {
	width: calc(50% - 150px);
	background-color: transparent;
	background-image: none;
	border: none;
	box-shadow: none!important
}

body .why-choose-rewamp.twoByTwoSpex li img {
	margin-top: 0!important;
	height: auto!important
}

body .why-choose-rewamp.twoByTwoSpex li h4 {
	color: #152246;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.5;
}

body .why-choose-rewamp.twoByTwoSpex li p {
	color: #47506A;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.3;
}

body .why-choose-rewamp.twoByTwoSpex:before {
	border-color: #9ca6c3;
	width: 50%
}

body .why-choose-rewamp.twoByTwoSpex i.comonAlgebra {
	left: 0;
	background-color: #fff;
	border-color: #9ca6c3;
	color: #000;
}

.analyticsLine .why-choose-list:before {
	display: none
}

.analyticsLine {
	background-image: url(https://royoapps.com/wp-content/uploads/2021/02/group-60-1.png);
	background-size: cover;
	background-position: center top;
}

.analyticsLine .why-choose-list li {
	width: calc(33.3333% - 30px);
	margin: 0 15px;
	text-align: left;
	background-color: #fff;
	background-image: none;
	border: none;
	border-radius: 26px;
	box-shadow: 0 12px 24px 0 rgb(27 51 118 / 14%);
	padding: 25px;
}

.analyticsLine .why-choose-list li img {
	margin-top: -70px!important;
	width: 160px;
	height: auto!important
}

.analyticsLine .why-choose-list li p {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	color: #37425f;
	text-align: left
}

.analyticsLine .why-choose-list li h4 {
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #152246;
	text-align: left
}

.analyticsLine .why-choose-list {
	margin: 120px 0;
	margin-bottom: 100px;
}

.slider {
	background: transparent;
	margin: 50px auto;
	overflow: hidden;
	position: relative;
	width: 1980px;
}

.slider .slide-track {
	-webkit-animation: scroll 40s linear infinite;
	animation: scroll 40s linear infinite;
	display: flex;
	width: calc(250px * 14);
}

.slider .slide {
	height: 380px;
	width: 250px;
}

.skyBlue {
	background-image: linear-gradient(to left, #00b2ff, #0074da);
}

.skyBlue .btn-register-header {
	border: 1px solid #fff!important;
}

.circlelo {
	width: 160px;
	height: 160px;
	background-color: #fff;
	display: block;
	position: relative;
	border-radius: 50%;
	margin: 20px auto;
}

.circlelo img {
	position: absolute;
	left: 0;
	right: 0;
	width: 114px;
	height: 135px;
	object-fit: scale-down;
	top: 0;
	bottom: 0;
	margin: auto;
}

.slide .circlelo:nth-child(2) {
	left: -60px;
}

.slide .circlelo:nth-child(1) {
	left: 60px;
}

.whycircularAnimate {
	padding: 100px 0;
	padding-bottom: 50px;
}

.whycircularAnimate figcaption {
	max-width: 534px;
	height: 534px;
	margin: auto;
	text-align: center;
	padding: 100px;
	background-size: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/02/oval-oval-mask.png);
	position: relative
}

.whycircularAnimate figcaption img {
	width: 70px;
}

.whycircularAnimate figcaption h4 {
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.26;
	letter-spacing: normal;
	text-align: center;
	color: #152246;
	margin: 20px 0;
}

.whycircularAnimate figcaption p {
	font-size: 20px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.82;
	letter-spacing: normal;
	text-align: center;
	color: #152246;
	margin: 0;
}

.whycircularAnimate .container {
	position: relative
}

.whycircularAnimate ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0 50px;
	position: absolute;
	width: 100%;
	height: 100%;
	align-items: center;
}

.whycircularAnimate ul li {
	text-align: center;
	position: absolute;
	top: 80px;
}

.whycircularAnimate ul h3 {
	font-size: 30px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -0.38px;
	color: #152246;
	margin: 0;
	margin-bottom: 5px;
}

.whycircularAnimate ul li h4 {
	margin: 0;
	font-size: 20px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: -0.3px;
	color: #2e374e;
	padding: 0;
	padding-left: 50px;
	position: relative;
	border-radius: 20.7px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	background-color: #fff;
	padding-right: 16px;
}

.whycircularAnimate ul li h4 img {
	width: 40px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.whycircularAnimate ul h3 i {
	font-style: normal;
}

.whycircularAnimate ul li {
	text-align: center;
	position: absolute;
	top: 80px;
}

.whycircularAnimate ul li:nth-child(1):after {
	right: -29px;
}

.whycircularAnimate ul li:nth-child(2):after {
	left: -55px;
}

.whycircularAnimate ul li:nth-child(2) {
	right: 110px;
	top: 100px;
}

.whycircularAnimate ul li:nth-child(3) {
	bottom: 100px;
	top: inherit;
	left: 50px;
}

.whycircularAnimate ul li:nth-child(3):after {
	right: 0;
}

.whycircularAnimate ul li:nth-child(4):after {
	left: 0;
	top: -35px;
}

.whycircularAnimate ul li:nth-child(4) {
	right: 100px;
	top: inherit;
	bottom: 100px;
}

.whycircularAnimate figcaption strong {
	border-radius: 16px;
	background-image: linear-gradient( 68deg, #ff6e45 2%, #e7c41d 100%);
	display: inline-block;
	padding: 0 32px;
	font-size: 58px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff
}

.whycircularAnimate figcaption:before {
	content: "";
	width: 87%;
	height: 87%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	border: 10px solid #038fe2;
	border-radius: 50%;
	border-left-color: transparent;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite
}

.analyticsLine .why-choose-list li sup {
	position: absolute;
	right: 0;
	left: -20px;
	margin: auto;
	display: flex;
	align-items: center;
	top: 90px;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
}

ul.why-choose-list.why-choose-rewamp.twoByTwoSpex:before {
	bottom: inherit;
	top: 200px;
}

body .why-choose-rewamp.twoByTwoSpex i.comonAlgebra {
	bottom: inherit;
	left: 0;
	background-color: #fff;
	border-color: #9ca6c3;
	color: #000;
	top: 175px;
}

.colorOranegGredient {
	background-image: linear-gradient(80deg, #ff6e45 2%, #e7c41d 100%)!important
}

.colorOranegGredient:hover {
	background-image: linear-gradient(80deg, #e7c41d 2%, #ff6e45 100%)!important
}

.slider .slide-track .slide:nth-child(even) {
	position: relative;
	bottom: -15px;
}

.slider .slide-track .slide:nth-child(odd) {
	position: relative;
	top: -15px;
}


/*.clientitless{display:none}*/

@media(min-width:991px) and (max-height:650px) {
	.bannerWhy .row {
		height: auto;
	}
}

@media(max-width:991px) {
	.cnimatedArea {
		position: relative;
		width: 300px;
		padding: 0;
		margin-top: 10vh
	}
	.bannerWhy h1 b {
		font-size: 3.5vh;
		display: block;
		margin-bottom: 15px;
	}
	.bannerWhy h1 {
		font-size: 18px;
	}
	.bannerWhy .row {
		padding: 0 15px;
		height: calc(100vh - 50px) !important;
		padding-top: 50px;
	}
	.bannerWhy h1 br {
		display: none
	}
	img.commonUperImg.oneUp3 {
		left: 23px;
		top: 14px;
		width: 60px;
	}
	img.commonUperImg.oneUp2 {
		right: 22px;
		top: 9px;
		width: 55px;
	}
	img.commonUperImg.oneUp1 {
		left: 9px;
		right: 0;
		margin: auto;
		bottom: 33px;
		width: 75px;
		z-index: 1;
	}
	.orangeBowl {
		width: 11px;
		position: absolute;
		top: 38px;
		right: 67px;
	}
	img.blueBowl {
		width: 11px;
		position: absolute;
		top: 44px;
		left: 73px;
	}
	.bannerWhy {
		background-position: center bottom;
		background-repeat: no-repeat;
		background-image: url(https://royoapps.com/wp-content/uploads/2021/02/combined-shape-1.png), linear-gradient(to bottom, #ffffff, #f0f3fc 99%);
		background-size: inherit;
	}
	.smartBttnCommon a:before {
		left: 5px;
	}
	.smartBttnCommon a {
		font-size: 9px;
		padding: 4px 10px;
		padding-left: 20px;
	}
	.smartBttnCommon.smartBttn2 {
		top: 5px;
	}
	.smartBttnCommon:after,
	.smartBttnCommon a:after {
		display: none!important
	}
	.smartBttnCommon.smartBttn1 {
		left: 5px;
		top: -40px;
	}
	.smartBttnCommon.smartBttn1:before {
		content: "";
		position: absolute;
		width: 1px;
		height: 35px;
		border: 1px dashed #0571ff;
		right: 0;
		bottom: 0;
		top: 20px;
		margin: auto;
		left: 0;
	}
	.smartBttnCommon.smartBttn3 {
		right: 0;
		top: -40px;
	}
	.smartBttnCommon.smartBttn3:before {
		content: "";
		position: absolute;
		width: 1px;
		height: 35px;
		border: 1px dashed #0571ff;
		left: 0;
		bottom: 0;
		top: 20px;
		margin: auto;
		right: 0;
	}
	body .why-choose-rewamp.setter li {
		width: 100%!important;
		margin: 0;
		padding: 30px 15px!important;
		padding-right: 150px!important;
		text-align: left;
		background-image: linear-gradient(to bottom, #3958a3 -3%, #112353)
	}
	body .why-choose-rewamp.setter li img {
		position: absolute;
		width: 100px!important;
		height: 120px!important;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto!important;
	}
	body .why-choose-rewamp.setter li h4 {
		font-size: 21px;
		text-align: left;
		margin-top: 0;
	}
	body .why-choose-rewamp.setter li p {
		font-size: 14px;
		text-align: left;
		margin-bottom: 0;
	}
	body .why-choose-rewamp.setter li a {
		display: none
	}
	i.comonAlgebra {
		position: static;
		margin-bottom: 30px;
	}
	.blueCommon .royo-heading h4 {
		color: #fff;
		font-size: 20px;
	}
	.blueCommon .royo-heading h4 br {
		display: none
	}
	.blueCommon .royo-heading h4 b {
		display: block;
		margin-bottom: 5px;
	}
	.blueCommon {
		background-color: #1b3376;
		padding-top: 50px;
		padding-bottom: 50px;
		text-align: center;
	}
	.blueCommon {
		padding-top: 50px;
		padding-bottom: 50px;
		text-align: center;
	}
	.whycircularAnimate {
		padding: 50px 0;
	}
	.whycircularAnimate ul {
		display: none
	}
	.whycircularAnimate figcaption {
		max-width: 250px;
		height: 250px;
		margin: auto;
		text-align: center;
		padding: 40px;
	}
	.whycircularAnimate figcaption {
		max-width: 300px;
		height: 300px;
		margin: auto;
		text-align: center;
		padding: 60px;
	}
	.whycircularAnimate figcaption:before {
		content: "";
		width: 87%;
		height: 87%;
		border-width: 3px;
	}
	.whycircularAnimate figcaption strong {
		border-radius: 10px;
		background-image: linear-gradient( 68deg, #ff6e45 2%, #e7c41d 100%);
		display: inline-block;
		padding: 0 22px;
		font-size: 30px;
	}
	.whycircularAnimate figcaption h4 {
		font-size: 22px;
	}
	.whycircularAnimate figcaption p {
		font-size: 12px;
	}
	.whycircularAnimate {
		padding: 50px 0;
		padding-bottom: 0;
	}
	.cta-royo-text .royo-heading h4 {
		font-size: 26px;
	}
	.cta-royo-text .royo-heading p {
		font-size: 14px;
	}
	.cta-royo-text a {
		display: none
	}
	.cta-royo-text span {
		padding: 15px;
		text-align: center;
		font-size: 18px;
		line-height: 1.3;
	}
	.extraStats {
		display: none
	}
	.cta-royo-image {
		order: 2;
	}
	.royo-heading h4 {
		font-size: 26px;
	}
	/*.blueeMobile{background-color:#1b3376}*/
	body .why-choose-rewamp.twoByTwoSpex li {
		width: 100%!important;
		margin: 0!important;
	}
	.why-choose-list:before {
		display: none
	}
	body .why-choose-rewamp.twoByTwoSpex li h4 {
		color: #152246;
		font-size: 20px
	}
	body .why-choose-rewamp.twoByTwoSpex li p {
		font-size: 16px
	}
	body .why-choose-rewamp.twoByTwoSpex li img {
		margin-top: 0!important;
		height: auto!important;
		max-width: 300px!important;
		width: 100%!important;
	}
	.royo-heading h4 br {
		display: none
	}
	body .why-choose-rewamp.twoByTwoSpex i.comonAlgebra {
		margin-top: 0;
		margin-bottom: 5px;
	}
	.circlelo {
		width: 100px;
		height: 100px;
	}
	.circlelo img {
		position: absolute;
		left: 0;
		right: 0;
		width: 95px;
		height: 95px;
	}
	.slider {
		background: transparent;
		margin: 10px auto;
	}
	.slider .slide {
		height: 270px;
	}
	.margin-top-50 {
		margin-top: 30px;
	}
	.analyticsLine .why-choose-list li {
		padding: 15px;
		padding-left: 60px;
	}
	.analyticsLine .why-choose-list li img {
		width: 50px!important;
		height: 50px!important;
		position: absolute;
		left: 9px;
		top: 15px;
		margin: 0!important;
	}
	.analyticsLine .why-choose-list li a {
		display: none
	}
	.analyticsLine .why-choose-list li {
		padding: 15px;
		padding-left: 80px;
	}
	.analyticsLine .why-choose-list li h4 {
		margin: 0;
		font-size: 18px;
	}
	.analyticsLine .why-choose-list li p {
		font-size: 14px;
		margin: 0;
		margin-top: 10px;
	}
	.analyticsLine {
		background-image: none
	}
	.analyticsLine .why-choose-list li {
		padding: 15px;
		padding-left: 80px;
		margin: 0;
		border-radius: 0;
		background-color: transparent;
		box-shadow: none;
		margin-bottom: 0!important;
	}
	.analyticsLine .why-choose-list li sup {
		display: none
	}
	.royo-heading h4 b br {
		display: none
	}
	.tabberStats {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.tabberStats li a {
		background-color: transparent!important;
		padding: 7px;
	}
	.tabberStats li img {
		width: 42px;
	}
	.tabberContent {
		text-align: center;
	}
	.tabberContent h3 {
		font-size: 30px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.3;
		letter-spacing: -0.38px;
		text-align: center;
		color: #152246;
		margin: 0;
	}
	.tabberContent p {
		font-size: 16.2px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.33;
		letter-spacing: -0.3px;
		text-align: center;
		color: #2e374e;
		margin: 0;
		margin: 0;
	}
	.tabberStats li.active a {
		border: 1px solid #308cff;
		border-radius: 50%;
		position: relative
	}
	.tabberStats li.active a:before {
		content: "";
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #308cff;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -9px;
		margin: auto;
	}
	.cta-royo-text span {
		position: relative
	}
	.cta-royo-text span:before {
		content: "";
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #e6ebff;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -15px;
		margin: auto;
	}
	.blueeMobile {
		background-color: #1b3376;
		margin-top: 0;
		padding-top: 30px;
	}
	.blueeMobile h4,
	.blueeMobile p {
		color: #fff!important
	}
	.analyticsLine .why-choose-list li p {
		display: none
	}
	.analyticsLine .why-choose-list li.active p {
		display: block
	}
	.topNewBannerHead {
		font-size: 16px;
	}
	.equalAlgebra {
		background-color: #ff6d26!important;
		border-color: #ffbf97!important;
	}
}
/* Why Us Page Inline Css End */

/* Dispatcher Page Inline Css Start */
/* ---------------------------------------- */
/* A F T E R    B E F O R E    S T Y L E
/* ---------------------------------------- */
#before-after {
	position: relative;
	width: 650px;
	height: 434px;
	z-index: 1;
}

#before-after img {
	max-width: none;
}

.view {
	position: absolute;
	width: 100%;
	height: 550px;
	overflow: hidden;
}

.view-before {
	z-index: 100;
}

.view-after {
	z-index: 200;
}

#dragme {
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #4789f6;
	cursor: pointer;
	z-index: 300;
}

#dragme .icon-drag {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 3%;
	left: -15px;
	margin-top: -15px;
	z-index: 99999;
	border: 5px solid #fff;
	border-radius: 50%;
	background-image: linear-gradient( 318deg, #0a8bfd 99%, #1dd8e7 -7%);
}

.wrapper-after,
.wrapper-before {
	position: relative;
	height: 100%;
	width: 650px!important
}

.wrapper-after .img-bird-wrapper,
.wrapper-before .img-bird-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
	top: 50%;
	margin-top: -270px;
	z-index: 9;
}

.img-bird-wrapper {
	max-width: 650px;
	height: auto;
	display: block;
	width: 100%
}

.img-bird-wrapper img {
	width: 100%;
	height: auto;
}

.shadown-bird {
	background: url(https://static.enginethemes.com/main/img/shadow.png) no-repeat center center;
	width: 240px;
	height: 25px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 25%;
}

.tooltip-item {
	width: 20px;
	height: 20px;
	margin: -15px 0 0 -15px;
	position: absolute;
	border-radius: 50%;
	border: 2px solid;
	-webkit-animation: pulse-item 0.6s infinite alternate;
	animation: pulse-item 0.6s infinite alternate;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@-webkit-keyframes pulse-item {
	from {
		-webkit-transform: scale3d(0.5, 0.5, 1);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse-item {
	from {
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.wrapper-after .tooltip-item {
	border-color: #fff;
}

.wrapper-after .tooltip-item:hover {
	background: #fff;
}

.wrapper-before .tooltip-item {
	border-color: #4789f6;
}

.wrapper-before .tooltip-item:hover {
	background: #4789f6;
}

.wrapper-after .tooltip-item.tooltip-item-1 {
	left: 55px;
	top: 130px;
}

.wrapper-after .tooltip-item.tooltip-item-2 {
	left: 140px;
	bottom: 10px;
}

.wrapper-after .tooltip-item.tooltip-item-3 {
	right: 155px;
	top: 220px;
}

.wrapper-after .tooltip-item.tooltip-item-4 {
	right: 210px;
	bottom: 70px;
}

.wrapper-before .tooltip-item.tooltip-item-1 {
	left: 55px;
	top: 130px;
}

.wrapper-before .tooltip-item.tooltip-item-2 {
	left: 140px;
	bottom: 10px;
}

.wrapper-before .tooltip-item.tooltip-item-3 {
	right: 155px;
	top: 220px;
}

.wrapper-before .tooltip-item.tooltip-item-4 {
	right: 210px;
	bottom: 70px;
}

.content-before-after {
	width: 1170px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	margin-top: -70px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.content-before-after .content-right {
	width: 285px;
	float: left;
}

.content-before-after .content-right h3 {
	color: #fefeff;
}

.content-before-after.left-position .content-right h3 {
	color: #445963;
}

.content-before-after .content-left h3 {
	color: #fefeff;
}

.content-before-after.left-position .content-left h3 {
	color: #445963;
}

.content-before-after.right-position .btn-header {
	background: none;
	border: 2px solid #fff;
}

.content-before-after.left-position .btn-header {
	background: none;
	border: 2px solid #eb5155;
	color: #eb5155;
}

.content-before-after.left-position .btn-header:hover {
	color: #fff;
}

.content-before-after.right-position .btn-header:hover {
	background: #fff;
}

.content-before-after .content-left {
	width: 300px;
	float: right;
	text-align: right;
	position: relative;
	right: -25px;
}

.content-before-after.right-position .content-detail-wrapper h3 {
	color: #fff;
}

.content-before-after.right-position .content-detail-wrapper h3 span.color-main {
	color: #445963;
}

.content-before-after .content-detail-wrapper .img-position {
	width: 35px;
	height: 35px;
	border: 1px solid #d94d51;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}

.content-before-after.right-position .content-detail-wrapper .img-position {
	border-color: #fff;
}

.content-before-after .content-detail-wrapper .img-position img {
	width: 100%;
	height: auto;
}

.content-before-after .content-left ul li {
	display: none;
	position: absolute;
}

.content-before-after .content-left ul li.active {
	display: block;
}

.bannerBlocks {
	width: 100%;
	height: auto;
	align-content: center;
	justify-content: center;
	overflow: hidden;
	margin-top: 0;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/01/group-97@3x-1.jpg);
	display: flex;
	flex-wrap: wrap;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 150px;
	padding-bottom: 40px;
}

.modeClassified {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 1;
}

.royo-heading p {
	font-size: 22px;
	margin-bottom: 20px;
}

.listingList {
	background-color: #1b3376;
	padding: 50px 0;
}

.listingList ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.listingList ul li {
	width: 16.666%;
	text-align: center;
	padding: 30px;
}

.listingList ul li img {
	width: 60px;
	margin-bottom: 15px;
}

.listingList ul li h4 {
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	margin: 0;
}

.royo-slider-images .carousel-inner .sliderTexter {
	position: absolute;
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: normal;
	color: #152246;
	width: 430px;
	top: 0;
	bottom: 0;
	display: flex;
	margin: 0;
	align-items: center;
}

.royo-slider-images .carousel-inner .item {
	padding-left: 450px;
}

.royo-slider-images .carousel-inner .item img {
	width: 100%;
	height: 450px;
	object-fit: scale-down;
}

.royo-slider-text ol {
	margin-top: 40px;
	position: relative;
	overflow: hidden;
	left: 0;
	margin-top: 60px;
}

.royo-slider-text ol:before {
	width: 100%;
	content: "";
	height: 3px;
	background-color: #cee8e7;
	position: absolute;
}

.royo-slider-text li {
	border: none!important;
	width: 25%!important;
	box-shadow: none!important;
	padding: 15px;
	position: relative;
	padding-top: 30px;
	background-color: transparent!important;
	overflow: hidden
}

.royo-slider-text ol li img {
	position: static;
	filter: grayscale(1) invert(1) brightness(0);
	height: 40px;
	object-fit: contain;
}

.royo-slider-text ol li.active img {
	filter: none;
}

.royo-slider-text ol li h4 {
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: normal;
	color: #152246;
	margin: 20px 0;
	margin-bottom: 15px;
}

.royo-slider-text ol li p {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #152246;
	margin: 0;
}

.royo-slider-text ol.carousel-indicators li:before {
	content: ""!important;
	display: block!important;
	top: 0;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	right: 0;
}

.royo-slider-text ol.carousel-indicators li:after {
	content: ""!important;
	display: block!important;
	top: 0;
	width: 100%;
	height: 3px;
	position: absolute;
	background: none;
	background-color: transparent;
	left: 0;
	right: 0;
	z-index: 1;
	transition: .5s
}

.royo-slider-text ol.carousel-indicators li.active:after {
	animation: 4s in-out forwards;
	width: 100%;
	background: linear-gradient(to right, #1ed3e8 0%, #1dd8e7 0%, #308cff 100%);
}

.gredientOrange .royo-slider-text ol.carousel-indicators li.active:after {
	animation: 4s in-out forwards;
	width: 100%;
	background: linear-gradient(to right, #e7c41d 0%, #e7c41d 0%, #ff6e67 100%);
}

@keyframes in-out {
	0% {
		left: -100%
	}
	50% {
		left: 0%
	}
	100% {
		left: 100%;
		/* but starting to "disappear" from left to right, just like the way it appears */
	}
}

.gredientBlue {
	padding: 50px;
	background-image: linear-gradient(to right, #dbffec 0%, #dbffec 0%, #dceeff 100%);
}

.gredientOrange {
	padding: 50px;
	background-image: linear-gradient(to right, #fffcf0 0%, #fffcf0 0%, #ffe9e9 100%);
}


/*.gredientOrange .royo-slider-text ol.carousel-indicators li:after{    background: linear-gradient(to right, #e7c41d 0%,#e7c41d 0%,#ff6e67 100%)}*/

.CtassCont {
	background-color: #f9dcc7;
}

.CtassCont .row-flexible-center {
	justify-content: space-between;
	padding: 20px 50px;
}

.CtassCont .row-flexible-center h4 {
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #152246;
}

.CtassCont .row-flexible-center a {
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #152246;
	padding-right: 50px;
	position: relative;
	cursor: pointer
}

.CtassCont .row-flexible-center a:before {
	content: "→";
	position: absolute;
	right: 0;
	font-size: 24px;
	top: 0;
	bottom: 0;
	line-height: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	animation: bower 2s infinite
}

@-webkit-keyframes bower {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(-10px);
	}
	60% {
		transform: translateX(-5px);
	}
}

@keyframes bower {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(-10px);
	}
	60% {
		transform: translateX(-5px);
	}
}

.gredientOrange .royo-slider-text ol:before {
	background-color: #f1e4df;
}

.accodifyText .panel-group .panel-heading {
	border-bottom: 0;
	padding: 0;
}

.accodifyText .panel {
	box-shadow: none;
}

.accodifyText .panel-body {
	border: none!important;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #152246;
	margin-bottom: 30px;
}

.accodifyText .panel-group {
	border: none;
	margin: 0;
	padding-left: 60px;
}

.accodifyText .panel-group .panel:nth-of-type(2) {
	border: 1px solid #979797;
	border-left: none;
	border-right: none;
	border-radius: 0;
}

.accodifyText .panel-group .panel .panel-title a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #152246;
	position: relative;
	padding: 25px 0;
	padding-right: 50px;
	pointer-events: none
}

.accodifyText .panel-group .panel .panel-title a.collapsed {
	pointer-events: auto;
}

.accodifyText .panel-group .panel .panel-title a.collapsed img {
	filter: grayscale(1) invert(1) brightness(0);
}

.accodifyText .panel-group .panel .panel-title a img {
	position: absolute;
	width: 40px;
	left: -60px;
	top: 0;
	bottom: 0;
	margin: auto;
	filter: none;
	height: 40px;
	object-fit: scale-down;
}

.accodifyText>h4 {
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: normal;
	color: #152246;
	margin: 0;
	margin-bottom: 20px;
}

.cta-royo-last {
	padding: 65px 45px;
	background-image: none;
	background-color: #f0f2f6;
	margin: 70px 0;
	margin-bottom: 0;
}

.cta-royo-last h4 {
	font-size: 36px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.28;
	letter-spacing: normal;
	color: #152246
}

span.settingAllImages {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}

span.settingAllImages img:nth-child(1) {
	width: 25%;
	padding: 0 30px;
}

span.settingAllImages img:nth-child(2) {
	width: 50%
}

span.settingAllImages img:nth-child(3) {
	width: 25%;
	padding: 0 30px;
}

.disbluBack {
	background-color: #1b3376;
	padding: 70px 0;
	position: relative;
	padding-top: 230px;
	margin-top: -200px;
}

.disbluBack .ctaCommon h4 {
	font-size: 36px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.28;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}

.disbluBack .ctaCommon {
	text-align: center;
	padding: 0 150px;
	border-top: 1px solid #fff;
	margin-top: 40px;
	padding-top: 70px;
}

.margin-bottom-50 {
	margin-bottom: 40px;
}

.seprateBtnn {
	cursor: pointer;
	font-size: 17.1px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.25px;
	color: #2484ff
}

.accodifyText.left .panel-group {
	border: none;
	margin: 0;
	padding-left: 60px;
	padding-right: 60%;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}

.accodifyText.left .panel-group .panel .panel-collapse img {
	width: 600px;
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	transform: scale(0);
	opacity: 0;
}

.accodifyText.left .panel-group .panel .panel-collapse.in img {
	opacity: 1;
	transition: .5s;
	transform: scale(1);
}

.accodifyText.right .panel-group {
	border: none;
	margin: 0;
	padding-left: 62%;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}

.accodifyText.right .panel-group .panel .panel-collapse img {
	width: 600px;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: scale(0);
	opacity: 0;
}

.accodifyText.right .panel-group .panel .panel-collapse.in img {
	opacity: 1;
	transition: .5s;
	transform: scale(1);
}

.accordianceHeading {
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: normal;
	color: #152246;
	margin-left: -60px;
	margin-bottom: 30px;
	margin-top: 0;
}

.accodifyText .panel-group .panel .panel-title a:before {
	content: "✕";
	position: absolute;
	right: 0;
	transform: rotate( 0deg);
	transition: .5s;
}

.accodifyText .panel-group .panel .panel-title a.collapsed:before {
	content: "✕";
	transform: rotate( 45deg);
}

@media(max-width:1200px) {
	.accodifyText.right .panel-group .panel .panel-collapse img {
		width: 500px;
	}
	.accodifyText.left .panel-group .panel .panel-collapse img {
		width: 500px;
	}
}

@media(max-width:991px) {
	.container {
		width: 100%;
	}
	.royo-heading h4 {
		font-size: 24px;
	}
	.royo-heading p {
		font-size: 18px;
	}
	.listingList ul {
		flex-wrap: nowrap;
		overflow-x: auto;
	}
	.listingList ul {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-left: -15px;
		margin-right: -15px;
		padding: 15px;
	}
	.listingList ul li img {
		width: 30px;
		margin-bottom: 8px;
	}
	.listingList ul li {
		min-width: calc(33.33% - 15px);
		text-align: center;
		padding: 5px;
		border-radius: 8px;
		border: solid 1px rgba(255, 255, 255, 0.18);
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.07), rgba(0, 0, 0, 0));
		margin-right: 15px;
		width: inherit;
	}
	.listingList ul li h4 {
		font-size: 12px;
	}
	.listingList {
		background-color: #1b3376;
		padding: 15px 0;
	}
	.royo-section {
		margin-top: 0;
	}
	.gredientBlue {
		padding: 30px;
	}
	.royo-slider-images .carousel-inner .sliderTexter {
		position: absolute;
		font-size: 24px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.33;
		letter-spacing: normal;
		color: #152246;
		width: 100%;
		margin-bottom: 0;
		bottom: inherit;
		top: -80px;
	}
	.royo-slider-images .carousel-inner .item {
		padding-left: 0;
	}
	.royo-slider-images {
		order: 1;
	}
	.royo-slider-images .carousel-inner .item img {
		height: auto;
		width: 100%;
		max-width: 100%!important;
	}
	.royo-slider-images .carousel-inner .item.active img {
		width: 100%;
		height: auto;
		object-fit: scale-down;
		max-width: 100%!important;
	}
	.royo-slider-text ol:before,
	.royo-slider-text ol li:after,
	.royo-slider-text ol.carousel-indicators li:before,
	.royo-slider-text ol.carousel-indicators li:after {
		display: none!important
	}
	.royo-slider-text ol li {
		width: 100%!important;
		padding: 0;
	}
	.royo-slider-text ol li p {
		display: none
	}
	.royo-slider-text ol li.active p {
		display: block
	}
	.royo-slider-text ol li h4 {
		padding: 15px;
		padding-left: 55px;
		margin: 0;
	}
	.royo-slider-text ol li img {
		height: 30px;
		position: absolute;
		left: 0;
		top: 15px;
	}
	.royo-slider-text ol {
		margin-top: 30px;
	}
	.royo-section {
		margin-top: 0;
		padding-bottom: 0;
	}
	.gredientOrange {
		padding: 30px;
	}
	.carousel-inner {
		margin-top: 80px;
		overflow: visible;
	}
	.CtassCont {
		background-color: #1b3376;
	}
	.CtassCont .row-flexible-center {
		justify-content: space-between;
		padding: 15px;
		text-align: center;
	}
	.CtassCont .row-flexible-center h4 {
		font-size: 22px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.4;
		letter-spacing: normal;
		color: #fff;
	}
	.CtassCont .row-flexible-center a {
		color: #fff;
		margin: auto;
		margin-bottom: 15px;
		margin-top: 10px;
		padding: 0;
	}
	.CtassCont .row-flexible-center a b {
		display: none
	}
	.CtassCont .row-flexible-center a:before {
		width: 50px;
		height: 50px;
		background-image: linear-gradient(to right, #1ed3e8 0%, #1dd8e7 0%, #308cff 100%);
		border-radius: 50%;
		align-items: center;
		justify-content: center;
		position: static;
	}
	.accordianceHeading {
		margin: 0;
		font-size: 24px;
		padding-bottom: 270px;
	}
	.accodifyText.right .panel-group {
		padding: 0;
	}
	.accodifyText.left .panel-group {
		padding: 0;
	}
	body .accodifyText.col-sm-12 .panel-group .panel .panel-collapse img {
		width: 100%;
		height: 240px;
		top: 85px;
		bottom: inherit;
		object-fit: contain;
		object-position: center;
	}
	.accodifyText {
		margin-top: 30px;
	}
	.accodifyText .panel-group .panel .panel-title a img {
		position: absolute;
		width: 40px;
		left: 0;
	}
	.accodifyText .panel-group .panel .panel-title a {
		padding-left: 60px;
	}
	.cta-royo-last {
		padding: 30px 15px;
		margin: 35px 15px!important;
	}
	.cta-royo-last h4 {
		font-size: 22px;
	}
	.disbluBack {
		padding: 15px;
		margin: 0;
		padding-bottom: 25px;
	}
	.disbluBack .ctaCommon {
		padding: 15px;
		border: none;
		margin: 0;
	}
	.disbluBack .ctaCommon h4 {
		font-size: 22px;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.accodifyText .panel-group .panel .panel-title a:before {
		display: none!important
	}
	span.settingAllImages img:nth-child(1) {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.royo-heading p br {
		display: none
	}
	.seprateBtnn {
		padding: 15px;
		font-size: 16px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.19;
		letter-spacing: normal;
		color: #2892ff;
		display: inline-block;
		padding-left: 50px;
		position: relative;
	}
	.seprateBtnn:before {
		width: 35px;
		height: 35px;
		background-image: linear-gradient(to right, #1ed3e8 0%, #1dd8e7 0%, #308cff 100%);
		border-radius: 50%;
		align-items: center;
		justify-content: center;
		position: absolute;
		content: "→";
		font-size: 20px;
		display: flex;
		color: #fff;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		animation: bower 2s infinite;
	}
	.col-md-12.col-xs-12.col-sm-12.accodifyText {
		padding: 0 30px;
	}
}

@media(max-width:767px) {
	.foote-copyrights p {
		width: 100%;
		border-top: 1px solid #ddd;
		padding-top: 10px;
		order: 1;
		margin-top: 10px;
	}
}
@media(max-width:700px) {
	.wrapper-after,
	.wrapper-before {
		height: 100%;
		width: 300px!important;
	}
	.bannerBlocks {
		padding-top: 90px;
		padding-bottom: 20px;
	}
	#before-after {
		position: relative;
		width: 300px;
		height: 204px;
		z-index: 1;
	}
}
/* Dispatcher Page Inline Css End */

/* Adv Feature Page Inline Css Start */
.advflistingList {
	background-color: #1b3376;
	padding: 50px 0;
}

.advflistingList ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.advflistingList ul li {
	width: 25%;
	text-align: center;
	padding: 30px;
}

.advflistingList ul li img {
	width: 60px;
	margin-bottom: 0;
	margin-right: 15px;
	vertical-align: middle;
}

.advflistingList ul li h4 {
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	margin: 0;
}

.advfsliderTexter {
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: normal;
	color: #152246;
	margin-bottom: 50px;
}

.royo-slider-images .carousel-inner .advfsliderTexter {
	position: absolute;
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: normal;
	color: #152246;
	width: 430px;
	top: 0;
	bottom: 0;
	display: flex;
	margin: 0;
	align-items: center;
}

.cstm .royo-slider-text ol {
	margin-top: 0;
	position: relative;
	overflow: hidden;
	left: 0;
	padding-left: 0;
	bottom: 0;
}

.cstm .royo-slider-text ol:before {
	width: 2px;
	content: "";
	height: 100%;
	background-color: #cee8e7;
	position: absolute;
	left: 0;
}

.cstm .royo-slider-text li {
	border: none!important;
	width: 100%!important;
	box-shadow: none!important;
	padding: 0;
	position: relative;
	padding-left: 80px;
	background-color: transparent!important;
	overflow: hidden;
	margin: 0;
}

.cstm .royo-slider-text ol li img {
	filter: grayscale(1) invert(1) brightness(0);
	height: 30px;
	object-fit: contain;
	position: absolute;
	left: 20px;
	width: 40px;
	top: 0;
}

.cstm .royo-slider-text ol li.active img {
	filter: none;
}

.cstm .royo-slider-text ol li h4 {
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: normal;
	color: #152246;
	margin: 0;
	margin-bottom: 0;
}

.cstm .royo-slider-text ol li p {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #152246;
	margin: 10px 0;
	opacity: 0.8;
}

.cstm .royo-slider-text ol.carousel-indicators li:before {
	content: ""!important;
	display: block!important;
	top: 0;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
}

.cstm .royo-slider-text ol.carousel-indicators li:after {
	content: ""!important;
	display: block!important;
	top: 0;
	width: 3px;
	height: 100%;
	position: absolute;
	background: none;
	background-color: transparent;
	left: 0;
	right: 0;
	z-index: 1;
	transition: .5s
}

.cstm .royo-slider-text ol.carousel-indicators li.active:after {
	animation: 4s in-out forwards;
	height: 100%;
	background: linear-gradient(to right, #1ed3e8 0%, #1dd8e7 0%, #308cff 100%);
}

.cstm .gredientOrange .royo-slider-text ol.carousel-indicators li.active:after {
	animation: 4s in-out forwards;
	height: 100%;
	background: linear-gradient(to right, #e7c41d 0%, #e7c41d 0%, #ff6e67 100%);
}

.cstm .gredientOrange .royo-slider-text ol:before {
	background-color: #f1e4df
}

@keyframes in-out {
	0% {
		top: -100%
	}
	50% {
		top: 0%
	}
	100% {
		top: 100%;
		/* but starting to "disappear" from left to right, just like the way it appears */
	}
}

.advfaccodifyText .panel-group .panel-heading {
	border-bottom: 0;
	padding: 0;
}

.advfaccodifyText .panel {
	box-shadow: none
}

.advfaccodifyText .panel-body {
	border: none!important;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #152246;
	margin-bottom: 30px;
}

.advfaccodifyText .panel-group {
	border: none;
	margin: 0;
	padding-left: 60px;
}

.advfaccodifyText .panel-group .panel:nth-of-type(2) {
	border: 1px solid #979797;
	border-left: none;
	border-right: none;
	border-radius: 0;
}

.advfaccodifyText .panel-group .panel .panel-title a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #152246;
	position: relative;
	padding: 25px 0;
	padding-right: 50px;
	pointer-events: none
}

.advfaccodifyText .panel-group .panel .panel-title a.collapsed {
	pointer-events: auto;
}

.advfaccodifyText .panel-group .panel .panel-title a.collapsed img {
	filter: grayscale(1) invert(1) brightness(0);
}

.advfaccodifyText .panel-group .panel .panel-title a img {
	position: absolute;
	width: 40px;
	left: -60px;
	top: 0;
	bottom: 0;
	margin: auto;
	filter: none;
	height: 40px;
	object-fit: scale-down;
}

.advfaccodifyText>h4 {
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: normal;
	color: #152246;
	margin: 0;
	margin-bottom: 20px;
}

.advfbluBack {
	background-color: #1b3376;
	padding: 70px 0;
	position: relative;
	margin-top: 40px;
}

.advfctaCommon h4 {
	font-size: 36px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.28;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}

.advfctaCommon {
	text-align: center;
	padding: 0 150px;
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.advfaccodifyText.left .panel-group {
	border: none;
	margin: 0;
	padding-left: 60px;
	padding-right: 60%;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}

.advfaccodifyText.left .panel-group .panel .panel-collapse img {
	width: 340px;
	position: absolute;
	display: block;
	right: 100px;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	transform: scale(0);
	opacity: 0;
}

.advfaccodifyText.left .panel-group .panel .panel-collapse.in img {
	opacity: 1;
	transition: .5s;
	transform: scale(1);
}

.advfaccodifyText.right .panel-group {
	border: none;
	margin: 0;
	padding-left: 62%;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}

.advfaccodifyText.right .panel-group .panel .panel-collapse img {
	width: 340px;
	position: absolute;
	display: block;
	left: 100px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: scale(0);
	opacity: 0;
}

.advfaccodifyText.right .panel-group .panel .panel-collapse.in img {
	opacity: 1;
	transition: .5s;
	transform: scale(1);
}



.advfaccodifyText .panel-group .panel .panel-title a:before {
	content: "✕";
	position: absolute;
	right: 0;
	transform: rotate( 0deg);
	transition: .5s;
}

.advfaccodifyText .panel-group .panel .panel-title a.collapsed:before {
	content: "✕";
	transform: rotate( 45deg);
}

.cstm .royo-slider-images .carousel-inner .item {
	padding-left: 0;
}

.BannerCtaa .row {
	height: 100vh
}

.bannerImageRIght img {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
	z-index: 2;
}

.bannerTextLeft h4 {
	font-size: 38px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.23;
	letter-spacing: normal;
	color: #152246;
	margin-bottom: 30px;
	margin-top: 0;
}

.bannerImageRIght {
	background-image: url(https://royoapps.com/wp-content/uploads/2021/02/group-67@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 60px;
	top: 60px;
}

.bannerImageRIght:before {
	content: "";
	position: absolute;
	width: 60%;
	height: 60%;
	background-image: url(https://royoapps.com/wp-content/uploads/2021/02/group-17-copy@2x.png);
	right: -50px;
	margin: auto;
	top: -50px;
	background-size: contain;
	z-index: 1;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
	background-position: center;
	background-repeat: no-repeat;
}

img.iconImageCircle {
	width: 120px;
	position: absolute;
	right: 90px;
	bottom: 0;
	margin: auto;
	z-index: 3;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite
}

.BannerCtaa {
	background-image: linear-gradient(to bottom, #fff, #eef2fe)
}

.settingAlongAlone {
	background-image: radial-gradient(circle at 80% 60%, #3a62ae, #1b3376 59%)
}

.settingAlongAlone.cta-royo-last h4{color:#fff; margin-bottom:30px;}

@media(max-width:1200px) {
	.advfaccodifyText.right .panel-group .panel .panel-collapse img {
		width: 500px;
	}
	.advfaccodifyText.left .panel-group .panel .panel-collapse img {
		width: 500px;
	}
}

@media(min-width:1200px) {
	.advfaccodifyText.left .panel-group .panel .panel-collapse img {
		height: 500px;
		object-fit: scale-down;
		width: 550px;
		right: 0;
		background-image: url(https://royoapps.com/wp-content/uploads/2021/02/group-17-copy@2x.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.advfaccodifyText.right .panel-group .panel .panel-collapse img {
		height: 500px;
		object-fit: scale-down;
		width: 550px;
		left: 0;
		background-image: url(https://royoapps.com/wp-content/uploads/2021/02/group-17-copy@2x.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
}

@media(max-width:991px) {
	.panel-title {
		margin-top: 20px;
	}
	.settingAlongAlone {
		text-align: center;
	}
	.bannerTextLeft h4 {
		font-size: 3.5vh;
		margin-bottom: 2vh;
	}
	.container {
		width: 100%;
	}
	.royo-heading h4 {
		font-size: 24px;
	}
	.royo-heading p {
		font-size: 18px;
	}
	.advflistingList ul {
		flex-wrap: nowrap;
		overflow-x: auto;
	}
	.advflistingList ul {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-left: -15px;
		margin-right: -15px;
		padding: 15px;
	}
	.advflistingList ul li img {
		width: 30px;
		display: block;
		margin: auto;
		margin-bottom: 8px;
	}
	.advflistingList ul li {
		min-width: calc(33.33% - 15px);
		text-align: center;
		padding: 5px;
		border-radius: 8px;
		border: solid 1px rgba(255, 255, 255, 0.18);
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.07), rgba(0, 0, 0, 0));
		margin-right: 15px;
		width: inherit;
	}
	.advflistingList ul li h4 {
		font-size: 12px;
	}
	.advflistingList {
		background-color: #1b3376;
		padding: 15px 0;
	}
	.royo-section {
		margin-top: 0;
	}
	.gredientBlue {
		padding: 30px;
	}
	.royo-slider-images .carousel-inner .advfsliderTexter {
		position: absolute;
		font-size: 24px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.33;
		letter-spacing: normal;
		color: #152246;
		width: 100%;
		margin-bottom: 0;
		bottom: inherit;
		top: -80px;
	}
	.royo-slider-images.padding-left .carousel-inner .item {
		padding-left: 0;
	}
	.royo-slider-images {
		order: 1;
	}
	.royo-slider-images .carousel-inner .item img {
		height: auto;
		width: 100%;
		max-width: 100%!important;
	}
	.royo-slider-images .carousel-inner .item.active img {
		width: 100%;
		height: auto;
		object-fit: scale-down;
		max-width: 100%!important;
	}
	.cstm .royo-slider-text ol:before,
	.cstm .royo-slider-text ol li:after,
	.cstm .royo-slider-text ol.carousel-indicators li:before,
	.cstm .royo-slider-text ol.carousel-indicators li:after {
		display: none!important
	}
	.cstm .royo-slider-text ol li {
		width: 100%!important;
		padding: 0;
	}
	.cstm .royo-slider-text ol li p {
		display: none
	}
	.cstm .royo-slider-text ol li.active p {
		display: block
	}
	.cstm .royo-slider-text ol li h4 {
		padding: 15px;
		padding-left: 55px;
		margin: 0;
	}
	.cstm .royo-slider-text ol li img {
		height: 30px;
		position: absolute;
		left: 0;
		top: 15px;
	}
	.cstm .royo-slider-text ol {
		margin-top: 30px;
	}
	.royo-section {
		margin-top: 20px;
		padding-bottom: 10px;
	}
	.gredientOrange {
		padding: 30px;
	}
	.carousel-inner {
		margin-top: 80px;
		overflow: visible;
	}
	.accordianceHeading {
		margin: 0;
		font-size: 24px;
		padding-bottom: 330px;
	}
	.advfaccodifyText.right .panel-group {
		padding: 0;
	}
	.advfaccodifyText.left .panel-group {
		padding: 0;
	}
	body .advfaccodifyText.col-sm-12 .panel-group .panel .panel-collapse img {
		width: 100%;
		height: 300px;
		top: 85px;
		bottom: inherit;
		object-fit: cover;
		object-position: center top;
	}
	.advfaccodifyText {
		margin-top: 30px;
	}
	.advfaccodifyText .panel-group .panel .panel-title a img {
		position: absolute;
		width: 40px;
		left: 0;
	}
	.advfaccodifyText .panel-group .panel .panel-title a {
		padding-left: 60px;
	}
	.advfctaCommon {
		padding: 15px;
		border: none;
		margin: 0;
	}
	.advfctaCommon h4 {
		font-size: 22px;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.advfaccodifyText .panel-group .panel .panel-title a:before {
		display: none!important
	}
	span.settingAllImages img:nth-child(1) {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.royo-heading p br {
		display: none
	}
	.seprateBtnn {
		padding: 15px;
		font-size: 16px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.19;
		letter-spacing: normal;
		color: #2892ff;
		display: inline-block;
		padding-left: 50px;
		position: relative;
	}
	.seprateBtnn:before {
		width: 35px;
		height: 35px;
		background-image: linear-gradient(to right, #1ed3e8 0%, #1dd8e7 0%, #308cff 100%);
		border-radius: 50%;
		align-items: center;
		justify-content: center;
		position: absolute;
		content: "→";
		font-size: 20px;
		display: flex;
		color: #fff;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		animation: bower 2s infinite;
	}
	.col-md-12.col-xs-12.col-sm-12.advfaccodifyText {
		padding: 0 30px;
	}
	.BannerCtaa .row {
		height: calc(100vh - 50px);
		flex-direction: column;
		justify-content: flex-end;
	}
	.bannerImageRIght {
		padding: 0;
		background-image: none;
		top: 0;
		margin-top: 4vh;
		margin-bottom: 3vh
	}
	.bannerImageRIght img {
		width: 100%;
		object-fit: scale-down;
		height: 45vh;
	}
	.advfsliderTexter {
		font-size: 28px;
		margin-bottom: 30px;
	}
	.advfsliderTexter {
		font-size: 28px;
		margin-bottom: 20px;
		margin-top: 40px;
	}
	.carousel-inner {
		margin-bottom: 20px;
	}
	.royo-slider-images .carousel-inner .item.active img,
	.royo-slider-images .carousel-inner .item img {
		height: 320px!important;
		object-fit: cover;
		object-position: center top
	}
	.cstm .royo-slider-text {
		order: 2;
	}
	.royo-slider-images {
		order: 1;
		position: relative;
		top: 20px;
		width: 100%;
		left: 0;
		right: 0;
	}
	.cstm .royo-slider-text ol {
		/* margin-top: 370px; */
	}
	.advfaccodifyText .panel-group .panel .panel-collapse.in img {
		left: 0;
	}
	img.iconImageCircle {
		display: none
	}
}

@media(max-width:700px) {
	.wrapper-after,
	.wrapper-before {
		height: 100%;
		width: 300px!important;
	}
	.bannerBlocks {
		padding-top: 50px;
	}
	#before-after {
		position: relative;
		width: 300px;
		height: 204px;
		z-index: 1;
	}
}
/* Adv Feature Page Inline Css End */

/* Additional Css Start*/
@media (max-width:991px){
	.item h4 {
		font-size: 12px;
	}
	footer.rewamp-footer .container .row {
		flex-direction: column;
	}
	ul#menu-clb-menu-1 li ul.sub-menu>li:hover {
		background-color: #2295e4;
		border-bottom-color: #f9fbff;
	}
}
@media (max-width:280px){
	.whycircularAnimate figcaption:before {
		width: 85%;
		height: 72%;
		bottom: 50px;
	}
	.whycircularAnimate figcaption h4 {
		font-size: 9px;
	}
	.whycircularAnimate figcaption strong {
		padding: 0 20px;
		font-size: 20px;
	}
	.whycircularAnimate figcaption p {
		font-size: 10px;
	}
}
@media (max-width:400px){
	.dispatcherBanner h1 {
		font-size: 32px;
	}
	.btn-register-header {
		padding: 10px 35px 10px 10px;
	}
	.circularAnimate figcaption {
		padding: 150px 0;
	}
	.circularAnimate figcaption h4 {
		font-size: 32px !important;
	}
	.circularAnimate ul li {
		margin: 0 0 0 -10px;
	}
	.circularAnimate ul li h4 img {
		width: 30px;
	}
	.circularAnimate ul h3 {
		font-size: 14px !important;
	}
	.circularAnimate ul li h4 {
		font-size: 10px !important;
		padding-left: 35px;
	}
	.circularAnimate ul li:nth-child(3) {
		bottom: 40px !important;
	}
	.circularAnimate ul li:nth-child(4) {
		bottom: 40px !important;
	}
	.headingLeftBorder h4 {
		font-size: 22px;
	}
	.item h4 {
		font-size: 11px;
	}
	.foutuner .leftyTesty h4 {
		font-size: 18px;
		font-weight: bold;
	}
	.headingCenter h4 {
		font-size: 25px;
		margin-top: 30px;
	}
	.halfColSideText ul li a {
		font-size: 14px;
		padding-left: 75px;
		width: 200px;
	}
	.ctaCommon h4 {
		font-size: 24px;
		padding: 5px;
	}
	.cnimatedArea {
		width: 272px;
	}
	/* .whycircularAnimate figcaption:before {
		width: 85%;
		height: 72%;
		bottom: 50px;
	}
	.whycircularAnimate figcaption h4 {
		font-size: 9px;
	}
	.whycircularAnimate figcaption strong {
		padding: 0 20px;
		font-size: 20px;
	}
	.whycircularAnimate figcaption p {
		font-size: 10px;
	} */
	.cstm .royo-slider-text ol {
		margin-top: 0;
	}
	.accordianceHeading {
		font-size: 20px;
	}
	.royo-slider-images .carousel-inner .sliderTexter {
		font-size: 20px;
	}
	.halfColSideText figcaption {
		margin-top: 20px;
	}
	.smallSizePicVer .tab-content img {
		height: 440px;
	}
	.bluBack {
		padding: 0 0;
		padding-bottom: 150px;
	}
}
@media (min-width:577px){
	.circularAnimate ul li {
		top: 20px;
	}
	.circularAnimate ul li:nth-child(1):after {
		right: 15px;
		top: 10px;
	}
	.circularAnimate ul li:nth-child(2) {
		right: 30px;
		top: 20px;
	}
	.circularAnimate ul li:nth-child(2):after {
		left: -15px;
		top: 10px;
	}
	.circularAnimate ul li:nth-child(3) {
		bottom: 0;
		top: inherit;
		left: 0;
	}
	.circularAnimate ul li:nth-child(3):after {
		right: 70px;
		top: -20px;
	}
	.circularAnimate ul li:nth-child(4) {
		right: 30px;
		top: inherit;
		bottom: 0;
	}
	.circularAnimate ul li:nth-child(4):after {
		left: 60px;
		top: -20px;
	}
}

@media (max-width:576px){
	.secondry-nav-portfolio ul li {
		width: 100%;
		margin: 0 0 10px;
	}
	.secondry-nav-portfolio ul li:last-child {margin-bottom: 0;}
	.commonSectionCold {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.circularAnimate ul h3{
		font-size: 20px;
	}
	.circularAnimate ul li h4 {
		font-size: 12px;
	}
	.circularAnimate ul li {
		top: 30px;
		margin: 0;
	}
	.circularAnimate ul li:nth-child(2) {
		right: 20px;
		top: 30px;
	}
	.circularAnimate ul li:nth-child(3) {
		bottom: 0;
		top: inherit;
		left: 0;
	}
	.circularAnimate ul li:nth-child(4) {
		right: 20px;
	}
	.circularAnimate ul li:nth-child(1):after {
		right: 12px;
	}
	.circularAnimate ul li:nth-child(2):after {
		left: -5px;
	}
	.circularAnimate ul li:nth-child(3):after {
		right: 10px;
	}
	.circularAnimate ul li:nth-child(4):after {
		left: 10px;
		top: 0;
	}
	.techySuits {
		padding-top: 20px;
	}
	.halfColSideText ul li a {
		height: 100px;
		margin-bottom: 5px;
	}
	.dispatcherBanner {
		padding-top: 20px;
	}
	.circularAnimate {
		padding: 50px 0;
	}
	.circularAnimate figcaption h4 {
		font-size: 38px;
	}
	.foote-copyrights p {
		width: 100%;
	}
}
/* Additional Css End*/

/* Blog Page CSS Start */
.bp_heading.text-center {
    margin: 0 0 50px 0;
}
.blog_heading {
    font-weight: bold;
    font-size: 40px;
    background: linear-gradient(45deg, #38acfc, transparent);
    color: #fff;
    padding: 10px 0 10px 0;
}
.blog_img img {
    margin: 0 auto;
    width: 100%;
    height: 250px;
}
.all_blogs {
    margin: 50px 0 20px 0;
}
.blogCard {
    background-color: #f5f5f5;
    padding: 20px;
    margin: 0 0 40px 0;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.blogCard:hover {
    box-shadow: 0px 5px 34px 0 rgb(100 107 110 / 15%);
}
.blog_tit {
    font-size: 16px;
    font-weight: bold;
    color: #38acfc;
    height: 70px;
}
.blog_desc {
    text-align: justify;
    letter-spacing: 1px;
    font-size: 14px;
}
.blog_desc a {
    background: #38acfc;
    margin: 30px 0 0;
    padding: 5px 10px;
    display: table;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    line-height: normal;
}
.blog_tit span.blog_dt {
    display: block;
    font-size: 12px;
    color: #b1b1b1;
	margin-top: 5px;
}
.custom_pagination {
    width: 100%;
    display: inline-block;
}
.custom_pagination .page-numbers.current {
    background: #0061a5;
    padding: 5px;
    color: #fff;
    font-weight: bold;
}
.custom_pagination a.page-numbers {
    background: #38acfc;
    padding: 5px;
    color: #fff;
    font-weight: bold;
}

section.blog-detail {
    margin-top: 50px;
}
.inner-datail-of-blog {
    position: relative;
    z-index: 991;
}
.inner-blog-heading {
    font-size: 35px;
    font-weight: 800;
    margin: 0px;
    margin-bottom: 15px;
    line-height: 1.3;
    color: #333;
}
.blog-detail img {
    width: auto!important;
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin: 10px 0px 20px 0;
}
img.featured_image_set {
    width: 100%!important;
    margin-bottom: 20px;
    margin-top: 20px;
}
.blog-detail p, .blog-detail p span, .blog-detail ul li, .blog-detail ol li {
    font-size: 17px;
    font-weight: 400!important;
    line-height: 1.6;
    color: #3b414ab3!important;
}
h4.recent-blo-subhead {
    margin: 30px 0 10px 0;
}
.recent-post-slider-single {
    list-style: none;
    padding: 0px;
    margin: 0px -7.5px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 30px;
}
.blog-detail p, .blog-detail p span, .blog-detail ul li, .blog-detail ol li {
    font-size: 17px;
    font-weight: 400!important;
    line-height: 1.6;
    color: #3b414ab3!important;
	text-align: justify;
}
.recent-post-slider-single li a {
    display: block;
    padding: 0px;
    transition: .4s;
}
.blog-detail p a, .blog-detail a {
    cursor: pointer;
    color: #38acfc;
}
.recent-post-slider-single li {
    flex-wrap: nowrap;
    overflow-y: auto;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    margin: 7.5px;
    border: 1px solid #ededed;
    padding: 0px;
    margin-bottom: 15px;
}
.recent-post-slider-single li img {
    height: 150px;
    object-fit: cover;
    width: 100%!important;
    display: block;
    object-position: top left;
}
.recent-post-slider-single li a h5 {
    padding: 0px 10px;
    margin: 0px;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 5px;
    font-size: 15px;
}
.recent-post-slider-single li a h4 {
    font-size: 14px;
    padding: 5px 10px;
    margin: 0px;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
    padding-bottom: 15px;
}
.single_blog h4 {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2e343c;
    margin-bottom: 20px;
    line-height: 1.3;
}
.single_blog h4 b {
	display: block;
    font-size: 28px;
    font-weight: 900;
}
.single_blog span {
	width: 100%;
}
.single_blog input {
	width: 100%;
    height: 40px;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 0;
    color: #000;
    font-size: 16px;
    outline: none!important;
}
.single_blog input[type="tel"] {
	max-width: 100%;
	width: 350px;
    height: 40px;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 0;
    color: #000;
    font-size: 16px;
    outline: none!important;
}
.single_blog select {
	max-width: 100%;
	width: 350px !important;
    height: 40px;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
	margin-top: 10px;
    padding: 0;
    font-size: 16px;
    outline: none!important;
}
.single_blog textarea {
	width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 0;
    font-size: 16px;
    outline: none!important;
}
.single_blog .wpcf7-not-valid-tip {
    color: #dc3232 !important;
    font-size: 1em !important;
    font-weight: normal !important;
    display: block;
}
.single_blog {
    border: 2px solid #ddd;
    padding: 10px 20px 0 20px;
}
.subscribesubmit {
    background: #38acfc;
    color: #fff !important;
    font-weight: bold;
    font-size: 20px !important;
    border-radius: 5px;
}
.subscribesubmit:hover {
    background: #0094fb;
}

@media(max-width:991px) {
	.inner-blog-heading {
		font-size: 25px;
	}
}



/*--------------------------
/* Blog Page CSS End */