.centered1 {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-50%, -50%);
}



.mc-product-feature-highlight__annotations-circle {
    background-color: #d83b01;
}

.mc-product-feature-highlight__annotations-circle {
   width: 12px;
    height: 12px;
    top: 6px;
    float: left;
    border-radius: 50%;
    margin: 0 10px;
    flex-shrink: 0;
    position: relative;
}

.iti{
	position: static !important;
	width: 100%;
}
.iti__selected-flag{
	margin-left: 13px !important;
    height: 48px !important;
}


.about-video iframe{
    border: 5px solid #f5f5f5;
    
    border-radius: 19px;
    box-shadow: 0 0 15px #adadad;
}

body {
    
    color: #444 !important;
    
}


.about-section .num img{ width:50px; margin:0 auto;  }

.box-new{box-shadow:0 0 5px #d5d5d5; min-height: 278px;
    border-radius: 10px;
    padding: 15px 15px 1px 15px;
    background: #fbfbfb; text-align: center;}
	
	.box-new:hover{box-shadow:0 0 10px #d5d5d5; }


.box-new .divider { margin:0 auto !important;
    
}

.clearfix:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

.comment-form input[type="text"],
.search-form input[type="text"],
.post-password-form input[type="text"],
.comment-form
input[type="tel"],
.search-form
input[type="tel"],
.post-password-form
input[type="tel"],
.comment-form
input[type="email"],
.search-form
input[type="email"],
.post-password-form
input[type="email"],
.comment-form
input[type="search"],
.search-form
input[type="search"],
.post-password-form
input[type="search"],
.comment-form
input[type="password"],
.search-form
input[type="password"],
.post-password-form
input[type="password"],
.comment-form
input[type="url"],
.search-form
input[type="url"],
.post-password-form
input[type="url"],
.comment-form
input[type="date"],
.search-form
input[type="date"],
.post-password-form
input[type="date"],
.comment-form
textarea,
.search-form
textarea,
.post-password-form
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #999;
	padding: .5em .7em;
}

.comment-form input[type="text"]:focus,
.search-form input[type="text"]:focus,
.post-password-form input[type="text"]:focus,
.comment-form
  input[type="tel"]:focus,
.search-form
  input[type="tel"]:focus,
.post-password-form
  input[type="tel"]:focus,
.comment-form
  input[type="email"]:focus,
.search-form
  input[type="email"]:focus,
.post-password-form
  input[type="email"]:focus,
.comment-form
  input[type="search"]:focus,
.search-form
  input[type="search"]:focus,
.post-password-form
  input[type="search"]:focus,
.comment-form
  input[type="password"]:focus,
.search-form
  input[type="password"]:focus,
.post-password-form
  input[type="password"]:focus,
.comment-form
  input[type="url"]:focus,
.search-form
  input[type="url"]:focus,
.post-password-form
  input[type="url"]:focus,
.comment-form
  input[type="date"]:focus,
.search-form
  input[type="date"]:focus,
.post-password-form
  input[type="date"]:focus,
.comment-form
  textarea:focus,
.search-form
  textarea:focus,
.post-password-form
  textarea:focus {
	border-color: #333;
}

.comment-form input[type="text"]::-webkit-input-placeholder,
.search-form input[type="text"]::-webkit-input-placeholder,
.post-password-form input[type="text"]::-webkit-input-placeholder,
.comment-form
  input[type="tel"]::-webkit-input-placeholder,
.search-form
  input[type="tel"]::-webkit-input-placeholder,
.post-password-form
  input[type="tel"]::-webkit-input-placeholder,
.comment-form
  input[type="email"]::-webkit-input-placeholder,
.search-form
  input[type="email"]::-webkit-input-placeholder,
.post-password-form
  input[type="email"]::-webkit-input-placeholder,
.comment-form
  input[type="search"]::-webkit-input-placeholder,
.search-form
  input[type="search"]::-webkit-input-placeholder,
.post-password-form
  input[type="search"]::-webkit-input-placeholder,
.comment-form
  input[type="password"]::-webkit-input-placeholder,
.search-form
  input[type="password"]::-webkit-input-placeholder,
.post-password-form
  input[type="password"]::-webkit-input-placeholder,
.comment-form
  input[type="url"]::-webkit-input-placeholder,
.search-form
  input[type="url"]::-webkit-input-placeholder,
.post-password-form
  input[type="url"]::-webkit-input-placeholder,
.comment-form
  input[type="date"]::-webkit-input-placeholder,
.search-form
  input[type="date"]::-webkit-input-placeholder,
.post-password-form
  input[type="date"]::-webkit-input-placeholder,
.comment-form
  textarea::-webkit-input-placeholder,
.search-form
  textarea::-webkit-input-placeholder,
.post-password-form
  textarea::-webkit-input-placeholder {
	color: #ccc;
}

.comment-form input[type="text"]::-moz-placeholder,
.search-form input[type="text"]::-moz-placeholder,
.post-password-form input[type="text"]::-moz-placeholder,
.comment-form
  input[type="tel"]::-moz-placeholder,
.search-form
  input[type="tel"]::-moz-placeholder,
.post-password-form
  input[type="tel"]::-moz-placeholder,
.comment-form
  input[type="email"]::-moz-placeholder,
.search-form
  input[type="email"]::-moz-placeholder,
.post-password-form
  input[type="email"]::-moz-placeholder,
.comment-form
  input[type="search"]::-moz-placeholder,
.search-form
  input[type="search"]::-moz-placeholder,
.post-password-form
  input[type="search"]::-moz-placeholder,
.comment-form
  input[type="password"]::-moz-placeholder,
.search-form
  input[type="password"]::-moz-placeholder,
.post-password-form
  input[type="password"]::-moz-placeholder,
.comment-form
  input[type="url"]::-moz-placeholder,
.search-form
  input[type="url"]::-moz-placeholder,
.post-password-form
  input[type="url"]::-moz-placeholder,
.comment-form
  input[type="date"]::-moz-placeholder,
.search-form
  input[type="date"]::-moz-placeholder,
.post-password-form
  input[type="date"]::-moz-placeholder,
.comment-form
  textarea::-moz-placeholder,
.search-form
  textarea::-moz-placeholder,
.post-password-form
  textarea::-moz-placeholder {
	opacity: 1;
	color: #ccc;
}

.comment-form input[type="text"]:-moz-placeholder,
.search-form input[type="text"]:-moz-placeholder,
.post-password-form input[type="text"]:-moz-placeholder,
.comment-form
  input[type="tel"]:-moz-placeholder,
.search-form
  input[type="tel"]:-moz-placeholder,
.post-password-form
  input[type="tel"]:-moz-placeholder,
.comment-form
  input[type="email"]:-moz-placeholder,
.search-form
  input[type="email"]:-moz-placeholder,
.post-password-form
  input[type="email"]:-moz-placeholder,
.comment-form
  input[type="search"]:-moz-placeholder,
.search-form
  input[type="search"]:-moz-placeholder,
.post-password-form
  input[type="search"]:-moz-placeholder,
.comment-form
  input[type="password"]:-moz-placeholder,
.search-form
  input[type="password"]:-moz-placeholder,
.post-password-form
  input[type="password"]:-moz-placeholder,
.comment-form
  input[type="url"]:-moz-placeholder,
.search-form
  input[type="url"]:-moz-placeholder,
.post-password-form
  input[type="url"]:-moz-placeholder,
.comment-form
  input[type="date"]:-moz-placeholder,
.search-form
  input[type="date"]:-moz-placeholder,
.post-password-form
  input[type="date"]:-moz-placeholder,
.comment-form
  textarea:-moz-placeholder,
.search-form
  textarea:-moz-placeholder,
.post-password-form
  textarea:-moz-placeholder {
	color: #ccc;
}

.comment-form input[type="text"]:-ms-input-placeholder,
.search-form input[type="text"]:-ms-input-placeholder,
.post-password-form input[type="text"]:-ms-input-placeholder,
.comment-form
  input[type="tel"]:-ms-input-placeholder,
.search-form
  input[type="tel"]:-ms-input-placeholder,
.post-password-form
  input[type="tel"]:-ms-input-placeholder,
.comment-form
  input[type="email"]:-ms-input-placeholder,
.search-form
  input[type="email"]:-ms-input-placeholder,
.post-password-form
  input[type="email"]:-ms-input-placeholder,
.comment-form
  input[type="search"]:-ms-input-placeholder,
.search-form
  input[type="search"]:-ms-input-placeholder,
.post-password-form
  input[type="search"]:-ms-input-placeholder,
.comment-form
  input[type="password"]:-ms-input-placeholder,
.search-form
  input[type="password"]:-ms-input-placeholder,
.post-password-form
  input[type="password"]:-ms-input-placeholder,
.comment-form
  input[type="url"]:-ms-input-placeholder,
.search-form
  input[type="url"]:-ms-input-placeholder,
.post-password-form
  input[type="url"]:-ms-input-placeholder,
.comment-form
  input[type="date"]:-ms-input-placeholder,
.search-form
  input[type="date"]:-ms-input-placeholder,
.post-password-form
  input[type="date"]:-ms-input-placeholder,
.comment-form
  textarea:-ms-input-placeholder,
.search-form
  textarea:-ms-input-placeholder,
.post-password-form
  textarea:-ms-input-placeholder {
	color: #ccc;
}

.comment-form input[type="text"].placeholder,
.search-form input[type="text"].placeholder,
.post-password-form input[type="text"].placeholder,
.comment-form
  input[type="tel"].placeholder,
.search-form
  input[type="tel"].placeholder,
.post-password-form
  input[type="tel"].placeholder,
.comment-form
  input[type="email"].placeholder,
.search-form
  input[type="email"].placeholder,
.post-password-form
  input[type="email"].placeholder,
.comment-form
  input[type="search"].placeholder,
.search-form
  input[type="search"].placeholder,
.post-password-form
  input[type="search"].placeholder,
.comment-form
  input[type="password"].placeholder,
.search-form
  input[type="password"].placeholder,
.post-password-form
  input[type="password"].placeholder,
.comment-form
  input[type="url"].placeholder,
.search-form
  input[type="url"].placeholder,
.post-password-form
  input[type="url"].placeholder,
.comment-form
  input[type="date"].placeholder,
.search-form
  input[type="date"].placeholder,
.post-password-form
  input[type="date"].placeholder,
.comment-form
  textarea.placeholder,
.search-form
  textarea.placeholder,
.post-password-form
  textarea.placeholder {
	color: #ccc;
}

.widget {
	margin-bottom: 1.2em;
}

.widget ul {
	padding-left: 2em;
}

.widget select {
	min-width: 150px;
}

.comment-form label {
	display: block;
	padding-bottom: 4px;
}

.comment-form textarea {
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
}

.comment-form .pnonebox{-webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #999 !important;
    padding: 0.5em 0.7em;  }
	
	.comment-form textarea {-webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #999 !important;
    padding: 0.5em 0.7em; resize:none;}


.comment-form textarea,
.comment-form input[type="text"] {
	margin: 0 4px 0 0;
	/*width: 300px;*/
}

.comment-form input[type="submit"] {
	display: block;
	float: none;
}

.post-password-form label {
	display: block;
}

.post-password-form input[type="password"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.search-form input {
	float: left;
	height: 2em;
}

.search-form input[type="search"] {
	margin: 0 4px 0 0;
	width: 150px;
}

.post-password-form input {
	float: left;
	height: 2em;
}

.post-password-form input[type="password"] {
	width: 150px;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	background: #333;
	color: #fff;
	height: 2em;
	border: none;
	padding: 0 .5em;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
	opacity: .8;
}

.commentlist {
	margin: 0 0 1.2em;
}

.commentlist .edit-link {
	margin: 0;
}

.commentlist .avatar-holder {
	float: left;
	margin: 0 1.2em 4px 0;
}

.commentlist-item .commentlist-item {
	padding: 0;
}

.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
	padding-top: 1.2em;
}

.widget_calendar #next {
	text-align: right;
}

.gallery-item dt {
	float: none;
	padding: 0;
}

.navigation,
.navigation-comments {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1.2em;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
	position: absolute;
	left: -99999px;
}

.navigation .page-numbers,
.navigation-comments .page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 0 .4em;
}

.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
	display: inline-block;
	vertical-align: middle;
	max-width: 50%;
	background: #666;
	color: #fff;
	padding: .4em;
	text-decoration: none;
}

.navigation-single {
	margin-bottom: 1.2em;
}

.navigation-single .next,
.navigation-single .prev {
	float: left;
	vertical-align: middle;
	max-width: 50%;
	background: #666;
	color: #fff;
	text-decoration: none;
}

.navigation-single .next a,
.navigation-single .prev a {
	color: inherit;
	text-decoration: none;
	padding: .4em;
	display: block;
}

.navigation-single .next {
	float: right;
}

.wp-caption {
	max-width: 100%;
	clear: both;
	border: 1px solid #ccc;
	padding: .4em;
	margin-bottom: 1.2em;
}

.wp-caption img {
	margin: 0;
	vertical-align: top;
}

.wp-caption p {
	margin: .4em 0 0;
}

div.aligncenter {
	margin: 0 auto 1.2em;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 1.2em 4px 0;
}

.alignright {
	float: right;
	margin: 0 0 4px 1.2em;
}

.mejs-container {
	margin-bottom: 1.2em;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
	height: auto;
}

/*------------------------------------------------------------------
	2. Global style classes
-------------------------------------------------------------------*/

.dark-bg {
	background-color: #fffff;
}

.bg-img-full {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.bg-img-parallax {
	background-attachment: fixed;
}

.overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .60;
	position: absolute;
	pointer-events: none;
	/*background-color: #000;*/
}

.overlay1 {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .70;
	position: absolute;
	pointer-events: none;
 background-color: #4d64c1!important;
}

 

.divider {
	background-image: url(images/divider.png);
	width: 65px;
	height: 10px;
	display: block;
	margin: 0 0 15px;
}

.divider.center {
	margin: 0 auto 10px;
}

.divider.white {
	background-image: url(images/divider2.png);
}

.section {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.mar-top-xs {
	margin-top: 30px !important;
}

.mar-top-sm {
	margin-top: 60px !important;
}

.mar-top-md {
	margin-top: 90px !important;
}

.pad-top-xs {
	padding-top: 30px !important;
}

.pad-top-sm {
	padding-top: 60px !important;
}

.pad-top-md {
	padding-top: 90px !important;
}

.mar-top-lg {
	margin-top: 120px !important;
}

.pad-top-lg {
	padding-top: 70px !important;
}

.mar-bottom-xs {
	margin-bottom: 30px !important;
}

.mar-bottom-sm {
	margin-bottom: 60px !important;
}

.mar-bottom-md {
	margin-bottom: 90px !important;
}

.pad-bottom-sm {
	padding-bottom: 50px !important;
}

.pad-bottom-xs {
	padding-bottom: 30px !important;
}

.pad-bottom-md {
	padding-bottom: 90px !important;
}

.mar-bottom-lg {
	margin-bottom: 120px !important;
}

.pad-bottom-lg {
	padding-bottom: 120px !important;
}

.btn-default {
	border: 0;
	color: #fff;
	font-weight: 700;
	border-radius: 2px;
	padding: 16px 43px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn-default:focus,
.btn-default:active,
.btn-default:hover {
	color: #fff !important;
	background-color: #1c1c1c !important;
}

body.pattern1 {
	background-image: url(images/patterns/pattern1.png);
}

body.pattern2 {
	background-image: url(images/patterns/pattern2.png);
}

body.pattern3 {
	background-image: url(images/patterns/pattern3.png);
}

body.pattern4 {
	background-image: url(images/patterns/pattern4.png);
}

body.pattern5 {
	background-image: url(images/patterns/pattern5.png);
}

body.pattern6 {
	background-image: url(images/patterns/pattern6.png);
}

body.pattern7 {
	background-image: url(images/patterns/pattern7.png);
}

body.pattern8 {
	background-image: url(images/patterns/pattern8.png);
}

body.pattern9 {
	background-image: url(images/patterns/pattern9.png);
}

body.pattern10 {
	background-image: url(images/patterns/pattern10.png);
}

body.pattern11 {
	background-image: url(images/patterns/pattern11.png);
}

body.pattern12 {
	background-image: url(images/patterns/pattern12.png);
}

body.pattern13 {
	background-image: url(images/patterns/pattern13.png);
}

body.pattern14 {
	background-image: url(images/patterns/pattern14.png);
}

body.boxed-v #wrapper {
	max-width: 80%;
	margin: 20px auto;
	border-radius: 3px;
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, .1);
}

/*------------------------------------------------------------------
	3. main headinig styles / .main-heading
-------------------------------------------------------------------*/


















.libox { padding:15px 0px;}


.libox h4 { 
    color: #224cf4;
    font-weight: 800;
}

.libox ul { min-height:95px; margin-left: -45px; list-style:none;}


.libox ul li { margin-bottom:8px;  white-space: nowrap;}



.main-heading {
	margin-bottom: 76px;
}

.main-heading .heading {
	color: #333;
	margin: 0 0 18px;
	font: 700 28px/36px "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.main-heading p {
	margin: 0;
}

/*------------------------------------------------------------------
	4. main wrapper styles / #wrapper
-------------------------------------------------------------------*/

#wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/*------------------------------------------------------------------
	5. header of the page styles / #header
-------------------------------------------------------------------*/

#header {
	z-index: 2;
	position: relative;
	padding: 15px 0 15px;
}

.top-list strong{ color:#fff !important;}

/*.top-list .fa{ color:#ffffff !important;}*/

#header.sticky #nav {
	top: 0;
	bottom: auto;
	position: fixed;
}

#header.sticky #nav .nav-list {
	border-radius: 0 4px 4px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

#header .nav-opener {
	width: 45px;
	height: 40px;
	display: none;
	font-size: 24px;
	margin: 4px 0 0;
	line-height: 34px;
	border-radius: 3px;
	text-align: center;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 1px solid rgba(255, 255, 255, .5);
}

/*------------------------------------------------------------------
	6. navigation of the page styles / #nav
-------------------------------------------------------------------*/

#nav {
	left: 0;
	right: 0;
	bottom: -38px;
	font-weight: bold;
	position: absolute;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#nav .nav-list {
	margin: 0;
	overflow: hidden;
	background: #fff;
	border-radius: 4px;
	padding: 18px 31px 18px 28px;
}

