/*g

TemplateMo 568 DigiMedia

https://templatemo.com/tm-568-digimedia

*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 50%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 15px;
  /* line-height: 30px; */
  font-weight: 300;
  color: #1f1f1f;
  /* color: #afafaf; */
}
@media (max-width: 1023px) {
	#top p{
		font-size: 13px !important;
	}
}
img {
  width: 100%;
  overflow: hidden;
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #4da6e7;
  color: #fff !important;
}

::-moz-selection {
  background: #4da6e7;
  color: #fff !important;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
  .section-heading h6 { 
	line-height: 30px !important; 
  }
}

.page-section {
  margin-top: 120px;
}

.section-heading {
  position: relative;
  z-index: 2;
}

.section-heading h6 {
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
  color: #383838;
  /* text-transform: uppercase; */
  margin-bottom: 15px;
}

.section-heading h4 {
  color: #2a2a2a;
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.section-heading h4 em {
  font-style: normal;
  color: #4da6e7;
}

.section-heading .line-dec {
  /* width: 50px;
  height: 2px; */
  /* background-color: #4da6e7; */
  text-align: center;
}
/* .border-first-button{
	width: 160px;
    text-align: center;
} */
.border-first-button a {
	    /* width: 100%; */
		display: inline-block !important;
		padding: 10px 40px;
		color: #fff!important;
		border: 1px solid #4da6e7 !important;
		background-color: #047FFB;
		font-size: 1.1rem;
		border-radius: 10px;
		font-weight: 500 !important;
		letter-spacing: 0.3px !important;
		transition: all .5s;
}
@media screen and (max-width: 1400px) and (min-width: 769px){
	.border-first-button a { 
			padding: 10px 10px!important; 
	}
}
.border-first-button a:hover { 
	border: 1px solid #FF4B90 !important;
    background-color: #FF4B90; 
  }
.border-first-button a.get-started{   
  color: #fff !important; 
  /* border: 1px solid #4da6e7 !important; */
  padding: 0px 40px !important;
  background-color: #047FFB;
  border-radius: 5px;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  transition: all .5s;
}
.border-first-button a.sign-in{   
	color: #121212 !important; 
	border: 1px solid #1F1F1F !important;
	background-color: #fff;
	border-radius: 5px;
	font-weight: 600 !important;
	line-height: 1.22 !important;
	letter-spacing: 0.3px !important;
	transition: all .5s;
  }
 
.border-first-button a.sign-in:hover  {
    color: #121212 !important; 
    background-color: #E5E5E5; 
}

.border-first-button a.get-started:hover { 
	border: 1px solid #FF4B90 !important;
    background-color: #FF4B90; 
  }
/* .border-first-button a:hover {
  background-color: #4da6e7;
  color: #fff !important;
} */

@media (max-width:767px) {
	.section-heading h4 { 
		font-size: 32px; 
	  }
}

/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.pre-header {
  background-color: #efefef;
  height: 60px;
  padding: 15px 0px;
}

.pre-header ul li {
  display: inline-block;
}

.pre-header ul.info li {
  margin-right: 45px;
}

.pre-header ul.info li a {
  color: #afafaf;
  font-size: 14px;
  transition: all .3s;
}

.pre-header ul.info li a:hover {
  color: #4da6e7;
}

.pre-header ul.info li a i {
  font-size: 18px;
  margin-right: 8px;
}

.pre-header ul.social-media {
  text-align: right;
}

.pre-header ul.social-media li {
  margin-left: 5px;
}

.pre-header ul.social-media li a {
  background-color: #afafaf;
  color: #fff;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  transition: all .3s;
}

.pre-header ul.social-media li a:hover {
  background-color: #4da6e7;
}

.background-header {
  background-color: #fff!important;
  height: 80px!important;
  position: fixed!important;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0px 5px 8px rgba(0,0,0,0.03);
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #fff;
}

.background-header .main-nav .nav li:hover a {
  color: #4da6e7;
}

.background-header .nav li a.active {
  position: relative;
  color: #fff;
}

.background-header .nav li a.active:after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #4da6e7;
  content: '';
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
}

.background-header .nav li:last-child a.active:after {
  background-color: transparent;
}

