*{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
	 text-decoration: none;
	 outline: none !important;
 }
 
 body{
	 font-family: 'Open Sans';
 }
 
 .fa {
   font-family: 'FontAwesome';
   font-style: normal;
 }
 
 a,
 a:hover{
	 text-decoration: none;
 }
 
 a:focus{
	 outline: none;
	 text-decoration: none;
 }
 
 img {width: auto; max-width: 100%; height: auto;}
 
 h1{font-size: 44px; line-height: 49px; font-weight: 500}
 h2{font-size: 34px; line-height: 38px; font-weight: 500}
 h3{font-size: 30px; line-height: 35px; font-weight: 500}
 h4{font-size: 26px; line-height: 29px; font-weight: 500}
 h5{font-size: 21px; line-height: 26px; font-weight: 500}
 h6{font-size: 17px; line-height: 20px; font-weight: 500}
 
 p{
	 font-size: 14px; 
	 line-height: 23px;
	 font-weight: 400; 
	 color: #737373;
	 margin-bottom: 10px;
	 font-family: 'Open Sans';
 }
 
 p.p-big{
	 font-size: 18px; 
	 line-height: 27px;
	 font-weight: 300
 }
 
 .title-h{
	 text-align: center;
	 font-size: 30px;
	 line-height: 40px;
	 margin-bottom: 5px;
 }
 
 .title-p{
	 text-align: center;
	 margin: 0 24%;
	 font-size: 15px;
	 line-height: 24px;
	 font-weight: 400;
	 color: #737373;
	 margin-bottom: 60px;
	 position: relative;
 }
 
 .flex-center{
	 display: -webkit-box;   
	 display: -ms-flexbox;   
	 display: -webkit-flex;  
	 display: flex;
	 justify-content: center;
	 align-items: center;
 }
 
 .flex-bottom{
	 display: -webkit-box;   
	 display: -ms-flexbox;   
	 display: -webkit-flex;  
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-end;
 }
 
 .image-back-left{
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-size: cover;
 }
 
 .image-back-right{
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background-size: cover;
 }
 
 .font-Poppins{font-family: 'Poppins', sans-serif;}
 /*** position ***/
 .p-relative{position: relative;}
 .p-absolute{position: absolute;}
 .left-0{left: 0;}
 
 /*** padding ***/
 .big-padding{padding: 300px 0 220px 0;}
 .sec-padding{padding: 80px 0;}
 .md-padding{padding: 45px 0;}
 .sm-padding{padding: 25px 0;}
 .box-padding{padding: 80px 40px;}
 .no-padding{padding: 0;}
 .p-5px{padding: 5px;}
 .p-15px{padding: 15px;}
 .p-20px{padding: 20px;}
 .p-30px{padding: 30px;}
 .p-40px{padding: 40px;}
 .p-50px{padding: 50px;}
 .pl-3px{padding-left: 3px;}
 .pl-5px{padding-left: 5px;}
 .pl-10px{padding-left: 10px;}
 .pl-15px{padding-left: 15px;}
 .pl-20px{padding-left: 20px;}
 .pl-25px{padding-left: 25px;}
 .pl-30px{padding-left: 30px;}
 .pl-50px{padding-left: 50px;}
 .pl-60px{padding-left: 60px;}
 .pl-70px{padding-left: 70px;}
 .pl-80px{padding-left: 80px;}
 .pl-90px{padding-left: 90px;}
 .pl-95px{padding-left: 95px;}
 .pr-10px{padding-right: 10px;}
 .pr-15px{padding-right: 15px;}
 .pr-25px{padding-right: 25px;}
 .pr-30px{padding-right: 30px;}
 .pr-50px{padding-right: 50px;}
 .pt-5px{padding-top: 5px;}
 .pt-7px{padding-top: 7px;}
 .pt-10px{padding-top: 10px;}
 .pt-15px{padding-top: 15px;}
 .pt-20px{padding-top: 20px;}
 .pt-30px{padding-top: 30px;}
 .pt-50px{padding-top: 50px;}
 .pt-100px{padding-top: 100px;}
 .pb-5px{padding-bottom: 5px;}
 .pb-7px{padding-bottom: 7px;}
 .pb-10px{padding-bottom: 10px;}
 .pb-30px{padding-bottom: 30px;}
 .pb-40px{padding-bottom: 40px;}
 .pb-50px{padding-bottom: 50px;}
 .pb-150px{padding-bottom: 150px;}
 
 /***** margin *****/
 
 /* margin-top */
 .mt-0px{margin-top: 0px;}
 .mt-5px{margin-top: 5px;}
 .mt-10px{margin-top: 10px;}
 .mt-15px{margin-top: 15px;}
 .mt-20px{margin-top: 20px;}
 .mt-25px{margin-top: 25px;}
 .mt-30px{margin-top: 30px;}
 .mt-40px{margin-top: 40px;}
 .mt-50px{margin-top: 50px;}
 .mt-60px{margin-top: 60px;}
 
 /* margin-bottom */
 .mb-0px{margin-bottom: 0px;}
 .mb-2px{margin-bottom: 2px;}
 .mb-5px{margin-bottom: 5px;}
 .mb-7px{margin-bottom: 7px;}
 .mb-10px{margin-bottom: 10px;}
 .mb-12px{margin-bottom: 12px;}
 .mb-15px{margin-bottom: 15px;}
 .mb-20px{margin-bottom: 20px;}
 .mb-25px{margin-bottom: 25px;}
 .mb-30px{margin-bottom: 30px;}
 .mb-40px{margin-bottom: 40px;}
 .mb-50px{margin-bottom: 50px;}
 
 /* margin-right */
 .mr-2px{margin-right: 2px;}
 .mr-5px{margin-right: 5px;}
 .mr-10px{margin-right: 10px;}
 .mr-15px{margin-right: 15px;}
 .mr-20px{margin-right: 20px;}
 .mr-25px{margin-right: 25px;}
 
 /* margin-left */
 .ml-2px{margin-left: 2px;}
 .ml-5px{margin-left: 5px;}
 .ml-10px{margin-left: 10px;}
 .ml-25px{margin-left: 25px;}
 
 /***** font-weight *****/
 .fw-100{font-weight: 100;}
 .fw-200{font-weight: 200;}
 .fw-300{font-weight: 300;}
 .fw-400{font-weight: 400;}
 .fw-500{font-weight: 500;}
 .fw-600{font-weight: 600;}
 .fw-700{font-weight: 700;}
 .fw-800{font-weight: 800;}
 
 /***** font-size *****/
 .fs-13{font-size: 13px;}
 .fs-14{font-size: 14px;}
 .fs-15{font-size: 15px;}
 .fs-16{font-size: 16px;}
 .fs-17{font-size: 17px;}
 .fs-18{font-size: 18px;}
 .fs-20{font-size: 20px;}
 .fs-22{font-size: 22px;}
 .fs-25{font-size: 25px;}
 .fs-30{font-size: 30px;}
 .fs-35{font-size: 35px;}
 .fs-40{font-size: 40px;}
 .fs-45{font-size: 45px;}
 .fs-50{font-size: 50px;}
 
 /***** colors *****/
 .color-ccc{color: #ccc;}
 .color-ddd{color: #ddd;}
 .color-e5e5e5{color: #e5e5e5;}
 .color-eee{color: #eee;}
 .color-f5f5f5{color: #f5f5f5;}
 .color-fff{color: #fff;}
 .color-fff-hvr:hover{color: #fff;}
 .color-aaa{color: #aaa;}
 .color-999{color: #999;}
 .color-888{color: #888;}
 .color-666{color: #666;}
 .color-333{color: #333;}
 .color-555{color: #555;}
 .color-gray{color: #edf5ff;}
 .color-blue{color: #5d0c73;}
 .color-blue-hvr:hover{color: #5882fd;}
 .color-orange{color: #ff7762;}
 .color-orange-hvr:hover{color: #ff7762;}
 .color-green{color: #1eda65;}
 .color-green-hvr:hover{color: #1eda65;}
 .color-gold{color: #ffd700;}
 
 /***** background-color *****/
 .bg-333{background-color: #333;}
 .bg-333-hvr:hover{background-color: #333;}
 .bg-aaa{background-color: #aaa;}
 .bg-eee{background-color: #eee;}
 .bg-fff{background-color: #fff;}
 .bg-fff-hvr:hover{background-color: #fff;}
 .bg-gray{background-color: #edf5ff;}
 .bg-blue{background-color: #693CC9;}
 .bg-blue-hvr:hover{background-color: #5882fd;}
 .bg-orange{background-color: #ff7762;}
 .bg-orange-lh{background-color: #ffe9da;}
 .bg-orange-hvr:hover{background-color: #ff7762;}
 .bg-green{background-color: #1eda65;}
 .bg-green-hvr:hover{background-color: #1eda65;}
 .bg-green-lh{background-color: #d9f1e2;}
 
 
 .overlay-bg-75{background-color: rgba(0,0,0,.75);}
 .overlay-bg-80{background-color: rgba(0,0,0,.80);}
 
 /***** transition *****/
 .transition-2{-webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
 .transition-3{-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
 .transition-4{-webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
 .transition-5{-webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
 
 /***** border-radius *****/
 .radius-50{border-radius: 50%;}
 .radius-0px{border-radius: 0px !important;}
 .radius-5px{border-radius: 5px;}
 .radius-10px{border-radius: 10px;}
 .radius-25px{border-radius: 25px;}
 .radius-50px{border-radius: 50px;}
 
 .o-hidden{overflow: hidden;}
 .z-index-0{z-index: 0;}
 .z-index-1{z-index: 1;}
 .z-index-2{z-index: 2;}
 .z-index-3{z-index: 3;}
 .div-10{height: 10px;}
 .no-border{border: none;}
 .big-p{font-size: 20px; line-height: 30px;}
 
 .translateY-5px{transform: translateY(5px);}
 
 /***** buttons *****/
 .main-btn{
	 display: inline-block;
	 text-decoration: none;
	 border: none;
	 border-radius: 15px;
	 position: relative;
	 font-size: 14px;
	 word-spacing: 2px;
	 font-weight: 500;
	 transform: perspective(1px)translateX(0px);
	 transition: all 0.2s ease 0s;
	 overflow: hidden
 }
 
 .main-btn:before{
	 content: "";
	 background-color: #fff;
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 top: 0;
	 transform: scaleX(0);
	 transform-origin: left;
	 transition: transform 0.3s ease-in-out;
	 z-index: -1;
 }
 
 .main-btn:hover:before{transform: scaleX(1);}
 
 .main-btn.btn-orange{background-color: #ff7762; border-color: #ff7762;}
 
 .main-btn.btn-orange:hover{color: #ff7762;}
 
 .main-btn.btn-green{background-color: #1eda65; border-color: #1eda65;}
 
 .main-btn.btn-green:hover{color: #1eda65;}
 
 .main-btn.before-gray:before{background-color: #edf5ff;}
 
 .main-btn.before-orange-lh:before{background-color: #ffe9da;}
 
 .main-btn.before-green-lh:before{background-color: #d9f1e2;}
 
 /* btn-1 */
 .btn-1{
	 padding: 12px 26px;
	 background-color: #5882fd;
	 color: #fff;
 }
 .btn-1:hover{color: #5882fd;}
 
 .btn-1:hover:before{transform: scaleX(1);}
 
 /* btn-2 */
 .btn-2{
	 padding: 12px 26px;
	 background-color: transparent !important;
	 color: #5882fd;
 }
 
 .btn-2:hover{color: #fff !important;}
 
 .btn-2:after{
	 content: "";
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 top: 0;
	 z-index: -2;
	 border-radius: 5px;
	 border: 1px solid #5882fd;
 }
 
 .btn-2:before{background-color: #5882fd}
 
 .btn-2.btn-green{
	 color: #1eda65;
 }
 
 .btn-2.btn-green:after{
	 border: 1px solid #1eda65;
 }
 
 .btn-2.btn-green:before{background-color: #1eda65}
 
 /* btn-3 */
 .btn-3{
	 padding: 11px 25px;
	 background-color: #693CC9;
	 color: #fff;
	 border: 1px solid #693CC9;
	 font-size: 18px;
	 font-weight: bold;
 }
 
 .btn-3:hover{color: #5882fd;}
 
 
 @keyframes bouncedelay {
   0%, 80%, 100% {
	 transform: scale(0.0);
   }
   40% {
	 transform: scale(1.0);
   }
 }
 
 /***** shapes *****/
 .shape-1{
	 right: -178px;
	 top: -78px;
	 height: 91%;
	 width: 65%;
	 border-radius: 0 0 0 146px;
	 transform: rotate(22deg);
	 z-index: -1;
 }
 
 .shape-2{
	 left: -178px;
	 top: -78px;
	 height: 50%;
	 width: 40%;
	 border-radius: 0 100px 100px 0;
	 transform: rotate(22deg);
	 z-index: -1;
 }
 
 .shape-3{
	 right: -178px;
	 top: -78px;
	 height: 65%;
	 width: 50%;
	 border-radius: 0 0 0 146px;
	 transform: rotate(22deg);
	 z-index: -1;
 }
 
 .shape-4{
	 left: 20%;
	 bottom: 50px;
	 height: 250px;
	 width: 250px;
	 border-radius: 50%;
	 z-index: -1;
 }
 
 .shape-5{
	 right: 20%;
	 bottom: 50px;
	 height: 180px;
	 width: 180px;
	 border-radius: 50%;
	 z-index: -1;
 }
 
 .shape-6{
	 left: 50%;
	 top: -80px;
	 transform: translateX(-50%);
	 height: 180px;
	 width: 180px;
	 border-radius: 50%;
	 z-index: -1;
 }
 
 
  
 /*----------------------------------------------------
					 02-load-wrapp
 ----------------------------------------------------*/
 .load-wrapp {
	 position: fixed;
	 width: 100%;
	 height: 100%;
	 background:#fff;
	 color:#fff;
	 position:fixed;
	 left:0;
	 top:0;
	 width:100%;
	 height:100%;
	 z-index:99999;
	 text-align: center;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
 }
 
 .load-wrapp .wrap {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translateX(-50%)translateY(-50%);
 }
 
 .load-wrapp .wrap ul.dots-box {
   position: relative;
   width: 80px;
   height: 80px;
   list-style: none;
 }
 
 .load-wrapp .wrap ul.dots-box li.dot {
   width: 100%;
   height: 100%;
   border-radius: 52px;
   top: 0;
   left: 0;
   z-index: 99;
   text-indent: -9999px;
   display: block;
   position: absolute;
   border: none;
 }
 .load-wrapp .wrap ul.dots-box li.dot span {
   background: #5882fd;
   bottom: 0px;
   left: 50%;
   margin-left: -2px;
   display: block;
   position: absolute;
   width: 10px;
   height: 10px;
   border-radius: 10px;
 }
 
 .load-wrapp .wrap ul.dots-box li.dot {
   animation-iteration-count:infinite;
   animation-timing-function:linear;
   animation-name:orbit;
   animation-duration:4s;
 }
 
 .load-wrapp .wrap ul.dots-box li:nth-child(2) {
   animation-delay:0.2s;
 }
 
 .load-wrapp .wrap ul.dots-box li:nth-child(3) {
   animation-delay:0.4s;
 }
 
 .load-wrapp .wrap ul.dots-box li:nth-child(4) {
   animation-delay:0.6s;
 }
 
 .load-wrapp .wrap ul.dots-box li:nth-child(5) {
   animation-delay:0.8s;
 }
 
 @keyframes orbit {
   0% {
	 transform:rotate(0deg);
	 opacity: 1;
   }
   5% {
	 transform:rotate(90deg);
	 opacity: 1;
   }
   45% {
	 transform:rotate(270deg);
	 opacity: 1;
   }
   55% {
	 transform:rotate(540deg);
	 opacity: 1;
   }
   75% {
	 transform:rotate(630deg);
	 opacity: 1;
   }
   80% {
	 transform:rotate(720deg);
	 opacity: 0;
   }
   100% {
	 transform:rotate(720deg);
	 opacity: 0;
   }
 }
 /*----------------------------------------------------
					 End load-wrapp
 ----------------------------------------------------*/
 
 /*----------------------------------------------------
					 03-intro-sec
 ----------------------------------------------------*/
 .intro-sec .mb-25px img{
	 box-shadow: 0 2px 35px -15px #555
 }
 
 .intro-sec .mb-25px:hover img{
	 -webkit-transform: translateY(-10px);
	 transform: translateY(-10px);
 }
 
 .intro-sec .mb-25px a:focus{
	 color: #01016d;
 }
 /*----------------------------------------------------
					 End intro-sec
 ----------------------------------------------------*/
 
 /*----------------------------------------------------
					 04-navbar
 ----------------------------------------------------*/
 .navbar{
	 position: fixed;
	 top: 0;
	 width: 100%;
	 z-index: 999;
	 padding: 0;
	 background-color: #fff;
 }
 
 .navbar .container{
	 padding: 0;
	 position: relative;
	 transition: all 0.5s ease-in-out;
 }
 
 .navbar .navbar-brand .b-logo{
	 display: block;
 }
 
 .navbar .navbar-nav .nav-item{
	 padding: 35px 18px;
	 transition: all 0.5s ease-in-out;
 }
 
 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-toggle{
	 cursor: pointer;
	 color: #ff7762;
 }
 
 .dropdown-toggle::after{
	 content: "\f107";
	 font-family: 'FontAwesome';
	 margin: 0;
	 border: none;
	 vertical-align: 0;
	 margin-left: 1px;
 }
 
 .dropdown-menu{
	 width: auto;
	 padding: 10px 5px 30px 5px;
	 position: absolute;
	 left: 0;
	 border: none;
	 box-shadow: 0 11px 35px rgba(0, 0, 0, 0.075);
 }
 
 @media  only screen and (min-width:992px){
	 .dropdown-menu{
		 visibility:hidden;
		 opacity:0;
		 display:block; 
		 -webkit-transform:translateY(50px);
			-moz-transform:translateY(50px);
			 -ms-transform:translateY(50px);
			  -o-transform:translateY(50px);
				 transform:translateY(50px);
		 -webkit-transition: transform 0.4s ease;
				 transition: transform 0.4s ease;
	 }
	 
	 .dropdown:hover .dropdown-menu{
		 margin-top:0;
		 -webkit-transform:translateY(0);
			-moz-transform:translateY(0);
			 -ms-transform:translateY(0);
			  -o-transform:translateY(0);
				 transform:translateY(0);
		 visibility:visible;
		 opacity:1;
	 }
	 
	 .dropdown-menu > li{display: block;}
 }
 
 .dropdown-menu a{
	 padding: 10px !important;
 }
 
 .dropdown-menu a:hover,
 .dropdown-menu a:focus{
	 color: #ff7762 !important;
	 background: none;
 }
 
 .navbar .navbar-nav .nav-link{
	 font-size: 15px;
	 color: #333;
	 font-weight: 400;
	 padding: 0;
 }
 
 .mega-item{
	 position: static;
 }
 
 .mega-menu{
	 left: 0;
	 right: 0;
 }
 
 .navbar .navbar-nav .nav-item.log-in{
	 padding: 25px 10px;
 }
 
 .navbar .navbar-nav .nav-item.log-in .nav-link{
	 padding: 10px 20px;
	 font-size: 15px;
	 color: #333;
	 font-weight: 400;
	 color: #fff;
 }
 
 .navbar .navbar-nav .nav-item.log-in .nav-link:hover{
	 background-color: #ff7762;
	 color: #fff !important;
	 border-color: #ff7762;
 }
 
 .navbar .navbar-nav .nav-link:hover,
 .navbar-colored .navbar-nav .nav-link:hover,
 .navbar .navbar-nav .nav-link.active,
 .navbar-colored .navbar-nav .nav-link.active{
	 color: #ff7762;
 }
 
 .dropdown-item.active{
	 color: #ff7762;
	 background-color: transparent;
 }
 
 .navbar .navbar-toggler:focus{
	 outline: none
 }
 
 .navbar .navbar-toggler .fa-bars{
	 color: #333;
 }
 
 .navbar-colored{
	 background-color: #fff;
	 box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.05);
	 transition: all .45s ease;
 }
 
 .navbar-colored .navbar-nav .nav-item{
	 padding: 25px 18px;
 }
 
 .navbar-colored .navbar-nav .nav-link{
	 color: #333;
 }
 
 .navbar-colored .navbar-nav .nav-item.log-in{
	 padding: 15px 10px;
 }
 
 .navbar-colored .navbar-toggler .fa-bars{
	 color: #333;
 }
 
 /***** navbar-transparent for demo-5 and demo-6*****/
 .navbar-transparent{
	 background-color: transparent;
 }
 
 .navbar-transparent .navbar-nav .nav-link,
 .navbar-transparent .navbar-toggler .fa{
	 color: #fff;
 }
 
 .navbar-transparent.navbar-black-links .navbar-nav .nav-link,
 .navbar-transparent.navbar-black-links .navbar-toggler .fa{
	 color: #333;
 }
 
 .navbar-transparent.navbar-colored{
	 background-color: #fff
 }
 
 .navbar-transparent.navbar-colored .navbar-nav .nav-link,
 .navbar-transparent.navbar-colored  .navbar-toggler .fa{
	 color: #333;
 }
 
 .navbar .navbar-nav .nav-link:hover,
 .navbar-transparent.navbar-colored .navbar-nav .nav-link:hover,
 .navbar-transparent .navbar-nav .nav-link.active,
 .navbar-transparent.navbar-colored .navbar-nav .nav-link.active{
	 color: #ff7762;
 }
 
 /***** navbar.active-green for and demo-7*****/
 .navbar.active-green .navbar-nav .nav-link:hover,
 .navbar-colored.active-green .navbar-nav .nav-link:hover,
 .navbar.active-green .navbar-nav .nav-link.active,
 .navbar-colored.active-green .navbar-nav .nav-link.active,
 .navbar.active-green .navbar-nav .nav-item.dropdown:hover .dropdown-toggle,
 .navbar.active-green .navbar-nav .dropdown-menu a:hover,
 .navbar.active-green .navbar-nav .dropdown-menu a:focus{
	 color: #1eda65 !important;
 }
 /*----------------------------------------------------
					 End navbar
 ----------------------------------------------------*/
 
 /*----------------------------------------------------
					 05-welcome-area
 ----------------------------------------------------*/
 .welcome-area {
	 min-height: 650px;
 }
 
 .welcome-area .welcome-text p{
	 margin: 0 35% 0 0;
 }
 
 .welcome-area .pattern{
	 left: 0;
	 bottom: 0;
	 height: 200px;
	 width: 100%;
	 background-image: url(../images/Pattern-4.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: bottom
 }
 
 /***** welcome-page for index & demo-3 *****/
 .welcome-page {
	 min-height: 650px;
 }
 
 .welcome-page .welcome-text p{
	 margin: 0 35% 0 0;
 }
 
 .welcome-page .pattern{
	 left: 0;
	 bottom: 0;
	 height: 200px;
	 width: 100%;
	 background-image: url(../images/bb.png);
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: bottom
 }
 
 /***** welcome-agency for index & demo-5 *****/
 .welcome-agency{
	 background-image: url(../images/background.jpg);
	 background-size: cover;
	 background-attachment: fixed;
	 background-position: center;
	 height: 100vh;
 }
 
 .welcome-agency .overlay-bg-75{
	 height: 100vh;
 }
 
 .welcome-agency .welcome-text h1,
 .welcome-agency .welcome-text p{
	 margin: 0 22% 20px 22%;
 }
 
 .welcome-agency .pattern{
	 left: 0;
	 bottom: 0;
	 height: 200px;
	 width: 100%;
	 background-image: url(../images/Pattern-4.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: bottom
 }
 
 /***** welcome-area-2 for index & demo-8 *****/
 .welcome-area-2 {
	 min-height: 100vh;
 }
 
 .welcome-area-2 .welcome-text p{
	 margin: 0 10%;
 }
 
 /**** welcome-slider ****/
 .welcome-slider,
 .welcome-slider .flex-center{
	 min-height: 100vh;
 }
 
 .welcome-slider .item  p{
	 margin: 0 35% 0 0;
 }
 
 .welcome-slider .item .flex-center h1,
 .welcome-slider .item .flex-center p{
	 opacity: 0
 }
 
 .welcome-slider  .owl-item.active .item .flex-center h1{
	 -webkit-animation: fadeInSlider 1.4s 0.3s forwards;
			 animation: fadeInSlider 1.4s 0.3s forwards;
 }
 
 .welcome-slider  .owl-item.active .item .flex-center p{
	 -webkit-animation: fadeInSlider 1.4s 0.6s forwards;
			 animation: fadeInSlider 1.4s 0.6s forwards;
 }
 
 @keyframes fadeInSlider{
	  0% {
	 opacity: 0;
	 -webkit-transform: translateY(70px)scale(1);
	 transform: translateY(70px)scale(1);
   }
 
   100% {
	 opacity: 1;
	 -webkit-transform: translateY(0)scale(1);
	 transform: translateY(0)scale(1);
   }
 }
 
 @keyframes fadeInLeftSlider{
	  0% {
	 opacity: 0;
	 -webkit-transform: translateX(55px)scale(0.9);
	 transform: translateX(55px)scale(0.9);
   }
 
   100% {
	 opacity: 1;
	 -webkit-transform: translateX(0)scale(1);
	 transform: translateX(0)scale(1);
   }
 }
 
 .welcome-slider .item .flex-center .btn-3{
	 opacity: 0;
 }
 
 .welcome-slider .owl-item.active .item .flex-center .btn-3{
	 -webkit-animation: bounceInSlider 0.9s 0.9s forwards;
			 animation: bounceInSlider 0.9s 0.9s forwards;
 }
 
 
 @-webkit-keyframes bounceInSlider {
   0% {
	 opacity: 0;
	 -webkit-transform: translateY(40px)scale(0.85);
	 transform: translateY(40px)scale(0.85);
   }
 
   100% {
	   opacity: 1;
	 -webkit-transform: translateY(0)scale(1);
	 transform: translateY(0)scale(1);
   }
 }
 
 .welcome-slider .owl-dots{
	 position: absolute;
	 bottom: 0px;
	 left: 50%;
	 transform: translateX(-50%);
 }
 
 .welcome-slider .owl-theme .owl-dots .owl-dot.active span,
 .welcome-slider .owl-theme .owl-dots .owl-dot:hover span{
	 background-color: #5882fd;
 }
 
 .welcome-slider .pattern{
	 left: 0;
	 bottom: 0;
	 height: 200px;
	 width: 100%;
	 background-image: url(../images/Pattern-4.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: bottom
 }
 /*----------------------------------------------------
					 End welcome
 ----------------------------------------------------*/
 /*----------------------------------------------------
					 06-about-area
 ----------------------------------------------------*/
 .about-area .im{
	 width: 60px;
	 height: 60px;
	 line-height: 60px;
 }
 
 /***** about-area-3 *****/
 .about-area-3 .p-relative{
	 border: 1px solid #ff776266;
	 cursor: pointer;
 }
 
 .about-area-3 .p-relative:hover{
	 background-color: #ff7762;
	 transform: translateY(-15px);
 }
 
 .about-area-3 .p-relative .im.p-absolute{
	 width: 50px;
	 height: 50px;
	 line-height: 50px;
	 transition: all 0.5s ease;
 }
 
 .about-area-3 .p-relative:hover .im.p-absolute{
	 background-color: #fff;
	 color: #ff7762;
 }
 
 .about-area-3 .p-relative:hover h4{
	 color: #fff;
 }
 
 .about-area-3 .p-relative:hover p{
	 color: #f4f4f4;
 }
 /*----------------------------------------------------
					 End about-area
 ----------------------------------------------------*/ 
 /*----------------------------------------------------
					 08-testimonials
 ----------------------------------------------------*/
 .testimonials .single-review img{
	 width: 100px;
 }
 
 .testimonials .single-review p{
	 margin: 0 22%;
 }
 
 .testimonials .owl-theme .owl-dots .owl-dot.active span, 
 .testimonials .owl-theme .owl-dots .owl-dot:hover span{
	 background-color: #5882fd;
 }
 
 /***** testimonials-2 *****/
 .testimonials-2 .single-review img{
	 width: 300px;
 }
 
 .testimonials-2 .owl-theme .owl-dots .owl-dot.active span, 
 .testimonials-2 .owl-theme .owl-dots .owl-dot:hover span{
	 background-color: #5882fd;
 }
 
 /***** testimonials-3 for-demo-8 *****/
 .testimonials-3{
	 background-image: url(../images/back.jpg);
	 background-size: cover;
	 background-position: left top;
	 background-attachment: fixed;
 }
 
 .testimonials-3 .single-review img{
	 width: 70px;
 }
 
 .testimonials-3 .owl-theme .owl-dots .owl-dot.active span, 
 .testimonials-3 .owl-theme .owl-dots .owl-dot:hover span{
	 background-color: #1eda65;
 }
 /*----------------------------------------------------
					 End testimonials
 ----------------------------------------------------*/
 
 /*----------------------------------------------------
					 10-team-area
 ----------------------------------------------------*/
 .team-area .mt-25px .o-hidden,
 .team-area .mt-25px img{
	 width: 150px;
	 height: 150px;
 }
 
 .team-area .mt-25px:hover img{
	 transform: scale(1.1)
 }
 
 .team-area .mt-25px a{
	 width: 30px;
	 height: 30px;
	 line-height: 30px;
 }
 
 /***** team-area-2 for demo-6 *****/
 .team-area-2 .mt-25px:hover img{
	 transform: scale(1.1)
 }
 
 .team-area-2 .mt-25px .social{
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
	 -webkit-background:linear-gradient(45deg, rgba(42, 169, 206, 0.6) 0%, rgba(88, 130, 253, 0.9) 100%);
	 background:linear-gradient(45deg, rgba(42, 169, 206, 0.6) 0%, rgba(88, 130, 253, 0.9) 100%);
	 opacity: 0;
 }
 
 .team-area-2 .mt-25px:hover .social{
	 opacity: 1;
 }
 
 .team-area-2 .mt-25px a{
	 width: 30px;
	 height: 30px;
	 line-height: 30px;
 }
 
 /***** team-area-3 for demo-7 *****/
 .team-area-3 .mt-25px:hover img{
	 transform: scale(1.1)
 }
 
 .team-area-3 .mt-25px .social{
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
	 -webkit-background:linear-gradient(45deg, rgba(42, 169, 206, 0.6) 0%, rgb(30, 218, 101) 100%);
	 background:linear-gradient(45deg, rgba(42, 169, 206, 0.6) 0%, rgb(30, 218, 101) 100%);
	 opacity: 0;
 }
 
 .team-area-3 .mt-25px:hover .social{
	 opacity: 1;
 }
 
 .team-area-3 .mt-25px a{
	 width: 30px;
	 height: 30px;
	 line-height: 30px;
 }
 
 /***** team-area-4 for demo-8 *****/
 .team-area-4 .mt-25px:hover img{
	 transform: scale(1.1)
 }
 
 .team-area-4 .mt-25px .social{
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
	 background-color: rgba(30, 218, 101, 0.88);
	 opacity: 0;
 }
 
 .team-area-4 .mt-25px:hover .social{
	 opacity: 1;
 }
 
 .team-area-4 .mt-25px a{
	 width: 30px;
	 height: 30px;
	 line-height: 30px;
 }
 /*----------------------------------------------------
					 End team-area
 ----------------------------------------------------*/
 /*----------------------------------------------------
					 12-price-area
 ----------------------------------------------------*/ 
 .price-area .price-table{
	 padding: 20px 0px;
	 border-radius: 15px;
	 border: 1px solid #693CC9;
 }
 .price-area .price-table h3{
	 border-bottom: 2px solid #E5E5E5;
	 padding: 5px 28px 28px 28px;
	 margin: 0;
	 color: #693ccA;
 }
 
 .price-area .price-table h2{
	 border-bottom: 2px solid #E5E5E5;
	  padding: 0px 20px;
	 color: #1A1A1A;
	 font-weight: normal;
	 font-size: 22px;
	 height: 70px;
	 margin: 0;
	 background: #F7F7F7;
 }
 .price-area .price-table h4{
	 border-bottom: 2px solid #E5E5E5;
	 color: #1A1A1A;
	 font-weight: normal;
	 font-size: 22px;
	 height: 70px;
	 text-align: left;
	 margin: 0;
 }
 .price-area .no-border{
	 border: none;
 }
 .price-area .table-border{
	 border: 1px solid #ddd;
 }
 
 .price-area ul.tabs li{
	 cursor: pointer;
 }
 
 .price-area ul.tabs #tab1{
	 border-top-left-radius: 50px;
	 border-bottom-left-radius: 50px;
	 margin-right: -3px;
	 box-shadow: 0 4px 35px -12px #5882fd;
 }
 
 .price-area ul.tabs #tab2{
	 border-top-right-radius: 50px;
	 border-bottom-right-radius: 50px;
	 margin-left: -3px;
	 box-shadow: 0 4px 35px -12px #5882fd;
 }
 
 @media (max-width: 255px) {
	 .price-area ul.tabs #tab1,
	 .price-area ul.tabs #tab2{
		 border-radius: 50px;
		 margin-left: 0;
		 margin-right: 0;
	 }
 }
 
 .price-area ul.tabs li.active{
	 background-color: #5882fd;
	 color: #fff;
 }
 
 .price-area .tabs-content #tab2-content{
	 display: none;
 } 
 
 /***** price-area-2 *****/
 .price-area-2 .price-table{
	 padding: 40px 20px;
 }
 
 .price-area-2 ul.tabs li{
	 cursor: pointer;
 }
 
 .price-area-2 ul.tabs #tab1{
	 border-top-left-radius: 50px;
	 border-bottom-left-radius: 50px;
	 margin-right: -3px;
	 box-shadow: 0 4px 35px -12px #ff7762;
 }
 
 .price-area-2 ul.tabs #tab2{
	 border-top-right-radius: 50px;
	 border-bottom-right-radius: 50px;
	 margin-left: -3px;
	 box-shadow: 0 4px 35px -12px #ff7762;
 }
 
 @media (max-width: 255px) {
	 .price-area-2 ul.tabs #tab1,
	 .price-area-2 ul.tabs #tab2{
		 border-radius: 50px;
		 margin-left: 0;
		 margin-right: 0;
	 }
 }
 
 .price-area-2 ul.tabs li.active{
	 background-color: #ff7762;
	 color: #fff;
 }
 
 .price-area-2 .tabs-content #tab2-content{
	 display: none;
 } 
 /*----------------------------------------------------
					 End price-area
 ----------------------------------------------------*/ 
 
 /*----------------------------------------------------
					 14-contact-area for contact-page
 ----------------------------------------------------*/ 
 .contact-area .btn-3:hover{
	 background-color: #fff;
	 cursor: pointer;
	 outline: none;
 }
 
 .contact-area i{
	 width: 80px;
	 height: 80px;
	 line-height: 80px;
 }
 /*----------------------------------------------------
					 End contact-area
 ----------------------------------------------------*/ 
 
 /*----------------------------------------------------
					 17-get-started
 ----------------------------------------------------*/ 
 .get-started form input:focus{
	 outline: none;
	 box-shadow: 0 5px 15px -5px #fff
 }
 
 .get-started form button{
	 right: 0;
	 top: 0;
	 cursor: pointer;
	 outline: none;
 }
 
 .get-started .patt{
	 top: 0;
	 width: 100%;
	 height: 100px;
	 z-index: 0;
	 background-image: url(../images/Pattern-2.png);
	 background-size: cover;
	 transform: rotate(180deg);
	 background-position: top;
 }
 
 .get-started .patt-2{
	 bottom: 0;
	 width: 100%;
	 height: 80px;
	 z-index: 0;
	 background-image: url(../images/Pattern-4.png);
	 background-size: cover;
	 background-position: top;
 }
 /*----------------------------------------------------
					 End get-started
 ----------------------------------------------------*/ 
 
 /*----------------------------------------------------
					 18-footer-area
 ----------------------------------------------------*/ 
 .footer-area .fa.address{
	 height: 35px;
	 width: 35px;
	 line-height: 35px;
 }
 
 
 .footer-area a.social{
	 height: 35px;
	 width: 35px;
	 line-height: 35px;
 }
 /*----------------------------------------------------
					 End footer-area
 ----------------------------------------------------*/ 
 
 /*----------------------------------------------------
					 19-scroll-top-btn
 ----------------------------------------------------*/
 .scroll-top-btn .fa{
	 width:40px;
	 height:40px;
	 line-height: 40px;
	 z-index:9999;
	 cursor:pointer;
	 position:fixed;
	 right:15px;
	 bottom:10px;
	 display: none;
	 box-shadow: 0 3px 35px -9px #000
	 
 }
 
 .scroll-top-btn{
		 display: none;
 }
 /*----------------------------------------------------
					 End scroll-top-btn
 ----------------------------------------------------*/
 
 
 .white-img{
	 filter: brightness(0) invert(1);
 }
 
 .banner-bg{
	 background: rgb(85,44,172);
 background: linear-gradient(56deg, rgba(85,44,172,1) 0%, rgba(95,52,186,1) 50%, rgba(160,117,223,1) 100%);
 border-radius: 15px;
	 margin-top: 20px;
 }
 
 .welcome-text{
	 color: #fff;
	 padding: 40px 20px 0px 30px;
 }
 .about-area p{
	 font-size: 14px;
	 color: #1a1a18;
 }
 .about-area p i{
	 font-size: 18px;
 }
 .para-blue-color{
	 color: #693CCA !important;
	 font-weight: bold;
	 font-size: 14px;
 }
 
 .footer-area{
	 background-color: #333333;
 }
 
 .footer-menu ul{
	 display: flex;
	 padding: 0;
	 margin: 0;
	 list-style: none;
	 color: #fff;
 }
 .footer-menu li{
	 padding: 15px 10px;
 }
 .footer-menu li a{
	color:#fff;
}
 .social-icon{
	 display: flex;
	 flex-wrap: nowrap;
	 width: 50%;
	 float: right;
	 margin-right: 14%;
 }
 
 .social-icon div{
 width: 100%;
 }
 
 .cyan-text{
	 color: #CA88FF;
 }
 .color-fff{
	 color: #fff;
 }
 .seal-bg{
	 background-color: #CA88FF;
	 height: 185px;
	 border-radius: 45px;
 
 }
 
 .seal-bg img{
	 position: absolute;
	 top: -49px;
 }
 
 .welcome-area .banner-link{
	 border-left: 2px solid #CA88FF;
 }
 .welcome-area .banner-link span{
	 float: left;
	 width: 20%;
	 padding-top: 8px;
 }
 
 .welcome-area .banner-link a{
  font-size: 18px;
  float: left;
  width: 80%;
  color: #fff;
 }
 .welcome-area .banner-link div{
	 height: 60px;
 }
 
 .team-img img{
	 border: 2px solid #9D7DB5;
	 border-radius: 18px;
 }
 
 .team-dvider{
	 border-bottom: 1px solid #EAEAEA;
 }
 
 .team-dvider.no-border{
	 border: none;;
 }
 
 .welcome-text-minus{
	 margin-right: -57px;
 }
 .mob-active{
	 display: none;
 }
 
 .destop-active{
	 display: block;
 }
 .mobile-pricing-table ul{
	 margin: 0px;
	 padding: 0px;
 }
 .mobile-pricing-table ul li{
 
	 display: inline-block;
 }
 .mobile-pricing-table td{
	 width: 25%;
	 text-align: center;
	 border-right: 1px solid #000;
	 height: 90px;
 }
 .mobile-pricing-table table{
	 width: 100%;
 }
 .head{
	 font-size: 22px;
	 font-weight: bold;
	 padding: 0 20px;
	 background: #fff;
 }
 .pro-price-color{
	 color: #cb89ff;
	 font-weight: bold;
 }
 
 .pro-plus-price-color{
	 color: #693cca;
	 font-weight: bold;
 }
 .pro-plus-pad-price-color{
	 color: #35008f;
	 font-weight: bold;
 }
 
 #Enhance-productivity h1{
	 font-size: 26px;
	 line-height: 26px;
 }
  #Increase-Follow h1{
	 font-size: 26px;
	 line-height: 26px;
 }
 #generate-Buisness h1{
	 font-size: 26px;
	 line-height: 26px;
 }
 #Enhance-data h1{
	 font-size: 26px;
	 line-height: 26px;
 }
 #Total-clinic h1{
	 font-size: 26px;
	 line-height: 26px;
 }
 
 
 
 #Enhance-productivity img{
	 max-width: 70%;
 }
  #Increase-Follow img{
	 max-width: 70%;
 }
 #generate-Buisness img{
	 max-width: 70%;
 }
 #Enhance-data img{
	 max-width: 70%;
 }
 #Total-clinic img{
	 max-width: 70%;
 }