#nav .nav-list li {
	padding: 7px 27px 0 0;
	vertical-align: middle;
}

#nav .nav-list a {
	color: #333;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

#nav .nav-list .button {
	float: right;
	padding: 0;
}

#nav .nav-list .btn {
	color: #fff;
	font-size: 12px;
	padding: 9px 15px;
}

.top-list {
	margin: 0;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.top-list li {
	position: relative;
	padding: 0 0 0 7% !important;
}

.top-list .fa {
   color: #25b6e7;
    /* right: -28px; */
    /* top: 6px; */
    /* width: 50px; */
    margin-right: 6px;
    font-size: 21px;
}

.top-list strong {
	display: block;
	margin: 0 0 -4px;
}

.top-list a {
	color: #000000;
    /*font-weight: 600;*/
    font-size: 16px;
}

.mt-social {
	margin: 0;
	font-size: 16px;
}

.mt-social li {
	padding: 0 0 0 5%;
}

.mt-social a {
	opacity: .3;
	color: #fff;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.mt-social a:hover {
	opacity: 1;
}

#main {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/*------------------------------------------------------------------
	7. main banner of the page styles / .main-banner
-------------------------------------------------------------------*/

.main-banner {
	padding: 22px 0 55px 0;
	overflow: hidden;
	position: relative;
	
}

.main-banner.small {
	padding: 180px 0;
}

.main-banner .title {
color: #f8f8f8;
    display: block;
    margin: -13px 0 27px 0px;
    font-size: 24px;
    line-height: 25px;
}

.main-banner .heading {
	color: #fff;
	margin: 0 0 18px;
	font: 700 40px/35px "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 0;
}
.titleh{display:block;color:#fff}

.main-banner .divider {
	margin: 0 0 41px;
	vertical-align: top;
	display: inline-block;
}

.main-banner .btn {
	padding: 18px 28px;
	margin-top: 31px;
}

.main-banner .arrow {
right: 33px;
    width: 144px;
    height: 74px;
    bottom: -51px;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.main-banner .promo-info {
	color: #fff;
	display: block;
	letter-spacing: 1px;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.main-banner .btn-play {
	width: 60px;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	padding: 0 0 0 4px;
	margin: 0 18px 0 0;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.main-banner .txt {
	z-index: 2;
	color: #fff;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.main-banner .img-holder {
	max-width: 500px;
	border-radius: 5px;
	position: relative;
	margin: 0 auto 30px;
	box-shadow: 0 44px 32px 0 rgba(0, 0, 0, .6);
}

.main-banner .img-holder img {
	border-radius: 5px;
}

.main-banner .img-holder .btn-play {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.main-slider .slick-arrow {
	top: 50%;
	border: 0;
	padding: 0;
	z-index: 2;
	width: 30px;
	opacity: .2;
	font-size: 0;
	height: 30px;
	line-height: 0;
	position: absolute;
	background: transparent;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: solid #fff;
	border-width: 3px 3px 0 0;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.main-slider .slick-arrow:hover {
	opacity: 1;
}

.main-slider .slick-prev {
	left: 55px;
	-webkit-transform: translateY(-50%) rotate(-135deg);
	-ms-transform: translateY(-50%) rotate(-135deg);
	transform: translateY(-50%) rotate(-135deg);
}

.main-slider .slick-next {
	right: 55px;
}

.main-slider .slick-dots {
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	bottom: 40px;
	text-align: center;
	position: absolute;
}

.main-slider .slick-dots li {
	padding: 0 3px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

.main-slider .slick-dots li.slick-active button {
	opacity: 1;
}

.main-slider .slick-dots button {
	border: 0;
	padding: 0;
	width: 10px;
	height: 10px;
	opacity: .2;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
	text-indent: -9999px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.main-slider .slick-dots button:hover {
	opacity: 1;
}

/*------------------------------------------------------------------
	8. quote form of the page styles / .quote-form
-------------------------------------------------------------------*/

.quote-form {
	margin: -1px 0;
	border-radius: 3px;
	padding: 25px 25px 25px;
	background-color: #fff;
	background-repeat: no-repeat;
/*	background-position: -470px -270px;*/
}

.quote-form .form-heading {
	color: #333;
	display: block;
	margin: 0 0 3px;
	font: 700 28px/30px "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.quote-form .form-title {
	display: block;
	margin: 0 0 25px;
}

.quote-form .form-control {
	height: 48px;
	outline: none;
	color: #999;
	box-shadow: none;
	padding: 6px 23px;
	background: #f5f5f5;
	border-color: #eee;
}

.quote-form .form-group {
	overflow: hidden;
	margin: 0 0 5px;
}

.quote-form .form-group.has-error .form-control {
	color: #f33;
	border-color: #f33;
}

.quote-form .fa {
	font-size: 12px;
	margin-right: 2px;
}

.quote-form .info {
	float: left;
	font-size: 11px;
	padding: 16px 0 0;
}

.quote-form .btn {
float: right;
    font-size: 15px;
    color: white;
    font-weight: 600;
    padding: 11px 28px;
    opacity: 1 !important;
}

.quote-form .form-message {
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	position: relative;
}

.quote-form .form-message:after {
	top: 14px;
	left: 17px;
	width: 20px;
	content: "";
	height: 20px;
	border-radius: 50%;
	position: absolute;
	text-align: center;
	font-family: "FontAwesome";
}

.quote-form .form-message.error {
	margin: 0 0 20px;
	background: #f33;
	padding: 15px 5px 13px 50px;
}

.quote-form .form-message.error:after {
	content: "\f00d";
	background: #cc2929;
}

.quote-form .form-message.success {
	margin: 0 0 20px;
	background: #224cf4;
	padding: 15px 5px 13px 50px;
}

.quote-form .form-message.success:after {
	content: "\f00c";
	background: #5470c0;
}

.quote-form.style2 {
	max-width: 1000px;
	padding: 15px 20px;
	margin: 0 auto 30px;
}

.quote-form.style2 .form-group {
	float: left;
	width: 250px;
	margin: 0 20px 0 0;
}

.quote-form.style2 .form-message {
	left: 50%;
	bottom: -30px;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 15px 25px 13px 50px;
}

.quote-form.style2.small {
	max-width: 460px;
}

/*------------------------------------------------------------------
	9. about section of the page styles / .about-section
-------------------------------------------------------------------*/

.about-box {
	line-height: 22px;
}

.about-box .num {
	display: block;
	margin: 0 0 34px;
	font: 700 28px/17px "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.about-box .title {
	display: block;
	color: #333;
	margin: 0 0 19px;
	font: 700 18px/20px "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.about-box .divider {
	width: 35px;
	margin: 0 0 17px;
}

.about-box .more {
	font: 700 12px/20px "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.about-box p {
	margin: 0 0 20px;
}

/*------------------------------------------------------------------
	10. counter section of the page styles / .counter-section
-------------------------------------------------------------------*/

.counter-section {
	overflow: hidden;
}

.counter-section .counter {
	display: block;
	font-size: 72px;
	margin: 0 0 -6px;
	line-height: 80px;
}

.counter-section .txt {
	display: block;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*------------------------------------------------------------------
	11. services section of the page styles / .services-section
-------------------------------------------------------------------*/

.services-section {
	overflow: hidden;
}

.services-section .services-box {
	margin: 0;
	overflow: hidden;
	border-radius: 4px;
}

.services-section .services-box li {
	width: 50%;
	float: left;
	height: 230px;
	overflow: hidden;
	position: relative;
	background: #212121;
}

.services-section .services-box li:last-child,
.services-section .services-box li:first-child {
	background: rgba(33, 33, 33, .9);
}

.services-section .services-box li:hover .over {
	-webkit-transform: translateY(-67%);
	-ms-transform: translateY(-67%);
	transform: translateY(-67%);
}

.services-section .services-box li:hover .icomoon {
	opacity: 0;
	-webkit-transform: translateY(-62%);
	-ms-transform: translateY(-62%);
	transform: translateY(-62%);
}

.services-section .services-box li:hover p {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.services-section .services-box .over {
	left: 0;
	right: 0;
	top: 50%;
	position: absolute;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform: translateY(-32%);
	-ms-transform: translateY(-32%);
	transform: translateY(-32%);
}

.services-section .services-box .divider {
	width: 35px;
	margin: 0 auto 0;
}

.services-section .services-box .icomoon {
	display: block;
	font-size: 50px;
	margin: 0 0 16px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.services-section .services-box p {
	opacity: 0;
	color: #777;
	max-width: 90%;
	line-height: 20px;
	margin: 15px auto 0;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.services-section .services-box .title {
	display: block;
	margin: 0 0 15px;
	font: 700 18px/24px "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.services-section .txt-box {
	padding: 41px 0 0 7.8%;
}

.services-section .txt-box .divider {
	margin: 0 0 10px;
}

.services-section .txt-box .main-heading {
	margin-bottom: 37px;
}

.services-section .txt-box .list {
	color: #777;
	font-weight: bold;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.services-section .txt-box .list .fa {
	font-size: 17px;
	margin: 0 11px 0 4px;
	vertical-align: middle;
}

.services-section .txt-box .list li {
	margin: 0 0 11px;
}

/*------------------------------------------------------------------
	12. price section of the page styles / .price-section
-------------------------------------------------------------------*/

.price-box {
	background: #fff;
	border: 1px solid #eee;
}

.price-box .header {
	color: #777;
	font-size: 12px;
	padding: 30px 10% 33px;
}

.price-box .title {
	color: #333;
	display: block;
	font-size: 14px;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.price-box .price-txt {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
}

.price-box .price-txt .price {
	font-size: 38px;
	line-height: 50px;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 4px -5px -5px;
}

.price-box .price-txt .txt {
	letter-spacing: 1px;
	display: inline-block;
	vertical-align: bottom;
}

.price-box p {
	margin: 0;
}

.price-box .box {
	line-height: 22px;
	padding: 38px 9.4%;
	border-top: 1px solid #eee;
}

.price-box .box p {
	margin: 0 0 22px;
}

.price-box h3 {
	color: #333;
	margin: 0 0 19px;
	font: 700 18px/24px "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.price-box .divider {
	width: 34px;
	margin: 0 0 15px 3px;
}

.price-box .order {
	font: 700 12px/16px "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*------------------------------------------------------------------
	13. quote section of the page styles / .quote-section
-------------------------------------------------------------------*/

.quote-section {
	color: #f8f8f8;
	overflow: hidden;
	position: relative;
}

.quote-section .subtitle {
	display: block;
	    font-size: 20px;
    line-height: 25px;
}

.quote-section h2 {
	margin: 0 0 23px;
	font: 700 48px/69px "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.quote-section p {
	margin: 0 0 28px;
	    font-size: 20px;
    line-height: 25px;
}

.quote-section .divider {
	margin: 0 auto 14px;
}

/*------------------------------------------------------------------
	14. footer of the page styles / #footer
-------------------------------------------------------------------*/

#footer {
	width: 100%;
	overflow: hidden;
	position: relative;

}

#footer .bottom {
	margin-top: 30px;
	padding-top: 21px;
	border-top: 1px solid #292929;
	color: #d9d9d9;
}

.popup-holder {
	height: 0;
	overflow: hidden;
	position: relative;
}

.lightbox .quote-form {
	margin: 0;
	width: 450px;
}

#back-top {
	bottom: 0;
	opacity: 0;
	z-index: 9;
	right: 20px;
	width: 50px;
	color: #fff;
	height: 50px;
	z-index: 9999;
	cursor: pointer;
	font-size: 25px;
	position: fixed;
	line-height: 47px;
	text-align: center;
	border-radius: 3px;
	background: #252525;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
	-ms-transform: translateY(40px);
	-webkit-transition: all .6s ease;
	-webkit-transform: translateY(40px);
}

#back-top.show {
	opacity: 1;
	transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
}

#back-top:hover {
	opacity: .9;
}

.loader-container {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	position: fixed;
	background: rgba(0, 0,0, 0.7);
}

.loader-container .holder {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.la-line-scale,
.la-line-scale > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-line-scale {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-line-scale.la-dark {
    color: #333;
}
.la-line-scale > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-line-scale {
    width: 40px;
    height: 32px;
}
.la-line-scale > div {
    width: 4px;
    height: 32px;
    margin: 2px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    -webkit-animation: line-scale 1.2s infinite ease;
       -moz-animation: line-scale 1.2s infinite ease;
         -o-animation: line-scale 1.2s infinite ease;
            animation: line-scale 1.2s infinite ease;
}
.la-line-scale > div:nth-child(1) {
    -webkit-animation-delay: -1.2s;
       -moz-animation-delay: -1.2s;
         -o-animation-delay: -1.2s;
            animation-delay: -1.2s;
}
.la-line-scale > div:nth-child(2) {
    -webkit-animation-delay: -1.1s;
       -moz-animation-delay: -1.1s;
         -o-animation-delay: -1.1s;
            animation-delay: -1.1s;
}
.la-line-scale > div:nth-child(3) {
    -webkit-animation-delay: -1s;
       -moz-animation-delay: -1s;
         -o-animation-delay: -1s;
            animation-delay: -1s;
}
.la-line-scale > div:nth-child(4) {
    -webkit-animation-delay: -.9s;
       -moz-animation-delay: -.9s;
         -o-animation-delay: -.9s;
            animation-delay: -.9s;
}
.la-line-scale > div:nth-child(5) {
    -webkit-animation-delay: -.8s;
       -moz-animation-delay: -.8s;
         -o-animation-delay: -.8s;
            animation-delay: -.8s;
}
.la-line-scale.la-sm {
    width: 20px;
    height: 16px;
}
.la-line-scale.la-sm > div {
    width: 2px;
    height: 16px;
    margin: 1px;
    margin-top: 0;
    margin-bottom: 0;
}
.la-line-scale.la-2x {
    width: 80px;
    height: 64px;
}
.la-line-scale.la-2x > div {
    width: 8px;
    height: 64px;
    margin: 4px;
    margin-top: 0;
    margin-bottom: 0;
}
.la-line-scale.la-3x {
    width: 120px;
    height: 96px;
}
.la-line-scale.la-3x > div {
    width: 12px;
    height: 96px;
    margin: 6px;
    margin-top: 0;
    margin-bottom: 0;
}

#bgvid {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100vh;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: 1s opacity;
	transition: 1s opacity;
}

#bgvid .vegas-slide{height: 100%;}

@media (min-width: 768px) {
	.commentlist-item .commentlist-item {
		padding: 0 0 0 2em;
	}
}

/*
 * Animation
 */
@-webkit-keyframes line-scale {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.4);
                transform: scaleY(.4);
    }
    20% {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@-moz-keyframes line-scale {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.4);
           -moz-transform: scaleY(.4);
                transform: scaleY(.4);
    }
    20% {
        -webkit-transform: scaleY(1);
           -moz-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@keyframes line-scale {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.4);
           -moz-transform: scaleY(.4);
             -o-transform: scaleY(.4);
                transform: scaleY(.4);
    }
    20% {
        -webkit-transform: scaleY(1);
           -moz-transform: scaleY(1);
             -o-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@-o-keyframes line-scale {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.4);
             -o-transform: scaleY(.4);
                transform: scaleY(.4);
    }
    20% {
        -webkit-transform: scaleY(1);
             -o-transform: scaleY(1);
                transform: scaleY(1);
    }
}



.m365box .borderboxo{border-radius: 15px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
    flex-basis: 25%;
    padding-bottom: 13px; padding:20px; margin-bottom:50px;}
	
	.m365box .pricebox{ font-size:35px; color: #dc3545!important; font-weight:700; }
	.m365box .mfont{ font-size:18px; color: #000!important; font-weight:600; }
	
	.m365box .text-justify  {
    font-size: 12px;
    color: #565656 !important;
    letter-spacing: .4px;
    text-align: center;
    font-family: "Titillium Fonts", Sans-serif;
}
	
	.m365box .main-btn { display:block; width:100%; color:#fff !important; padding: 4px !important; border-radius:3px;background-color: #ff5d2a;
    border: 0.1875rem solid #ff5d2a; box-shadow: 0px 2px 10px -1px rgb(0 0 0 / 19%);font-size: 15px;    text-transform: capitalize;}


	.m365box .main-btn:hover{ color:#ff5d2a !important; background: none;transition: all .4s ease-out 0s;}
	.m365box h5 a{ color:#ff5d2a !important;  text-align: center !important;
    padding: 20px 20px 5px 20px  !important; display: block; text-transform: initial; font-weight: bold;
    font-size: 16px;} 
	
	.m365box .c-list { text-align:left !important; list-style:none; padding-left: 12px;}
	.m365box .mbimg { text-align:center;}
	
	section.m365box { padding:0 !important;}
	
	.m365boxtop .my-auto {  }
	.m365boxtop  { padding-bottom:0px !important; margin-bottom:0px !important; padding-top:0 !important;}
	
	.mbimg h6 {color:#565656 !important; font-weight:500; }
	.m365box h6 {color:#565656 !important; text-transform: capitalize;
    font-size: 15px; font-weight: bold;}
	
	.m365box .what-we-do { min-height:auto;
    display:inline-block;}
	
	.m365box .fa-inr {margin-right: -5px;
    font-size: 32px;}
	/*m365box end*/


h1 {
  font-weight: normal;
  font-size: 40px;
  text-transform: uppercase;
  float: left;
	margin: 20px 0 100px 10px; }
  
.tabs {
  width: 100%;  
  float: none;
  list-style: none;
  position: relative;
	text-align:center;}
  li.active {
    display: inline-table;
  }
  input[type="radio"] {
   position: relative;
    top: 0;
    left: -9999px;
  }


label {
    display: block;
    padding: 14px 21px;
    border: 0.1875rem solid #ff5d2a;
    font-size: 15px;
    font-weight:600;
    text-transform: uppercase;
background-color: #ff5d2a;    cursor: pointer;
    position: relative;
	transition:all 0.2s ease-in-out;
color:white;
	line-height: 1.5625rem;
    box-shadow: 0px 2px 10px -1px rgb(0 0 0 / 19%);
}
    label:hover {
     color: #ff5d2a;
    border: 0.1875rem solid #ff5d2a;
    background: none;
		line-height: 1.5625rem;
    box-shadow: 0px 2px 10px -1px rgb(0 0 0 / 19%);
    }
 .tab-content{
    z-index: 2;
    display: none; 
    overflow: hidden;
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    padding: 25px;  
    position: absolute;

    left: 0; 
    background: darken(tabs-base-color, 15);
  }

The Magic
  [id^="tab"]:checked + label { 
    top: 0;
    padding-top: 17px; 
    background: darken(tabs-base-color, 15); 
  }
 [id^="tab"]:checked ~ [id^="tab-content"] {
    display: block;
  }
p.link {
  clear: both;
	margin: 380px 0 0 15px;}
  

h4{
    font-size: 27px;
	    color:#013f6e;
    font-weight: 600;
}
h3 {
    text-transform: capitalize;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    color: black;
	margin-bottom: 28.5px;
	margin-top: 7px;
}

h5{
    font-size: 15px;
	margin: 4px 0px 11.5px;

}
.what-we-do ul li {
    font-size:12.5px;
    line-height: 32px;
    position: relative;
    margin-left: 30px;
	    display: block;
}
.what-we-do ul li:before {
    position: absolute;
    left: -1.9rem;
    color:#ff5d2a;
    font-size: 1rem;
    content:url("images/7.jpg");
    display: inline-block;
    padding-right: 0px;
    vertical-align: middle;
    font-weight: 900;
}
.padding-bottom-70 {
    padding-bottom: 70px;
}


.hosting-features.window {
    background: 0 0;
    padding: 15px 0 0 0;
    display:table;
    width: 100%;
}



.bg-gray{background-color: #80808029;;}
.cell img{height:45px;}
.grid-x>.large-12 {
    width: 100%;
}

.left-section-icon {
    float: left;
    margin: 15px 30px 15px 0;
}
.right-home-advantages {
    display: table;
	    padding-right: 25px;
}
.primary-text {
    color: #0a336b !important;
}
.font20 {
    font-size: 20px !important;
}
.right-home-advantages hr {
    width: 60px;
    height: 2px;
    border: none;
    transition: all .5s ease 0s;
    background: #fba529;
    margin: 5px 0;
    text-align: left;
}
.right-home-advantages:hover hr {
    width: 80px;
}
.right-home-advantages h3{margin-bottom:0px;}
.grid-x {
    display: -webkit-box;
	-webkit-flex-flow: row wrap;}

.grid-padding-y>.cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}
.font32 {
    font-size: 32px !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.font-weight-500 {
    font-weight: 500;
}
.d-flex {
    display: flex;
    justify-content: center;
}
.margin-top-10 {
    margin-top: 10px;
}
.footer-chat-button img {
    width: 20px;
}
.footer-chat-button{
	    display: inline-block;
    color: white;
    padding: 0px 25px;
    line-height: 1.5625rem;
    background-color: #ff5d2a;
    border: 0.1875rem solid #ff5d2a;
    font-weight: 600;
    text-transform: capitalize;
    box-shadow: 0px 2px 10px -1px rgb(0 0 0 / 19%);
    -webkit-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;

}
.footer-chat-button:hover {
    background-color: transparent;
    color: #ff5d2a;
}
img #strach:hover  {
    background-color: transparent;
    color: #ff5d2a;
}
.grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
}
.grid-container:not(.full)>.grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}
.flip > .front{
    display: block;
    color: #fff;
	    display: flex;
background: linear-gradient(-40deg, #ff5d2a0a 30%, #fff)!important;

    width: inherit;
    background-size: cover !important;
    background-position: center !important;
    height: 220px;
    padding: 1em 1em;
    background: linear-gradient(-40deg, #ff5d2a0a 50%, #fff 0, #fff);
    border-radius: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-shadow: 0 0 15px #ececec;
    -moz-box-shadow: 0 0 15px #ececec;
    box-shadow: 0 0 15px #ececec;
    border: none;
}
.flip > .back, .flip > .front {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-property: transform,auto;
}
 .flip > .back, .flip > .front {
    border-radius: 0;
    -webkit-box-shadow: 0 0 23px -5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 23px -5px rgb(0 0 0 / 20%);
    box-shadow: 0 0 23px -5px rgb(0 0 0 / 20%);
    border: 1px solid #f3f3f3;
}
.flip > .back:hover {
    display: block;
    color: #fff;
		opacity: 1;
transform: rotateY(360deg);
    width: inherit;
    background-size: cover !important;
    background-position: center !important;
    height:228px;
    padding: 1em 2em;
    background: #0a336b;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-shadow: 0 0 15px #ececec;
    -moz-box-shadow: 0 0 15px #ececec;
    box-shadow: 0 0 15px #ececec;
    border: none;
}
.flip > .back {
	display: block;
    position: absolute;
	opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.front img {
    height: 55px;
}
.alt-font{margin-top: 20px;}
.linux-plan a {
    background: #ff5d2a;
    display: inline-block;
    color: #fff;
	border: 0.1875rem solid #ff5d2a;
	transition: all .4s ease-out 0s;
    font-weight: 600;
    text-transform: capitalize;
    box-shadow: 0px 2px 10px -1px rgb(0 0 0 / 19%);
    padding: 6px 26px;
    font-size: 16px;
    margin: 25px 0 0 0;
}
.linux-plan a:hover {
    background-color:white;
    color: #ff5d2a;
}
.blue-bg-light{
    background: #0a336b;
}
.margin-three-bottom {
    margin-bottom: 2% !important;
}
.white-text {
    color: #fff !important;
}

.funfact .counting {
    font-size: 48px;
    font-weight: 600;
    z-index: 1;
    position: relative;
    color: #fa6131;
	margin-top: -4px;
}
.funfact {
    background: #f7f8fc;
    padding: 40px 40px 40px;
    position: relative;
}
.funfact::before {
    content: "";
    background: linear-gradient(45deg, #0e90d5, #3032a2) !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .05;
    -moz-transform: translate(10px, 10px);
    -o-transform: translate(10px, 10px);
    -ms-transform: translate(10px, 10px);
    -webkit-transform: translate(10px, 10px);
    transform: translate(10px, 10px);
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.funfact img {
    float: right;
}
.funfact .title {
    color: #333;
    font-weight: 600;
    position: relative;
    z-index: 2;
	    font-size:19px;
}
.pad{margin-bottom:80%;}
@media screen and (max-width: 1200px) {
  .pad {
    margin-bottom: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .pad {
    margin-bottom: 360%;
  }
}
@media screen and (max-width: 766px) {
  .pad {
    margin-bottom: 370%;
  }
}
@media screen and (max-width: 748px) {
  .pad {
    margin-bottom: 380%;
  }
}
@media screen and (max-width: 728px) {
  .pad {
    margin-bottom: 390%;
  }
}
@media screen and (max-width: 710px) {
  .pad {
    margin-bottom: 400%;
  }
}
@media screen and (max-width: 695px) {
  .pad {
    margin-bottom: 410%;
  }
}
@media screen and (max-width: 680px) {
  .pad {
    margin-bottom: 420%;
  }
}
@media screen and (max-width: 665px) {
  .pad {
    margin-bottom: 430%;
  }
}
@media screen and (max-width: 650px) {
  .pad {
    margin-bottom: 440%;
  }
}
@media screen and (max-width: 635px) {
  .pad {
    margin-bottom: 450%;
  }
}
@media screen and (max-width: 625px) {
  .pad {
    margin-bottom: 455%;
  }
}
@media screen and (max-width: 615px) {
  .pad {
    margin-bottom: 465%;
  }
}
@media screen and (max-width: 605px) {
  .pad {
    margin-bottom: 475%;
  }
}
@media screen and (max-width: 594px) {
  .pad {
    margin-bottom: 485%;
  }
}
@media screen and (max-width: 583px) {
  .pad {
    margin-bottom: 495%;
  }
}
@media screen and (max-width: 583px) {
  .pad {
    margin-bottom: 505%;
  }
}
@media screen and (max-width: 563px) {
  .pad {
    margin-bottom: 515%;
  }
}
@media screen and (max-width: 553px) {
  .pad {
    margin-bottom: 525%;
  }
}
@media screen and (max-width: 543px) {
  .pad {
    margin-bottom: 550%;
  }
}
@media screen and (max-width: 533px) {
  .pad {
    margin-bottom: 565%;
  }
}
@media screen and (max-width: 523px) {
  .pad {
    margin-bottom: 575%;
  }
}
@media screen and (max-width: 513px) {
  .pad {
    margin-bottom: 585%;
  }
}
@media screen and (max-width: 508px) {
  .pad {
    margin-bottom: 595%;
  }
}
@media screen and (max-width: 501px) {
  .pad {
    margin-bottom: 605%;
  }
}
@media screen and (max-width: 495px) {
  .pad {
    margin-bottom: 615%;
  }
}
@media screen and (max-width: 487px) {
  .pad {
    margin-bottom: 625%;
  }
}
@media screen and (max-width: 480px) {
  .pad {
    margin-bottom: 635%;
  }
}
@media screen and (max-width: 474px) {
  .pad {
    margin-bottom: 645%;
  }
}
@media screen and (max-width: 467px) {
  .pad {
    margin-bottom: 655%;
  }
}
@media screen and (max-width: 464px) {
  .pad {
    margin-bottom: 665%;
  }
}
@media screen and (max-width: 462px) {
  .pad {
    margin-bottom: 675%;
  }
}
@media screen and (max-width: 460px) {
  .pad {
    margin-bottom: 685%;
  }
}
@media screen and (max-width: 453px) {
  .pad {
    margin-bottom: 695%;
  }
}
@media screen and (max-width: 449px) {
  .pad {
    margin-bottom: 705%;
  }
}
@media screen and (max-width: 442px) {
  .pad {
    margin-bottom: 715%;
  }
}
@media screen and (max-width: 436px) {
  .pad {
    margin-bottom: 725%;
  }
}
@media screen and (max-width: 432px) {
  .pad {
    margin-bottom: 735%;
  }
}
@media screen and (max-width: 426px) {
  .pad {
    margin-bottom: 745%;
  }
}
@media screen and (max-width: 415px) {
  .pad {
    margin-bottom: 755%;
  }
}
@media screen and (max-width: 413px) {
  .pad {
    margin-bottom: 765%;
  }
}
@media screen and (max-width: 409px) {
  .pad {
    margin-bottom: 790%;
  }
}

@media screen and (max-width: 400px) {
  .pad {
    margin-bottom: 815%;
  }
}
@media screen and (max-width: 398px) {
  .pad {
    margin-bottom: 825%;
  }
}
@media screen and (max-width: 395px) {
  .pad {
    margin-bottom: 835%;
  }
}
@media screen and (max-width: 390px) {
  .pad {
    margin-bottom: 845%;
  }
}
@media screen and (max-width: 389px) {
  .pad {
    margin-bottom: 855%;
  }
}
@media screen and (max-width: 384px) {
  .pad {
    margin-bottom: 865%;
  }
}
@media screen and (max-width: 380px) {
  .pad {
    margin-bottom: 875%;
  }
}
@media screen and (max-width: 374px) {
  .pad {
    margin-bottom: 895%;
  }
}
@media screen and (max-width: 370px) {
  .pad {
    margin-bottom: 935%;
  }
}
@media screen and (max-width: 364px) {
  .pad {
    margin-bottom: 940%;
  }
}
@media screen and (max-width: 360px) {
  .pad {
    margin-bottom: 970%;
	}}
@media screen and (max-width: 351px) {
  .pad {

    margin-bottom: 1010%;
  }
}
@media screen and (max-width: 338px) {
  .pad {
    margin-bottom: 1040%;
  }
}
@media screen and (max-width: 336px) {
  .pad {
    margin-bottom: 1060%;
  }
}
@media screen and (max-width: 344px) {
  .pad {
    margin-bottom: 1070%;
  }
}
@media screen and (max-width: 335px) {
  .pad {
    margin-bottom: 1120%;
  }
}
@media screen and (max-width: 325px) {
  .pad {
    margin-bottom: 1155%;
  }
}
@media screen and (max-width: 314px) {
  .pad {
    margin-bottom: 1200%;
  }
}
@media screen and (max-width: 308px) {
  .pad {
    margin-bottom: 1250%;
  }
}
@media screen and (max-width: 297px) {
  .pad {
    margin-bottom: 1315%;
  }
}
@media screen and (max-width: 293px) {
  .pad {
    margin-bottom: 1353%;
  }
}
@media screen and (max-width: 287px) {
  .pad {
    margin-bottom: 1380%;
  }
}
@media screen and (max-width: 285px) {
  .pad {
    margin-bottom: 1425%;
  }
}
@media screen and (max-width: 280px) {
  .pad {
    margin-bottom: 1475%;
  }
}
@media screen and (max-width: 273px) {
  .pad {
    margin-bottom: 1520%;
  }
}
@media screen and (max-width: 269px) {
  .pad {
    margin-bottom: 1585%;
  }
}
@media screen and (max-width: 268px) {
  .pad {
    margin-bottom: 1655%;
  }
}
@media screen and (max-width: 262px) {
  .pad {
    margin-bottom: 1750%;
  }
}
@media screen and (max-width: 257px) {
  .pad {
    margin-bottom: 1825%;
  }
}
@media screen and (max-width: 254px) {
  .pad {
    margin-bottom: 1900%;
  }
}
@media screen and (max-width: 246px) {
  .pad {
    margin-bottom: 2000%;
  }
}
@media screen and (max-width: 242px) {
  .pad {
    margin-bottom: 2100%;
  }
}
@media screen and (max-width: 236px) {
  .pad {
    margin-bottom: 2200%;
  }
}
@media screen and (max-width: 232px) {
  .pad {
    margin-bottom: 2300%;
  }
}
@media screen and (max-width: 229px) {
  .pad {
    margin-bottom: 2435%;
  }
}
@media screen and (max-width: 226px) {
  .pad {
    margin-bottom: 2530%;
  }
}
@media screen and (max-width: 222px) {
  .pad {
    margin-bottom: 2630%;
  }
}
@media screen and (max-width: 217px) {
  .pad {
    margin-bottom: 2730%;
  }
}
@media screen and (max-width: 214px) {
  .pad {
    margin-bottom: 2895%;
  }
}
@media screen and (max-width: 210px) {
  .pad {
    margin-bottom: 3050%;
  }
}
@media screen and (max-width: 204px) {
  .pad {
    margin-bottom: 3250%;
  }
}
@media screen and (max-width: 199px) {
  .pad {
    margin-bottom: 3450%;
  }
}
@media screen and (max-width: 192px) {
  .pad {
    margin-bottom: 3650%;
  }
}
@media screen and (max-width: 187px) {
  .pad {
    margin-bottom: 3850%;
  }
}
@media screen and (max-width: 182px) {
  .pad {
    margin-bottom: 4000%;
  }
}
@media screen and (max-width: 177px) {
  .pad {
    margin-bottom: 4095%;
  }
}


.active label {background-color:white; color: #ff5d2a;}

.active label:hover{background-color: #ff5d2a; color:white;}

.para{
    margin: 10px 0px 0px 8px;
    text-align: start;
}

.para-last {margin-top: -10px;}

.flip > .back:hover {background: #ff5d2a;}
.funfact::before {background: linear-gradient(45deg, #dc3545, #ff5d2a)!important;}
.main-bg-color {
    background-color: #f59b29!important;
}
#tab1:checked + label { 
    top: 0;
    background: #ff5d2a; 
	  color: white;
  }
 #tab2:checked + label { 
    top: 0;
    background: #ff5d2a;
	 	  color: white;

  }
  
   #tab3:checked + label { 
    top: 0;
    background: #ff5d2a;
	 	  color: white;

  }
ul.tabs{padding-left: 0%!important;}

@media screen and (max-width: 385px) {ul.tabs label{padding:10%;}}
@media screen and (max-width: 301px) {ul.tabs label{font-size: 12px;}}
@media screen and (max-width: 249px)  {ul.tabs label{font-size: 9px;}}
@media screen and (max-width: 759px){.about-video{padding-top: 35px !important;}}

@media screen and (max-width: 767px) {
  .flip > .back {
    opacity: 1;
    position: relative;
	  box-shadow: 0 0 0px -5px rgb(0 0 0 / 14%);
  }
}


@media screen and (max-width: 767px) {.alt-font {
    margin-top: 0%;
	}}
@media screen and (max-width: 767px) {
  .flip > .back, .flip > .front {
    border: 0px solid #ff5d2a;
  }
}
@media screen and (max-width: 767px) {
  .back .white-text {
        color: black!important;

  }
}
@media screen and (max-width: 767px) {
  .flip > .back:hover {
    display:contents;

  }
}

@media screen and (max-width: 767px) {.flip > .front {
	display: block; height: auto; box-shadow: 0 0 0px -5px rgb(0 0 0 / 14%);
    padding: 0%; background: none!important;}}


.flip{background: linear-gradient(-40deg, #ff5d2a0a 60%, #fff) !important;box-shadow: 0 0 23px -5px rgb(0 0 0 / 20%);}

@media screen and (max-width: 767px){.flip{padding: 1em 3em;}}


 /* -------------------------------Main Body CSS -------------------------------*/



 @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Roboto:wght@100;300;500;700;900&display=swap'); 




.Success_Stories .cards .first p { min-height:78px !important;}

.Success_Stories .p-4 {
    padding: 0rem 0rem 0.5rem 0rem!important;
}
.Success_Stories .cards{
min-height: 372px !important;}

.Success_Stories .white-btn {    display: inline-block !important;}



:active, :hover, :focus {

  outline: 0 !important;

  outline-offset: 0;

}

a, a:hover {

  text-decoration: none;

}

a:hover {

  color: var(--text-orange);

}

ul, ol {

  margin: 0;
  padding: 0;

} 


#ssc{
  margin-bottom: 0px;
}




/* ------------------------------Changes in Images--------------------------------- */

ol{
  padding: 14px;
}

/* .cms img{
 
  width: 500px;
  height: 340px;
  margin-right: -3px;
  padding: 18px;
  border-radius: 40px;
  position: relative;
  top: 8px;

}

.cms img{
  float: right;
}

.cms p{
  text-align: justify;
} */

/*------------------------- Media Query for images---------------------------- */


@media only screen and (max-width: 480px) {
  .cms img{
    width: 100%;
    height: auto;
  }
  
}

@media only screen and (min-width: 481px) and (max-width:768px) {
  .cms img{
    width: 100%;
    height: auto;
  }
  
}



/*==== Variable Define ===*/ :root {

  /* Background Color */

  --bg-black: #090b3c;

  --bg-white: #fff;

  --bg-light-white: #fcfcfc;

  --bg-light-2: #f2f7fa;

  --bg-features-1: #c43f1d;

  --bg-features-2: #107a40;

  --bg-features-3: #185abd;

  --bg-features-4: #1480d8;

  --bg-features-5: #b32436;

  --bg-features-6: #68149d;

  --bg-features-7: #f98169;

  /* Text Color */

  --text-black: #000;

  --text-white: #fff;

  --text-dark-gray: #4c535d;

  --text-light-2: #798089;

  --text-light-3: #5e5e72;

  --text-light-4: #A0A0A0;

  --text-dark-green: #7cbb00;

  --text-orange: #ff5d2a;

  --text-yellow: #ffc100;

  --text-blue: #00a1f1;

  --text-dark-blue: #013f6e;

  /* Fonts */

  --primary-font: Quicksand;

  --secondary-font: 'Poppins', sans-serif;

  --normal-font-weight: 400;

}

html {

  scroll-behavior: smooth;

}

/* body {

  font-size: 100%;
      overflow-x: hidden;

} */

#what-we-do {

    padding: 55px 50px;

}

.servicessection { background:#f1f2f8 !important;}


.card p.card-text { font-size:14px !important;}



.carousel-caption {
    
    right: 15%;
    bottom: 1.25rem;
    left: 10%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    top: 30%;
    color: #fff !important;
    text-align: left;
}


.scroll-on .forhome a { color:#333 !important;}



.forhome > li a { color:#FFF !important;}
.forhome .dropdown-menu a { color:#333 !important;}

.forhome .dropdown-menu a:hover { color: #ff5d2a!important;}





.workplace-buttons a{
    display: inline-block;
    padding: 14px 15px;
    border: 1px solid #ff5d2a;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: white;
    color: #ff5d2a;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
    
    line-height: 1.5625rem;
    box-shadow: 0px 2px 10px -1px rgb(0 0 0 / 19%);
	    max-width: 200px;
    margin-bottom: 30px;
}


.workplace-buttons a.activeb{
    display: inline-block;
    padding: 14px 15px;
    
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #ff5d2a;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
    color: white;
    line-height: 1.5625rem;
    box-shadow: 0px 2px 10px -1px rgb(0 0 0 / 19%);
	    max-width: 200px;
    margin-bottom: 30px;
}







.solutionmenu li:first-child { display:none;}

.solutionmenu li:nth-child(2) {
display:none;
}




.footeraddress .fas{ margin-left:-31px; }

.footeraddress ul{ padding-left:36px; }

#client-logo .slide{ border:1px solid #ddd !important; padding:5px; height:83px; align-items: center; display:flex; 
border-radius:5px;}




#client-logo .slide img { width:73px; margin:0 auto;}

#client-logo .slide{ border:1px solid #ddd !important; padding:5px; height:83px; align-items: center; display:flex; 
border-radius:5px;}



/*m365box start*/

.m365box .borderboxo{border-radius: 15px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
    flex-basis: 25%;
    padding-bottom: 13px; padding:20px; margin-bottom:50px;}
	
	.m365box .pricebox{ font-size:35px; color: #dc3545!important; font-weight:700; }
	.m365box .mfont{ font-size:18px; color: #000!important; font-weight:500; }
	
	.m365box .text-justify { font-size:12px; color:#565656 !important;}
	
	.m365box .main-btn { width:100%; color:#fff !important; padding: 4px !important; border-radius:3px;}
	.m365box .main-btn:hover{ color:#ff5d2a !important; }
	.m365box h5 a{ color:#ff5d2a !important;  text-align: center !important;
    padding: 20px 20px 5px 20px  !important; display: block;}
	
	.m365box .c-list { text-align:left !important; list-style:none; padding-left: 12px;}
	.m365box .mbimg { padding:20px; text-align:center;}
	
	section.m365box { padding:0 !important;}
	
	.m365boxtop .my-auto {  }
	.m365boxtop  { padding-bottom:0px !important; margin-bottom:0px !important; padding-top:0 !important;}
	
	.mbimg h6 {color:#565656 !important; font-weight:500; }
	.m365box h6 {color:#565656 !important; font-weight:500; }
	
	.m365box .what-we-do { min-height: 197px;
    display: block;}
	
	.m365box .fa-inr {margin-right: -5px;
    font-size: 32px;}
	
	/*m365box end*/
	
	
	













/*=======================================

               Custom Scrollbar

=========================================*/ ::-webkit-scrollbar {

  width: 0.625rem;

}

::-webkit-scrollbar-track {

  background: var(--bg-white);

}

::-webkit-scrollbar-thumb {

  background: var(--bg-features-7);

}

/*=======================================

               Custom Css Design

=========================================*/

.customer-inquiry a {

  color: #000 !important;

  font-weight: 500 !important;

}

#counter h2 {

  font-size: 38px !important;

}

#counter p {

  text-transform: capitalize !important;

  font-weight: 600;

  font-size: 17px !important;

}

.colorwhite {

  color: #FFF !important;

}

.toolstech h4 {

  color: #013f6e !important;

}

.network-security .col-md-2 h4 {

  color: #040000 !important;

  font-size: 17px !important;

}

.workplacenewone .bg-white {

  background-color: #fff !important;

  padding: 4%;

}

.workplacenewone .bg-white .col-md-6 img {

  width: 100%;

}

.workplacenewone h1 {

  margin-bottom: 0px !important;

}

.cloud-section.mt-5 .text-center {

  text-align: center !important;

  min-height: 97px;

}

footer section {

  padding: 0px !important;

}

.ourdelivery ul {

  margin-left: 20px !important;

  margin-top: 20px;

}

.webtechuse .cards {

  min-height: 192px !important;

}

.webtechuse .img-fluid {

  max-height: 100px;

}

.webred {

  background-color: #eb444d;

  padding: 2rem 0;

}

.features-boxedweb .item .name {

  font-size: 19px !important;

}

.wdevl .cards {

  min-height: 460px !important;

}

.wdevl {

  padding-bottom: 50px;

}


.color333 {

  color: #333 !important;

}

.grayc {

  background-color: #f8f8f8 !important;

}

.explore-managed-service .card .img-fluid {

  max-height: 200px;

  min-height: 200px;

}

.explore-managed-service .card {

  min-height: 409px;

}

.img-jmbo365 {

  background-repeat: no-repeat;

  background-attachment: scroll;

  background-size: cover;

  padding: 175px 40px;

  background-image: url(../images/d365/free.html);

  text-align: end;

}

#what-we-do .accordion-item img {

  width: 35px;

  height: 35px;

  border-radius: 60px;

  margin-right: 10px;

  border: 1px solid #939393;

}

#what-we-do .accordion-body {

  padding-top: 0px !important;

  padding-left: 0px !important;

}

.def365 {

  padding-top: 30px;

  padding-bottom: 50px;

  background: #fff !important;

}

.workplace1 .col-md-2 h4 {

  font-size: 20px !important;

}

.workplacenewone {

  background-image: none !important;

  background: #f8f9fa !important;

}

.workplacenewone .heading {

  position: relative;

  padding-bottom: 1rem;

  margin-bottom: 1rem;

  font-size: 2rem !important;

  text-align: left;

  margin-top: 0 !important;

  color: #4d4d4d !important;

  font-family: 'Roboto', sans-serif;

  font-weight: 600;

  line-height: 35px;

}

.workplacenewone .row {

  color: #333 !important;

}

#client-logo {

  padding-top: 30px !important;

  margin-bottom: 30px !important;

}

#cloud .heading {

  font-size: 1.2rem !important;

  margin-top: 20px !important;

}

.workplace h2 {

  color: #00406c !important;

}

.sociallinks li {

  list-style: none !important;

  color: #fff;

  border: 1px solid #ddd;

  border-radius: 50px;

  width: 30px;

  height: 30px;

  text-align: center;

  display: inline-block;

  line-height: 27px;

  margin-right: 5px;

}

.sociallinks li a {

  color: #fff;

}

h1 {

  font-size: 3rem;

  font-weight: 900;

  margin-bottom: 3rem;

  color: var(--text-dark-blue);

}

h2 {

  font-size: 35px;

  color: var(--text-dark-blue) !important;

  line-height: 45px;

  font-weight: 400;

  text-align: center;

  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;

}

h3 {

  text-transform: capitalize;

  font-size: 2.25rem;

  font-weight: 700;

  line-height: 3rem;

  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;

  color: var(--text-black);

}

h4 {

  /* margin-left: 7px;*/

  font-family: "Roboto";

  font-weight: 400;

  font-size: 18px;

  color: var(--text-dark-blue);

}

h5 {

  /*  margin-left: 7px;*/

  font-family: "Roboto";

  font-weight: 400;

  font-size: 18px;

  color: var(--text-black);

}

h6 {

  text-transform: capitalize;

  font-size: 1rem;

  font-weight: 700;

  font-family: var();

  color: var(--text-white);

  margin-bottom: 0.5rem;

}

p {

  margin-left: 0px;

  margin-top: -2px;

  font-size: 15px;

  line-height: 22px;

  font-weight: 400;

  color: #4f4f4f;

  font-family: var(--primary-font);

}

.main-btn {
	border-radius: 60px!important;

  display: inline-block;

  color:#fff !important;

  padding: 0.625rem 1.875rem;

  line-height: 1.5625rem;

  background-color: var(--text-orange);

  border: 0.1875rem solid var(--text-orange);

  font-size: 0.9375rem;

  font-weight: 600;

  text-transform: capitalize;

  box-shadow: 0px 2px 10px -1px rgb(0 0 0 / 19%);

  -webkit-transition: all .4s ease-out 0s;

  -o-transition: all .4s ease-out 0s;

  -moz-transition: all .4s ease-out 0s;

  transition: all .4s ease-out 0s;

}



.main-btn:hover {

  background-color: transparent;

  color:#ff5d2a !important;

}



.wrapper {

  padding-top: 5.25rem;

  padding-bottom: 5.25rem;

}

.text-content {

  width: 70%;

  margin: auto;

}

footer p {

  font-size: 14px;

  color: var(--text-white);

  font-weight: 300;

  font-family: var(--secondary-font);

}

.service .box-content h3 {

  color: var(--text-white);

}

.counter-section h2, .testimonial-section h2 {

  color: var(--text-dark-blue);

}

#home #banner-slider h4 {

  font-weight: 600;

  font-size: 22px;

}

#home #banner-slider p {

  font-size: 18px;

}

/*==========================

        Header Design

==========================*/

.navigation-wrap {

  /* position:fixed;*/

  width: 100%;

  left: 0;

  z-index: 1000;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.navigation-wrap .nav-item {

  padding: 0 0.125rem;

  transition: all 0.3s linear;

}

.navbar-toggler:focus {

  outline: unset;

  border: unset;

  box-shadow: none;

}

.nav-link {

  font-size: 0.9375rem;

  font-weight: 600;

  text-transform: capitalize;

  color: var(--text-black);

  letter-spacing: 1px;

}

.nav-link:hover, .nav-link.active {

  color: var(--text-orange) !important;

}

.navigation-wrap .main-btn {

  padding: 0.3125rem 1.4375rem;

  box-shadow: none;

  margin-left: 0.625rem;

}

/* Change navbar styling on scroll */

.navigation-wrap.scroll-on {

  position: fixed;

  background-color: var(--bg-white);

  top: 0;

  left: 0;

  width: 100%;

  box-shadow: 0 0.125rem 1.75rem 0 rgb(0, 0, 0, 0.09);

  transition: all 0.15s ease-in-out 0s;

}

.navigation-wrap.scroll-on .nav-link {

  color: var(--black-color);

}

.navigation-wrap.scroll-on .nav-link:hover, .navigation-wrap.scroll-on .nav-link.active {

  color: var(--text-orange);

}

/*==========================

     Top-banner Design

==========================*/

#home #banner-slider .owl-carousel .owl-nav button {

  position: absolute;

  top: 30%;

  outline: none;

}

#home #banner-slider .owl-carousel .owl-nav button.owl-prev {

  left: 0;

}

#home #banner-slider .owl-carousel .owl-nav button.owl-next {

  right: 0;

}

#home #banner-slider .owl-carousel .owl-nav button span {

  font-size: 56px;

  padding: 0 1rem;

  color: #ff004d;

}

#home #banner-slider .owl-carousel .owl-nav button.owl-prev {

  margin-left: -5rem;

}

#home #banner-slider .owl-carousel .owl-nav button.owl-next {

  margin-right: -5rem;

}

#home #banner-slider .owl-carousel .owl-dots {

  position: absolute;

  bottom: -3rem;

  left: 50%;

  transform: translateX(-50%);

}

#home #banner-slider .owl-carousel .owl-dots button span {

  background-color: #c8c8c8;

  padding: 6px !important;

}

#home #banner-slider .owl-carousel .owl-dots button.active span {

  background-color: #ff004d;

}

.pt-2 {

  padding-top: 9.5rem !important;

}

.dropdown-toggle::after {

  content: none;

}

.dropdown:hover .dropdown-menu {

  display: block;

  margin-top: 0;

}

.dropdown-item {

  display: block;

  font-weight: 600;

  text-transform: capitalize;

  letter-spacing: 1px;

  width: 100%;

  padding: .25rem .5rem;

  clear: both;

  font-weight: 600;

  color: #212529;

  text-align: inherit;

  text-decoration: none;

  white-space: nowrap;

  background-color: transparent;

  border: 0;

}

.dropdown-menu {

  position: absolute;

  z-index: 1000;

  display: none;

  min-width: 10rem;

  padding: .5rem 0;

  margin: 0;

  margin-top: 0px;

  font-size: 0.9375rem;

  color: var(--text-black);

  text-align: left;

  list-style: none;

  background-color: var(--bg-white);

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, .15);

  border-radius: .25rem;

}

.dropdown-item:focus, .dropdown-item:hover {

  color: var(--text-orange);

}

/*

  ==========================================

     what-we-do Section  Design

  ==========================================

  */
  
 .newformhome .form-group { margin-bottom:20px;}
  
  .newformhome .title3{ color:#fff !important;}
  .newformhome label{ color:#333 !important;}



#what-we-do {

  padding: 55px 50px !important;

}

#what-we-do .sub-title {

  font-weight: 400;

  font-size: 18px;
  line-height:28px;

  color:#000;
      font-family: 'PT Sans', sans-serif;

}

#what-we-do {

  background: #ffffff;

}

#what-we-do .card {

  padding: 1rem !important;

  border: none;

  margin-bottom: 1rem;

  -webkit-transition: .5s all ease;

  -moz-transition: .5s all ease;

  transition: .5s all ease;

}

#what-we-do .card:hover {

  -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

  -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

}

#what-we-do .card .card-block {

  padding-left: 75px;

  position: relative;

}

#what-we-do .card .card-block a {

  color: #007b5e !important;

  font-weight: 700;

  text-decoration: none;

}

#what-we-do .card .card-block a i {

  display: none;

}

#what-we-do .card:hover .card-block a i {

  display: inline-block;

  font-weight: 700;

}

#what-we-do .card .card-block:before {

  font-family: FontAwesome;

  position: absolute;

  font-size: 39px;

  color: #007b5e;

  left: 0;

  -webkit-transition: -webkit-transform .2s ease-in-out;

  transition: transform .2s ease-in-out;

}

#what-we-do .card .block-1:before {

  content: url('../images/Section%202/1.html');

}

#what-we-do .card .block-2:before {

  content: url('../images/Section%202/2.html');

}

#what-we-do .card .block-3:before {

  content: url('../images/Section%202/3.html');

}

#what-we-do .card .block-4:before {

  content: url('../images/Section%202/4.html');

}

#what-we-do .card .block-5:before {

  content: url('../images/Section%202/5.html');

}

#what-we-do .card .block-6:before {

  content: url('../images/Section%202/6.html');

}