.header-area{
  background-color: #fff;
  /* box-shadow: 0px 5px 8px rgba(0,0,0,0.03); */
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 100;
  height: 100px;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.header-area .wrap{ 
    padding-right: calc(var(--bs-gutter-x) * .0) !important; 
    padding-left: calc(var(--bs-gutter-x) * .0) !important; 
}
.header-area .main-nav {
  min-height: 80px;
  background: transparent;
}

.header-area .main-nav .logo {
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo {
    line-height: 110px;
    float: left;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.background-header .main-nav .logo {
  line-height: 80px;
}

.background-header .main-nav .nav {
  margin-top: 20px !important;
}

.header-area .main-nav .nav {
  float: left;
  margin-top: 30px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
} 

.header-area .main-nav .header__right {
	float: right !important;
	margin-top: 30px;
	margin-right: 0px;
	background-color: transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	z-index: 999;
  }

.header-area .main-nav .nav li {
  padding-left: 15px;
  padding-right: 15px;
}
.header-area .main-nav .nav li.first-button-login {
	padding-left: 30px !important;
	padding-right: 15px !important;
  }
.header-area .main-nav .nav li.first-button {
	padding-left: 0px !important;
	padding-right: 0px !important;
  }
.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
  padding-left: 0px;
}

.header-area .main-nav .nav li:last-child a ,
.background-header .main-nav .nav li:last-child a {
  padding: 0px 15px !important;
  font-weight: 400;
}

/* .header-area .main-nav .nav li:last-child a:hover ,
.background-header .main-nav .nav li:last-child a:hover {
  color: #fff !important;
} */

.header-area .main-nav .nav li a {
	width: 100%;
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #1f1f1f;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /* height: 40px; */
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #4da6e7 ;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #4da6e7 ;
  opacity: 1;
}

.header-area .main-nav .nav li.submenu {
  position: relative;
  padding-right: 30px;
}

.header-area .main-nav .nav li.submenu:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: #2a2a2a;
  position: absolute;
  right: 18px;
  top: 12px;
}

.background-header .main-nav .nav li.submenu:after {
  color: #2a2a2a;
}

.header-area .main-nav .nav li.submenu ul {
  position: absolute;
  width: 200px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 50px;
  opacity: 0;
  transform: translateY(+2em);
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.header-area .main-nav .nav li.submenu ul li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.header-area .main-nav .nav li.submenu ul li a {
  opacity: 1;
  display: block;
  background: #f7f7f7;
  color: #2a2a2a!important;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.submenu ul li a:hover {
  background: #fff;
  color: #4da6e7!important;
  padding-left: 25px;
}

.header-area .main-nav .nav li.submenu ul li a:hover:before {
  width: 3px;
}

.header-area .main-nav .nav li.submenu:hover ul {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 15px;
  /* top: 33px; */
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 7px;
  /* top: 23px; */
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #2a2a2a;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #2a2a2a;
}

/* .header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #2a2a2a;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
} */
.header-area .main-nav .menu-trigger span {
	background-image: url(../images/menu-open.png);
    background-repeat: no-repeat; 
    background-size: contain;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	background-color: #fff;
	display: block;
	position: absolute;
    width: 40px;
    height: 40px;
	margin-left: -16px;
}

.background-header .main-nav .menu-trigger span  {
  background-color: #fff;
}

.header-area .main-nav .menu-trigger span  {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 8px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span  {
	background-image: url(../images/menu-close.png);
    background-repeat: no-repeat; 
    background-size: contain;
    width: 40px;
    height: 40px;
}
/* .header-area .main-nav .menu-trigger.active span:before {
	-moz-transform: translateY(6px) translateX(1px) rotate(45deg);
	-ms-transform: translateY(6px) translateX(1px) rotate(45deg);
	-webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
	transform: translateY(6px) translateX(1px) rotate(45deg);
	background-color: #2a2a2a;
  } */
/* .background-header .main-nav .menu-trigger.active span:before {
  background-color: #2a2a2a;
} */

/* .header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #2a2a2a;
} */

/* .background-header .main-nav .menu-trigger.active span:after {
  background-color: #2a2a2a;
} */

.header-area.header-sticky {
  min-height: 80px;
  z-index: 999;
  position:fixed;
}

.header-area .nav {
  margin-top: 30px;
}

.header-area.header-sticky .nav li a.active {
  color: #4da6e7;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-area .main-nav:before {
    display: none;
  }
  .header-area .main-nav .logo {
    line-height: 90px !important; 
	}
	.header-area .main-nav .menu-trigger span {
		top: 13px !important;
	}
	.background-header .main-nav .menu-trigger {
		top: 7px !important;
		/* top: 23px; */
	}
}

@media (max-width: 1200px) {
  /* .header-area .main-nav .nav li:last-child  ,
  .background-header .main-nav .nav li:last-child {
    display: none;
  } */
  .header-area .main-nav .nav li:nth-child(6),
  .background-header .main-nav .nav li:nth-child(6) {
    padding-right: 0px;
  }
  /* .background-header .nav li a.active:after {
    display: none;
  } */
}
@media (min-width: 1200.99px) {
   .des-hide{
	display: none;
   }
}
@media (max-width: 1200px) {
	li.des-hide, li.tran-opacity{
	 border-bottom: none !important;
	}
  .pre-header ul.info li:last-child {
    display: none;
  }
  .background-header .main-nav .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .logo {
    color: #1e1e1e;
    /* width: 120px; */
    height: auto;
    margin-top: 0rem;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #4da6e7!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area {
    background-color: #fff;
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
    box-shadow: 0px 5px 8px rgba(0,0,0,0.03);
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .background-header .nav {
    margin-top: 80px;
  }
  /* .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  } */
  .header-area.header-sticky .nav {
    margin-top: 80px;
	background-color: #f5f5f5;
    background-image: linear-gradient(180deg, #f2faff, #a0c9f3);
	padding: 0 20px;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    /* background: #fff; */
    border-bottom: 1px solid #e7e7e7;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a.get-started{
	color: #fff !important;
    border: 1px solid #4da6e7 !important;
    padding: 0px 30px !important;
    background-color: #047FFB;
    border-radius: 10px;
    line-height: 60px !important;
    height: 60px !important;
    margin: 20px 0;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    transition: all .5s;
  }
  .header-area .main-nav .nav li a.sign-in {
    color: #121212 !important;
    border: 1px solid #121212 !important;
    background-color: transparent;
	padding: 0px 30px !important;
    border-radius: 10px;
    line-height: 60px !important;
    height: 60px !important;
    margin: 0px 0 20px;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    transition: all .5s;
}
  .header-area .main-nav .nav li a {
    height: 70px !important;
    line-height: 70px !important;
    padding: 0px !important;
    border: none !important;
    background: transparent;
    color: #047FFB !important;
	font-weight: bolder !important;
	font-size: 18px !important;
  }
  .header-area .main-nav .nav li a.get-started:hover{
	border: 1px solid #FF4B90 !important;
    background-color: #FF4B90;
  }
  .header-area .main-nav .nav li a.sign-in:hover {
    color: #121212 !important;
    background-color: #E5E5E5;
}
/* .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #4da6e7!important;
  } */
  .header-area .main-nav .nav li.submenu ul {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.submenu ul.active {
    height: auto !important;
  }
  .header-area .main-nav .nav li.submenu:after {
    color: #3B566E;
    right: 25px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
  /* .header__right {
	display: none !important;
  } */
}

@media (min-width: 1200.99px) {
  .header-area .main-nav .nav {
    display: flex !important;
	padding-left: 15px;
  }
}

/* 
---------------------------------------------
preloader
--------------------------------------------- 
*/

.js-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.js-preloader.loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@-webkit-keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@-webkit-keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

@keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

.preloader-inner {
    position: relative;
    width: 142px;
    height: 40px;
    background: #fff;
}

.preloader-inner .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    background: #4da6e7;
    border-radius: 50%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: dot 2.8s infinite;
    animation: dot 2.8s infinite;
}

.preloader-inner .dots {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    -webkit-animation: dots 2.8s infinite;
    animation: dots 2.8s infinite;
}

.preloader-inner .dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    background: #4da6e7;
    border-radius: 50%;
}



/* 
---------------------------------------------
Banner Style
--------------------------------------------- 
*/


@media (min-width: 1900px)
{
	.main-banner .container-xxl, .header-area .container-xxl {
		max-width: 1697px;
	}
}
@media only screen and (min-width: 1024px) and  (max-width: 1400px) { 
	.main-banner .left-content h2 { 
		font-size: 36px !important; 
	}
}
@media (max-width: 1023px) { 
	.main-banner .left-content h2 { 
		font-size: 30px !important; 
	}
}
@media (max-width: 1024px) {
	.main-banner .br-block{
		display: none;
	} 
}

.main-banner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 170px 0px 0px 0px;
  position: relative;
  overflow: hidden;
}

/* .main-banner:after {
  content: '';
  background-image: url(../images/slider-left-dec.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 60px;
  width: 262px;
  height: 625px;
  z-index: 1;
}

.main-banner:before {
  content: '';
  background-image: url(../images/slider-right-dec.jpg);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 60px;
  width: 1159px;
  height: 797px;
  z-index: -1;
} */
    /* background: #fff; */
    /* background-image: url(../images/video/frame-white.png);
    border-radius: 22px;
    padding: 1px 30px;
    margin: 13px 15px; 
    -moz-box-shadow: 2px 3px 8px #eee; 
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat; */
.frame>video {
	background: #fff;
    border-radius: 22px;
    padding: 0;
    /* padding: 10px 6%; */
    margin: 0px 0px;
    -webkit-box-shadow: 2px 3px 8px #eee;
    -moz-box-shadow: 2px 3px 8px #eee;
    box-shadow: 0px 0px 10px #ababab;
	block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
    /* position: absolute; */
}
.main-banner .left-content {
  margin-right: 15px;
}

.main-banner .left-content h6 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 700;
  color: #4da6e7;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.main-banner .left-content h2 {
  z-index: 2;
  position: relative;
  font-weight: 700;
  font-size: 50px;
  color: #2a2a2a;
  margin-bottom: 20px;
}

.main-banner .left-content p {
  margin-bottom: 30px;
  /* margin-right: 45px; */
}

.main-banner .right-image {
  text-align: right;
  position: relative;
  z-index: 20;
}

.main-banner .right-image img {
  max-width: 593px;
}
@media (max-width:767px) {
	.main-banner .left-content h2 { 
		font-size: 45px; 
	  }
}
/*---------------------- "hero"------------ */

@media only screen and (min-width: 1024px)
		{ 
			/* #hero:after {
				content: '';
				background-image: url(../images/banners/contact-left.png);
				background-repeat: no-repeat;
				position: absolute;
				left: 90px;
				top: 158px;
				width: 560px;
				height: 425px;
				z-index: 1;
				transform: scale(.9);
				/* filter: drop-shadow(0rem 0.9rem 0.3rem rgba(0, 0, 0, 0.5)); 
			} */
			/* #hero-price:after {
				content: '';
				background-image: url(../images/banners/p-left.png);
				background-repeat: no-repeat;
				position: absolute;
				left: 90px;
				top: 158px;
				width: 560px;
				height: 425px;
				z-index: 1;
				transform: scale(.9);
				/* filter: drop-shadow(0rem 0.9rem 0.3rem rgba(0, 0, 0, 0.5));  
			} */
			/* #hero-faq:after {
				content: '';
				background-image: url(../images/banners/faq-left.png);
				background-repeat: no-repeat;
				position: absolute;
				left: 90px;
				top: 158px;
				width: 560px;
				height: 425px;
				z-index: 1;
				transform: scale(.9);
				/* filter: drop-shadow(0rem 0.9rem 0.3rem rgba(0, 0, 0, 0.5)); 
			} */
			/* #hero-privacy:after {
				content: '';
				background-image: url(../images/banners/privercy-left.png);
				background-repeat: no-repeat;
				position: absolute;
				left: 90px;
				top: 158px;
				width: 560px;
				height: 425px;
				z-index: 1;
				transform: scale(.9);
				/* filter: drop-shadow(0rem 0.9rem 0.3rem rgba(0, 0, 0, 0.5)); 
			} */
			/* #hero:before, #hero-price:before, #hero-faq:before, #hero-privacy:before {  
				content: '';
				background-image: url(../images/banners/contact-righ.png);
				background-repeat: no-repeat;
				position: absolute;
				right: 0;
				top: 65px;
				width: 426px;
				height: 530px;
				z-index: 1;
				transform: scale(.7);
			}  */
			/* #hero .hero-img img,   #hero-price  .hero-img img, #hero-faq .hero-img img, #hero-privacy .hero-img img {
				object-fit: unset !important; 
			} */
		}
		@media (min-width:1024px) {
			#hero .hero-img img,   .hero-price  .hero-img img, #hero-faq .hero-img img, #hero-privacy .hero-img img {
				object-fit: cover;
				height: auto !important;
				margin: 2em 0; 
				max-height: 500px !important;
				
			}
		}
		#hero .pa-img-left img,
		.hero-price  .pa-img-left img,
		#hero-faq .pa-img-left img ,
		#hero-privacy .pa-img-left img {
			position: absolute;
			left: -15%;
			top: 20%;
			width: 32%;
			block-size: 50%;
			inline-size: 55%;
			object-fit: contain;
			transform: translate(0%, 50%);
			z-index: 1;
			filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45)); 
		  }
		  #hero  .pa-img-right img,
		  .hero-price  .pa-img-right img,
		  #hero-faq .pa-img-right img ,
		  #hero-privacy .pa-img-right img 
		  {
			position: absolute;
			right: 0%;
			width: 100%;
			top: 22%;
			block-size: 40%;
			inline-size: 40%;
			object-fit: contain;
			transform: translate(0%, 50%);
			z-index: 1;
		  }
		  .pptfct .section-text{
			z-index: 4;
		  }
		  .pptfct .pptfct-img-left img{
			position: absolute;
			left: -4%;
			top: 0%;
			width: 32%;
			block-size: 40%;
			inline-size: 335px;
			object-fit: contain;
			transform: translate(0%, 50%);
		  }
		  .pptfct .pptfct-img-right img{
			position: absolute;
			right: 0%;
			bottom: 0;
			width: 100%;
			block-size: 50%;
			inline-size: 200px;
			object-fit: contain;
			transform: translate(0%, 10%); 
		
		  } 
          .pptfct{
			position: relative;
		  }
		#hero, .hero-price, #hero-faq, #hero-privacy { 
			/* background-image: url(assets/images/banners/bg-banner-all.png); */
			background-repeat: no-repeat;
			background-position: top;
			background-size: cover;
			padding: 4em 0px 4em 0px;
			position: relative;
			overflow: hidden;
			/* margin-bottom: 30px; */
			position: relative;
			text-align: center;
		}
		#hero .hero-img,  .hero-price .hero-img, #hero-faq .hero-img, #hero-privacy .hero-img {
			text-align: center;
			position: relative;
			padding-left: 0;
            padding-right: 0;
		}
		#hero .hero-img img,   .hero-price  .hero-img img, #hero-faq .hero-img img, #hero-privacy .hero-img img {
			object-fit: cover;
			height: 486px;
			margin: 2em 0; 
			max-height: 350px;
			
		}
		#hero h1.baner-title,  .hero-price h1.baner-title, #hero-faq h1.baner-title ,#hero-privacy h1.baner-title{
			color: #fff;
			text-align: center;
			margin-bottom: 10%;
			font-weight: 600;
			text-shadow: 3px 2px #00000017;
			font-size: 2.8em;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
		@media (max-width: 1200px) {
			#hero, .hero-price, #hero-faq, #hero-privacy {  
				padding: 3em 0px 4em 0px !important; 
			}
		}
		@media (max-width:768px){
			.pptfct .pptfct-img-left, .pptfct .pptfct-img-right img{
				display: none;
			}  
			.hero-price  .pa-img-right img, 
			   #hero .pa-img-right img ,
			   #hero-faq .pa-img-right img ,
			   #hero-privacy .pa-img-right img {
				display: none;
			}  
		}
		@media (max-width:767px){ 
			#hero h1.baner-title, .hero-price h1.baner-title, #hero-privacy h1.baner-title{ 
				font-size: 2.2em !important;
				left: 20% !important;
				top: 45% !important;
				transform: translate(-20%, -100%) !important;
				width: 100%;
			} 
			#hero-faq h1.baner-title {
				font-size: 2.2em !important;
				left: 20% !important;
				top: 55% !important;
				transform: translate(-15%, -100%) !important;
			}
		}

/* 
---------------------------------------------
About Style
--------------------------------------------- 
*/
#about{
	background-image: url(../images/bg-headquarters.png);
	padding: 10% 0px;
	text-align: center;
	position: relative;
	z-index: 2;
	margin-top: 117px;
}
@media (max-width: 768px) {
	#about{
		margin-top: 20px !important;
	}
}
/* @media only screen and (min-width: 1024px)
{

	.about:after {
		content: '';
		background-image: url(../images/s-left.png);
		background-repeat: no-repeat;
		position: absolute;
		left: -65px;
		top: -115px;
		width: 560px;
		height: 715px;
		z-index: 1; 
		filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
	  }
	  
	  .about:before {
		content: '';
		background-image: url(../images/s-right.png);
		background-repeat: no-repeat;
		position: absolute;
		right: 0;
		top: 20px;
		width: 426px;
		height: 660px;
		z-index: -1;
	  }
} */
@media (max-width: 1024px) {
	
	#about p{
		font-size: 27px !important; 
	}
}
@media (max-width:768px){
	#about  .ab-img-left img, 
	 #about  .ab-img-right img,
	 #about  .ab-img-left img.t-leftballoon,
	 #about  .ab-img-right img.t-rightballoon{
		display: none;
	} 
	.about{
		padding-top: 275px !important;
	}
} 
#about  .ab-img-left img{
	position: absolute;
    left: 0%;
    top: 0%;
    width: 32%;
    block-size: 135%;
    inline-size: 22%;
    object-fit: contain;
    transform: translate(-10%, -20%);
    /* filter: drop-shadow(0rem 0.9rem 0.3rem rgba(0, 0, 0, 0.5)); */
    filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
  }
  #about  .ab-img-left img.t-leftballoon{
	position: absolute;
    left: 5%;
    top: 0%;
    width: 32%;
    block-size: 40%;
    inline-size: 20%;
    object-fit: contain;
    transform: translate(20%, -65%);
  }
  @-webkit-keyframes MoveUpDown {
    0%, 100% {
          top: 40px;
		}

		50% {
			top: 55px;
		}
}
 .t-leftballoon  {
    position:absolute;
    -webkit-animation: MoveUpDown 2s infinite;
}
  #about  .ab-img-right img{
	position: absolute;
    right: 0%;
    bottom: 0px;
    width: 100%;
    block-size: 100%;
    inline-size: 20%;
    object-fit: contain;
    transform: translate(0%, 8%);
    z-index: 1; 
	filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
  } 
  #about  .ab-img-right img.t-rightballoon{
	position: absolute;
    right: 15%;
    top: 5%;
    width: 100%;
    block-size: 30%;
    inline-size: 15%;
    object-fit: contain;
    transform: translate(0%, -50%);
    z-index: 1;
  }
  /* img.t-rightballoon {
	animation: MoveUpDown 2.5s linear infinite;
    position: absolute; 
   } */
   
   @-webkit-keyframes mymove {
   50% {
          top: 30px;
		}

		0%, 100%  {
			top: 45px;
		}
}
 .t-rightballoon  {
    position:absolute;
    -webkit-animation: mymove 2s infinite;
}
#about {
    width: 100%;
    background-repeat: no-repeat;
    z-index: 2;
    background-position: top;
    background-size: cover;
}
#about p{
	font-size: 35px;
    font-weight: bold;
	line-height: 55px;
    color: #fff;
    position: absolute;
	width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 2;
}
#about {
  padding-top: 130px;
}

.about-left-image img {
  margin-right: 45px;
}

.about-right-content p {
  margin-top: 30px;
  margin-bottom: 45px;
}

.skills-content {
  position: relative;
  z-index: 1;
  margin-top: -50px;
  background-color: #f5f5f5;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  padding: 110px 0px 50px 0px;
}

.skill-item {
  text-align: center;
}

.progress {
  width: 150px;
  height: 150px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress .progress-left {
  left: 0;
}
.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 5px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #fd6a54;
}

.first-skill-item .progress .progress-bar {
  border-color: #4da6e7;
}

.second-skill-item .progress .progress-bar {
  border-color: #726ae3;
}

.third-skill-item .progress .progress-bar {
  border-color: #f58b56;
}

.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.progress .progress-right {
  right: 0;
}
.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.progress .progress-value {
  text-align: center;
  color: #2a2a2a;
  display: flex;
  width: 100%;
  border-radius: 50%;
  font-size: 35px;
  text-align: center;
  line-height: 25px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 700;
}
.progress .progress-value div {
  margin-top: 10px;
}
.progress .progress-value span {
  font-size: 18px;
  text-transform: none;
  color: #afafaf;
  font-weight: 300;
}
/* This for loop creates the  necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.progress[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-1 1.5s linear forwards;
}
.progress[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-2 1.5s linear forwards;
}
.progress[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-3 1.5s linear forwards;
}
.progress[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-4 1.5s linear forwards;
}
.progress[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-1 1.5s linear forwards 1.5s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.5s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.5s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.5s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.5s;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}
.progress {
  margin-bottom: 1em;
}

/* 
---------------------------------------------
Services Style
--------------------------------------------- 
*/

.services {
  padding-top: 130px;
  padding-bottom: 110px;
  position: relative;
}
@media (max-width: 767px) {
	.services {
		padding-top: 60px !important; 
		padding-bottom: 60px !important; 
	  }
	  .services .naccs .menu {
		text-align: center;
		margin-bottom: 0px !important;
	  }
}

.services .nacc .thumb .con-sh-vi-icon img {
	width: 10% !important;
  }
/* .services:after {
  content: '';
  background-image: url(../images/services-left-dec.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0px;
  width: 786px;
  height: 1217px;
  z-index: 0;
}

.services:before {
  content: '';
  background-image: url(../images/services-right-dec.jpg);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 400px;
  width: 161px;
  height: 413px;
  z-index: 0;
} */

.services .section-heading {
  text-align: center;
  margin-bottom:35px;
}

.services .section-heading .line-dec {
  margin: 0 auto;
}

.services .naccs {
  position: relative;
  z-index: 1;
}

.services .icon {
  display: block;
  text-align: center;
  margin: 0 auto;
}

.services .naccs .menu div h4 {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
}

.services .icon img {
  margin-bottom: 10px;
  max-width: 60px;
  min-width: 60px;
}

.services .naccs .menu {
  text-align: center;
  margin-bottom: 30px;
}

.services .naccs .menu div {
  color: #8B8B8B;
  margin: 0px ;
  width: 15%;
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  border-radius: 60px;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.services .naccs .menu div:hover {
	color: #047FFB;
}
.services .naccs .menu div:hover > .thumb:after{
	/* filter: grayscale(100%); */
	content: '';
	background-image: url(../images/i-active.png);
	background-size: 30px;
	background-repeat: no-repeat; 
	position: absolute;
    right: 0;
    top: 5px;
    width: 40px;
    height: 40px;
    z-index: 1;
}
.services .naccs .menu div .thumb {
  display: inline-block;
  width: 100%;
  padding: 5px 10px; 
  background-color: #E5E5E5;
  text-align: left;
}
.services .naccs .menu div .thumb:after {
	content: '';
	background-image: url(../images/not-active.png);
	background-size: 30px !important;
	background-repeat: no-repeat; 
	position: absolute;
    right: 0;
    top: 5px;
    width: 40px;
    height: 40px;
    z-index: 1;
  }
.services .naccs .menu div.active {
	background-color: #E1F0FE !important;
   /* box-shadow: 0px 0px 15px rgba(0,0,0,0.1); */
} 
.services .naccs .menu div.active div.thumb{
	 color: #047FFB;
	 background-color: #E1F0FE !important;
	 padding: 5px 10px;
	 text-align: left;
}
.services .naccs .menu div.active .thumb:after {
	content: '';
	background-image: url(../images/i-active.png);
	background-size: 30px !important;
	background-repeat: no-repeat; 
	position: absolute;
    right: 0;
    top: 5px;
    width: 40px;
    height: 40px;
    z-index: 1;
  }
.services ul.nacc {
  height: 100% !important;
  position: relative;
  min-height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.services ul.nacc li {
  opacity: 0;
  transform: translateX(-50px);
  position: absolute;
  list-style: none;
  /* transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); */
}

.services ul.nacc li.active {
  transition-delay: 0.3s;
  position: relative;
  z-index: 2;
  opacity: 1;
  transform: translateX(0px);
  /* box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  background-color: #fff; */
  border-radius: 15px;
  /* padding: 80px 120px 50px 120px; */
}

.services ul.nacc li {
  width: 100%;
}

.services ul.nacc li .right-image img {
  /* max-width: 420px; */
  float: right;
}

.services .nacc .thumb h4 {
  color: #2a2a2a;
  font-size: 3rem;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 40px;
}
.services .nacc .thumb p {
	color: #383838; 
  }
.services .nacc .thumb .con-sh-vi-icon img{
	width: 10% ;
  }

.services .nacc .thumb .main-white-button {
  text-align: right;
  margin-top: 40px;
}

.services .nacc .thumb .main-white-button a {
  background-color: #8d99af;
  color: #fff;
}

.services .nacc .thumb .main-white-button a i {
  background-color: #fff;
  color: #8d99af;
}

.services .left-text h4 {
  font-size: 20px;
  font-weight: 700;
  color: #047FFB !important;
}

.services .left-text p {
  margin-bottom: 30px;
}

.nacc .ticks-list span {
  display: inline-block;
  opacity: 1;
  margin-right: 45px;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 400;
}
@media (max-width: 990px)
{
	.services .naccs .menu div.active div.thumb{ 
		padding: 5px 8px !important;
   }
	.services .naccs .menu div .thumb:after {
		content: ''; 
		background-repeat: no-repeat;
		background-size: 20px !important;
		position: absolute;
		right: -15px !important;
		top: 6px !important;
		width: 40px;
		height: 40px;
		z-index: 1;
	  } 
	.services .naccs .menu div.active .thumb:after {
		content: ''; 
		background-repeat: no-repeat;
		background-size: 20px !important;
		position: absolute;
		right: -15px !important;
		top: 6px !important;
		width: 40px;
		height: 40px;
		z-index: 1;
	  }
	  .services .naccs .menu div { 
		margin: 0 !important; 
	  }
}


/* 
---------------------------------------------
Free Quote
--------------------------------------------- 
*/
@media only screen and (min-width: 1024px)
{
	/* .get-start:before {
		content: '';
		background-image: url(../images/start-lefe.png);
		background-repeat: no-repeat;
		position: absolute;
		left: -90px;
		top: -45px;
		width: 563px;
		height: 540px;
		z-index: 0;
	  }
	  .get-start:after {
		content: '';
		background-image: url(../images/start-right.png);
		background-repeat: no-repeat;
		position: absolute;
		right: 0px;
		bottom: -180px;
		width: 370px;
		height: 540px;
		z-index: 2;
	  } */
	  /* .start-post-1{
		margin-top: 40%;
		height:80%;
	  } */
	  /* .start-post-2{
		margin-top: 20%;
		height: 84%;
	  } */
}
@media (max-width:768px){
	.get-start .gs-img-left img,  .get-start .gs-img-right img{
		display: none;
	} 
	.get-start  .are-you-ready img{
		block-size: 110px !important;
		inline-size: 120px !important; 
		transform: translate(20%, -2rem) !important;
	  }
	  /* .get-start-post .down-content h4 { 
		margin-top: 0px !important; 
		line-height: 0px !important;
	  }
	  .get-start-post .down-content img.step { 
		top: 38% !important; 
	  } */
	  .get-start .section-heading h4 {
		font-size: 32px;
		line-height: 1.5;
		padding-bottom: 15px;
	  }
} 
.get-start .gs-img-left img{
	position: absolute;
    left: -10%;
    top: 0%;
    width: 32%;
    block-size: 30%;
    inline-size: 30%;
    object-fit: contain;
    transform: translate(0%, -16%);
	filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
  }
  .get-start .gs-img-right img{
	position: absolute;
    right: 0%;
    bottom: -0;
    width: 100%;
    block-size: 30%;
    inline-size: 280px;
    object-fit: contain;
    transform: translate(0%, 20%);
    z-index: 1; 
	filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
  }
  .are-you-ready{
	position: relative;
  }
  .get-start  .are-you-ready img{
	position: absolute;
    left: 50%;
    top: 0rem;
    width: 32%;
    block-size: 150px;
    inline-size: 150px;
    object-fit: contain;
    transform: translate(50%, -2rem);
    z-index: 2;
  }
  .get-start {
	position: relative;
	padding: 75px 0 50px;
	background-color: #C7C7C7;
background-image: linear-gradient(180deg, #f2faff, #a0c9f3);  
  }
  
  .get-start .section-heading {
	text-align: center;
	margin-bottom: 80px;
	margin-top: 60px;
	border-radius: 10px;
  }
  .get-start  .section-heading h4.take-header{
	color: #2a2a2a;
    font-size: 1.7rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
  }
  .get-start .section-heading .line-dec {
	margin: 0 auto;
  }
  .get-start-post {
	/* box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	border-radius: 25px; */
	position: relative;
	/* z-index: 2; */
	background: #edefef;
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%, -100% 17%);
	/* height: 80%; */
  }
  .get-start-post .thumb{ 
	position: relative; 
	text-align: center;
	/* clip-path: polygon(100% 0%, 100% 0%, 100% 85%, 0% 100%, -100% 0%);  */
    background-color: #fff;
    padding: 40px 40px 0;
  }
  .get-start-post .thumb img{  
	/* width: 100% !important; */
	position: relative;
  }
  .get-start-post .thumb .step img{
		width: 20%;
		position: absolute;
		top: 65%;
		left: 50%;
		transform: translate(-50%, 45%);
		z-index: 3; 
  }
  /* .get-start-post.start-post-2 .down-content img.step { 
    transform: translate(-50%, 30%) !important;
}  */
  /* .get-start-post .down-content img.step{ 
		width: 20%; 
		position: absolute; 
		top: 38%;
		left: 50%;
		transform: translate(-50%, 60%);
	} */
	/* .get-start-post .down-content.p-text-2 img.step{
		top: 28% !important;
	} */
  .show-up {
	position: relative;
	z-index: 222;
  } 
  .get-start-post .down-content { 
	margin-top: -45px;
	position: relative; 
    background: #edefef; 
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%, -100% 30%);
    z-index: 2;
	padding: 85px 30px 10px;
  }
  
  .get-start-post .down-content span.category {
	font-size: 15px;
	color: #fff;
	padding: 8px 12px;
	background-color: #4da6e7;
	border-radius: 18px;
	display: inline-block;
  }
  
  .get-start-post .down-content span.date {
	font-size: 15px;
	color: #afafaf;
	text-align: right;
	float: right;
	margin-top: 4px;
  }
  
  .get-start-post .down-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2a2a2a;
	margin-top: 0px;
	margin-bottom: 10px; 
  }
  
  .get-start-post .down-content p {
	margin-bottom: 30px;
  }
  
  .blog-post .down-content span.author {
	font-size: 15px;
	color: #2a2a2a;
  }
  
  .get-start-post .down-content span.author img {
	max-width: 56px;
	border-radius: 50%;
	margin-right: 15px;
  }
  
  .get-start-post .down-content .border-first-button {
	display: inline-block;
	float: right;
  }
  
  .get-start-posts {
	margin-left: 30px;
  }
  
  .post-item {
	margin-bottom: 62px;
  }
  
  .last-post-item {
	margin-bottom: 0px;
  }
  
  .post-item .thumb {
	display: inline-block;
	float: left;
	margin-right: 30px;
  }
  
  .post-item .thumb img {
	border-radius: 23px;
	display: inline-block;
  }
  
  .post-item .right-content {
	padding-top: 20px;
  }
  
  .post-item .right-content span.category {
	font-size: 15px;
	color: #fff;
	padding: 8px 12px;
	background-color: #4da6e7;
	border-radius: 18px;
	display: inline-block;
  }
  
  .post-item .right-content span.date {
	font-size: 15px;
	color: #afafaf;
	text-align: right;
	float: right;
	margin-top: 4px;
  }
  
  .post-item .right-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2a2a2a;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 30px;
  }
  
  