#what-we-do .card:hover .card-block:before {

  -webkit-transform: rotate(360deg);

  transform: rotate(360deg);

  -webkit-transition: .5s all ease;

  -moz-transition: .5s all ease;

  transition: .5s all ease;

}

/*

  ==========================================

     Solution & Service Section Design

  ==========================================

  */

.service {

  background: var(--bg-white);

}

.box {

  overflow: hidden;

  position: relative;

}

.box img {

  width: 100%;

  height: auto;

}

.box .box-content {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  transition: all 0.3s ease 0.5s;

}

.box:before, .box:after, .box .box-content:before, .box .box-content:after, .box .box-overlay {

  content: "";

  width: 20%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  transform: scale(1.2);

  transition: all 0.3s ease 0.1s;

}

.box:after {

  left: 20%;

  transition-delay: 0.2s;

}

.box .box-content:before {

  left: 40%;

  transition-delay: 0.3s;

}

.box .box-content:after {

  left: 60%;

  transition-delay: 0.4s;

}

.box .box-overlay {

  left: 80%;

  transition-delay: 0.5s;

}

.box:hover:before, .box:hover:after, .box:hover .box-content:before, .box:hover .box-content:after, .box:hover .box-overlay {

  opacity: 1;

  transform: scale(1);

}

.box .inner-content {

  width: 100%;

  color: var(--text-white);

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

  opacity: 0;

  z-index: 1;

  transform: translate(-50%, -50%) scale(1.5);

  transition: all 0.3s ease 0.5s;

}