.free-quote {
  background-image: url(../images/quote-bg-v3.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 120px 0px;
  text-align: center;
  position: relative;
  z-index: 2;
  margin-top: 130px;
}

.free-quote .section-heading {
  margin-bottom: 60px;
}

.free-quote .section-heading h6,
.free-quote .section-heading h4 {
  color: #fff;
}

.free-quote .section-heading .line-dec {
  margin: 0 auto;
  background-color: #fff;
}

.free-quote form {
  background-color: #fff;
  display: inline-block;
  width: 100%;
  min-height: 80px;
  border-radius: 40px;
  position: relative;
  z-index: 1;
}

.free-quote form input {
  width: 100%;
  margin-top: 20px;
  margin-left: 30px;
  color: #afafaf;
  font-weight: 400;
  font-size: 15px;
  height: 40px;
  background-color: transparent;
  border-bottom: 1px solid #eee;
  border-top: none;
  border-left: none;
  border-right: none;
  position: relative;
  z-index: 2;
  outline: none;
}

.free-quote form button {
  width: 100%;
  height: 80px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  outline: none;
  border: none;
  margin-left: 30px;
  background-color: #4da6e7;
  font-size: 15px;
  color: #fff;
}

.get-start a > .get-text{ 
    padding: 5px 50px;
    border-radius: 10px; 
    padding: 10px 40px;
    color: #fff!important;
    border: 1px solid #4da6e7 !important;
    background-color: #047FFB;
    font-size: 1.2rem;
    border-radius: 10px;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    transition: all .5s;
}
.get-start a:hover >  .get-text {
    border: 1px solid #FF4B90 !important;
    background-color: #FF4B90;
}
@media (min-width:1200px) {
	.get-start-post .down-content.p-text-2{
		padding-bottom: 2rem!important;
	}
}
/* 
---------------------------------------------
Your Success is Our Mission
--------------------------------------------- 
*/
/* @media only screen and (min-width: 1024px)
{
	.your-success:before {
		content: '';
		background-image: url(../images/succes-left.png);
		background-repeat: no-repeat;
		position: absolute;
		left: -185px;
		top: 116px;
		width: 563px;
		height: 540px;
		z-index: 0;
	  }
	  .your-success:after {
		content: '';
		background-image: url(../images/succes-right.png);
		background-repeat: no-repeat;
		position: absolute;
		right: 0px;
		bottom: -180px;
		width: 265px;
		height: 540px;
		z-index: 2;
	  } 
} */
@media (max-width:768px){
	.your-success .ys-img-left img, .your-success .ys-img-right img{
		display: none;
	} 
	.your-success-post { 
		padding: 0px !important;
	  }
	  .your-success-post .thumb{ 
		position: relative; 
		text-align: center !important;
	  }
} 
  .your-success .ys-img-left img{
	position: absolute;
    left: -15%;
    top: 10%;
    width: 32%;
    block-size: 30%;
    inline-size: 30%;
    object-fit: contain;
    transform: translate(0%, 0%);
  }
  .your-success .ys-img-right img{
	position: absolute;
    right: 0%; 
    bottom: 0;
    width: 100%;
    block-size: 25%;
    inline-size: 225px;
    object-fit: contain;
    transform: translate(0%, 0%);
  } 
  .your-success {
	position: relative;
	padding: 75px 0;
	background-color: #fff;
/* background-image: linear-gradient(180deg, #f2faff, #a0c9f3);   */
  }
  
  .your-success .section-heading {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 80px;
  }
  
  .your-success .section-heading .line-dec {
	margin: 0 auto;
  }
  .your-success-post {
	/* box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	border-radius: 25px; */
	position: relative;
	z-index: 2;
	padding: 0 45px;
  }
  .your-success-post .thumb{ 
	position: relative; 
	text-align: left;
  }
  .your-success .thumb img { 
		width: 50%;  
	}
  .show-up {
	position: relative;
	z-index: 222;
  } 
  .your-success-post .down-content { 
	/* margin-top: -60px; */
    /* background-color: #EDEFEF; */
	padding: 0px 0px 30px;
  }
  
  .your-success-post .down-content span.category {
	font-size: 15px;
	color: #fff;
	padding: 8px 12px;
	background-color: #4da6e7;
	border-radius: 18px;
	display: inline-block;
  }
  
  .your-success-post .down-content span.date {
	font-size: 15px;
	color: #afafaf;
	text-align: right;
	float: right;
	margin-top: 4px;
  }
  
  .your-success-post .down-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2a2a2a;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 30px;
  }
  
  .your-success-post .down-content p {
	margin-bottom: 30px;
  }
  
  .blog-post .down-content span.author {
	font-size: 15px;
	color: #2a2a2a;
  }
  
  .your-success-post .down-content span.author img {
	max-width: 56px;
	border-radius: 50%;
	margin-right: 15px;
  }
  
  .your-success-post .down-content .border-first-button {
	display: inline-block;
	float: right;
  }
  
  .your-success-posts {
	margin-left: 30px;
  }
  
  .post-item {
	margin-bottom: 62px;
  }
  
  .last-post-item {
	margin-bottom: 0px;
  }
  
  .post-item .thumb {
	display: inline-block;
	float: left;
	margin-right: 30px;
  }
  
  .post-item .thumb img {
	border-radius: 23px;
	display: inline-block;
  }
  
  .post-item .right-content {
	padding-top: 20px;
  }
  
  .post-item .right-content span.category {
	font-size: 15px;
	color: #fff;
	padding: 8px 12px;
	background-color: #4da6e7;
	border-radius: 18px;
	display: inline-block;
  }
  
  .post-item .right-content span.date {
	font-size: 15px;
	color: #afafaf;
	text-align: right;
	float: right;
	margin-top: 4px;
  }
  
  .post-item .right-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2a2a2a;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 30px;
  } 

/* 
---------------------------------------------
Portfolio
--------------------------------------------- 
*/

.our-portfolio {
  padding-top: 85px;
  padding-bottom: 85px;
  overflow: hidden;
  position: relative;
  background-color: #EFF8FE;
}

/* .our-portfolio:before {
  content: '';
  background-image: url(../images/portfolio-right-dec.jpg);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0px;
  width: 414px;
  height: 861px;
  z-index: 1;
}

.our-portfolio:after {
  content: '';
  background-image: url(../images/portfolio-left-dec.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0px;
  width: 677px;
  height: 759px;
  z-index: 1;
} */
@media (min-width: 992px) {
	.our-portfolio .owl-dots{
		display: none !important;
	}
}
@media (min-width: 1400px) {
	.portfolio-item { 
	  height: 20rem !important; 
	}
}
@media  only screen and (min-width: 1024px) and (max-width: 1400px) {
	.portfolio-item { 
	  height: 23rem !important; 
	}
}
.our-portfolio .section-heading {
  margin-top: 60px;
  margin-bottom: 80px;
}

.our-portfolio .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  z-index: 2;
}

.our-portfolio .item {
  position: relative;
  z-index: 222;
}

.portfolio-item {
	background-color: #fff;
  border-radius: 25px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  margin: 15px;
  /* height: 330px; */

}
.loop .item .hover-box:hover > .portfolio-item{
	outline: #BAE9ff solid 4px;
  } 
.portfolio-item .thumb {
  position: relative;
  /* border-radius: 50px;
   */
   border-top-left-radius: 25px;
	border-top-right-radius: 25px;
  padding: 35px 15px 10px;
  background-color: #fff;
}
.portfolio-item .thumb img{
	width: 32% !important;
	height: 32% !important;
  }
  .portfolio-item .thumb .profile-title{
	width: 67%;
	margin-top: 8%;
	margin-left: 10px;
  }
  .portfolio-item .thumb .profile-title .title{
	font-weight: 600;
  }
  .portfolio-item .thumb .icon svg{
	color:#ffc107;
  }
.portfolio-item:hover .down-content h4,
.portfolio-item:hover .down-content span {
  color: #4da6e7;
}

.portfolio-item .thumb img {
  border-top-right-radius: 23px;
  border-top-left-radius: 23px;
  overflow: hidden;
}

.portfolio-item .down-content {
  background-color: #fff;
  text-align: center;
  padding:  0px 0px 10%;
  border-bottom-right-radius: 23px;
  border-bottom-left-radius: 23px;
}

/* .portfolio-item .down-content h4 {
  font-size: 20px;
  font-weight: 700;
  color: #2a2a2a;
  margin-bottom: 8px;
  transition: all .3s;
} */

.portfolio-item .down-content p {
  font-size: 15px;
  color: #1f1f1f;
  transition: all .3s;
  text-align: left;
  padding: 0 15px;
}
.portfolio-item .down-content p.name {
	font-size: 15px;
	color: #000;
	font-weight: 600;
	font-style: italic;
	transition: all .3s;
	text-align: left;
	padding: 15px;
  }

/* .our-portfolio .owl-nav {
  display: inline-block!important;
  position: absolute;
  top: -125px;
  right: 15%;
  max-width: 1320px;
} */
.our-portfolio .owl-nav {
	display: flex!important;
    position: sticky; 
    right: 0% !important;
    max-width: 1283px;
    justify-content: space-between; 
    text-align: center;
    margin-top: -185px;
    padding-bottom: 183px;
	z-index: -10;
}

/* .our-portfolio .owl-nav .owl-next {
  margin-left: 10px;
} */
.our-portfolio .owl-nav .owl-prev{
	margin-left: -50px; 
}
.our-portfolio .owl-nav span {
  width: 46px;
  height: 46px;
  display: inline-block;
  text-align: center;
  line-height: 46px;
  font-size: 30px;
  background-color: #74B6F8;
  border-radius: 50%;
  color: #fff;
  transition: all 0.5s;
}

.our-portfolio .owl-nav span:hover {
  color: #fff;
  background-color: #4da6e7;
}
.our-portfolio .owl-dots {
	bottom: 10% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    list-style: none;
	text-align: center;
  }
  .our-portfolio .owl-dots .owl-dot {
	width: 15px !important;
    height: 15px !important;
    /* text-indent: -999px; */
    background-color: rgb(0 0 0 / 50%);
    border-radius: 200px;
	margin: 3px;
  }
  .our-portfolio .owl-dots .active {
		background-color: #047FFB !important;
	}
/* 
---------------------------------------------
price
--------------------------------------------- 
*/
/* @media only screen and (min-width: 1024px)
{
	.pricing-area:before {
		content: '';
		background-image: url(../images/price-left&right.png);
		background-repeat: no-repeat;
		position: absolute;
		left: -110px;
		top: 410px;
		width: 563px;
		height: 540px;
		z-index: 0;
	  }
	  .pricing-area:after {
		content: '';
		background-image: url(../images/price-left&right.png);
		background-repeat: no-repeat;
		position: absolute;
		right: 0px;
		top: 55px;
		width: 210px;
		height: 540px;
		z-index: 2;
	  } 
} */
/* @media (min-width: 1024px) {
	.owl-carousel .owl-stage-outer {
		pointer-events: none;
	}
} */
@media (min-width:1280px) {
	.pricing-area .owl-carousel .owl-stage  { 
		transform: translate3d(0px, 0px, 0px) !important; 
	}
}
@media (max-width:768px){
	.pricing-area .pa-img-left img, .pricing-area .pa-img-right img{
		display: none;
	}
	.pricing-area  .owl-carousel .owl-stage-outer {
		position: relative; 
		overflow: unset;
		-webkit-transform: translate3d(0%, 0px, 0px) !important;
	} 
	.pricing-area .owl-carousel.owl-drag .owl-item { 
		/* width: 278px !important; */
		/* width: 350px !important; */
		
		 padding:0 10px;
	/* }
	.pricing-area .owl-carousel .owl-stage { 
		width: 2090px !important; */
		/* width: 2452px !important; */
		/* transform: translate3d(-1344px, 0px, 0px) !important; */
	}
} 
  .pricing-area .pa-img-left img{
	position: absolute;
    left: -12%;
    top: 30%;
    width: 32%;
    block-size: 40%;
    inline-size: 30%;
    object-fit: contain;
    transform: translate(0%, 50%);
  }
  .pricing-area .pa-img-right img{
	position: absolute;
    right: 0%;
    top: 40px;
    width: 100%;
    block-size: 40%;
    inline-size: 200px;
    object-fit: contain;
    transform: translate(0%, 0%);
  } 
.pricing-area .section-heading {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 25px;
  }
  
  .pricing-area .section-heading .line-dec {
	margin: 0 auto;
  }
  .pricing-area {
	position: relative;
    margin: 0px 0 85px;
    padding: 15px 0 25px;
	text-align: center;
} 
.pricing-area  .owl-dots .active {
    background-color: #047FFB !important;
}
.pricing-area .owl-dots .owl-dot {
    width: 15px !important;
    height: 15px !important;
    /* text-indent: -999px; */
    background-color: rgb(0 0 0 / 50%);
    border-radius: 200px;
    margin: 3px;
}
.single-pricing { 
	background-color: #F7F7F7;
    color: #1F1F1F; 
    display: block;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.25s; 
	/* width: 90%; */
    margin: 0 6px 0px; 
}
.price-card-hero { 
	background-color: #E1F0FE;
    color: #1F1F1F; 
    display: block;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.25s;
    position: relative;
    margin: 0px 0px 30px;
	/* height: 590px;  */
} 
 /* .deal-price {
	height: 25%;
} */
.price-card-hero .deal-price .price,
.single-pricing .deal-price .price {
	padding: 0px 15px 0px;
	margin: 20px 0;
    text-align: left;
    height: 8rem;
	line-height: 1;
	position: relative;
}
.deal-type {
	/* background: linear-gradient(to bottom, #ff512f, #f09819); */
	background: #FFF040;
	padding: 17px 0;
	font-size: 20px;
	/* text-transform: uppercase; */
	font-weight: 700;
	/* letter-spacing: 2px; */
	color: #1F1F1F;
	text-align: center;
}
ul.single-deal--hero li svg{
	margin-right: 10px;
	font-weight: 300;
}
/* .deal-type--hero { 
	margin-top: -60px;
} */
.deal-amount {
	/* clip-path: polygon(0 0, 100% 0%, 100% 60%, 51% 100%, 0 60%);
	background: linear-gradient(to right, #ff512f, #f09819); */
	padding: 25px 15px 0;
    color: #1F1F1F;
    text-align: left;
    height: 9rem;
	/* height: 25%; */
}
.deal-amount .sub-title .title{
	font-size: 35px;
    font-weight: 500;
    color: #047FFB;
	text-align: center !important;
	/* background: linear-gradient(to top, #35B3FA, 
	#6EBEFA, #047FFB); 
	-webkit-text-fill-color: transparent; 
	-webkit-background-clip: text;  */
}.deal-amount .sub-title .text{
	font-size: 16px;
}
.price .money {
	color: #000;
    font-weight: 500;
    padding: 35px 0;
}
.price .money-up {
	color: #000;
    font-weight: 600;
    padding: 0 0 15px;
    font-size: 3rem !important;
}
.price .custom-money{
	color: #000;
    font-weight: 600;
    padding: 4% 0 15px;
    font-size: 2rem !important;
}
.price p.per-user { 
    padding: 1px  0px 10px; 
	font-weight: 600;
	color: #000 !important
}
.price p.usd-month { 
    padding: 1px  0px 30px;  
	font-size:16px !important;
	color: #1f1f1f !important
}
.price .money-up span.dolar {
	font-size: 20px;
    font-weight: 600;
}
.price .money-up span.usd {
	/* font-size: 35px; */
	font-size: 2rem;
    font-weight: 600;
}
.price .cus {
	color: #000;
    font-size: 24px;
    font-weight: 800;
	padding: 0;
}
.price .money sup {
	font-size: 40px;
	font-weight: 500;
}
.single-deal {
	padding: 65px 0;
	list-style: none;
}
.enter{
	text-align: left;
	padding: 0 25px ;
	/* height: 35%; */
}
.single-deal--hero {
	padding: 0px 15px;
    text-align: left;
    height: 10rem;
}
.single-deal li {
	/* font-size: 18px; */
	/* font-family: montserrat; */
	padding: 1px 0;
	font-weight: 300;
}
.pricing-area .btn {
	background: #047FFB;
	border: none;
	font-weight: 500;
	/* text-transform: uppercase; */
	margin-bottom: 30px;
	padding: 10px 50px;
	color: #fff;
	text-align: center;
	width: 80%;
}
.pricing-area .btn:hover{
	order: 1px solid #FF4B90 !important;
    background-color: #FF4B90; 
}
.single-pricing:hover, .price-card-hero:hover {
	transform: scale(1.05);
} 
@media only screen and (min-width:1200px) and (max-width:1400px) {
	.price .custom-money{
		padding: 9% 0 15px;
	}
}
@media (max-width:1400px) {
	.price .money-up { 
		/* font-size: 2rem !important; */
		/* line-height: 34px; */
		padding-top: 10px;
	}
}
@media (max-width: 768px) {
	.single-pricing {
		margin-bottom: 30px;
	}
	.single-deal--hero {
		padding: 0px 20px !important; 
	}
	.deal-amount {
		padding: 25px 20px 0 !important; 
	}
	.price-card-hero .deal-price .price, .single-pricing .deal-price .price {
		padding: 0px 20px 0px !important; 
	}
	.price-card-hero .deal-price .price, .single-pricing .deal-price .price { 
		height: 7rem !important; 
	}
	.price .money-up span.usd {
		font-size: 28px;
		font-weight: 600;
	}
	.pricing-area .btn { 
		width: 90% !important;
	}
}


.list-area .section-heading h5 {
    color: #047FFB;
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: capitalize;
    /* margin-bottom: 15px; */
}
.list-area .content-com .com-icon{
	border-right: 1px solid #3EACF3;
    margin-right: 15px;
	padding-right: 10px;
}
.list-area .content-com .com-icon img{
	width: 55px !important;
}
.list-area .content-com .com-text .title{
	font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px;
}
/* 
---------------------------------------------
We are here to support you!
--------------------------------------------- 
*/
/* @media only screen and (min-width: 1024px)
{
	.support .sup-left-right:before {
		content: '';
		background-image: url(../images/support-left.png);
		background-repeat: no-repeat;
		position: absolute;   
		 left: 100px;
		top: -84px;
		width: 330px;
		height: 340px;
		z-index: 0;
	  }
	  .support .sup-left-right:after {
		content: '';
		background-image: url(../images/support-right.png);
		background-repeat: no-repeat;
		position: absolute;
		right: 168px;
		top: -85px;
		width: 247px;
		height: 550px;
		z-index: 2;
	  } 
} */
@media (max-width:1280px){
	.support .s-img-right img { 
		inline-size: 10rem !important; 
	  }
	  .support .s-img-left img{ 
		inline-size: 15rem !important; 
	  }
} 
@media (max-width:768px){
	.support .s-img-left img, .support .s-img-right img{
		display: none;
	}
} 

.support a:hover > .support-post{
	outline: #BAE9ff solid 4px;
}
  .support .s-img-left img{
	position: absolute;
    left: 0%;
    top: 0;
    width: 32%;
    block-size: 35%;
    inline-size: 30%;
    object-fit: contain;
    transform: translate(0%, -15%);
    z-index: 2;
	filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
  }
  .support .s-img-right img{
	position: absolute;
    right: 0%;
    top: 0px;
    width: 59%;
    block-size: 35%;
    inline-size: 35%;
    object-fit: contain;
    transform: translate(0%, -30%);
    z-index: 2;
  }