.box:hover .inner-content {

  opacity: 1;

  transform: translate(-50%, -50%) scale(1);

}

.box .title {

  font-size: 25px;

  font-weight: 600;

  text-transform: uppercase;

  margin: 0;

}

.box .post {

  display: inline-block;

  font-size: 16px;

  font-style: italic;

  letter-spacing: 1px;

  text-transform: capitalize;

  margin: 5px 0 20px 0;

}

.box .icon {

  padding: 0;

  margin: 0;

  list-style: none;

}

.box .icon li {

  display: inline-block;

  margin: 0 5px;

}

.box .icon li a {

  display: block;

  width: 30px;

  height: 30px;

  line-height: 30px;

  border-radius: 50% 0;

  background: #8421ef;

  font-size: 18px;

  color: #fff;

  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5), 0 0 0 4px rgba(255, 255, 255, 0.8);

  transition: all 0.3s ease 0s;

}

.box .icon li a:hover {

  background: #fff;

  color: #8421ef;

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset, 0 0 10px #fff;

}



#client-logo #ms-logo {

  padding-top: 40px;

  padding-bottom: 50px;

  background: #f9f9f9;

}

#client-logo p {

  text-align: center;

  line-height: 2;

  color: black;

  font-size: 18px;

  font-family: 'PT Sans', sans-serif;

}