.accordion-button::after {  
	flex-shrink: 0;
    width: auto;
    height: auto;
    content: ">";
    background-size: 40px 40px;
    font-size: 40px;
    background-image: none;
    /* font-weight: 100; */
    color: #047FFB;
    transform: translateY(-4px);
}
.accordion-button:not(.collapsed)::after {
    /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e); */
    background-image: none !important;
    transform: rotate(-270deg);
    color:#707070;
}
  .support {
	position: relative;
	margin: 85px 0 85px;  
	padding: 15px 0 65px;  
    background-color: #C7C7C7;
    background-image: linear-gradient(180deg, #f2faff, #a0c9f3);
  }
  
  .support .section-heading {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 80px;
  }
  
  .support .section-heading .line-dec {
	margin: 0 auto;
  }
  .support-post {
	position: relative;
    z-index: 2;
	background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    border-radius: 23px;
    padding: 50px 15px 15px;
	height: 100%;
  }
  .support-post .thumb{ 
	position: relative; 
	text-align: center;
  }
  .support .thumb img { 
		width: 50%;  
	}
  .show-up {
	position: relative;
	z-index: 222;
  } 
  .support-post .down-content {  
	padding: 0px 30px;
  }
  
  .support-post .down-content span.category {
	font-size: 15px;
	color: #fff;
	padding: 8px 12px;
	background-color: #4da6e7;
	border-radius: 18px;
	display: inline-block;
  }
  
  .support-post .down-content span.date {
	font-size: 15px;
	color: #afafaf;
	text-align: right;
	float: right;
	margin-top: 4px;
  }
  
  .support-post .down-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2a2a2a;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 0px;
  }
  
  .support-post .down-content p {
	margin-bottom: 30px;
  } 
  
  .support-post .down-content span.author img {
	max-width: 56px;
	border-radius: 50%;
	margin-right: 15px;
  } 
  .support-posts {
	margin-left: 30px;
  }
  
  .post-item {
	margin-bottom: 62px;
  }
  
  .last-post-item {
	margin-bottom: 0px;
  } 
  
  .post-item .thumb img {
	border-radius: 23px;
	display: inline-block;
  }
  
  .post-item .right-content {
	padding-top: 20px;
  }
  
  .post-item .right-content span.category {
	font-size: 15px;
	color: #fff;
	padding: 8px 12px;
	background-color: #4da6e7;
	border-radius: 18px;
	display: inline-block;
  }
  
  .post-item .right-content span.date {
	font-size: 15px;
	color: #afafaf;
	text-align: right;
	float: right;
	margin-top: 4px;
  }
  
  .post-item .right-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2a2a2a;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 30px;
  } 


  

/* 
---------------------------------------------
Our recent updates!
--------------------------------------------- 
*/
/* @media only screen and (min-width: 1024px)
{
	.recent:before {
		content: '';
		background-image: url(../images/succes-left.png);
		background-repeat: no-repeat;
		position: absolute;   
		left: -220px;
		top: 0px;
		width: 415px;
		height: 455px;
		z-index: 0;
	  }
	  .recent:after {
		content: '';
		background-image: url(../images/recent-right.png);
		background-repeat: no-repeat;
		position: absolute;
		right: 0px;
		top: -160px;
		width: 275px;
		height: 550px;
		z-index: 2;
	  } 
} */
@media (min-width:768.69px) {
	/* .recent .r-img-right img{
		position: absolute;
		right: 0%;
		top: 0px;
		width: 59%;
		block-size: 50%;
		inline-size: 15%;
		object-fit: contain;
		transform: translate(0%, -65%); 
	  } */
	  .recent .r-img-right img.top-rocket{
		position: absolute;
		right: 0%;
		top: 0px;
		width: 59%;
		block-size: 45%;
		inline-size: 15%;
		object-fit: contain;
		transform: translate(0%, -93%);
		z-index: 2;
	  }
	  .recent .r-img-right img.Top-cloud{
		position: absolute;
		right: 0%;
		top: 0px;
		width: 59%;
		block-size: 40%;
		inline-size: 15%;
		object-fit: contain;
		transform: translate(0%, -40%);
		z-index: 1;
	  }
}
@media (max-width:768px){
	.recent .r-img-left img {
		display: none;
	}
	.recent .r-img-right img.top-rocket{
		position: absolute;
		left: 50%;
		top: 0px;
		width: 59%;
		block-size: 45%;
		inline-size: 15%;
		object-fit: contain;
		transform: translate(-50%, -80%);
		z-index: 2;
	  }
	  .recent .r-img-right img.Top-cloud{
		position: absolute;
		left: 50%;
		top: 0px;
		width: 59%;
		block-size: 30%;
		inline-size: 35%;
		object-fit: contain;
		transform: translate(-50%, -50%);
		z-index: 1;
	  }
} 
@-webkit-keyframes MoveUpDown {
    0%, 100% {
          top: 40px;
		}

		50% {
			top: 55px;
		}
}
img.top-rocket  {
    position:absolute;
    -webkit-animation: MoveUpDown 2s infinite;
}
  .recent .r-img-left img{
	position: absolute;
    left: 0%;
    top: 40px;
    width: 32%;
    block-size: 70%;
    inline-size: 30%;
    object-fit: contain;
    transform: translate(-50%, -10%);
    z-index: 2;
  }
  
  .recent {
	position: relative;
	margin: 85px 0 85px;  
	padding: 15px 0 25px;  
    background-color: #fff;
    /* background-image: linear-gradient(180deg, #f2faff, #a0c9f3); */
  }
  .recent .accordion-item {
		background-color: #fff;
		border: 0 !important;
		border-bottom: 1px solid rgba(0,0,0,.125) !important;
	}
  .recent .accordion-button { 
	padding: 1rem 0rem !important; 
 }
 .recent .accordion-body {
	padding: 1rem 0 !important;
  }
  .recent .section-heading {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 40px;
  }
  
  .recent .section-heading .line-dec {
	margin: 0 auto;
  }
  .recent .accordion-button:focus {
    z-index: 3;
    border-color: #86b6fe00 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 109, 253, 0) !important;
  }
  .recent .accordion-button:not(.collapsed) {
    color: #000 !important;
    background-color: #e7f1ff00 !important;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) !important;
}
.recent .date {
	width: 12em;
    background: #D2E9FE;
    padding: 5px;
    text-align: center;
    border-radius: 45px; 
	font-size: 18px;
	color: #1F1F1F;
	font-weight: 600;
  }
  .recent .des {
	width: 100%; 
	padding: 5px 10px;
	font-size: 18px;
	color: #1F1F1F;
	font-weight: 600;
  }

@media (max-width: 767px) {
	.recent .des{
		padding: 10px 0px 0px !important;
	}
}


  
/* 
---------------------------------------------
Get your Roomth Today!
--------------------------------------------- 
*/
/* @media only screen and (min-width: 1024px)
{
	.Today:before {
		content: '';
		background-image: url(../images/today-left.png);
		background-repeat: no-repeat;
		position: absolute;   
		left: 0px;
		top: 10px;
		width: 555px;
		height: 330px;
		z-index: 2;
	  }
	  .Today:after {
		content: '';
		background-image: url(../images/today-right.png);
		background-repeat: no-repeat;
		position: absolute;
		right: 0px;
		top: 100px;
		width: 350px;
		height: 200px;
		z-index: 2;
	  } 
} */
@media (max-width: 1200px) {
	.Today .t-img-right img{
		display: none;
	}
	.Today .t-img-left img{
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 32%;
		block-size: 100%;
		inline-size: 21rem;
		object-fit: contain;
		transform: translate(-50%, 35%);
		z-index: 2;
		filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
	  }
	  
	
	  .Today .section-heading h4{
		font-size: 2.5rem !important;
	}
}
@media (min-width:768px){
	.Today .t-img-left img{
		position: absolute;
    left: 0%;
    top: 40px;
    width: 32%;
    block-size: 70%;
    inline-size: 30%;
    object-fit: contain;
    transform: translate(0%, 5%);
    z-index: 2;
    filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
	  }
}
@media (max-width: 767.89px){ 
		.Today { 
			padding: 15px 0 6rem !important; 
		}
}
  .Today {
	position: relative;
	margin: 85px 0 0;  
	padding: 15px 0 35px;  
    background-color: #f5f5f5;
    background-image: linear-gradient(180deg, #f2faff, #a0c9f3);
  }
  .Today .t-img-right img{
	position: absolute;
    right: 0%;
    top: -25px;
    width: 68%;
    block-size: 70%;
    inline-size: 20%;
    object-fit: contain;
    transform: translate(0, 26%);
    z-index: 2;
  }
  .Today .section-heading {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 80px;
	color: #047FFB;
  } 
  .Today .section-heading h4{ 
	color: #047FFB;
  } 
  .Today .section-heading h4{
		font-size: 3rem;
  }
  .Today .section-heading p{ 
    color: #1f1f1f; 
  }
  .Today .section-heading a{
	padding: 10px 40px;
    color: #fff!important;
    border: 1px solid #4da6e7 !important;
    background-color: #047FFB;
    font-size: 1.2rem;
    border-radius: 10px;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    transition: all .5s;
  }
  .Today .section-heading a:hover{
	border: 1px solid #FF4B90 !important;
    background-color: #FF4B90;
  }
  .Today .bottom-bg {
		position: absolute;
		width: 100%;
		bottom: 0;
	} 
 
  @media (max-width: 1200px) {
	.Today .t-img-right img{
		display: none;
	}
	.Today .t-img-left img{
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 32%;
		block-size: 100%;
		inline-size: 21rem;
		object-fit: contain;
		transform: translate(-50%, 35%);
		z-index: 2;
		filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
	  }
	  
	
	  .Today .section-heading h4{
		font-size: 2.5rem !important;
	}
}
@media (min-width:768px){
	.Today .t-img-left img{
		position: absolute;
    left: 0%;
    top: 40px;
    width: 32%;
    block-size: 70%;
    inline-size: 30%;
    object-fit: contain;
    transform: translate(0%, 5%);
    z-index: 2;
    filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
	  }
}
@media (max-width: 767.89px){ 
		.Today { 
			padding: 15px 0 6rem !important; 
		}
}
  .Today {
	position: relative;
	margin: 85px 0 0;  
	padding: 15px 0 35px;  
    background-color: #f5f5f5;
    background-image: linear-gradient(180deg, #f2faff, #a0c9f3);
  }
  .Today .t-img-right img{
	position: absolute;
    right: 0%;
    top: -25px;
    width: 68%;
    block-size: 70%;
    inline-size: 20%;
    object-fit: contain;
    transform: translate(0, 26%);
    z-index: 2;
  }
  .Today .section-heading {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 80px;
	color: #047FFB;
  } 
  .Today .section-heading h4{ 
	color: #047FFB;
  } 
  .Today .section-heading h4{
		font-size: 3rem;
  }
  .Today .section-heading p{ 
    color: #1f1f1f; 
  }
  .Today .section-heading a{
	padding: 10px 40px;
    color: #fff!important;
    border: 1px solid #4da6e7 !important;
    background-color: #047FFB;
    font-size: 1.2rem;
    border-radius: 10px;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    transition: all .5s;
  }
  .Today .section-heading a:hover{
	border: 1px solid #FF4B90 !important;
    background-color: #FF4B90;
  }
  .Today .bottom-bg {
		position: absolute;
		width: 100%;
		bottom: 0;
	} 
 
  /* virtual-office  page */
    @media (min-width: 992px) {
		
		.virtual-Today .section-heading { 
			padding-left: 30px !important;
		}
		.virtual-Today { 
			padding: 15px 0 90px !important; 
		}
	}
	@media (max-width: 992px) {
	.virtual-Today .t-img-right img{
		display: none;
	} 
	
	  .virtual-Today .section-heading h4{
		font-size: 2.5rem !important;
	}
} 
/* @media (max-width: 767.89px){ 
		.virtual-Today { 
			padding: 15px 0 6rem !important; 
		}
} */
  .virtual-Today {
	position: relative;
	margin: 85px 0 0;  
	padding: 15px 0 35px;  
    background-color: #f5f5f5;
    background-image: linear-gradient(180deg, #f2faff, #a0c9f3);
  }
  .virtual-Today .t-img-right img{
	position: absolute;
    right: 5%;
    top: -25px;
    width: 68%;
    block-size: 70%;
    inline-size: 35%;
    object-fit: contain;
    transform: translate(0, 26%);
    z-index: 2;
  }
  .virtual-Today .section-heading {
	text-align: left;
	margin-top: 80px;
	margin-bottom: 80px;
	color: #047FFB;
  } 
  .virtual-Today .section-heading h4{ 
	color: #047FFB;
  } 
  .virtual-Today .section-heading h4{
		font-size: 3rem;
  }
  .virtual-Today .section-heading p{ 
    color: #1f1f1f; 
  }
  .virtual-Today .section-heading a{
	padding: 10px 40px;
    color: #fff!important;
    border: 1px solid #4da6e7 !important;
    background-color: #047FFB;
    font-size: 1.2rem;
    border-radius: 10px;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    transition: all .5s;
  }
  .virtual-Today .section-heading a:hover{
	border: 1px solid #FF4B90 !important;
    background-color: #FF4B90;
  }
  .virtual-Today .bottom-bg {
		position: absolute;
		width: 100%;
		bottom: 0;
	} 
 
  
/* 
---------------------------------------------
Blog
--------------------------------------------- 
*/

.blog:before {
  content: '';
  background-image: url(../images/blog-left-dec.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0px;
  width: 961px;
  height: 1020px;
  z-index: 0;
}

.blog {
  position: relative;
  padding-top: 130px;
}

.blog .section-heading {
  text-align: center;
  margin-bottom: 80px;
}

.blog .section-heading .line-dec {
  margin: 0 auto;
}

.blog-post {
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  border-radius: 25px;
  position: relative;
  z-index: 2;
}

.show-up {
  position: relative;
  z-index: 222;
}

.blog-post .thumb img {
  border-top-right-radius: 23px;
  border-top-left-radius: 23px;
}

.blog-post .down-content {
  border-bottom-right-radius: 23px;
  border-bottom-left-radius: 23px;
  background-color: #fff;
  padding: 30px;
}

.blog-post .down-content span.category {
  font-size: 15px;
  color: #fff;
  padding: 8px 12px;
  background-color: #4da6e7;
  border-radius: 18px;
  display: inline-block;
}

.blog-post .down-content span.date {
  font-size: 15px;
  color: #afafaf;
  text-align: right;
  float: right;
  margin-top: 4px;
}

.blog-post .down-content h4 {
  font-size: 20px;
  font-weight: 700;
  color: #2a2a2a;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 30px;
}

.blog-post .down-content p {
  margin-bottom: 30px;
}

.blog-post .down-content span.author {
  font-size: 15px;
  color: #2a2a2a;
}

.blog-post .down-content span.author img {
  max-width: 56px;
  border-radius: 50%;
  margin-right: 15px;
}

.blog-post .down-content .border-first-button {
  display: inline-block;
  float: right;
}

.blog-posts {
  margin-left: 30px;
}

.post-item {
  margin-bottom: 62px;
}

.last-post-item {
  margin-bottom: 0px;
}

.post-item .thumb {
  display: inline-block;
  float: left;
  margin-right: 30px;
}

.post-item .thumb img {
  border-radius: 23px;
  display: inline-block;
}

.post-item .right-content {
  padding-top: 20px;
}

.post-item .right-content span.category {
  font-size: 15px;
  color: #fff;
  padding: 8px 12px;
  background-color: #4da6e7;
  border-radius: 18px;
  display: inline-block;
}

.post-item .right-content span.date {
  font-size: 15px;
  color: #afafaf;
  text-align: right;
  float: right;
  margin-top: 4px;
}

.post-item .right-content h4 {
  font-size: 20px;
  font-weight: 700;
  color: #2a2a2a;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 30px;
}


/* 
---------------------------------------------
contact
--------------------------------------------- 
*/
@media only screen and (min-width: 1024px)
		{  
/* 
			.contacts:before {
				content: '';
				background-image: url(../images/banners/a-left.png);
				background-repeat: no-repeat;
				position: absolute;
				left: -124px;
				top: 32em;
				width: 390px;
				height: 455px; 
			}
			.contacts:after {
				content: '';
				background-image: url(../images/banners/a-right.png);
				background-repeat: no-repeat;
				position: absolute;
				right: 0;
				top: 50em;
				width: 210px;
				height: 410px;
				z-index: 2;
			}  */
		}
/* .contacts {
	margin-top: -10px;
  padding-top: 130px;
  background-color: #F5F5F5;
} */

.contact-us .section-heading .line-dec {
  margin: 0 auto;
}

.contact-us .section-heading {
  text-align: center;
  margin-bottom: 80px;
}


form#contact:before {
  background-image: url(../images/contact-top-right-v3.png);
  position: absolute;
  right: 0;
  top: 0;
  width: 726px;
  height: 78px;
  background-repeat: no-repeat;
  content: '';
  z-index: 1;
}

.contact-dec img {
  max-width: 224px;
  position: absolute;
  right: 25px;
  top: -242px;
}

form#contact:after {
  background-image: url(../images/contact-bottom-right-v3.png);
  position: absolute;
  right: 0;
  bottom: 0;
  width: 532px;
  height: 106px;
  background-repeat: no-repeat;
  content: '';
  z-index: 1;
}

form#contact {
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  position: relative;
  background-color: #fff;
  border-radius: 23px;
  text-align: center;
}

form#contact #map iframe {
  border-top-left-radius: 23px;
  border-bottom-left-radius: 23px;
  margin-bottom: -7px;
  position: relative;
  z-index: 2;
}