#ms-logo p {

  text-align: center;

  line-height: 2;

  color: black;

  font-size: 18px;

  font-family: 'PT Sans', sans-serif;

}

.slick-slide {

  margin: 0 20px;

}

.slick-slide img {

  width: auto;

}

.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

}

.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}

.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

}

.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}

.slick-slide img {

  display: block;

}

.slick-initialized .slick-slide {

  display: block;

}

/*

==========================

  startup-section Design

==========================

*/

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.startup-section {

  width: 100%;

/*  height: 24.125rem;*/

 /* background: url('../images/startup-home-banner.jpg') no-repeat center;*/

  background-size: cover;

/*  padding-top: 55px;*/
background-color:#f1f2f7 !important;

  text-align: left;

}

.startup-section .text-content {

  width: 90%;

  margin: auto;

}

.startup-section h2 {

      font-size: 33px;
    color: #013f6e;
    line-height: 37px;
    text-align: left;
    /* font-family: Roboto; */
    font-weight: 800;
    /* font-style: normal; */
    text-transform: uppercase;
    margin-bottom: 20px;
}



.startup-section p {

  font-size: 20px;

  color: #4f4f4f;

  line-height: 30px;

  text-align: left;

  font-family: Roboto;

  font-weight: 400;

  font-style: normal;

}

/*

==========================

  MS slider-section Design

==========================

*/

.container-rounded {

  overflow: hidden;

}

.slider {

  animation: slidein1 30s linear infinite;

  white-space: nowrap;

}

.logos {

  width: 100%;

  display: inline-block;

  margin: 0px 0;

}

.fab {

  width: calc(100% / 5);

  animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;

}

@keyframes slidein1 {

  from {

    transform: translate3d(0, 0, 0);

  }

  to {

    transform: translate3d(-100%, 0, 0);

  }

}

@keyframes fade-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

/*

==========================

  story-section Design

==========================

*/

.story-section {

  width: 100%;

  height: 28.125rem;

  background: url('../images/teams-banner.html') no-repeat center;

  background-size: cover;

  padding-top: 100px;

  text-align: right;

}

.story-section .text-content {

  width: 95%;

  margin: auto;

}

.story-section h2 {

  font-size: 33px;

  /* color: #013f6e; */

  line-height: 54px;

  text-align: right;

  font-family: Roboto;

  font-weight: 400;

  font-style: normal;

}

#microcol{
  color: #fff!important;
  font-size: 50px !important;
}

#adj{
  text-align: center;
  margin-top: 276px !important;
}
/*==========================

  testimonial-section-Design

==========================*/

.testimonial-section {

  background: var(--bg-features-7);

}

.testimonial-section .carousel-item {

  margin-top: 1rem;

  padding: 10rem 3.125rem;

  background-color: var(--bg-light-white);

  border-radius: 0.9375rem;

  text-align: center;

}

.testimonial-section .carousel-caption img {

  max-width: 5rem;

  border-radius: 50%;

  padding: 0.3125rem;

}

.testimonial-section .carousel-caption p {

  color: var(--text-dark-gray);

  font-size: 1.125rem;

  line-height: 1.5625rem;

  font-weight: 300;

  padding: 0 11% 0.625rem;

}

.testimonial-section .carousel-indicators {

  bottom: -2.8125rem;

}

.testimonial-section .carousel-indicators button {

  width: 15px;

  height: 15px;

  outline: none;

  border-radius: 50%;

  border: none;

  margin-right: 1rem;

  opacity: 0.2;

}

.testimonial-section .carousel-indicators button.active {

  opacity: 1;

}

/*==========================

  Contact section-Design

==========================*/

.content-header {

  font-family: 'Oleo Script', cursive;

  color: #fcc500;

  font-size: 45px;

}

.section-content {

  text-align: center;

}

#contact {

    font-size: 79%;

  padding-top: 60px;

  width: 100%;

  height: 550px;

  background: #3a6186;

  background: url(../images/contact-bg.html)  ;
      background-size: cover;

 

  color: #fff;

}

.contact-section {

  padding-top: 10px;

}

.contact-section .col-md-6 {

  width: 50%;

}

.form-line {

  border-right: 1px solid #B29999;

}

.form-group {

  margin-top: 10px;

}

label {

  font-size: 1.3em;

  line-height: 1em;

  font-weight: normal;

}

.form-control {

  font-size: 1.3em;

  color: #080808;

}

textarea.form-control {

  height: 135px;

}

.submit {

  font-size: 1.1em;

  float: right;

  width: 170px;

  background-color: transparent;

  color: var(--text-black);

  padding-top: 1rem;

}

/*==========================

  Leadership section-Design

==========================*/

.team-boxed {

  color: #313437;

  background-color: #eef4f7;

}

.team-boxed p {

  color: #7d8285;

}

.team-boxed h2 {

  font-weight: bold;

  padding-top: 40px;

  color: var(--text-dark-blue);

}

.team-boxed .intro {

  font-size: 16px;

  max-width: 500px;

  margin: 0 auto;

}

.team-boxed .intro p {

  margin-bottom: 0;

}

.team-boxed .people {

  padding: 50px 0;

}

.team-boxed .item {

  text-align: center;

}

.team-boxed .item .box1 {

  text-align: center;

  padding: 30px;

  background-color: #fff;

  margin-bottom: 30px;

}

.team-boxed .item .name {

  font-weight: bold;

  margin-top: 28px;

  margin-bottom: 8px;

  color: inherit;

}

.team-boxed .item .title {

  text-transform: uppercase;

  font-weight: bold;

  color: #d0d0d0;

  letter-spacing: 2px;

  font-size: 13px;

}

.team-boxed .item .description {

  font-size: 15px;

  margin-top: 15px;

  margin-bottom: 20px;

}

.team-boxed .item img {

  max-width: 160px;

}

.team-boxed .social {

  font-size: 18px;

  color: #a2a8ae;

}

.team-boxed .social a {

  color: inherit;

  margin: 0 10px;

  display: inline-block;

  opacity: 0.7;

}

.team-boxed .social a:hover {

  opacity: 1;

}

.image-section {

  padding: 0 50px;

}

.workplace {

  padding-top: 40px;

  padding-bottom: 70px;

  background-color: #efefef;

}

/* back to top*/

#button {

  display: inline-block;

  background-color: #167AE3;

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 4px;

  position: fixed;

  bottom: 60px;

  right: 0px;

  transition: background-color .3s, opacity .5s, visibility .5s;

  opacity: 0;

  visibility: hidden;

  z-index: 1000;

}

#button::after {

  content: "\f077";

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  font-size: 2em;

  line-height: 50px;

  color: #fff;

}

#button:hover {

  cursor: pointer;

  background-color: #333;

}

#button:active {

  background-color: #555;

}

#button.show {

  opacity: 1;

  visibility: visible;

}

/*---*/

@import url('../../../../../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');

/*chat bot*/

.chat_close_icon {

  cursor: pointer;

  color: #fff;

  font-size: 16px;

  position: absolute;

  right: 12px;

  z-index: 9;

}

.chat_on {

  position: fixed;

  z-index: 10;

  width: 54px;

  height: 54px;

  right: 28px;

  bottom: 20px;

  background-color: #167AE3;

  color: #fff;

  border-radius: 50%;

  text-align: center;

  padding: 9px;

  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;

  cursor: pointer;

  display: block;

}

.chat_on_icon {

  color: #fff;

  font-size: 25px;

  text-align: center;

}

#webchat {

  width: 100%;

  height: 100%;

}

/*===========================

     CHAT BOOT MESSENGER

   ===========================*/

#Smallchat .Messages, #Smallchat .Messages_list {

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}

#Smallchat .Layout {

  pointer-events: auto;

  box-sizing: content-box !important;

  z-index: 999999999;

  position: fixed;

  bottom: 20px;

  min-width: 50px;

  max-width: 300px;

  max-height: 30px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  border-radius: 50px;

  box-shadow: 5px 0 20px 5px rgba(0, 0, 0, .1);

  -webkit-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);

  animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  opacity: 0;

  -webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;

  transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s

}

#Smallchat .Layout-right {

  right: 20px

}

#Smallchat .Layout-open {

  overflow: hidden;

  min-width: 380px;

  max-width: 380px;

  height: 500px;

  max-height: 500px;

  border-radius: 10px;

  color: #fff;

  -webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);

  transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);

}

#Smallchat .Layout-expand {

  height: 500px;

  min-height: 500px;

  display: none;

}

#Smallchat .Layout-mobile {

  bottom: 10px

}

#Smallchat .Layout-mobile.Layout-open {

  width: calc(100% - 20px);

  min-width: calc(100% - 20px)

}

#Smallchat .Layout-mobile.Layout-expand {

  bottom: 0;

  height: 100%;

  min-height: 100%;

  width: 100%;

  min-width: 100%;

  border-radius: 0 !important

}

@-webkit-keyframes appear {

  0% {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0)

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}

@keyframes appear {

  0% {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0)

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}

#Smallchat .Messenger_messenger {

  position: relative;

  height: 100%;

  width: 100%;

  min-width: 300px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column

}

#Smallchat .Messenger_header, #Smallchat .Messenger_messenger {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex

}

#Smallchat .Messenger_header {

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  padding-left: 10px;

  padding-right: 40px;

  height: 65px;

  -webkit-flex-shrink: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0

}

#Smallchat .Messenger_header h4 {

  opacity: 0;

  font-size: 16px;

  -webkit-animation: slidein .15s .3s;

  animation: slidein .15s .3s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards

}

#Smallchat .Messenger_prompt {

  margin: 0;

  font-size: 28px;

  line-height: 18px;

  font-weight: 400;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis

}

@-webkit-keyframes slidein {

  0% {

    opacity: 0;

    -webkit-transform: translateX(10px);

    transform: translateX(10px)

  }

  to {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}

@keyframes slidein {

  0% {

    opacity: 0;

    -webkit-transform: translateX(10px);

    transform: translateX(10px)

  }

  to {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}

.chat_close_icon {

  cursor: pointer;

  color: #fff;

  font-size: 25px;

  position: absolute;

  right: 12px;

  z-index: 9;

}

.about-section .main-btn span, .style-section .main-btn span {

  color: var(--text-black);

}

.about-section .carousel-indicators {

  margin-bottom: -2.5rem;

}

.about-section .carousel-indicators [data-bs-target] {

  width: 0.625rem;

  height: 0.625rem;

  border-radius: 50%;

  background-color: var(--bg-features-2);

}

.what-we-do {

  padding-top: 3.25rem;

}

.what-we-do ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 30px;

}

.what-we-do ul li::before {

  position: absolute;

  left: -2.1875rem;

  color: var(--text-orange);

  font-size: 1.25rem;

  font-family: "Font Awesome 5 Free";

  content: '\f00c';

  display: inline-block;

  padding-right: 3px;

  vertical-align: middle;

  font-weight: 900;

}

.accordion-button:hover, .accordion-button:focus {

  box-shadow: none;

  color: var(--text-dark-green);

}

.accordion-item {

  border: 0;

}

.accordion-button {

  font-size: 21px;

  font-family: var(--secondary-font);

  font-weight: 600;

  color: var(--text-black);

  background-color: var(--text-white);

  border-radius: 0;

  padding: 0 0 15px 0;

  border-bottom: 1px solid var(--text-light-3);

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 15px;

}

.accordion-button::after {

  content: '\002B';

  font-family: "Font Awesome 5 Free";

  font-weight: 800;

  display: inline-block;

  background-image: none;

}

.accordion-button:not(.collapsed)::after {

  content: "\2212";

  font-family: "Font Awesome 5 Free";

  font-weight: 800;

  display: inline-block;

  background-image: none;

  transform: unset;

}

.accordion-body {

  color: var(--text-black);

  font-size: 15px;

  font-weight: 600;

  margin: 0 0 20px 0;

  padding-bottom: 25px;

  line-height: 1.5;

}

.mt-2 {

  margin-top: 2.5rem !important;

}

#client-logo #ms-logo {

  padding-top: 40px;

  padding-bottom: 50px;

  background: #f9f9f9;

}

#client-logo p {

  text-align: center;

  line-height: 2;

  color: black;

  font-size: 18px;

  font-family: 'PT Sans', sans-serif;

}

#ms-logo p {

  text-align: center;

  line-height: 2;

  color: black;

  font-size: 18px;

  font-family: 'PT Sans', sans-serif;

}

#about {

  padding-top: 24px;

  padding-bottom: 72px;

}

.timeline {

  padding-top: 1px;

  padding-bottom: 2px;

}

p {

  margin-left: 0px;

  margin-top: -2px;

  font-size: 15px;

  line-height: 22px;

  font-weight: 500;

  color: #4f4f4f;

  font-family: var(--primary-font);

}

.team-boxed {

  color: #313437;

  background-color: #eef4f7;

}

.team-boxed p {

  color: #7d8285;

}

.team-boxed h2 {

  font-weight: bold;

  padding-top: 40px;

  color: var(--text-dark-blue);

}

.team-boxed .intro {

  font-size: 16px;

  max-width: 500px;

  margin: 0 auto;

}

.team-boxed .intro p {

  margin-bottom: 0;

}

.team-boxed .people {

  padding: 50px 0;

}

.team-boxed .item {

  text-align: center;

}

.team-boxed .item .box1 {

  text-align: center;

  padding: 30px;

  background-color: #fff;

  margin-bottom: 30px;

}

.team-boxed .item .name {

  font-weight: bold;

  margin-top: 28px;

  margin-bottom: 8px;

  color: inherit;

}

.team-boxed .item .title {

  text-transform: uppercase;

  font-weight: bold;

  color: #d0d0d0;

  letter-spacing: 2px;

  font-size: 13px;

}

.team-boxed .item .description {

  font-size: 15px;

  margin-top: 15px;

  margin-bottom: 20px;

}

.team-boxed .item img {

  max-width: 160px;

}

.team-boxed .social {

  font-size: 18px;

  color: #a2a8ae;

}

.team-boxed .social a {

  color: inherit;

  margin: 0 10px;

  display: inline-block;

  opacity: 0.7;

}

.team-boxed .social a:hover {

  opacity: 1;

}

.location {

  padding-top: 1px;

  padding-bottom: 25px;

}

/*

        @media (max-width: 320px) {

            h2 {

                font-size: 20px;

            }



            p {

                font-size: 13px;

            }



            h1 {

                font-size: 2rem;

                font-weight: 700;

            }



            .accordion-button {

                font-size: 15px;

            }



            .accordion-body {

                font-size: 13px;

            }



            h6 {

                font-size: 0.9rem;

                font-weight: 600;

            }



            footer p {

                font-size: 14px;

                font-weight: 400;

            }



            .what-we-do ul li {

                font-size: 0.855rem;

            }

        }



        @media (max-width: 380px) {

            h2 {

                font-size: 20px;

            }



            



            p {

                font-size: 13px;

            }



            h1 {

                font-size: 2rem;

                font-weight: 700;

            }



            .accordion-button {

                font-size: 15px;

            }



            .accordion-body {

                font-size: 13px;

            }



            h6 {

                font-size: 0.9rem;

                font-weight: 600;

            }



            footer p {

                font-size: 14px;

                font-weight: 400;

            }



            .what-we-do ul li {

                font-size: 0.855rem;

            }

        }

*/

@media (max-width: 430px) {

  h2 {

    font-size: 26px;

  }

  p {

    font-size: 14px;

  }

  h1 {

    font-size: 2rem;

    font-weight: 700;

  }

  .accordion-button {

    font-size: 15px;

  }

  .accordion-body {

    font-size: 13px;

  }

  h6 {

    font-size: 0.9rem;

    font-weight: 600;

  }

  footer p {

    font-size: 14px;

    font-weight: 400;

  }

  .what-we-do ul li {

    font-size: 15px;

  }

  #about {

    padding-top: 0px;

    padding-bottom: 0px;

  }

  #ms-logo p {

    font-size: 17px;

  }

  #client-logo p {

    font-size: 17px;

  }

}

@media (max-width: 770px) {

  h2 {

    font-size: 24px;

  }

  p {

    font-size: 14px;

  }

  h1 {

    font-size: 2.5rem;

    font-weight: 700;

  }

  .accordion-button {

    font-size: 18px;

  }

  .accordion-body {

    font-size: 14px;

  }

  footer p {

    font-size: 14px;

    font-weight: 400;

  }

  .what-we-do ul l {

    font-size: 0.9rem;

  }

  .team-boxed h2 {

    padding-top: 25px;

    font-size: 24px;

  }

  .timeline {

    padding-top: 0px;

    padding-bottom: 0px;

  }

  #about {

    padding-top: 0px;

    padding-bottom: 11px;

  }

}

#cloud {

  padding-top: 40px;

  padding-bottom: 50px;

  background: #f9f9f9;

}

#cloud h4 {

  line-height: 1.3em;

  font-size: 100%;

  margin: 0;

  word-wrap: break-word;

  -webkit-box-flex: 0;

  -webkit-flex: 0 1 auto;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  padding: 0 1.5em;

  font-weight: 600;

}

#cloud ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 30px;

}

#cloud ul li::before {

  position: absolute;

  left: -2.1875rem;

  color: var(--text-orange);

  font-size: 1.25rem;

  font-family: "Font Awesome 5 Free";

  content: '\f00c';

  display: inline-block;

  padding-right: 3px;

  vertical-align: middle;

  font-weight: 900;

}

.heading {

  text-align: left;

  font-size: 25px;

  line-height: 25px;

  margin-bottom: 25px;

  margin-top: 25px;

  color: #4d4d4d;

  ;

  font-weight: 600;

}

#cloud img {

  width: 100%;

}

@media (max-width: 330px) {

  #banner h1 {

    font-size: 1.98rem;

    font-weight: 600;

    margin-bottom: 1rem;

  }

  footer p {

    font-size: 15px;

  }

  .pb-3 {

    padding-bottom: 0rem !important;

  }

  .pt-2 {

    padding-top: 9.5rem !important;

  }

}

@media (max-width: 380px) {

  #banner h1 {

    font-size: 1.98rem;

    font-weight: 600;

    margin-bottom: 1rem;

  }

  footer p {

    font-size: 15px;

    font-weight: 400;

  }

  .pb-3 {

    padding-bottom: 0rem !important;

  }

  .pt-2 {

    padding-top: 9.5rem !important;

  }

}

@media (max-width: 428px) {

  #banner h1 {

    font-size: 2.5rem;

    font-weight: 700;

  }

  .pb-3 {

    padding-bottom: 0rem !important;

  }

  .pt-2 {

    padding-top: 9.5rem !important;

  }

  footer p {

    font-size: 15px;

  }

}

@media (max-width: 775px) {

  h1 {

    font-size: 2.5rem;

  }

  footer p {

    font-size: 15px;

  }

}

#cloud img {

  width: 100%;

}

/*below for gallery*/

.para {

  text-align: center;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 16px;

  line-height: 30px;

  letter-spacing: .4px;

}

.def1 {

  padding-top: 40px;

  padding-bottom: 20px;

}

.title1 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 35px;

  font-weight: 600;

  line-height: 40px !important;
  


}

.title2 {

  text-align: center;

  font-family: "Work Sans", sans-serif;

  font-weight: 500;

  font-size: 42px;

  line-height: 52px;

}

.title3 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 32px;

  font-weight: 600;

  line-height: 50px;

}

.subtitle {

  color: #000;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 15px;

  letter-spacing: .4px;

  text-align: center;

}


.text-white{
  color: white!important;
}

.newremote1 .panel-body h4 { color:#FFF !important;}

@media (max-width: 428px) {

  .title1 {

    text-align: center;

    font-family: "Nunito Sans", Sans-serif;

    font-size: 26px;

    font-weight: 600;

    line-height: 35px;

  }

}

.container.gallery-container {

  background-color: #fff;

  color: #35373a;

  min-height: 100vh;

  padding: 30px 50px;

}

.gallery-container h1 {

  text-align: center;

  margin-top: 50px;

  font-family: 'Droid Sans', sans-serif;

  font-weight: bold;

}

.gallery-container p.page-description {

  text-align: center;

  margin: 25px auto;

  font-size: 18px;

  color: #999;

}

.tz-gallery {

  padding: 40px;

}



/*

    .tz-gallery .lightbox:before {

        position: absolute;

        top: 50%;

        left: 50%;

        margin-top: -13px;

        margin-left: -13px;

        opacity: 0;

        color: #fff;

        font-size: 26px;

        font-family: 'Glyphicons Halflings';

        content: '\e003';

        pointer-events: none;

        z-index: 9000;

        transition: 0.4s;

    }

    

    

    .tz-gallery .lightbox:after {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        opacity: 0;

        background-color: rgba(46, 132, 206, 0.7);

        content: '';

        transition: 0.4s;

    }

    

    .tz-gallery .lightbox:hover:after,

    .tz-gallery .lightbox:hover:before {

        opacity: 1;

    }*/

.baguetteBox-button {

  background-color: transparent !important;

}

@media(max-width: 768px) {

  body {

    padding: 0;

  }

}

/*below for career*/

.features-boxed {

  color: #313437;

  background-color: #eef4f7;

}

.features-boxed p {

  color: #7d8285;

}

.features-boxed .intro {

  font-size: 16px;

  max-width: 500px;

  margin: 0 auto;

}

.features-boxed .intro p {

  margin-bottom: 0;

}

.features-boxed .features {

  padding: 50px 0;

}

.features-boxed .item {

  text-align: center;

}

.features-boxed .item .box1 {

  text-align: center;

  padding: 30px;

  background-color: #fff;

  margin-top: 20px;
  border-radius:10px;
  
  box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%);

}


.features-boxed .item .box1:hover {

   -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

  -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.features-boxed .item .box1 h3 {color: #ffffff !important;
    font-size: 18px!important;
    text-transform: uppercase!important;
    font-weight: 700!important;
    min-height: 45px!important;}


 

.features-boxed .item .icon {

  font-size: 60px;

  color: #1485ee;

  margin-top: 20px;

  margin-bottom: 35px;

}

.features-boxed .item .name {

  font-weight: 550;

  font-size: 18px;

  margin-bottom: 8px;

  margin-top: 15px;

  color: inherit;

}

.features-boxed .item .description {

  font-size: 15px;

  margin-top: 15px;

  margin-bottom: 20px;

}

.intro1 {

  font-size: 16px;

}

.features-boxed .item .box2 {

  text-align: center;

  padding: 30px;

  background-color: #2D4E88;
border-radius: 10px;
  margin-bottom: 30px;

}

.features-boxed .item .description1 {

  font-size: 15px;

  margin-top: 15px;

  margin-bottom: 20px;

  color: #ffff;

}


/* #Scalable{
  height: 25px;
} */

.para {

  text-align: center;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 16px;

  line-height: 30px;

  letter-spacing: .4px;

}

.para1 {

  text-align: center;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 16px;

  line-height: 30px;

  letter-spacing: .4px;

  padding: 0px 150px;

}

.title1 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 32px;

  font-weight: 600;

  line-height: 30px;

}

.title2 {

  text-align: center;

  font-family: "Work Sans", sans-serif;

  font-weight: 500;

  font-size: 42px;

  line-height: 48px;

}

.title3 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 32px;

  font-weight: 600;

  line-height: 50px;

}

.subtitle {

  color: #000;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 15px;

  letter-spacing: .4px;

  text-align: center;

}

.title {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 20px;

  font-weight: 600;

  line-height: 30px;

}

.def {

  padding-top: 30px;

  padding-bottom: 50px;

}

.counter-section {

  background-color: #eb444d;

  padding: 2rem 0;

}

.counter-section h3 {

  color: var(--text-white);

}

.Success_Stories {

  padding-top: 30px;

  padding-bottom: 50px;

  background: #e4dede;

}




.cards {

  text-align: center;

  position: relative;

  background: #ffffff;

  color: #333333;

  padding: 0.75rem 1rem;

  padding-top: 1.5rem;

  margin: 1rem 0;

  border-radius: 12px;

  min-height: 180px;

  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);

  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

}

/*

    .cards:hover {

        box-shadow: 5px 6px 6px 2px #e9ecef;

        transform: scale(1.1)

    }*/

.cards:hover {

  box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.3);

  cursor: pointer;

  transform: translatey(-4px);

}

.card-title {

  font-family: "Roboto";

  font-weight: 400;

  font-size: 18px;

  color: #0a4275;

}

#cloud {

  padding-top: 40px;

  padding-bottom: 50px;

  background: #f9f9f9;

}

#cloud h4 {

  line-height: 1.3em;

  font-size: 100%;

  margin: 0;

  word-wrap: break-word;

  -webkit-box-flex: 0;

  -webkit-flex: 0 1 auto;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  padding: 0 1.5em;

  font-weight: 600;

}

#cloud ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 70px;

}

#cloud ul li::before {

  position: absolute;

  left: -2.1875rem;

  color: #e83e8c;

  font-size: 1.25rem;

  font-family: "Font Awesome 5 Free";

  content: '\f00c';

  display: inline-block;

  padding-right: 3px;

  vertical-align: middle;

  font-weight: 900;

}

.counter-section .sub {

  max-width: 850px;

  text-align: center;

  float: none;

  margin: auto;

  color: var(--text-white);

  font-weight: 500;

  font-size: 16px;

  text-transform: lowercase;

}

.counter-section h6 a {

  color: #ffffff;

}

.counter-section h6 a:hover {

  color: #13afece8;

}

.faq-section .accordion-collapse {

  border: 0;

}

.faq-section .accordion-button {

  padding: 15px 0px 15px;

  font-weight: bold;

  border: 0;

  font-size: 18px;

  color: #333333;

  text-align: left;

  border-bottom: 1px solid #ddd;

}

.faq-section .accordion-button:not(.collapsed) {

  background: none;

  color: #1b6ce5;

}

.faq-section .accordion-body {

  padding: 15px 0px 15px;

  font-size: 16px;

  font-weight: 400;

}

.accordion-collapse {

  border: 0;

}

.accordion-button:focus {

  box-shadow: none;

  border: none;

}

.accordion-button:not(.collapsed) {

  background: none;

  box-shadow: none;

  border-bottom: none;

}

.accordion-button::after {

  width: auto;

  height: auto;

  content: "+";

  font-size: 40px;

  background-image: none;

  font-weight: 100;

  color: #1b6ce5;

  transform: translateY(-4px);

}

.accordion-button:not(.collapsed)::after {

  width: auto;

  height: auto;

  background-image: none;

  content: "-";

  font-size: 48px;

  transform: translate(-5px, -4px);

  transform: rotate(0deg);

}

#tabs .pt-2 {

  padding-top: 3.5rem !important;

}

section .section-title {

  text-align: center;

  color: #007b5e;

  margin-bottom: 50px;

  text-transform: uppercase;

}

#tabs {

  background: #f9f9f9;

  color: #eee;

}

#tabs h6.section-title {

  color: #eee;

}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  color: #f3f3f3;

  background-color: transparent;

  border-color: transparent transparent #f3f3f3;

  border-bottom: 4px solid !important;

  font-size: 20px;

  font-weight: bold;

}

#tabs .nav-tabs .nav-link {

  border: 1px solid transparent;

  border-top-left-radius: .25rem;

  border-top-right-radius: .25rem;

  color: rgb(20, 19, 19);

  font-size: 20px;

}

@media (max-width: 768px) {

  #tabs .card-title {

    font-size: 11px;

  }

}

@media (max-width: 428px) {

  .para1 {

    padding: 0px 0px;

  }

  .title1 {

    line-height: 40px;

    font-size: 28px;

  }

  .title3 {

    font-size: 30px;

    line-height: 40px;

  }

  #cloud ul li {

    margin-left: 168px;

  }

  #tabs .card-title {

    font-size: 16px;

  }

}

@media (max-width: 768px) {

  .para1 {

    padding: 0px 53px;

  }

  .title3 {

    line-height: 40px;

  }

}

/*

==========================

  story-section Design

==========================

*/

.story-section {

  width: 100%;

  height: 28.125rem;

  background: url("../images/career/career1.html") no-repeat center;

  background-size: cover;

  padding-top: 100px;

  text-align: right;

}

.story-section1 {

  width: 100%;

  height: 28.125rem !important;

  background: url("../images/teams-banner.html") no-repeat center !important;

  background-size: cover;

  padding-top: 100px;

  text-align: right;

}

p {

  margin-left: 0px;

  margin-top: -2px;

  font-size: 15px;

  line-height: 22px;

  font-weight: 500;

  color: #090808;

  font-family: var(--primary-font);

}

.Success_Stories {

  padding-top: 30px;

  padding-bottom: 50px;

  background: #e4dede;

}

.workplace {

  color: #edebeb;

  background-repeat: no-repeat;

  background-attachment: scroll;

  background-size: cover;

  padding-top: 40px;

  padding-bottom: 40px;

  /*background-image: url("images/bg1.png");*/

}

#home .pt-2 {

  padding-top: 6.5rem !important;

}

#home .pb-3 {

  padding-bottom: 2.5rem !important;

}

.img-jmbo {

  padding-top: 20px;

  padding-bottom: 20px;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  color: #fff;

}

.features-boxed {

  color: #313437;

  background-color: #eef4f7;

}

.features-boxed p {

  color: #7d8285;

}

.features-boxed .intro {

  font-size: 16px;

  max-width: 500px;

  margin: 0 auto;

}

.features-boxed .intro p {

  margin-bottom: 0;

}

.features-boxed .features {

  padding: 50px 0;

}

.features-boxed .item {

  text-align: center;

}

.features-boxed .item .box1 {

  text-align: center;

  padding: 30px;

  background-color: #fff;

 margin-top: 20px;

}

.features-boxed .item .icon {

  font-size: 60px;

  color: #1485ee;

  margin-top: 20px;

  margin-bottom: 35px;

}

.features-boxed .item .name {

  font-weight: bold;

  font-size: 30px;

  margin-bottom: 8px;

  margin-top: 0;

  color: inherit;

}

.features-boxed .item .description {

  font-size: 15px;

  margin-top: 15px;

  margin-bottom: 20px;

}

.solid {

  /* margin-right: 45px !important;*/

  border-right-width: 3px !important;

  border-right-color: #ffffff !important;

  border-right-style: solid !important;

}

.what-we-do {

  padding-top: 0.25rem;

}

.what-we-do ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 30px;

}

.what-we-do ul li::before {

  position: absolute;

  left: -2.1875rem;

  color: var(--text-orange);

  font-size: 1.25rem;

  font-family: "Font Awesome 5 Free";

  content: '\f00c';

  display: inline-block;

  padding-right: 3px;

  vertical-align: middle;

  font-weight: 900;

}

#benefits {

  padding-top: 3rem;

  padding-bottom: 4rem;

 /* background-color: #e5e5e5;*/

}

.benefit1 {

  text-align: right;

}

.intro1 {

  font-size: 16px;

}

.features-boxed .item .box2 {

  text-align: center;

  padding: 30px;

  background-color: #002153;

  margin-bottom: 30px;

}

.features-boxed .item .description1 {

  font-size: 15px;

  margin-top: 15px;

  margin-bottom: 20px;

  color: #ffff;

}

.workplace1 {

  background-repeat: no-repeat;

  background-attachment: scroll;

  background-size: cover;

  padding-top: 40px;

  padding-bottom: 40px;

  background-color: #002153;
  position: relative;
  bottom: 330px;
 

}

.workplace1 .clearfix h2, h4 {

  /*  color: #fff;*/

}

.clearfix p {

  color: #fff;

}

p {

  color: #000;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 15px;

  letter-spacing: .4px;

}

.subtitle {

  color: #000;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 15px;

  letter-spacing: .4px;

  text-align: left;

}

h2 {

  font-family: "Nunito Sans", Sans-serif;

  font-size: 24px;

  font-weight: 600;

  line-height: 30px;

}

.title {

  text-align: left;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 24px;

  font-weight: 600;

  line-height: 30px;

}

.video {

  height: 0;

  position: relative;

  padding-bottom: 56.25%;

}

.video iframe {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

body {
  min-height: 100vh;
}

.Success_Stories {

  /* padding-top: 30px; */

  padding-bottom: 50px;

  background: #e4dede; 
  position: relative;
  bottom: 350px;


}

.cards {

  text-align: center;

  position: relative;

  background: #ffffff;

  color: #333333;

  padding: 0.75rem 1rem;

  padding-top: 1.5rem;

  margin: 1rem 0;

  border-radius: 12px;

  min-height: 180px;

  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);

  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

}

/*

        .cards:hover {

            box-shadow: 5px 6px 6px 2px #e9ecef;

            transform: scale(1)

        }*/

.cards:hover {

  box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.3);

  cursor: pointer;

  transform: translatey(-4px);

}

.card-title {

  color: #0a4275;

}



.white-btn:hover {

  background-color: transparent;

  color: #cb0b22;

  ;

  border-color: #cb0b22;

  ;

}

.img1 {

  width: 95%;

}

@media (max-width:430px) {

  .solid {

    margin-right: 0px !important;

    border-right-width: 0px !important;

  }

  .img1 {

    width: 47%;

  }

}

.video {

  height: 0;

  position: relative;

  padding-bottom: 56.25%;

}

.video iframe {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.Success_Stories {

  padding-top: 30px;

  padding-bottom: 50px;

  background: #e4dede;

}

.cards {

  text-align: center;

  position: relative;

  background: #ffffff;

  color: #333333;

  padding: 0.75rem 1rem;

  padding-top: 1.5rem;

  margin: 1rem 0;

  border-radius: 12px;

  min-height: 180px;

  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);

  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

}

/*

        .cards:hover {

            box-shadow: 5px 6px 6px 2px #e9ecef;

            transform: scale(1)

        }*/

.cards:hover {

  box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.3);

  cursor: pointer;

  transform: translatey(-4px);

}

.card-title {

  color: #0a4275;

}



.img1 {

  width: 95%;

}

@media (max-width:430px) {

  .solid {

    margin-right: 0px !important;

    border-right-width: 0px !important;

  }

  .img1 {

    width: 47%;

  }

}

<-----sherepoint------ > #home .pt-2 {

  padding-top: 6.5rem !important;

}

#home .pb-3 {

  padding-bottom: 2.5rem !important;

}

.def {

  padding-top: 30px;

  padding-bottom: 50px;

  background-color: #f8f8f8;

}

.subtitle {

  color: #000;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 15px;

  letter-spacing: .4px;

  text-align: center;

}

.title {

  text-align: start;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 24px;

  font-weight: 600;

  line-height: 30px;

}

.title3 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 32px;

  font-weight: 600;

  line-height: 30px;

}

.title1 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 24px;

  font-weight: 600;

  line-height: 30px;

}

.heading-title {

  font-family: "Nunito Sans", Sans-serif;

  font-size: 20px;

  font-weight: 500;

  line-height: 40px;

}

.power-platform {

  padding-top: 40px;

  padding-bottom: 0px;

  padding-left: 40px;

  padding-right: 50px;

}

.power-platform1 {

  padding-top: 0px;

  padding-bottom: 0px;

  padding-left: 50px;

  padding-right: 50px;

}

.power-platform1 ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 30px;

}

.power-platform1 ul li::before {

  position: absolute;

  left: -2.1875rem;

  color: var(--text-orange);

  font-size: 1.25rem;

  font-family: "Font Awesome 5 Free";

  content: '\f00c';

  display: inline-block;

  padding-right: 3px;

  vertical-align: middle;

  font-weight: 900;

}

.features-boxed {

  color: #313437;

  background-color: #eef4f7;

}

.features-boxed p {

  color: #7d8285;

}

.features-boxed .intro {

  font-size: 16px;

  max-width: 500px;

  margin: 0 auto;

}

.features-boxed .intro p {

  margin-bottom: 0;

}

.features-boxed .features {

  padding: 50px 0;

}

.features-boxed .item {

  text-align: center;

}

.features-boxed .item .box1 {

  text-align: center;

  padding: 30px;

  background-color: #fff;

margin-top: 20px;

}

.features-boxed .item .icon {

  font-size: 60px;

  color: #1485ee;

  margin-top: 20px;

  margin-bottom: 35px;

}

.features-boxed .item .name {

  font-weight: 550;

  font-size: 24px;

  margin-bottom: 8px;

  margin-top: 15px;

  color: inherit;

}

.features-boxed .item .description {

  font-size: 15px;

  margin-top: 15px;

  margin-bottom: 20px;

}

.intro1 {

  font-size: 16px;

}