.fill-form {
  padding: 80px 60px 80px 30px;
}

.fill-form .info-post {
  margin-bottom: 20px;
}

.fill-form .icon {
  text-align: center;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  border-radius: 23px;
  padding: 25px 15px;
}

.fill-form .icon img {
  max-width: 60px;
  display: block;
  margin: 0 auto;
}

.fill-form .icon a {
  margin-top: 15px;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #2a2a2a;
  transition: all .3s;
}

.fill-form .icon:hover a {
  color: #4da6e7;
}

form#contact input {
  width: 100%;
  height: 46px;
  background-color: transparent;
  border: 1px solid #eee;
  outline: none;
  font-size: 15px;
  font-weight: 300;
  color: #2a2a2a;
  padding: 0px 20px;
  border-radius: 23px;
  margin-top: 30px;
}

form#contact input::placeholder {
  color: #aaa;
}

form#contact textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  max-height: 200px;
  min-height: 200px;
  height: 200px;
  border-radius: 23px;
  background-color: transparent;
  border: 1px solid #eee;
  outline: none;
  font-size: 15px;
  font-weight: 300;
  color: #2a2a2a;
  padding: 15px 20px;
  margin-top: 30px;
}

form#contact textarea::placeholder {
  color: #aaa;
}

form#contact button {
  display: inline-block;
  background-color: #fff;
  font-size: 15px;
  font-weight: 400;
  color: #4da6e7;
  margin-top: 30px;
  width: 100%;
  text-transform: capitalize;
  padding: 12px 25px;
  border-radius: 23px;
  letter-spacing: 0.25px;
  border: 1px solid #4da6e7;
  transition: all .3s;
  outline: none;
}

form#contact button:hover {
  background-color: #4da6e7!important;
  color: #fff!important;
}

@media (min-width: 768.99px) {
	.contacts .my-form .contact-form{
		padding:0 2em;
	}
}
/* 
---------------------------------------------
Footer Style
--------------------------------------------- 
*/
@media (max-width: 1300px) {
	footer .f-img-left img{
		inline-size: 18rem !important;
		transform: translate(-15%, -20%) !important;
	}
	footer .f-img-right img { 
		inline-size: 15rem !important; 
	}
	footer img.cn-f { 
		width: 16rem !important; 
	}
}
@media (max-width: 768px)
{ 
	  footer .f-img-left img ,
	footer .f-img-right img{
		display: none;
	}
	.f-t{
		background-color: #f5f5f5;
		padding: 8em 0 !important;
		/* margin-bottom: -20%; */
	}
	footer img.cn-f{  
		width: 15rem !important; 
		
	}
}
.f-t{
	background-color: #f5f5f5;
    padding: 5em 0 ;
    /* margin-bottom: -20%; */
}
footer {
	position: relative;
    background-color: whitesmoke;
    background-image: url(../images/footer/footer.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -100px;
    padding: 20em 0 0px;
}
footer .f-img-left img{
	position: absolute;
    /* background-size: 90%; */
    left: 5%;
    top: -50px;
    width: 26%;
    /* height: 330px; */
    z-index: 0;
    block-size: 80%;
    inline-size: 35%;
    object-fit: contain;
    /* transform: scale(0.7); */
    transform: translate(-15%, -10%);
}
footer .f-img-right img{
	position: absolute;
    right: 0px;
    bottom: 160px;
    width: 90%;
    z-index: 0;
    block-size: 75%;
    inline-size: 20%;
    object-fit: contain;
    transform: translate(-15%, -10%);
    z-index: 1;
}
footer img.cn-f{ 
	/* position: absolute; 
    top: -13%;
    width: 26%; 
    z-index: 0;
    block-size: 50%;
    inline-size: 100%;
    object-fit: contain; 
    transform: translate(50%, 0%);
    right: 50%;  */
 
	top: 0%;
    width: 20rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -45%);
	
}
footer img.s-ic{
	width: 70px;
    padding: 20px 15px;
}
footer img.s-ic:hover{
	/* background-color: #FFFF03; */
    filter: grayscale(100%) brightness(90%) sepia(100%) hue-rotate(12deg) saturate(400%) contrast(1);
}
footer ul li a.f-text{
	padding: 10px 30px;
    color: #fff;
    font-weight: 600;
}
footer ul li a.f-text:hover{
	/* border-bottom: 1px solid #1F1F1F; */
	color:#FFFF03;
}
footer .copy-right p {
  text-align: center;
  margin: 0px 0px 20px;
  color: #fff;
}

footer p a {
  color: #fff;
  transition: all .5s;
}