.features-boxed .item .box2 {

  text-align: center;

  padding: 30px;

  background-color: #2D4E88;

  margin-bottom: 30px;
  border-radius: 10px;

}

.features-boxed .item .description1 {

  font-size: 15px;

  margin-top: 15px;

  margin-bottom: 20px;

  color: #ffff;

}

@media (max-width: 428px) {

  .title3 {

    font-size: 25px;

  }

}

/* CSS Document */

#home .pt-2 {

  padding-top: 5.5rem !important;

}

#home .pb-3 {

  padding-bottom: 2.5rem !important;

}

.img-jmbo {

  background-repeat: no-repeat;

  background-attachment: scroll;

  background-size: cover;

  padding: 175px 40px;

  background-image: url("../images/d365/free.html");

  text-align: end;

  color: #000000;

}

h4 {

  font-size: 23px;

}

#free {

  padding: 50px 50px;

}

.right {

  color: #fff;

}

.def {

  padding-top: 30px;

  padding-bottom: 50px;

}

#what-we-do {

  /* background-color: #f8f8f8;*/

}

.what-we-do ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 30px;

}

.what-we-do ul li::before {

  position: absolute;

  left: -2.1875rem;

  color: var(--text-orange);

  font-size: 1.25rem;

  font-family: "Font Awesome 5 Free";

  content: '\f00c';

  display: inline-block;

  padding-right: 3px;

  vertical-align: middle;

  font-weight: 900;

}

.title1 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 24px;

  font-weight: 600;

  line-height: 30px;

}

.accordion-button:hover, .accordion-button:focus {

  box-shadow: none;

  color: var(--text-dark-green);

}

.accordion-item {

  border: 0;

}

.accordion-button {

  font-size: 21px;

  font-family: var(--secondary-font);

  font-weight: 600;

  color: var(--text-black);

  background-color: var(--text-white);

  border-radius: 0;

  padding: 0 0 15px 0;

  border-bottom: 1px solid var(--text-light-3);

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 15px;

}

.accordion-button::after {

  content: '\002B';

  font-family: "Font Awesome 5 Free";

  font-weight: 800;

  display: inline-block;

  background-image: none;

}

.accordion-button:not(.collapsed)::after {

  content: "\2212";

  font-family: "Font Awesome 5 Free";

  font-weight: 800;

  display: inline-block;

  background-image: none;

  transform: unset;

}

.accordion-body {

  color: var(--text-black);

  font-size: 15px;

  font-weight: 600;

  margin: 0 0 20px 0;

  padding-bottom: 25px;

  line-height: 1.5;

}

.subtitle {

  color: #000;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 15px;

  letter-spacing: .4px;

  text-align: center;

}

.title {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 24px;

  font-weight: 600;

  line-height: 30px;

}

.power-platform {

  padding-top: 40px;

  padding-bottom: 30px;

  padding-left: 40px;

  padding-right: 50px;

}

@media (max-width: 430px) {

  .img-jmbo {

    padding: 68px 39px;

  }

  #free {

    padding: 52px 0px;

  }

}

.heading-title1 {

  font-family: "Nunito Sans", Sans-serif;

  font-size: 20px;

  font-weight: 500;

  line-height: 40px;

  margin-left: 0px;

  color: var(--text-dark-blue);

}

.subtitlep {

  color: #000;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 15px;

  letter-spacing: .4px;

  text-align: start;

}

.titler {

  text-align: start;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 24px;

  font-weight: 600;

  line-height: 30px;

}

/*MANAGED SERVICE*/

.heading {

  position: relative;

  padding-bottom: 1rem;

  margin-bottom: 1rem;

  font-size: 2rem !important;

  text-align: center;

  margin-top: 0 !important;

  color: #4d4d4d;

  font-family: 'Roboto', sans-serif;

  font-weight: 600;

}

.strength {

  background-color: #f1f1f1;

  padding-top: 40px;

  padding-bottom: 40px !important;

}

.strength h2 {

  font-size: 35px;

  color: #004087;

  line-height: 45px;

  text-align: left;

  font-family: Roboto;

  font-weight: 400;

  font-style: normal;

}

ul.problem {

  padding-left: 18px;

}

.strength p {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 20px;

  line-height: 28px;

  color: #292727;

  text-align: center;

  margin: 0.85em 0;

}

.faq-section .accordion-collapse {

  border: 0;

}

.faq-section .accordion-button {

  padding: 15px 0px 15px;

  font-weight: bold;

  border: 0;

  font-size: 18px;

  color: #333333;

  text-align: left;

  border-bottom: 1px solid #ddd;

}

.faq-section .accordion-button:not(.collapsed) {

  background: none;

  color: #1b6ce5;

}

.faq-section .accordion-body {

  padding: 15px 0px 15px;

}

.accordion-collapse {

  border: 0;

}

.accordion-button:focus {

  box-shadow: none;

  border: none;

}

.accordion-button:not(.collapsed) {

  background: none;

  box-shadow: none;

  border-bottom: none;

}

.accordion-button::after {

  width: auto;

  height: auto;

  content: "+";

  font-size: 40px;

  background-image: none;

  font-weight: 100;

  color: #1b6ce5;

  transform: translateY(-4px);

}

.accordion-button:not(.collapsed)::after {

  width: auto;

  height: auto;

  background-image: none;

  content: "-";

  font-size: 48px;

  transform: translate(-5px, -4px);

  transform: rotate(0deg);

}

.managed-service {

  background: #f9f9f9;

  padding-top: 30px;

  padding-bottom: 50px;

}

.wrapper {

  padding-top: 2.25rem;

  padding-bottom: 3.25rem;

}

.pt-2 {

  padding-top: 7.5rem !important;

}

.pb-3 {

  padding-bottom: 5rem !important;

}

.explore-managed-service .card {

  border: none;

  background-color: transparent;

  border-radius: 0.9375rem;

}

.explore-managed-service .card img {

  border-radius: 15px 15px 0 0;

  object-fit: cover;

}

.explore-managed-service .card span {

  display: block;

  font-size: 1.5rem;

  font-weight: 700;

  color: var(--primary-color);

  padding-bottom: 1rem;

  border-bottom: 0.0625rem solid #eee;

}

.explore-managed-service p {

  color: var(--text-color);

  font-size: 14px;

  line-height: 22px;

}

@media (max-width: 330px) {

  #banner h1 {

    font-size: 1.98rem;

    font-weight: 600;

    margin-bottom: 1rem;

  }

  .testimonial-section .carousel-caption p {

    font-size: 1rem;

  }

  .strength h2 {

    font-size: 27px;

  }

  footer p {

    font-size: 15px;

  }

  .testimonial-section .carousel-item {

    padding: 13rem 3.125rem;

  }

  .pb-3 {

    padding-bottom: 2rem !important;

  }

  .pt-2 {

    padding-top: 9.5rem !important;

  }

}

@media (max-width: 380px) {

  #banner h1 {

    font-size: 1.98rem;

    font-weight: 600;

    margin-bottom: 1rem;

  }

  .testimonial-section .carousel-item {

    padding: 13rem 3.125rem;

  }

  .testimonial-section .carousel-caption p {

    font-size: 1rem;

  }

  footer p {

    font-size: 15px;

    font-weight: 400;

  }

  .strength h2 {

    font-size: 28px;

  }

  .pb-3 {

    padding-bottom: 2rem !important;

  }

  .pt-2 {

    padding-top: 9.5rem !important;

  }

}

@media (max-width: 428px) {

  #banner h1 {

    font-size: 2.5rem;

    font-weight: 700;

  }

  .testimonial-section .carousel-item {

    padding: 13rem 3.125rem;

  }

  .testimonial-section .carousel-caption p {

    font-size: 1rem;

  }

  footer p {

    font-size: 15px;

  }

  .strength h2 {

    font-size: 30px;

  }

  .pb-3 {

    padding-bottom: 2rem !important;

  }

  .pt-2 {

    padding-top: 9.5rem !important;

  }

}

@media (max-width: 775px) {

  footer p {

    font-size: 15px;

  }

  .strength h2 {

    font-size: 32px;

  }

}

@media (max-width: 1030px) {

  #banner h1 {

    font-size: 2.5rem;

    font-weight: 700;

    margin-bottom: 3rem;

  }

}

/*CLOUD MIGRATION*/

#cloud-migration {

  padding-top: 30px;

  padding-bottom: 50px;

}

#cloud-migration img {

  width: 100%;

}

/*web developement */

#home .pt-2 {

  padding-top: 6.5rem !important;

}

#home .pb-3 {

  padding-bottom: 2.5rem !important;

}

.para {

  text-align: center;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 16px;

  line-height: 30px;

  letter-spacing: .4px;

}

.para1 {

  text-align: center;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 16px;

  line-height: 30px;

  letter-spacing: .4px;

  padding: 0px 150px;

}

.title1 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 32px;

  font-weight: 600;

  line-height: 30px;

}

.title2 {

  text-align: center;

  font-family: "Work Sans", sans-serif;

  font-weight: 500;

  font-size: 42px;

  line-height: 48px;

}

.title3 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 32px;

  font-weight: 600;

  line-height: 50px;

}

.subtitle {

  color: #000;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 15px;

  letter-spacing: .4px;

  text-align: center;

}

.title {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 20px;

  font-weight: 600;

  line-height: 30px;

}

.def {

  padding-top: 30px;

  padding-bottom: 50px;

}

.counter-section {

  background-color: #013e6d !important;

  padding: 2rem 0 !important;

}

.counter-section h3 {

  color: var(--text-white);

}

.Success_Stories {

  padding-top: 30px;

  padding-bottom: 50px;

  background: #e4dede;

}

.cards {

  text-align: center;

  position: relative;
  

  background: #ffffff;

  color: #333333;

  padding: 0.75rem 1rem;

  padding-top: 1.5rem;

  margin: 1rem 0;

  border-radius: 12px;

  min-height: 180px;

  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);

  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

  min-height: 345px !important;

}

/*

    .cards:hover {

        box-shadow: 5px 6px 6px 2px #e9ecef;

        transform: scale(1.1)

    }*/

.cards:hover {

  box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.3);

  cursor: pointer;

  transform: translatey(-4px);

}

.features-boxed {

  color: #313437;

  background-color: #eef4f7;

}

.features-boxed p {

  color: #7d8285;

}

.features-boxed .intro {

  font-size: 16px;

  max-width: 500px;

  margin: 0 auto;

}

.features-boxed .intro p {

  margin-bottom: 0;

}

.features-boxed .features {

  padding: 50px 0;

}

.features-boxed .item {

  text-align: center;

}

.features-boxed .item .box1 {

  text-align: center;

  padding: 30px;

  background-color: #fff;

 margin-top: 20px;

}

.features-boxed .item .icon {

  font-size: 60px;

  color: #1485ee;

  margin-top: 20px;

  margin-bottom: 35px;

}

.features-boxed .item .name {

  font-weight: bold;

  font-size: 25px;

  margin-bottom: 8px;

  margin-top: 0;

  color: inherit;

}

.features-boxed .item .description {

  font-size: 15px;

  margin-top: 15px;

  margin-bottom: 20px;

  min-height: 111px !important;

  display: inline-block;

}


#cloud {

  padding-top: 40px;

  padding-bottom: 50px;

  background: #f9f9f9;

}

#cloud h4 {

  line-height: 1.3em;

  font-size: 100%;

  margin: 0;

  word-wrap: break-word;

  -webkit-box-flex: 0;

  -webkit-flex: 0 1 auto;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  padding: 0 1.5em;

  font-weight: 600;

}

#cloud ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 70px;

}

#cloud ul li::before {

  position: absolute;

  left: -2.1875rem;

  color: #e83e8c;

  font-size: 1.25rem;

  font-family: "Font Awesome 5 Free";

  content: '\f00c';

  display: inline-block;

  padding-right: 3px;

  vertical-align: middle;

  font-weight: 900;

}

.counter-section .sub {

  max-width: 850px;

  text-align: center;

  float: none;

  margin: auto;

  color: var(--text-white);

  font-weight: 500;

  font-size: 16px;

  text-transform: lowercase;

}

.counter-section h6 a {

  color: #ffffff;

}

.counter-section h6 a:hover {

  color: #13afece8;

}

.power-platform {

  padding-top: 40px;

  padding-bottom: 30px;

  padding-left: 40px;

  padding-right: 50px;

}

.faq-section .accordion-collapse {

  border: 0;

}

.faq-section .accordion-button {

  padding: 15px 0px 15px;

  font-weight: bold;

  border: 0;

  font-size: 18px;

  color: #333333;

  text-align: left;

  border-bottom: 1px solid #ddd;

}

.faq-section .accordion-button:not(.collapsed) {

  background: none;

  color: #1b6ce5;

}

.faq-section .accordion-body {

  padding: 15px 0px 15px;

  font-size: 16px;

  font-weight: 400;

}

.accordion-collapse {

  border: 0;

}

.accordion-button:focus {

  box-shadow: none;

  border: none;

}

.accordion-button:not(.collapsed) {

  background: none;

  box-shadow: none;

  border-bottom: none;

}

.accordion-button::after {

  width: auto;

  height: auto;

  content: "+";

  font-size: 40px;

  background-image: none;

  font-weight: 100;

  color: #1b6ce5;

  transform: translateY(-4px);

}

.accordion-button:not(.collapsed)::after {

  width: auto;

  height: auto;

  background-image: none;

  content: "-";

  font-size: 48px;

  transform: translate(-5px, -4px);

  transform: rotate(0deg);

}

#tabs .pt-2 {

  padding-top: 3.5rem !important;

}

section .section-title {

  text-align: center;

  color: #007b5e;

  margin-bottom: 50px;

  text-transform: uppercase;

}

#tabs {

  background: #f9f9f9;

  color: #eee;

}

#tabs h6.section-title {

  color: #eee;

}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  color: #f3f3f3;

  background-color: transparent;

  border-color: transparent transparent #f3f3f3;

  border-bottom: 4px solid !important;

  font-size: 20px;

  font-weight: bold;

}

#tabs .nav-tabs .nav-link {

  border: 1px solid transparent;

  border-top-left-radius: .25rem;

  border-top-right-radius: .25rem;

  color: rgb(20, 19, 19);

  font-size: 20px;

}

@media (max-width: 768px) {

  #tabs .card-title {

    font-size: 11px;

  }

}

@media (max-width: 428px) {

  .para1 {

    padding: 0px 0px;

  }

  .title1 {

    line-height: 40px;

  }

  #cloud ul li {

    margin-left: 168px;

  }

  #tabs .card-title {

    font-size: 16px;

  }

}

@media (max-width: 768px) {

  .para1 {

    padding: 0px 53px;

  }

  .title3 {

    line-height: 40px;

  }

}

< !--jobs -- > .event {

  margin-bottom: 20px;

  position: relative;

  text-align: center;

  display: block;

  margin: 0 auto;

  width: 300px;

}

.event .content {

  background: rgb(22, 92, 220);

  color: #fff;

  bottom: 0;

  height: 39px;

  left: 0;

  overflow: hidden;

  position: absolute;

  transition: all .5s ease;

  width: 100%;

  text-align: center;

}

.event h3 {

  font: bold 1em/1.125em 'Montserrat', Arial, Helvetica, sans-serif;

  letter-spacing: 2px;

  height: 68px;

  margin: 0;

  padding-top: 13px;

  text-transform: uppercase;

}

.event .rollover {

  font-size: .9375em;

  line-height: 1.4em;

  padding: 18px 20px;

  opacity: 0;

  transition: all .5s ease;

}

.event .rollover p {

  font-size: 23px;

  line-height: 39px;

  font-weight: 600;

  color: hsl(0, 100%, 100%);

  margin: 0;

  font-family: 'Montserrat', Arial, Helvetica, sans-serif;

}

.event:hover .content {

  background: rgba(4, 114, 241, 0.7);

  height: 100%;

}

.event:hover .rollover {

  opacity: 1;

}

.card {

  box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%);

}

.card {

  position: relative;

  display: flex;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: border-box;

  border-radius: 1rem;

}

.card-body {

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  padding: 1.5rem 1.5rem;

}

.avatar-text {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  background: rgb(94, 92, 141);

  color: #fff;

  font-weight: 700;

}

.avatar {

  width: 3rem;

  height: 3rem;

}

.rounded-3 {

  border-radius: 0.5rem !important;

}

.mb-2 {

  margin-bottom: 0.5rem !important;

}

.me-4 {

  margin-right: 1.5rem !important;

}

.panel-body .event {

  position: relative;

}

.card-body .h5 {

  text-align: left !important;

}

/* App Development*/

#home .pt-2 {

  padding-top: 6.5rem !important;

}

#home .pb-3 {

  padding-bottom: 2.5rem !important;

}

.para {

  text-align: center;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 16px;

  line-height: 30px;

  letter-spacing: .4px;

}

.para1 {

  text-align: center;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 16px;

  line-height: 30px;

  letter-spacing: .4px;

  padding: 0px 150px;

}

.title1 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 40px;

  font-weight: 600;

  line-height: 30px;

}

.title2 {

  text-align: center;

  font-family: "Work Sans", sans-serif;

  font-weight: 500;

  font-size: 42px;

  line-height: 48px;

}

.title3 {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 32px;

  font-weight: 600;

  line-height: 50px;

}

.subtitle {

  color: #000;

  font-family: "Titillium Fonts", Sans-serif;

  font-size: 15px;

  letter-spacing: .4px;

  text-align: center;

}

.title {

  text-align: center;

  font-family: "Nunito Sans", Sans-serif;

  font-size: 20px;

  font-weight: 600;

  line-height: 30px;

}

.def {

  padding-top: 30px;

  padding-bottom: 50px;

}

.counter-section {

  background-color: #eb444d;

  padding: 2rem 0;

}

.counter-section h3 {

  color: var(--text-white);

}

.Success_Stories {

  padding-top: 60px;

  padding-bottom: 50px;

  background: #eef4f7;

}

.cards {

  text-align: center;

  position: relative;

  background: #ffffff;

  color: #333333;

  padding: 0.75rem 1rem;

  padding-top: 1.5rem;

  margin: 1rem 0;

  border-radius: 12px;

  min-height: 180px;

  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);

  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

}

/*

        .cards:hover {

            box-shadow: 5px 6px 6px 2px #e9ecef;

            transform: scale(1.1)

        }*/