.f-u-c {
	position: relative;
	margin: 85px 0 0;  
	padding: 15px 0 85px;  
	background-color: #f5f5f5;
	background-image: linear-gradient(180deg, #f2faff, #a0c9f3);
}

.fuc-post .box {
	justify-content: left;
	padding: 20px 0;
	background-color: white;
	border-radius: 10px; 
	margin: 0 0px;
	/* height: 150px; */
}
.fuc-post .box:hover{
	outline: #BAE9ff solid 4px;
}
.fuc-post .box .thumb{ 
	width: 36%;
}
.fuc-post .box img {
	width:120px;
	height:120px;
}
.fuc-post .down-content  {
	margin-left:15px;
	margin-top:15px;
}
.fuc-post .down-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2a2a2a;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 0px;
}
.f-u-c .section-heading {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 80px;
	color: #047FFB;
}   
.f-u-c .section-heading p{ 
	color: #000; 
}
.f-u-c .section-heading a{
	padding: 10px 20px;
	background: #047FFB;
	color: #fff;
	border-radius: 10px;
}
.f-u-c .bottom-bg {
		position: absolute;
		width: 100%;
		bottom: 0;
	} 
	@media (min-width:2000px) {
		.f-u-c .row-p{
			padding-top: 3rem!important;
			padding-bottom: 5rem!important;
		}
	}
	.f-u-c .row-p{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	@media (max-width: 1024px) {
		.f-u-c { 
			padding: 15px 0 0px;   
		}
	  }
/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/

@media (max-width: 1200px) {
  .header-area .main-nav .logo h4 {
    font-size: 24px;
  }
  .header-area .main-nav .logo h4 img {
    max-width: 25px;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:last-child {
    padding-left: 20px;
  } 
}
@media (max-width: 1200px) { 
	  .services .naccs .menu div {
		  color: #8B8B8B;
		  margin: 0px;
		  width: 25%;
		  font-size: 20px;
		  font-weight: 700;
		  display: inline-block;
		  text-align: center;
		  cursor: pointer;
		  position: relative;
		  border-radius: 60px;
		  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
	  }
	  .services .naccs .menu div.active .thumb:after {
		  content: '';
		  background-image: url(../images/i-active.png);
		  background-size: 25px;
		  background-repeat: no-repeat;
		  position: absolute;
		  right: 0;
		  top: 5px;
		  width: 40px;
		  height: 40px;
		  z-index: 1;
	  } 
	  .services .naccs .menu div .thumb:after {
		  content: '';
		  background-image: url(../images/not-active.png);
		  background-size: 25px;
		  background-repeat: no-repeat;
		  position: absolute;
		  right: 0;
		  top: 5px;
		  width: 40px;
		  height: 40px;
		  z-index: 1;
	  }
  }
@media (max-width: 992px) {
  form#contact {
    overflow: hidden;
  }
  .header-area .main-nav .logo h4 {
    font-size: 20px;
  }
  .main-banner .left-content {
    margin-right: 0px;
  }
  .main-banner {
    text-align: center;
    padding: 90px 0px 0px 0px;
  }
  .main-banner.v-main{
	padding: 130px 0px 0px 0px !important;
  }
  .main-banner:before {
    display: none;
  }
  .main-banner .right-image {
    margin: 30px auto 0px auto;
    text-align: center;
  }
  .features-item {
    margin-bottom: 45px;
  }
  .last-features-item,
  .last-skill-item {
    margin-bottom: 0px !important;
  }
  .skill-item {
    margin-bottom: 30px;
  }
  .about-left-image img {
    margin-right: 0px;
    margin-bottom: 45px;;
  }
  .services .naccs .menu div {
    font-size: 15px;
    font-weight: 500;
  }
  .service-item {
    text-align: center;
  }
  .service-item .icon {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .about-us .left-image {
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 45px;
  }
  .blog-posts {
    margin-left: 0px;
    margin-top: 30px;
  }
  .post-item {
    margin-bottom: 70px;
  }
  .our-portfolio .owl-nav {
    display: none !important;
  }
  .contact-info {
    margin-top: 60px;
  }
  form#contact {
    padding: 45px;
  }
}

@media (max-width: 767px) {
  .header-area .main-nav .logo h4 {
    font-size: 30px;
  }
  .header-area .main-nav .logo h4 img {
    max-width: 30px;
    margin-left: 5px;
  }
  .main-banner .info-stat {
    margin-bottom: 15px;
  }
  .main-banner .right-image {
    margin: 0px auto 0px auto !important; 
  }
  .service-item {
    text-align: center;
    padding: 30px;
  }
  .service-item .icon {
    float: none;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .service-item .right-content {
    display: inline-block;
  }
  .services .naccs .menu div .thumb {
    padding: 5px 8px;
  }
  .services .icon img {
    margin: 0px;
  }
  .services ul.nacc li.active {
    padding: 45px 0px;
  }
  .services .naccs .menu div  {
	font-size: 14px;
    width: 30%;
	font-weight: bold;
  }
  .services ul.nacc li .right-image img {
    float: none;
  }
  .our-portfolio .section-heading,
  .about-us .section-heading,
  .about-us .about-item,
  .about-us p,
  .about-us .main-green-button {
    text-align: center;
  }
  .our-portfolio .section-heading .line-dec {
    margin: 0 auto;
  }
  .our-services .section-heading {
    margin-left: 15px;
    margin-right: 15px;
  }
  .free-quote form input {
    margin-left: 0px;
    padding: 0px 30px;
  }
  .free-quote form button {
    margin-left: 0px;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 0px;
  }
  .blog-posts {
    margin-left: 0px;
    margin-top: 30px;
  }
  .post-item {
    margin-bottom: 30px;
  }
  .post-item .thumb img {
    max-width: 140px;
  }
  .post-item .right-content p {
    display: none;
  }
  .about-us .about-item {
    margin-top: 15px;
  }
  form#contact {
    padding: 30px;
  }
}



/* 
---------------------------------------------
Work efficiently with a full equiped virtual office
--------------------------------------------- 
*/
/* @media only screen and (min-width: 1024px)
{
	.your-success:before {
		content: '';
		background-image: url(../images/succes-left.png);
		background-repeat: no-repeat;
		position: absolute;
		left: -185px;
		top: 116px;
		width: 563px;
		height: 540px;
		z-index: 0;
	  }
	  .your-success:after {
		content: '';
		background-image: url(../images/succes-right.png);
		background-repeat: no-repeat;
		position: absolute;
		right: 0px;
		bottom: -180px;
		width: 265px;
		height: 540px;
		z-index: 2;
	  } 
} */
  .virtual-office {
	position: relative;
	padding:  30px 0;
	background-color: #fff;
/* background-image: linear-gradient(180deg, #f2faff, #a0c9f3);   */
  }
  
  .virtual-office .section-heading {
	text-align: center;
	margin-top: 40px;
	margin-bottom:40px;
  }
  
  .virtual-office .section-heading .line-dec {
	margin: 0 auto;
  }
  .virtual-office-post {
	/* box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	border-radius: 25px; */
	position: relative;
	z-index: 2;
  }
  .virtual-office-post .thumb{ 
	position: relative; 
	text-align: center;
  }
  .virtual-office .thumb img { 
		width: 80px;  
	}
  .show-up {
	position: relative;
	z-index: 222;
  } 
  .virtual-office-post .down-content { 
	/* margin-top: -60px; */
    /* background-color: #EDEFEF; */
	padding: 0px 30px 30px;
  }
  
  .virtual-office-post .down-content span.category {
	font-size: 15px;
	color: #fff;
	padding: 8px 12px;
	background-color: #4da6e7;
	border-radius: 18px;
	display: inline-block;
  }
  
  .virtual-office-post .down-content span.date {
	font-size: 15px;
	color: #afafaf;
	text-align: right;
	float: right;
	margin-top: 4px;
  }
  
  .virtual-office-post .down-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2a2a2a;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 30px;
  }
  
  .virtual-office-post .down-content p {
	margin-bottom: 30px;
  }
  
  .blog-post .down-content span.author {
	font-size: 15px;
	color: #2a2a2a;
  }
  
  .virtual-office-post .down-content span.author img {
	max-width: 56px;
	border-radius: 50%;
	margin-right: 15px;
  }
  
  .virtual-office-post .down-content .border-first-button {
	display: inline-block;
	float: right;
  }
  
  .virtual-office-posts {
	margin-left: 30px;
  } 
  @media (max-width:767px) {
	.virtual-office-post .down-content {  
		padding: 0px 0px 30px;
		text-align: left !important;
	  }
	  .virtual-office-post .down-content h4 {
		font-size: 18px;  
		text-align: left !important;
	  }
	  .virtual-office-post .down-content p {
		margin-bottom: 10px;
	  }
  }
  
/* 
---------------------------------------------
Supervision
--------------------------------------------- 
*/ 
.supervision {
	position: relative;
	padding:  30px 0;
	background-color: #fff;
/* background-image: linear-gradient(180deg, #f2faff, #a0c9f3);   */
  }
  .supervision  .ys-img-right img {
	position: absolute;
    right: 0%;
    bottom: 0;
    width: 100%;
    block-size: 100%;
    inline-size: 215px;
    object-fit: contain;
    transform: translate(0%, -10%);
  }
  .supervision .ys-img-left img{
	position: absolute;
    left: -20%;
    top: 20%;
    width: 32%;
    block-size: 45%;
    inline-size: 40%;
    object-fit: contain;
    transform: translate(0%, 0%);
  }
  .supervision .section-heading {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 80px;
  }
  
  .supervision .section-heading .line-dec {
	margin: 0 auto;
  }
  .supervision-post {
	/* box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	border-radius: 25px; */
	position: relative;
	z-index: 2;
  }
  .supervision-post .thumb{ 
	position: relative; 
	text-align: center;
  }
  .supervision .thumb img { 
		width: 80px;  
	}
	.supervision .thumb img.image-vi { 
		width: 60%;  
		filter: drop-shadow(0rem 0.55rem 0.3rem rgba(125, 159, 160, 0.45));
	}
  .show-up {
	position: relative;
	z-index: 222;
  } 
  .supervision-post .down-content { 
	/* margin-top: -60px; */
    /* background-color: #EDEFEF; */
	padding: 0px 30px 30px;
	/* padding: 0px 30px 30px; */
  } 
  
  .supervision-post .down-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2a2a2a;
	margin-top: 20px;
	margin-bottom: 10px;
	/* line-height: 30px; */
  }
  
  .supervision-post .down-content p {
	margin-bottom: 30px;
  }
  
  .blog-post .down-content span.author {
	font-size: 15px;
	color: #2a2a2a;
  }
  
  .supervision-post .down-content span.author img {
	max-width: 56px;
	border-radius: 50%;
	margin-right: 15px;
  } 
  @media (max-width: 679px){
	.supervision .thumb img.image-vi { 
		width: 100% !important;  
	}
  } 
  @media (max-width: 768px){
	.supervision  .ys-img-right img,.supervision .ys-img-left img {
		display: none;
	}
  }
  @media (max-width:767px) {
	.supervision-post .down-content {  
		padding: 0px 0px 30px;
	  }
	  .supervision-post .down-content h4 {
		font-size: 18px;  
	  }
	  .supervision-post .down-content p  {
		margin-bottom: 10px;
	  }
  }
  /* 
---------------------------------------------
Benefits Of Using Roomth
--------------------------------------------- 
*/ 
.benefits-of-using {
	position: relative;
	padding:  30px 0;
	background-color: #fff;
/* background-image: linear-gradient(180deg, #f2faff, #a0c9f3);   */
  }
  
  .benefits-of-using .section-heading {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 80px;
  }
  
  .benefits-of-using .section-heading .line-dec {
	margin: 0 auto;
  }
  .benefits-of-using-post {
	/* box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	border-radius: 25px; */
	position: relative;
	z-index: 2;
  }
  .benefits-of-using .thumb{ 
	position: relative; 
	text-align: center;
  }
  .benefits-of-using .thumb img { 
		width: 170px;  
	}
  .show-up {
	position: relative;
	z-index: 222;
  } 
  .benefits-of-using-post .down-content { 
	/* margin-top: -60px; */
    /* background-color: #EDEFEF; */
	padding: 0px 30px 30px;
  }
  
  .benefits-of-using .down-content span.category {
	font-size: 15px;
	color: #fff;
	padding: 8px 12px;
	background-color: #4da6e7;
	border-radius: 18px;
	display: inline-block;
  }
  
  .benefits-of-using-post .down-content span.date {
	font-size: 15px;
	color: #afafaf;
	text-align: right;
	float: right;
	margin-top: 4px;
  }
  
  .benefits-of-using-post .down-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2a2a2a;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 30px;
  }
  
  .benefits-of-using-post .down-content p {
	margin-bottom: 30px;
  } 
  @media (max-width:767px) {
	.benefits-of-using-post .down-content  {  
		padding: 0px 0px 30px;
	  }
	  .benefits-of-using-post .down-content h4 {
		font-size: 18px;  
	  }
	  .benefits-of-using-post .down-content p  {
		margin-bottom: 10px;
	  }
  }