.cards:hover {

  box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.3);

  cursor: pointer;

  transform: translatey(-4px);

}

.features-boxed {

  padding-top: 50px;

  color: #313437;

  background-color: #ffffff;

}

.features-boxed p {

  color: #141414;

}

.features-boxed .intro {

  font-size: 16px;

  max-width: 534px;

  margin: 0 auto;

}

.features-boxed .intro p {

  margin-bottom: 0;

}

.features-boxed .features {

  padding: 50px 0;

}

.features-boxed .item {

  text-align: center;

}

.features-boxed .item .box1 {

  text-align: center;

  padding: 30px;

  background-color: #fff;

 margin-top: 20px;

}

.features-boxed .item .icon {

  font-size: 60px;

  color: #1485ee;

  margin-top: 20px;

  margin-bottom: 35px;

}

.features-boxed .item .name {

  font-weight: bold;

  font-size: 24px;

  margin-bottom: 8px;

  margin-top: 8px;

  color: inherit;

}

.features-boxed .item .description {

font-size: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
    color: #ffcb89;

}

.sts{
  position: relative;
  bottom: 315px;
}

.white-btn {

  padding: 0.625rem 1.875rem;

  line-height: 25px;

  background-color: var(--bg-white);

  border: 0.1875rem solid var(--text-white);

  color: #e83e8c;

  /* font-size: 0.9375rem; 
  /* font-size: 1rem;  */
  font-size: large;

  font-weight: 600;

  text-transform: capitalize;

  box-shadow: 0px 2px 10px -1px rgb(0 0 0 / 19%);

  -webkit-transition: all .4s ease-out 0s;

  -o-transition: all .4s ease-out 0s;

  -moz-transition: all .4s ease-out 0s;

  transition: all .4s ease-out 0s;

  border-radius: 20px;

}

#cloud {

  padding-top: 40px;

  padding-bottom: 50px;

  background: #f9f9f9;

}

#cloud h4 {

  line-height: 1.3em;

  font-size: 100%;

  margin: 0;

  word-wrap: break-word;

  -webkit-box-flex: 0;

  -webkit-flex: 0 1 auto;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  padding: 0 1.5em;

  font-weight: 600;

}

#cloud ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 130px;

}

#cloud ul li::before {

  position: absolute;

  left: -2.1875rem;

  color: #e83e8c;

  font-size: 1.25rem;

  font-family: "Font Awesome 5 Free";

  content: '\f00c';

  display: inline-block;

  padding-right: 3px;

  vertical-align: middle;

  font-weight: 900;

}

.counter-section .sub {

  max-width: 850px;

  text-align: center;

  float: none;

  margin: auto;

  color: var(--text-white);

  font-weight: 500;

  font-size: 16px;

  text-transform: lowercase;

}

.counter-section h6 a {

  color: #ffffff;

}

.counter-section h6 a:hover {

  color: #13afece8;

}

.power-platform {

  padding-top: 40px;

  padding-bottom: 30px;

  padding-left: 40px;

  padding-right: 50px;

}

.faq-section .accordion-collapse {

  border: 0;

}

.faq-section .accordion-button {

  padding: 15px 0px 15px;

  font-weight: bold;

  border: 0;

  font-size: 18px;

  color: #333333;

  text-align: left;

  border-bottom: 1px solid #ddd;

}

.faq-section .accordion-button:not(.collapsed) {

  background: none;

  color: #1b6ce5;

}

.faq-section .accordion-body {

  padding: 15px 0px 15px;

  font-size: 16px;

  font-weight: 400;

}

.accordion-collapse {

  border: 0;

}

.accordion-button:focus {

  box-shadow: none;

  border: none;

}

.accordion-button:not(.collapsed) {

  background: none;

  box-shadow: none;

  border-bottom: none;

}

.accordion-button::after {

  width: auto;

  height: auto;

  content: "+";

  font-size: 40px;

  background-image: none;

  font-weight: 100;

  color: #1b6ce5;

  transform: translateY(-4px);

}

.accordion-button:not(.collapsed)::after {

  width: auto;

  height: auto;

  background-image: none;

  content: "-";

  font-size: 48px;

  transform: translate(-5px, -4px);

  transform: rotate(0deg);

}

#tabs .pt-2 {

  padding-top: 3.5rem !important;

}

section .section-title {

  text-align: center;

  color: #007b5e;

  margin-bottom: 50px;

  text-transform: uppercase;

}

#tabs {

  background: #f9f9f9;

  color: #eee;

}

#tabs h6.section-title {

  color: #eee;

}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  color: #f3f3f3;

  background-color: transparent;

  border-color: transparent transparent #f3f3f3;

  border-bottom: 4px solid !important;

  font-size: 20px;

  font-weight: bold;

}

#tabs .nav-tabs .nav-link {

  border: 1px solid transparent;

  border-top-left-radius: .25rem;

  border-top-right-radius: .25rem;

  color: rgb(20, 19, 19);

  font-size: 20px;

}

@media (max-width: 768px) {

  #tabs .card-title {

    font-size: 11px;

  }

}

@media (max-width: 428px) {

  .para1 {

    padding: 0px 0px;

  }

  .title1 {

    line-height: 40px;

  }

  #cloud ul li {

    margin-left: 168px;

  }

  #tabs .card-title {

    font-size: 16px;

  }

}

@media (max-width: 768px) {

  .para1 {

    padding: 0px 53px;

  }

  .title3 {

    line-height: 40px;

  }

}

/* end of app development */

/*WORKPLACE SOLUTIONS*/

.heading {

  position: relative;

  padding-bottom: 1rem;

  margin-bottom: 1rem;

  font-size: 2rem !important;

  text-align: left;

  margin-top: 0 !important;

  color: #4d4d4d;

  font-family: 'Roboto', sans-serif;

  font-weight: 600;

}

.workplace {

  padding-top: 50px;

  padding-bottom: 0px;

}
.programbtm{
    padding-bottom:30px;
}

/* end of WORKPLACE SOLUTIONS*/

/*CLOUD INFRASTRUCTURE*/

#infrastructure {

  padding-top: 30px;

  padding-bottom: 50px;

}

#infrastructure img {

  width: 100%;

}

/* end of CLOUD INFRASTRUCTURE*/

/*SECURITY SOLUTIONS */

.heading {

  position: relative;

  padding-bottom: 1rem;

  margin-bottom: 1rem;

  font-size: 2rem !important;

  text-align: center;

  margin-top: 0 !important;

  color: #4d4d4d;

  font-family: 'Roboto', sans-serif;

  font-weight: 600;

}

.security {

  padding-top: 30px;

  padding-bottom: 50px;

  background: #f9f9f9;

}

.work {

  padding-top: 30px;

  padding-bottom: 50px;

  background: #f3eeee;

}

.work ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 30px;

}

.work ul li::before {

  position: absolute;

  left: -2.1875rem;

  color: var(--text-orange);

  font-size: 1.25rem;

  font-family: "Font Awesome 5 Free";

  content: '\f00c';

  display: inline-block;

  padding-right: 3px;

  vertical-align: middle;

  font-weight: 900;

}

/* end of SECURITY SOLUTIONS */

/* CLOUD BASED

TICKETING SOLUTION (CBTS)*/

#home1 .pt-2 {

  padding-top: 5.5rem !important;

}

#home .pt-2 {

  padding-top: 3rem !important;

}

.pb-3 {

  padding-bottom: 3rem !important;

}

.jumbotron.img-jmbo {

  padding-top: 20px;

  padding-bottom: 20px;

  background: url('../images/cbts%201.html') no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  color: #fff;

}

.jumbotron.img-jmbo h1 {

  text-align: left !important;

}

.about-section .main-btn span, .style-section .main-btn span {

  color: var(--text-black);

}

.about-section .carousel-indicators {

  margin-bottom: -2.5rem;

}

.about-section .carousel-indicators [data-bs-target] {

  width: 0.625rem;

  height: 0.625rem;

  border-radius: 50%;

  background-color: var(--bg-features-2);

}

.what-we-do {

  padding-top: 0.25rem;

}

.what-we-do ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 30px;

}

.what-we-do ul li::before {

 position: absolute;
    left: -1.5rem;
    color: var(--text-orange);
    font-size: 1rem;
    font-family: "Font Awesome 5 Free";
    content: '\f00c';
    display: inline-block;
    padding-right: 0px;
    vertical-align: middle;
    font-weight: 900;
    top: 1px;

}

.timeline {

  padding-bottom: 10px;

}

#cloud {

  padding-top: 40px;

  padding-bottom: 50px;

  background: #f9f9f9;

}

#cloud h4 {

  line-height: 1.3em;

  font-size: 100%;

  margin: 0;

  word-wrap: break-word;

  -webkit-box-flex: 0;

  -webkit-flex: 0 1 auto;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  padding: 0 1.5em;

  font-weight: 600;

}

#cloud ul li {

  font-size: 1rem;

  color: var(--text-gray);

  line-height: 32px;

  position: relative;

  margin-left: 30px;

}

#cloud ul li::before {

  position: absolute;

  left: -2.1875rem;

  color: var(--text-orange);

  font-size: 1.25rem;

  font-family: "Font Awesome 5 Free";

  content: '\f00c';

  display: inline-block;

  padding-right: 3px;

  vertical-align: middle;

  font-weight: 900;

}

.counter-section .sub {

  max-width: 850px;

  text-align: center;

  float: none;

  margin: auto;

  color: var(--text-white);

  font-weight: 500;

  font-size: 16px;

  text-transform: lowercase;

}

#expert {

  padding-top: 40px;

  padding-bottom: 50px;

  background: hsla(0, 5%, 85%, 0.589);

}

.what-we-do ul li {

  font-size: 0.855rem;

}

.link {

  font-size: 10px;

}

}

@media (max-width: 775px) {

  .what-we-do ul l {

    font-size: 0.9rem;

  }

  .team-boxed h2 {

    padding-top: 25px;

    font-size: 24px;

  }

  .timeline {

    padding-top: 0px;

    padding-bottom: 0px;

  }

}

@media (max-width: 1024px) {

  footer p {

    font-size: 16px;

  }

  #home #banner-slider .owl-carousel .owl-nav button {

    display: none;

  }

}

/*===================

			end of CLOUD BASED

TICKETING SOLUTION (CBTS)

			======================*/

/*====================

			Tactical Security Solution 

			====================*/

.pt-2 {

  padding-top: 3.5rem !important;

}

.expertise {

  padding-top: 40px;

  padding-bottom: 50px;

  background: #f9f9f9;

}

#home #banner-slider .owl-carousel .owl-nav button {

  position: absolute;

  top: 40%;

  outline: none;

}

#team {

  background: #eee !important;

}

section {

  padding: 60px 0;

}

#team .card {

  border: none;

  background: #ffffff;

}

.image-flip:hover .backside, .image-flip.hover .backside {

  -webkit-transform: rotateY(0deg);

  -moz-transform: rotateY(0deg);

  -o-transform: rotateY(0deg);

  -ms-transform: rotateY(0deg);

  transform: rotateY(0deg);

  border-radius: .25rem;

}

.image-flip:hover .frontside, .image-flip.hover .frontside {

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

}

.mainflip {

  -webkit-transition: 1s;

  -webkit-transform-style: preserve-3d;

  -ms-transition: 1s;

  -moz-transition: 1s;

  -moz-transform: perspective(1000px);

  -moz-transform-style: preserve-3d;

  -ms-transform-style: preserve-3d;

  transition: 1s;

  transform-style: preserve-3d;

  position: relative;

}

.frontside {

  position: relative;

  -webkit-transform: rotateY(0deg);

  -ms-transform: rotateY(0deg);

  z-index: 2;

  margin-bottom: 30px;

}

.backside {

  position: absolute;

  top: 0;

  left: 0;

  background: white;

  -webkit-transform: rotateY(-180deg);

  -moz-transform: rotateY(-180deg);

  -o-transform: rotateY(-180deg);

  -ms-transform: rotateY(-180deg);

  transform: rotateY(-180deg);

  -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

  -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

}

.frontside, .backside {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: 1s;

  -webkit-transform-style: preserve-3d;

  -moz-transition: 1s;

  -moz-transform-style: preserve-3d;

  -o-transition: 1s;

  -o-transform-style: preserve-3d;

  -ms-transition: 1s;

  -ms-transform-style: preserve-3d;

  transition: 1s;

  transform-style: preserve-3d;

}

.frontside .card, .backside .card {

  min-height: 312px;

}

.backside .card a {

  font-size: 18px;

  color: #007b5e !important;

}

.frontside .card .card-title, .backside .card .card-title {

  color: #007b5e !important;

}

.frontside .card .card-body img {

  width: 271px;

  height: 280px;

}
.comment-form select{
	    height: 48px;
	    outline: none;
	    color: #999;
	    box-shadow: none;
	    padding: 6px 7px;
	    background: #f5f5f5;
	    width: 100%;
}

/* --------------------------------Media Query of Landing Page-------------------------*/

@media only screen and (max-width: 480px) {

  .mcl {
    width: auto;
    height: 10rem;
   margin-left: 3rem;
   position: relative;
   bottom: -4rem;
}

#microcol {
  line-height: 5rem;
}

.busip{
  margin-left: 9rem;
}
  
}



@media only screen and (min-width: 481px) and (max-width:768px) {


#microcol {
  line-height: 6rem;
}

.busip{
  margin-left: -2rem;
}

#pad{
  position: relative;
  bottom: 5rem;
}

.top-list strong{
  margin-right: 100px;
}
.top-list a{
  margin-right: 100px;
}

.top-list .fa{
  margin-right: 80px;
}
}

@media only screen and (min-width: 769px) and (max-width:1024px){
  .features-boxed .features{
    margin-left: 9rem;
  }

  .bal{
    position: relative;
    bottom: 118rem;
  }

  .upp{
    position: relative;
    bottom: 79rem;
  }

  .upper{
    position: relative;
    bottom: 39rem;
    left: -239px;
  }

  #footer{
    margin-top: -1137px
  }
}


.paddR{padding-right: 31px}
.clinicalBox{
	padding:0px 0px 70px 0px;
}
.clinicalBox h4{
	font-size:18px;
	text-align: center;
	color: #013f6e;
  font-weight: bold;
}
.why_nursing{
	  background: #077cbf;
    text-align: center;
    color: #fff;
    padding: 15px;
    font-weight: bold;
    margin-top: 170px;
}
/*ul{margin-left: 20px}*/
::marker{color:#fff;}
.ul_list li{
	text-align: left;
}
.progarmbg strong{
	background: #fff;
  color: #013f6e;
  padding: 5px;
}
.features-boxed .item .box2{
background: #fff;
    /* border: 1px solid #ccc; */
    box-shadow: 0px 0px 5px 4px #b9b5b540;
}
.features-boxed .item .name{
	color: #013f6e;
	/*text-align: left;*/
    font-size: 20px;
}
.featuresBtm{margin-bottom:-40px;}
.gnm_img{padding-left: 27px !important;}
.anm_img{padding-right: 27px !important;}

@media (max-width: 767px) {
	.navigation .page-numbers,
	.navigation-comments .page-numbers {
		padding: 0;
	}
	.paddR{padding-right: 0px}
	#adj{margin-top: 0 !important}
	.progarmbg strong{font-size:15px}

	.navigation .next,
	.navigation .prev,
	.navigation-comments .next,
	.navigation-comments .prev {
		padding: .2em;
	}

	.navigation-single .next a,
	.navigation-single .prev a {
		padding: .2em;
	}
	.gnm_img{padding-left: 15px !important;}
    .anm_img{padding-right: 15px !important;}
    .why_nursing{
        margin-top: 31px;
        margin-bottom: 31px;
    }
}

.logo-size{
    width:43%;
    margin-top:14px;
}
.list-inline{
    padding-left: 0;
    text-align: end;
    list-style: none;
    margin: 21px 0px 0px 0px;
}
.box1 img{
    width: 25%;
}




.main-banner .title-text {
    color: #f8f8f8;
    display: block;
    margin: auto;
    /* margin: 0 0 14px 0px; */
    font-size: 15px;
    font-weight: 700;
    padding: 10px;
    width: 20%;
    border-radius: 4px;
    background: #ff983b;
    line-height: 25px;
}













/*-----------------footer css-------------- */





.footerBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footerBx {
    width: 30%;
}
.fadeInRight {
    position: relative !important;
    z-index: 9 !important;
}
.soc_icons {
    display: block;
    margin-top: 23px;
    text-align: left;
}
.soc_icons>li {
    margin-right: 14px;
}
/*.soc_icons ul{*/
/*    margin-left:0px;*/
/*}*/
.magnifier2, .more_btn2, .soc_icons>li, .soc_icons>li>a {
    display: inline-block;
}
.footer_title {
    font-size: 17px;
    font-weight: 550;
    color: #000;
}
.service_link li {
    margin-bottom: 7px;
    transition: transform .3s ease-out;
    transform-origin: left 50%;
    transform: scale(1) translateZ(0);
}
.soc_icons i {
    font: 29px / 30px FontAwesome;
    color: black;
}
.fadeInRight {
    position: relative !important;
    z-index: 9 !important;
}

.txt_priv {
   font-size: 14px;
    line-height: 18px;
    letter-spacing: 1px;
    color: gray;
    margin-top: 28px;
}
.service_link li a{
 
    color: gray;
}
.footer_para {
    color: gray;
    line-height: 20px;
}
.footer_para a{
    color: black;
    font-weight: 600;
}
.web-foot a{
    color: gray;
}
#footer {
    padding: 40px 0 30px;
    overflow: hidden;
    box-shadow: 0 0 7px 2px #ccc;
    margin-top: 31px;
    color: #777;
}
.service_link li{
    line-height: 20px;
}
.service_link, p {
    margin-top: 19px;
}

.box1 .name{
    text-align: center!important;
}
.heading-new{
    font-size: 27px;
    color: #b4047b;
    margin-bottom: 10px;
    line-height: 64px;
    font-weight: 700;
}
.white-space{
    background: white!important;
}



/*.card-header {*/
/*            color: white;*/
/*            font-weight: bold;*/
/*            font-size: 19px;*/
/*            padding:8px;*/
/*        }*/
/*        .biking-header {*/
/*            background-color: #0d6efd;*/
/*        }*/
/*        .walking-header {*/
/*            background-color: #fd7e14;*/
/*        }*/
/*       .new-card-box{*/
/*           height: 559px;*/
/*       }*/