
@font-face {
 font-family: "Inter-Thin";
 src: url(../fonts/Inter-Thin.ttf) format("opentype");
}
@font-face {
 font-family: "Inter-Light";
 src: url(../fonts/Inter-Light.ttf) format("opentype");
}
@font-face {
 font-family: "Inter-ExtraLight";
 src: url(../fonts/Inter-ExtraLight.ttf) format("opentype");
}
@font-face {
 font-family: "Inter-Regular";
 src: url(../fonts/Inter-Regular.ttf) format("opentype");
}
@font-face {
 font-family: "Inter-SemiBold";
 src: url(../fonts/Inter-SemiBold.ttf) format("opentype");
}
@font-face {
 font-family: "Inter-Medium";
 src: url(../fonts/Inter-Medium.ttf) format("opentype");
}
@font-face {
 font-family: "Inter-Bold";
 src: url(../fonts/Inter-Bold.ttf) format("opentype");
}
@font-face {
 font-family: "Inter-ExtraBold";
 src: url(../fonts/Inter-ExtraBold.ttf) format("opentype");
}
@font-face {
 font-family: "Inter-Black";
 src: url(../fonts/Inter-Black.ttf) format("opentype");
}

* {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
}

::after, ::before {
  box-sizing: border-box;
}
a {
	text-decoration: none;
}
a:hover, a:focus, button:focus, input:focus {
	text-decoration: none;
	outline: none;	
}
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 20px;
}
.owl-nav button.owl-next {
  right: 20px;
}

.owl-dots {  
  padding-top: 15px;
}
.owl-dots button.owl-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    background: #dcddde;
    border: 1px solid #dcddde;
    margin: 0 5px;;
}
.owl-dots button.owl-dot.active {
    width: 9px;
    height: 9px;
    background-color: #bd934b;
    border: 1px solid #bd934b;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	 background: transparent !important;
	 border:3px solid #fff !important;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.owl-nav button span {
    font-size: 20px;
    position: relative;
    top: 0px;
	color:#fff;
}
.owl-nav button:focus {
    outline: none;
}
.owl-nav button.owl-prev.disabled {
   border-color:#272a42 !important;   
}
.owl-nav button.owl-prev.disabled span{
	color:#272a42;
}
.owl-nav button.owl-next.disabled {
    border-color:#272a42 !important;   
}
.owl-nav button.owl-next.disabled span{
   color:#272a42;
}
.owl-nav button:hover {
	background: #070a20 !important;	
	 border-color:#070a20 !important;
}
.owl-nav button:hover span {	
	color:#fff ;
}
.explore-button {
	display: inline-block;
	border:0;  
    background-color: #4d5bec;
    border: 1px solid #4d5bec;
    padding: 12px 30px 12px;
    border-radius: 10px;
    color: #fff;
    transition: 0.5s;   
}
.explore-button:hover {
  color: #fff;
  background: #4d5bec; 
	border: 1px solid #4d5bec;  
}

.headnSec{}
.headnSec .title{
    font-family: "Inter-Bold";
    color: #000000;  
    font-size: 40px;
}
.headnSec p{}

body {
	font-family: "Inter-Regular";
	font-size: 16px;
	line-height: 22px;
	color:#414042;
}

.select-dropdown{display:none;}
.dropdown-select {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
    background-color: #fff;
    border-radius: 6px;
    border: solid 1px #eee;
    box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;

}

.dropdown-select:focus {
    background-color: #fff;
}

.dropdown-select:hover {
    background-color: #fff;
}

.dropdown-select:active,
.dropdown-select.open {
    background-color: #fff !important;
    border-color: #bbb;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown-select:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}

.dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dropdown-select.open .list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.dropdown-select.open .option {
    cursor: pointer;
}

.dropdown-select.wide {
    width: 100%;
}

.dropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.dropdown-select .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    max-height: 250px;
    overflow: auto;
    border: 1px solid #ddd;
}

.dropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.dropdown-select .dd-search{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0.5rem;
}

.dropdown-select .dd-searchbox{
  width:90%;
  padding: 6px 12px;
  border:1px solid #999;
  border-color:#999;
  border-radius:4px;
  outline:none;
    height: 40px;  
}
.dropdown-select .dd-searchbox:focus{
  border-color:#12CBC4;
}

.dropdown-select .list ul {
    padding: 0;
}

.dropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
}

.dropdown-select .option:hover,
.dropdown-select .option:focus {
    background-color: #f6f6f6 !important;
}

.dropdown-select .option.selected {
    font-weight: 600;
    color: #12cbc4;
}

.dropdown-select .option.selected:focus {
    background: #f6f6f6;
}

.dropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
    color: #666;
}


.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:rgba(0,0,0,0);
} 

.preloader .icon{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:5; 
	background-color:rgba(0,0,0,0); 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/icons/preloader.svg);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
} 

.page-loaded .preloader .icon{
	opacity:0; 
}

.preloader:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:51%;
	height:100%;
	background:#fbfbfb;
	z-index:0; 
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

.page-loaded .preloader:before{
	-webkit-transform:translateX(-101%);
	-ms-transform:translateX(-101%);
	transform:translateX(-101%);
}

.preloader:after{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:51%;
	height:100%;
	background:#fbfbfb;
	z-index:2; 
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

.page-loaded .preloader:after{
	-webkit-transform:translateX(101%);
	-ms-transform:translateX(101%);
	transform:translateX(101%);
}




.header{
	padding:10px 0;	
}
.homeHeader .header{
	padding:0px 0;
	/*position:absolute;	
	left:0;
	width:100%;
	z-index:2;*/
}
.header .navbar {
  align-items: center;
  justify-content: space-between; 
  position: inherit;
  padding:0px 0px;
}
.header .navbar .navbar-brand {  
  max-width: 280px;
}
.header .navbar .navbar-collapse {}
.header .navbar .rightSide {   
    display: flex;	 
    justify-content: flex-end;
	margin-left:25px;
}
.header .navbar .navbar-nav {
  align-items: center;
}
.header .navbar .navbar-nav .nav-item{
	/*position:relative;*/
}
.header .navbar .navbar-nav .nav-item:not(:last-child) {
  margin-right: 30px;
}
.header .navbar .navbar-nav .dropdown-toggle {
  background: rgba(0, 0, 0, 0);
  border: none;
}
.header .navbar .navbar-nav .nav-link { 
	font-size: 18px;
	color:#414042; 
	transition: 0.3s;
    padding: 30px 8px;	
}
.header .navbar .navbar-nav .nav-link:hover{
	color:#4d5bec
}
.header .navbar .navbar-nav .nav-link .fa-chevron-down {
  color: #14d249;
  font-size: 16px;
}
.header .navbar .navbar-nav .nav-link.active {
  color: #fff;  
}
.header .navbar .navbar-nav .nav-link.dropdown-toggle::after {
  display: none;
}
.header .navbar .rightSide .nav-button {
    color: #fff;
    background-color: #4d5bec;
    border-color: #4d5bec;
    padding: 10px 22px 10px;
    border-radius: 10px;
    transition: 0.5s;    
}
.header .navbar .rightSide .nav-button:hover {
	color: #fff;
    background-color: #4d5bec;
    border-color: #4d5bec;
}
.sub-menu {	
	position: absolute;
    top: 100%;
    left: -80%;
    width: 240px;
    background: #fff;
    padding: 0px 0;
    text-align: left;
        box-shadow: 0 3px 25px 0 rgb(43 52 59 / 10%), 0 0 0 rgb(43 52 59 / 10%) inset;
    -webkit-box-shadow: 0 3px 25px 0 rgb(43 52 59 / 10%), 0 0 0 rgb(43 52 59 / 10%) inset;   
    border-radius: 0px;    
	 -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
	-webkit-transform-origin: 0 0;
    transform-origin: 0 0;	
    opacity: 0;
    visibility: hidden;
	-webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;	
	 transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
	z-index:2;
}
.header .navbar .navbar-nav li:hover .sub-menu {
	opacity: 1;
    display: block;
    visibility: visible;
    height: auto;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}
.dropdown_menu {
    position: relative;
}
.dropdown_menu:after {
    content: '\f107 ';
    position: absolute;
    z-index: 1;
    top: 30px;
    right: -10px;
    font-family: FontAwesome;
    font-size: 20px;
    color: #41d1f0;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
.sub-menu > li {
  padding: 0;
  border-bottom: 1px solid #f1f1f1; 
}
.sub-menu > li:last-child{
border-bottom:none;
}
.sub-menu > li {
  list-style: none;
  padding:0px !important;
}
.sub-menu > li > a {
    display: block;
    color: #000;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    padding-right: 0px;
}
.sub-menu > li > a:before,
.sub-menu > li > a:after{
	display:none;
}
.sub-menu > li.active a,
.sub-menu > li > a:hover,
.sub-menu > li > a:focus {
  text-decoration: none;
  color: #4d5bec;
}
.sub-menu > li:last-child a{
    padding-right: 10px;
}
.sub-menu > li > a:before{
	display:none;
}

.mega-menu{
    position: absolute;
    top: 81px;
    width: 100%;
    left: 0;
    padding: 50px 0px;
    background: #f5f7fa;
	border-bottom:1px solid #cad2dd;
	-webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
	-webkit-transform-origin: 0 0;
    transform-origin: 0 0;	
    opacity: 0;
    visibility: hidden;
	-webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;	
	 transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
	z-index:5;
	
}
.header .navbar .navbar-nav li:hover .mega-menu {
	opacity: 1;
    display: block;
    visibility: visible;
    height: auto;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}
.mega-menu-item .nav-link{
	position:relative;
}
.mega-menu-item .nav-link:after {
    content: '\f107 ';
    position: absolute;
    z-index: 1;
    top: 30px;
    right: -10px;
    font-family: FontAwesome;
    font-size: 20px;
    color: #41d1f0;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
.mega-menu-Header{
	margin-bottom: 20px;	
}
.mega-menu-Header .title{	
    font-family: "Inter-SemiBold";
    font-size: 22px;    
    color: #000;
}
.mega-menu .rowBox .mega-menu-box{
	border-right:1px solid #cad2dd;
}
.mega-menu .rowBox .mega-menu-box:last-child{
	border-right:0;
}
.mega-menu-list{}
.mega-menu-list.column-2{
	column-count: 2;
}
.mega-menu-list.column-3{
	column-count: 3;
}
.mega-menu-list.column-4{
	column-count: 4;
}
.mega-menu-list .mega-menu-list-item{
	margin-bottom:15px;
}
.mega-menu-list .mega-menu-list-item:last-child{
	
}
.mega-menu-list .mega-menu-list-item a{
	color:#000;	
	display:block;
}
.mega-menu-list .mega-menu-list-item a:hover{
	color:#000;
	text-decoration:underline;
}
.mega-menu-list-iteminner{}
.mega-menu-list-iteminner .icon{
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 28px;
    background-color: #4d5bec;
    color: #fff;
    border-radius: 50%;
    margin-right: 10px;	
}
.mega-menu-list-iteminner .content{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.mega-menu-list-iteminner .content .ttl{
    font-family: "Inter-SemiBold";
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 2px;
}
.mega-menu-list-iteminner .content p{}


.fullBody{
	overflow:hidden;
}

.homeBannerSec{
    padding: 50px 0 0px;
	height: 930px;	
}
.homeBannerSec .bg1{
	position:absolute;
	left:0;
	bottom:0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;	
	width:100%;
	height:160px;
}
.homeBannerSec .layer{
    position: absolute;	
}
.homeBannerSec .layer1{
	left:4%;
}
.homeBannerSec .layer1 img{
	height:75px;
}
.homeBannerSec .layer2{
    top: 20%;
    left: 22%;	
}
.homeBannerSec .layer2 img{
	height:75px;
}
.homeBannerSec .layer3{
     top: 43%;
    left: 10%;
}
.homeBannerSec .layer3 img{
    height: 75px;	
}
.homeBannerSec .layer4{
    top: 38%;
    left: 21%;    
    z-index: 2;	
}
.homeBannerSec .layer4 img{
	height:200px;
}
.homeBannerSec .layer5{
	top: 56%;
    left: 27%;
}
.homeBannerSec .layer5 img{
	height: 75px;
}
.homeBannerSec .layer6{
    bottom: 24%;
    left: 5%;
    z-index: 5;	
}
.homeBannerSec .layer6 img{
    height: 75px;	
}

.homeBannerSec .layer7{
    right: 20%;
    top: 6%;	
}
.homeBannerSec .layer7 img{
	 height: 75px;	
}
.homeBannerSec .layer8{
    right: 0;
    top: 15%;	
}
.homeBannerSec .layer8 img{
	height: 75px;
}
.homeBannerSec .layer9{
    right: 32%;
    top: 31%;	
}
.homeBannerSec .layer9 img{
    height: 75px;	
}
.homeBannerSec .layer10{
    right: 14%;
    top: 30%;	
}
.homeBannerSec .layer10 img{
    height: 75px;	
}
.homeBannerSec .layer11{
    right: 22%;
    top: 50%;
    z-index: 4;	
}
.homeBannerSec .layer11 img{
    height: 75px;	
}
.homeBannerSec .layer12{
    right: 5%;
    bottom: 26%;	
}
.homeBannerSec .layer12 img{
	height:100px;
}

.borderText{
	
}
.borderText img{
    position: absolute;
    bottom: 0;
    right: 0;
}

.homeBannerContent .title{
     font-family: "Inter-Bold";
    color: #000000;
    display: inline-block;
}
.homeBannerContent .title .titleText{
	position:relative;
    z-index: 1;	
}
.homeBannerContent .title .borderText img{
    position: absolute;
    bottom: -3px;
    right: 150px;
    max-width: 35%;
    width: 100%;
}
.homeBannerContent p{}
.homeBannerBtnArea{}
.homeBannerBtnAreainner{}
.homeBannerBtnAreainner .homeBannerBtn{
    margin-right: 50px;
    display: inline-block;	
}
.homeBannerBtnAreainner .homeBannerVideoBtn{
    color: #414042;
    display: inline-block;
}
.homeBannerBtnAreainner .homeBannerVideoBtn .icon{
    margin-right: 10px;	
}
.homeBannerBtnAreainner .homeBannerVideoBtn icon img{}


.videoModalDiolog{
    max-width: 650px;
    width: 100%;
    margin: 50px auto;
	padding:0 15px;
}
.videoModalContent{
    padding: 8px 8px 0px 8px;	
}
.videoModalContent .btn-close{
    position: absolute;
    top: -30px;
    right: 0;
    opacity: 1;
    background: none;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 25px;
    padding: 0px;
}
.videoModalArea{}
.videoModalArea .modalVideo{
    height: 410px;
    /* width: 100%; 
    object-fit: fill;*/
    object-fit: cover;	
}

.homeBannerThumanilArea{}
.homeBannerThumanil img{
	max-width:72%;
	position: relative;
	z-index: 1;	
} 

.homeAboutSec{
    background-color: #fff7f6;	
    padding: 160px 0 70px;
    margin-top: -137px;    
}
.homeAboutSec .bg1{
    position: absolute;
    left: 0;
    top: -130px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 130px;
}
.homeAboutSec .bg2{
    position: absolute;
    left: 0;
    bottom: -110px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 110px;
}

.aboutVideoArea{
    overflow: hidden;
    border-radius: 30px;	
}
.aboutVideoArea video{}
.aboutContentArea{}
.aboutContentArea .title {
    font-family: "Inter-Bold";
    font-size: 40px;
    color: #000;
}
.aboutContentArea .title .borderText img {
    position: absolute;
    bottom: -10px;
    right: auto;
    left: 0;    
    width: 215px;
}

.aboutList{
    padding: 0px;	
	-moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;	
	
}
.aboutList li{
	list-style-type:none;
    margin-bottom: 20px;	
}
.aboutList li .icon{
	margin-right:15px;
}
.homeAboutSocialList{
padding: 0px;	
	-moz-column-count: 16;
    -moz-column-gap: 20px;
    -webkit-column-count: 16;
    -webkit-column-gap: 15px;
    column-count: 16;
    column-gap: 15px;		
}
.homeAboutSocialList li{
	list-style-type:none;
}

.counterSec{}
.counterSec .headnSec .title {    
    display: inline-block;
}
.counterSec .borderText img {   
    top: 35px;
    right: 125px;
    width: 180px;
}
.counterSec .title .titleText {
    position: relative;
    z-index: 1;
}
.counterSecinner{
	max-width:850px;
	margin:0 auto;
}

.counterSecinner .counterBox{
	position:relative;
}
.counterSecinner .counterBox:after{
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    width: 2px;
    height: 35px;
    background-color: #e4e6ff;
}
.counterSecinner .counterBox:last-child:after{
	display:none;
}
.counterBoxiiner{
	text-align:center;
}
.counterBoxiiner .ttl{
    font-family: "Inter-ExtraBold";
    font-size: 25px;
	margin-bottom:10px;
}
.counterBoxiiner .ttl.color1{
	 color:#fd7b72;
}
.counterBoxiiner .ttl.color2{
	  color:#18c8ee;
}
.counterBoxiiner .ttl.color3{
	  color:#cb52ff;
}
.counterBoxiiner .ttl.color4{
	  color:#0294e2;
}
.counterBoxiiner .txt{}




.trustedSec{}
.trustedSec .headnSec .title {    
    display: inline-block;
}
.trustedSec .borderText img {   
    top: 35px;
    right: 290px;
    width: 180px;
}
.trustedSec .title .titleText {
    position: relative;
    z-index: 1;
}
.counterSecinner{
	/*max-width:850px;
	margin:0 auto;*/
}
.trustedThumanil{
	overflow: hidden;
    padding-left: 10%;
}
.trustedThumanil img{}











.homeFeatureSec{
    background-image: url(../images/bg5.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
    padding: 260px 0 280px;
	position:relative;
}

.homeFeatureBoxinner{
     background-color: rgba(255,255,255,0.2);
    padding: 30px;
    border-radius: 30px;
    color: #fff;
	position:relative;
	height:100%;
}
.homeFeatureBoxinner .numberText{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    background: #fff;
	color:#fd7b72;
    border-radius: 0px 30px 30px 30px;
	font-family: "Inter-ExtraBold";	
	font-size:20px;
    display: flex;
    align-items: center;
    justify-content: center;	
}
.homeFeatureBoxinner .numberText .number{}
.homeFeatureBoxinner .icon{}
.homeFeatureBoxinner .icon img{
    height: 50px;	
}
.homeFeatureBoxinner .content{}
.homeFeatureBoxinner .content .title{
	 font-family: "Inter-ExtraBold";
    font-size: 20px;
}
.homeFeatureBoxinner .content .title br{
}
.homeFeatureBoxinner .content .para{
	line-height:20px;
}


.highLightsec{
    background-color: #fffdec;
    margin-top: -180px;
    padding-top: 200px;	
}
.highLightsecField{
	position:relative;
}
.highLightsecField .bg1{}
.highLightsecField .bg2 {
   position: absolute;
    left: 0;
    bottom: -150px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 183px;
}
.highLightThumnail{	
}
.highLightThumnail img{
    /*position: relative;
    margin-top: -150px;  
    height: 600px;
    max-width: initial;	*/
}
.highLightContent{
	padding-left:60px;
}
.highLightContent .title{
    font-family: "Inter-Bold";
    font-size: 40px;
    color: #000;	
}
.highLightContent .title .borderText img {
    position: absolute;
    bottom: -10px;
    right: auto;
    left: 0;
    width: 215px;
}

.homeTestimonialSec{
	padding:200px 0 0px;
}
.homeTestimonialSec .headnSec .title {
    display: inline-block;
}
.homeTestimonialSec .borderText img {
    top: 38px;
    right: 215px;
    width: 100px;
}

.homeTestimonialSecinner{
	display:flex;
}
.homeTestimonialSecinner .leftPart{
	width:60%
}
.homeTestimonialSecinner .rightPart{
	width:40%;
}

.homeTestimonialBigThumnail{
       text-align: center;
}
.homeTestimonialBigThumnail img{
    position: relative;
    margin-top: -120px;
    max-width: 75%;
}
.homeTestimonialSlider .homeTestimonialBox{
	padding:20px 10px;
}
.homeTestimonialSlider .owl-stage{
	left:-300px;
}
.homeTestimonialSlider .owl-dots {
    padding-top: 15px;
    text-align: center;
}
.homeTestimonialBoxinner{
    box-shadow: 0 7px 10px rgba(77, 91, 236, 0.08); 
	padding: 30px;
    border-radius: 20px;
	
}
.homeTestimonialBoxinner .textContent{
	margin-bottom:25px;
}
.homeTestimonialBoxinner .textContent p{}
.homeTestimonialBoxinner .textContent p strong{
	font-weight:normal;
	font-family: "Inter-SemiBold";
}
.homeTestimonialBoxinner .testInfo{}
.homeTestimonialBoxinner .testInfo .userTitle{
	 font-family: "Inter-Bold";
    color: #fd7b72;	 
}
.homeTestimonialBoxinner .testInfo p{}

.heighlight_2Sec{
	background-color:#f2fff7;
	position:relative;
	padding:60px 0 0px;
}
.heighlight_2Sec .bg1{
    position: absolute;
    left: 0;
    top: -122px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 122px;	
}
.heighlight_2contenBox_1 {}
.heighlight_2contenBox_1inner{
	background-color:#fff;
	padding:30px 30px;
	border-radius:30px;
	border-bottom:4px solid #6571ef;
}
.heighlight_2contenBox_1inner .title {
     font-family: "Inter-Bold";
    font-size: 40px;
    color: #000;
    display: inline-block;	
}
.heighlight_2contenBox_1inner .title .borderText img {
    position: absolute;
    bottom: 40px;
    right: 0;
    /* left: 0; */
    width: 215px;
}
.heighlight_2contenBox_1inner .viewPlanBtn{
    background-color: #fd7b72;
    border: 1px solid #fd7b72;	
}

.heighlight_2contenBox_2 {}
.heighlight_2contenBox_2inner{	
	padding:0px 30px;	
}
.heighlight_2contenBox_2inner .title {
     font-family: "Inter-Bold";
    font-size: 40px;
    color: #000;
    display: inline-block;	
}
.heighlight_2contenBox_2inner .title .borderText img {
     position: absolute;
    bottom: -5px;
    right: 0;
    /* left: 0; */
    width: 140px;
}
.heighlight_2BoxArea .rowBox2 .heighlight_2Box:first-child{
	border-right:2px solid #71d795;
}
.heighlight_2Boxinner{}
.heighlight_2BoxArea .rowBox2 .heighlight_2Box:last-child .heighlight_2Boxinner{
	padding-left:15px;
}
.heighlight_2Boxinner .ttl{
	 font-family: "Inter-ExtraBold";
	color:#0294e2;	
    font-size: 20px;	
}
.heighlight_2Boxinner p{}


.pricingSec {}
.pricingSec .headnSec .title {
    font-size: 50px;
    display: inline-block;
}
.pricingSec .borderText img{
    position: absolute;
    bottom: inherit;
    right: inherit;
    left: 15px;
    top: 55px;
    width: 200px;	
}

.pricingTabNav ul.nav {
    width: 350px;
    margin: 0 auto;
    border: 1px solid #e9e9e9;
    border-radius: 50px;	
	padding: 5px 5px;
	
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.pricingTabNav ul.nav .nav-item {
    width: 50%;
    text-align: center;
    border-radius: 50%;
}

.pricingTabNav ul.nav .nav-item a {
    padding: 12px 0;
    display: block;
    color: #000;
    font-family: "Inter-SemiBold";
    border-radius: 50px;
}

.pricingTabNav ul.nav .nav-item a.active {
    background: #fd7b72;
    border-radius: 50px;
    color: #fff;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
}
.pricingBoxArea{
	padding:40px 0 0;
}
.pricingBox{
	margin-bottom:30px;
}
.pricingBoxinner{
    background: #fff;
	color:#000;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 30px 30px;
    border-radius: 10px;
	font-family: "Inter-Regular";	
}
.pricingBoxinner:hover {
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.pricingBoxinner .cat{
    text-align: center;
    font-family: "Inter-Bold";
    font-size: 24px;
    margin-bottom: 20px;	
}
.pricingBoxinner .pricebx{
	 min-height: 105px;	
	 text-align:center;
}
.pricingBoxinner .pricebx .price{
    display: block;	   
    font-family: "Inter-Bold";
    font-size: 30px;
    margin-bottom: 20px;   
}
.pricingBoxinner .pricebx .price .currentPrice{}
.pricingBoxinner .pricebx .price .oldPrice{
    font-size: 25px;
    color: #949fb1;
    margin-right: 8px;
    text-decoration: line-through;
    font-family: "Inter-Regular";	
}
.pricingBoxinner .pricebx .para{
	display: block;	
}
.pricingBoxinner .topLineFeatures{
    border-top: 1px solid #e2e5eb;
    border-bottom: 1px solid #e2e5eb;
    text-align: center;	
	padding:15px 0;
}
.pricingBoxinner .topLineFeaturesContainer{}
.pricingBoxinner .topLineFeature{
	font-family: "Inter-Regular";
}
.pricingBoxinner .topLineFeature .txt{}
.pricingBoxinner .topLineFeature .txt strong{
	 font-family: "Inter-Bold";
}
.pricingBoxinner .topLineFeature .txt strong i{
    font-size: 20px;
    color: #ffc127;
    margin-right: 5px;	
}
.pricingBoxinner .topLineFeature .info{
    margin-left: 10px;
    font-size: 20px;	
}
.pricingBoxinner .pricingButtonArea{
    padding: 15px 0;	
}
.pricingBoxinner .pricingBtn{
    display: inline-block;
    border: 0;
    background-color: #fd7b72;
    border: 1px solid #fd7b72;
    color: #fff;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    width: 100%;
    text-align: center;
    font-family: "Inter-SemiBold";
} 
.pricingBoxinner .featureListArea{}
.pricingBoxinner .featureList{
    padding: 0;
    margin: 0;	
}
.pricingBoxinner .featureList li{
	position:relative;
	position: relative;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: flex-start;
	
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    text-underline-offset: 4px;
    -webkit-text-decoration-color: #949fb1;
    text-decoration-color: #949fb1;	
	
	
    margin-bottom: 10px;	
}
.pricingBoxinner .featureList li:last-child{
    margin-bottom: 0px;	
}
.pricingBoxinner .featureList li:before{
    content: "";
    margin-top: 2px;
    margin-right: 10px;
    height: 18px;
    width: 18px;
    background-image: url(../images/small-check-icon.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 45%;
    display: block;
    pointer-events: none;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    border: 1px solid #000;
    border-radius: 50%;	
}
.pricingBoxinner .featureList li:last-child:before{}
.pricingBoxinner .goToComparisonLink{
    display: block;
    text-align: center;
    color: #000;
    padding: 25px 0 0;
    font-family: "Inter-SemiBold";	
}
.pricingBoxinner .goToComparisonLink .txt{}
.pricingBoxinner .goToComparisonLink i{}
.pricingBoxinner .goToComparisonLink:hover{}



.faqSec .headnSec .title {
   display:inline-block;
}
.faqSec .headnSec .borderText img {    
    bottom: -20px;   
    left: 0;
    margin: 0 auto;
}
.faqAccordian .faqAccordianItem{
	margin-bottom:20px;
}
.faqAccordian .faqAccordianItem .faqAccordianHeader {
    position: relative;
}
.faqAccordian .faqAccordianItem .faqAccordianHeader .title {
    padding: 15px 60px 15px 15px;
    font-size: 16px;
    line-height: 20px;
    background-color: #fbfbfb;   
    font-family: "Inter-Regular";
	cursor:pointer;
	font-family: "Inter-SemiBold";
    color: #000;
}
.faqAccordian .faqAccordianItem .faqAccordianHeader .icon {
    position: absolute;
    right: 20px;
    top: 25px;
    height: 8px;
    width: 14px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    border-radius: 50%;
}
.faqAccordian .faqAccordianItem .faqAccordianHeader .icon:before {
    content: '';
    background-image: url(../images/down_arrow.svg);
    width: 14px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: relative;
}
.faqAccordian .faqAccordianItem .faqAccordianHeader.active .icon:before {
    content: '';
    transform: rotate(180deg);
}
.faqAccordian .faqAccordianItem .faqAccordianBody {
    padding: 15px 0px;
    display: none;    
}
.faqAccordian .faqAccordianItem:nth-child(1) .faqAccordianBody {
    /* display: block; */
}



.smsBannerSec .headnSec .title {
    font-size: 50px;
    display: inline-block;
}
.smsBannerSec .borderText img {   
    bottom: -20px;
    right: inherit;
    left: 0;
}
.smsBannerSec .headnSec p {
}
.smsBannerSec .smsBannerBtnArea{
    margin-top: 30px;	
}
.smsBannerSec .smsBannerBtnArea .smsBannerBtn{
    display: inline-block;
    border: 0;    
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;   
    text-align: center;
    font-family: "Inter-SemiBold";	
}
.smsBannerSec .smsBannerBtnArea .smsBannerBtn1{
	background-color: #4d5bec;
    border: 1px solid #4d5bec;
    color: #fff;
    margin-right: 10px;	
}
.smsBannerSec .smsBannerBtnArea .smsBannerBtn2{
	background-color: transparent;
    border: 1px solid #4d5bec;
    color: #4d5bec;
}

.ourClientSliderItem {
}
.ourClientSliderIteminner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 15px;
    border: 1px solid #eee;
}
.ourClientSliderIteminner img{
    height: 35px;
    width: auto !important;	
}
.ourClientSlider .owl-dots {
    padding-top: 15px;
    text-align: center;
}
.ourClientSlider .owl-dots button.owl-dot.active {    
    background-color: #fd7b72;
    border: 1px solid #fd7b72;
}
.smsFeatureSec{
    background-color: #fff7f6;	
}
.smsFeatureSec .headnSec .title {
   display:inline-block;
}
.smsFeatureSec .borderText img {
    bottom: -20px;
    left: 0;
    margin: 0 auto;
}

.smsFeatureBox{
	margin-bottom:30px;
}
.smsFeatureBoxinner{
	/*text-align: center;*/
	background-color:#fff;
    padding: 35px 30px;
    -webkit-box-shadow: 0px 8px 17px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 8px 17px 3px rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;	
	border-radius:8px;
}
.smsFeatureBoxinner .icon{
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 58px;
    background: #000;
    color: #fff;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto 20px;	
}
.smsFeatureBoxinner .smsFeatureIcon{
    background-color: #FFF;
    display: inline-block;
    border-radius: 20px;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;   
    box-shadow: 0 6px 10px 0 rgba(16,73,189,0.3);
    position: relative;
	margin-bottom:30px;
}
.smsFeatureBoxinner .smsFeatureIcon img{
    width: 50px;	
}
.smsFeatureBoxinner .content{}
.smsFeatureBoxinner .content .title{
    font-family: "Inter-SemiBold";
    font-size: 20px;
    color: #000;	
}
.smsFeatureBoxinner .content .para{
    margin-bottom: 25px;	
}
.smsFeatureBoxinner .content .para p{}
.d-flex.smsFeatureBoxinner .fetureIcon{
    font-size: 20px;	
	margin-right:15px;
}
.d-flex.smsFeatureBoxinner .fetureIcon img{}
.d-flex.smsFeatureBoxinner .content{}
.d-flex.smsFeatureBoxinner .content .para{
    margin-bottom: 0px;	
}



.smsFeatureBoxinner .smsFeatureBtnArea{
    display: flex;
    /*justify-content: end;	*/
}
.smsFeatureBoxinner .smsFeatureBtnArea .smsFeatureBtn{
	background-color: #fff;
    border: 1px solid #4d5bec;
    color: #4d5bec;   	   
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;	
	opacity:1;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;	
}
.smsFeatureBoxinner .smsFeatureBtnArea .smsFeatureBtn:hover{
	background-color: #4d5bec;
    border: 1px solid #4d5bec;
    color: #fff;   
}
.smsFeatureBoxinner:hover .smsFeatureBtnArea .smsFeatureBtn{
	opacity:1;
}
.smsFeatureBoxinner .smsFeatureBtnArea .smsFeatureBtn svg{	
}

.connectIntegrationSec .headnSec .title {
    display: inline-block;
}
.connectIntegrationSec .borderText img {
    bottom: -20px;
    left: 0;
    margin: 0 auto;
}
.connectIntegrationBtnArea{}
.connectIntegrationBtnArea .connectIntegrationBtn{
    display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";
    background-color: #4d5bec;
    border: 1px solid #4d5bec;
    color: #fff;	
}

	.connectIntegrationSlider .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .connectIntegrationSlider .swiper-slide {
      
    }
	.connectIntegrationSlider .ourClientSliderItem{
		width:100%;
	}

	.connectIntegrationSlider .ourClientSliderIteminner{
		padding:25px 15px;
	}

.connectIntegrationSlider .swiper-pagination {
    position: relative;
    margin-top: 15px;
}
.smshightLightArea{
     border-radius: 6px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    overflow: hidden;
}
.smshightLightArea .rowBox{
	margin-left:0px;
	margin-right:0px;
}
.smshightLightArea .columnBox{
	padding-left:0px;
	padding-right:0px;
}
.smshightLightContent{
	padding:40px 40px;
}
.smshightLightContent .headnSec .title {
    display: inline-block;
}
.smshightLightContent .borderText img {
    bottom: -20px;
    left: 0;   
}
.smshightLightBtnArea{}
.smshightLightBtnArea .smshightLightBtn {
    display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";
    background-color: #4d5bec;
    border: 1px solid #4d5bec;
    color: #fff;
}

.smshightLight2Sec .headnSec .title {
    display: inline-block;
}
.smshightLight2Sec .borderText img {
    bottom: -20px;
    left: 0;
    margin: 0 auto;
}

.smshightLight2Sec .smshightLight2BtnArea {
   
}
.smshightLight2Sec .smshightLight2BtnArea .smshightLight2Btn {
    display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";
}
.smshightLight2Sec .smshightLight2BtnArea .smshightLight2Btn1 {
    background-color: #4d5bec;
    border: 1px solid #4d5bec;
    color: #fff;
    margin-right: 10px;
}
.smshightLight2Sec .smshightLight2BtnArea .smshightLight2Btn2 {
    background-color: transparent;
    border: 1px solid #4d5bec;
    color: #4d5bec;
}


.requestDemoBananerSec .headnSec .title {
    font-size: 50px;
    display: inline-block;
}
.requestDemoBananerSec .borderText img {
    position: absolute;
    bottom: inherit;
    right: 115px;
    top: 50px;
}

.requestDemoForm{
    background-color: #fffdec;
    padding: 40px 30px;	
}
.requestDemoFormHeader{}
.requestDemoFormHeader .title{
     font-family: "Inter-SemiBold";
    margin-bottom: 15px;
    color: #000;
}
.requestDemoForm .form-group{
	margin-bottom:15px;
}
.requestDemoForm .form-control{
    border: 1px solid #eee;
    height: 45px;
    padding-left: 15px;    
}
.requestDemoForm .form-control2{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;   
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;	
	
    border: 1px solid #eee;
    height: 45px;
    padding-left: 15px;	
}


.bookDemoBtnArea{}
.bookDemoBtnArea .bookDemoBtn{
display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";	
	background-color: #fd7b72;
    border: 1px solid #fd7b72;
    color: #fff;	
	
}
.single-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: box-shadow .3s ease-in-out 0s;
    box-sizing: border-box;
    box-shadow: 0 8px 20px 0 rgba(16,66,97,.07);
    padding: 35px 15px;
    border-radius: 10px;    
    text-align: center;
	border:1px solid #eee;
}
.single-card h3{
	font-family: "Inter-Bold";
    font-size: 40px;
    color: #000;
	
}
.single-card p{
	margin-bottom:0px;
}
.ourClientSec .headnSec .title {
    display: inline-block;
}
.ourClientSec .borderText img {
    bottom: -20px;
    left: 0;
    margin: 0 auto;
}




.requestDemoFormBtnArea{}
.requestDemoFormBtnArea .requestDemoFormBtn{
    display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";
    background-color: #fd7b72;
    border: 1px solid #fd7b72;
    color: #fff;
	width:100%;	
}

.blogSec .headnSec .title {
    font-size: 50px;
    display: inline-block;
}
.blogSec .borderText img {
    position: absolute; 
    right: -5px;
    bottom: -15px;
    width: 200px;
}

.blogPostBoxinner{
    background-color: #fff;
    /* padding: 10px; */
    -webkit-box-shadow: 0px 8px 17px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 8px 17px 3px rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;	
}
.blogPostBoxinner .thumnail{}
.blogPostBoxinner .thumnail img{}
.blogPostBoxinner .content{
    padding: 20px 20px 0px;	
}
.blogPostBoxinner .content .title{
    color: #000;
    font-size: 20px;
    font-family: "Inter-SemiBold";	
}
.blogPostBoxinner .content .title a{
	color: #000;	
	transition: all 0.3s;	
}
.blogPostBoxinner .content .title a:hover{
	 color: #fd7b72;
}
.blogPostBoxinner .para{}
.blogPostBoxinner .para p{}
.blogPostBoxinner .readMoreLinkArea{
    padding: 20px 20px;	
}
.blogPostBoxinner .readMoreLinkArea .readMoreLink{
	font-family: "Inter-SemiBold";	
	color:#000;
	display:inline-flex;
	align-items:center;
	transition: all 0.3s;	
}

.blogPostBoxinner .readMoreLinkArea .readMoreLink .txt{
	margin-right:10px;
}
.blogPostBoxinner .readMoreLinkArea .readMoreLink .icon{
    background-color: #fff;
    border: 1px solid #fd7b72;
    color: #fd7b72;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;  
    transition: all 0.3s;	
}
.blogPostBoxinner .readMoreLinkArea .readMoreLink:hover{
	color:#fd7b72;
}
.blogPostBoxinner .readMoreLinkArea .readMoreLink:hover .icon{
	 background-color: #fd7b72;
    border: 1px solid #fd7b72;
    color: #fff;
}


.relatedBlogSec .headnSec .title {
    font-size: 50px;
    display: inline-block;
}
.relatedBlogSec .borderText img {
    position: absolute;
    right: -5px;
    bottom: -15px;
    width: 200px;
}
.singleBlogContentArea{
    position: relative;
    padding: 35px 0px 0px;
    /*box-shadow: 0px 0px 20px rgba(0,0,0,0.05);*/	
}
.singleBlogContentArea .btmList{
	padding:0px;
}
.singleBlogContentArea h2.title{
	font-family: "Inter-Bold";	
	color:#000;	
}
.singleBlogContent h1,
.singleBlogContent h2,
.singleBlogContent h3,
.singleBlogContent h4,
.singleBlogContent h5,
.singleBlogContent h6{
	font-family: "Inter-SemiBold";
	color:#000;	
}


.channelPartnerBannerSec .headnSec .title {
    font-size: 50px;
    display: inline-block;
}
.channelPartnerBannerSec .borderText img {
    position: absolute;
    bottom: -10px;
    right: 55px;
    width: 180px;
}

.channelPartnerBannerBtnArea .channelPartnerBannerBtn {
    display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";
    background-color: #fd7b72;
    border: 1px solid #fd7b72;
    color: #fff;	
}

.channelPartnerStepSec .borderText img {   
    bottom: -25px;   
    left: 0;
    margin: 0 auto;
}
.channelPartnerStepBoxinner {    
    background-color: #fff;
    padding: 35px 30px;
    -webkit-box-shadow: 0px 8px 17px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 8px 17px 3px rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;
    border-radius: 8px;
}
.channelPartnerStepBoxinner .icon{
    font-size: 30px;
    display: inline-block;
    margin-bottom: 20px;	
}
.channelPartnerStepBoxinner .number{
	margin-bottom:10px;
}
.channelPartnerStepBoxinner .content{}
.channelPartnerStepBoxinner .content .title{
    font-family: "Inter-SemiBold";
    color: #000;
    font-size: 20px;
    margin-bottom: 10px;
}
.channelPartnerStepBoxinner .content p{}


.channelPartnerBenifitsSec{
    background-color: #fff7f6;	
}
.channelPartnerBenifitsContent .title{
	font-family: "Inter-Bold";
    color: #000000;
	margin-bottom:25px;
	}
.channelPartnerBenifitsContent .channelPartnerBenifitsList{
	padding:0px;
	margin:0px;
}
.channelPartnerBenifitsContent .channelPartnerBenifitsList li {
    position: relative;
    position: relative;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: flex-start;
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    text-underline-offset: 4px;
    -webkit-text-decoration-color: #949fb1;
    text-decoration-color: #949fb1;
    margin-bottom: 15px;
}
.channelPartnerBenifitsContent .channelPartnerBenifitsList li:before {
    content: "";
    margin-top: 2px;
    margin-right: 10px;
    height: 18px;
    width: 18px;
    background-image: url(../images/small-check-icon.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 45%;
    display: block;
    pointer-events: none;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    border: 1px solid #000;
    border-radius: 50%;
}
.trustedPartnerArea{
	
}
.trustedPartnerArea .title{
	font-family: "Inter-Bold";
    color: #000000;
	margin-bottom:35px;
}
.trustedPartnerArea .ourClientSliderIteminner{
	background-color:#fff;
}

.channelPartnerFormSec .borderText img {	  
    bottom: -25px;    
    left: 0;
    margin: 0 auto;
}
.channelPartnerFormArea{
    max-width: 850px;
    margin: 0 auto 50px;
    padding: 30px 30px;
    box-shadow: 0px 8px 17px 3px rgba(0, 0, 0, 0.06);
    border-radius: 8px;	
}
.channelPartnerFormArea .form-group{
    margin-bottom: 15px;	
}
.channelPartnerFormArea .form-control{
    box-shadow: none;
    border-radius: 2px;
    height: 45px;
    font-size: 14px;	
}
.channelPartnerFormBtnArea{}
.channelPartnerFormBtnArea .channelPartnerFormBtn{
    display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 6px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";
    background-color: #fd7b72;
    border: 1px solid #fd7b72;
    color: #fff;
    width: 100%;
    font-size: 16px;	
}
.termsConditionSec .borderText img {    
    bottom: -15px;    
    left: 0;
    margin: 0 auto;
}
.sidebarMenu{
    background-color: #4d5bec;
    padding: 20px 20px;
    border-radius: 8px;
    position: sticky;
    top: 30px;
    margin-bottom: 30px;	
}
.sidebarMenu nav{}
.sidebarMenu nav ul{
    padding: 0px;
    margin: 0px;	
}
.sidebarMenu nav ul li{
    list-style-type: none;	
}
.sidebarMenu nav ul li:last-child{}
.sidebarMenu nav ul li a{
    padding: 10px 15px;
    display: block;
    color: #fff;
    background-color: transparent;
    font-family: "Inter-SemiBold";
    border-radius: 10px;
}
.sidebarMenu nav ul li a.active-section{
	 background-color: rgba(255,255,255,0.3);	
}
.content-section{
	padding:30px 0;
}
.content-section .title{
	font-family: "Inter-Bold";
    color: #000000;	
}
.customePageSec{}
.customePageSec .borderText img {    
    bottom: -15px;    
    left: 0;
    margin: 0 auto;
}
.customePageSecinner{}
.customePageSecinner strong{
	font-family: "Inter-Bold";	
}
.customePageSecinner h3 {
	font-family: "Inter-SemiBold";
    font-size: 22px;
    color: #333;
    margin: 8px 0;   
}
.customePageSecinner p {   
    margin-bottom: 10px;
    text-align: justify;
}
.customePageSecinner .list_point {
    padding: 0px;	
    margin-left: 20px;
}
.customePageSecinner .list_point li {
    list-style-type: disc;
}
.customePageSecinner .list_point li p {
    margin-bottom: 3px;
}















/*-------API Css Starts------*/

.intTopHeader{
    background: #000; 
	padding:0 15px;     
}
.intTopHeader .container{
	height:100%;
}
.intTopHeaderinner{
	height:100%;
}
.intNavbar{
	display:flex;
	align-items:center;
    position: relative;
    justify-content: space-between;
    flex-wrap: nowrap;		
	padding: 15px 0px;	 	
}
.intNavbarToggler{
	display:none;
}
.intNavbarNav{
    display: flex;
    flex-grow: 1;
    align-items: center;	
    flex-basis: auto;	
}
.intNavbarNavList{
     display: flex;
    flex-direction: row;
	padding:0px;
	margin:0px;
}
.intNavbarNavList li{
	list-style-type:none;
}
.intNavbarNavList li:not(:last-child) {
    margin-right: 15px;
}
.intNavbarNavList li:last-child{}
.intNavbarNavList li a{
    color: #fff;
    font-size: 14px;
    padding: 5px 0px;
    display: inline-block;       
}
.intNavbarNavList li a:hover{}
.intNavbarNav .intNavRightSide {   
    display: flex;
    justify-content: flex-end;
}
.intHeaderSearchArea{}
.intHeaderSearchAreainner{
    display: flex;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 4px 15px 4px 15px;	
}
.intHeaderSearchInput{
    background: transparent;
    border: 0;
    color: #fff;
    padding: 0px;
    font-size: 12px;
	box-shadow:none;	
}
.intHeaderSearchbtn{
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 12px;	
}

.intBottomHeader{
	display:none;
}



.intBodyinner {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-radius: 0.3rem;
    /* height: 100vh; */
    /* overflow: hidden; */
    /* min-height: calc(100% - 1rem); */
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: nowrap row;
    flex-flow: nowrap row;
    font-size: 14px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* padding: 3px 5px 3px 15px; */
    text-decoration: none;
}
.intBodyLeftSide {
    outline: 0;
    height: 100%;
    /* overflow: hidden; */
    width: 280px;
    background: #fdfcfc;
    flex-direction: column;
    max-height: 100vh;
    overflow-y: auto;
    position: sticky;
    top: 0;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	
}
.intBodyScrollable {
    height: 100% !important;
}
.intBodyContent {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
    border: none;
    border-radius: 0;
    outline: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
		
}
.intBodyContainer{
    outline: 0;
    height: 100%;   
    width: 100%;
    /*background: #fdfcfc;      
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;*/   
    
}
.intBodyHeader{
    /*padding: 20px 30px 15px;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 10;*/
}
.intBodyHeader .rowBox{
	display:flex;
	flex-wrap:wrap;
	margin-left:0px;
	margin-right:0px;
}
.intBodyHeader .coloumnBox{
	padding-left:0px;
	padding-right:0px;
}
.intBodyHeader .apiContentDtlsArea{
	padding: 20px 30px 15px;
    border-bottom: 1px solid #eee;
}
.intBodyHeader .ttl{
    font-size: 30px;
	font-family: "Inter-SemiBold";
	color:#000;
}
.intBodyContainerinner{
 display: flex;	
 padding:0px 0 0;
}
.intBodyLeftSide .intBodyScrollable {
    height: 100% !important;
}
.leftSideList{
	padding:20px 0;
}
.leftSideList .leftSideListItem{
	 margin-bottom: 20px;	
}
.leftSideList .leftSideListItem:last-child{
	margin-bottom: 0px;
}
.leftSideListIteminner{}
.leftSideListIteminner .title{
    font-size: 14px;
     font-family: "Inter-SemiBold";
    padding: 0 35px 0 15px;
	color:#000;
	position:relative;
}
.dropdownMenu .leftSideListIteminner .title:after{
    text-align: center;
    content: '\f107 ';
    position: absolute;
    top: -3px;
    right: 5px;
    font-family: FontAwesome;
    font-size: 16px;
    width: 25px;
    height: 25px;
    line-height: 22px;
    cursor: pointer; 
}
.dropdownMenu.show .leftSideListIteminner .title:after{
    content: '\f105  ';	
}
.leftSideMenuList{
    padding: 0px;
    margin: 0px;	
}
.dropdownMenu.show .leftSideMenuList{
	display:none;
}
.leftSideMenuList li{   
	list-style-type:none;
}
.leftSideMenuList li:last-child{	
}
.leftSideMenuList li a{
    font-size: 14px;
    padding: 5px 5px 5px 15px;
    display: block;
    color: #414042;
} 
.leftSideMenuList li a:hover{
	background-color:#f8f8f8;
	color:#000;
} 
.intBodyMiddleSide {
    width: auto;
    width: 100%;
    overflow: hidden;
    height: 100%;
    /*border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;*/
}
.intBodyRightSide{
	outline: 0;
    height: 100%;
    /* overflow: hidden; */
    width: 280px;
    background: #fdfcfc;
    flex-direction: column;
    max-height: 100vh;
    overflow-y: auto;
    position: sticky;
    top: 0;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.intBodyMiddleSideinner{
	/*padding:0 30px;*/
}
.intpanel{
	/*padding:30px 0;*/
}
.intpanelHeader{}
.intpanelHeader .headingText{}
.intpanelHeader .headingText .title{
    font-size: 24px;
	font-family: "Inter-SemiBold";
}
.intpanelBody{
	font-family: "Inter-Regular";
}

.intpanel .rowBox{
	display:flex;
	flex-wrap:wrap;
	margin-left:0px;
	margin-right:0px;
}
.intpanel .coloumnBox{
	padding-left:0px;
	padding-right:0px;
}
.apiContentDtlsArea{	
	padding:30px 30px;	
}
.intpanelBody .title{
	font-family: "Inter-Bold";
}
.intpanelBody h5{
	font-family: "Inter-SemiBold";
}
.apiCodeArea{	
    background-color: #333;
    height: 100%;	
	padding:30px 0;
}
.codeTabs{
	margin-bottom:15px;
}
.codeTabs .cm-s-neo{
	padding:0 20px;
}
.codeTabsToolbar {
    background: #ebedef;
    background: #ebedef;
	background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}
.codeTabsToolbar button {
    white-space: nowrap;
    -webkit-transition: .123s ease;
    transition: .123s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    line-height: 2;
    padding: 0.5em 1em;
    border: none;
    background: 0 0;
    outline: none;
    color: inherit;
    font: inherit;
    font-size: .75em;
    cursor: pointer;
    background: #f6f8fa;	
}

.codeTabsToolbar .nav-pills{}
.codeTabsToolbar .nav-pills li{}
.codeTabsToolbar .nav-pills li:last-child{}
.codeTabsToolbar .nav-pills .nav-link { 
    border: 0;
    border-radius: 0;
    color: #fff;  
}
.codeTabsToolbar .nav-pills .nav-link.active,
.codeTabsToolbar .nav-pills .show>.nav-link {
    background-color:#0d6efd;
	color:#fff;
}

.codeTabs .tab-content{
	background-color:#333;
}






.codeTabs pre {
    border-radius: 0 ;
    background: #f6f8fa;
    background: #f6f8fa;
	background: #333;
	color: #fff;
    margin-bottom: 0;

}
.codeTabs-inner{
	position:relative;
}
.codeTabs button.rdmd-code-copy {
    display: inline-block;
    position: absolute;
    right:25px;
    top: 5px;	
	
    -webkit-appearance: unset;
    margin: 0.5em 0.6em 0 0;
    padding: 0.25em 0.7em;
    padding: 5px 8px;	
    cursor: copy;   
    color: #000;
	 color: #fff;
    border: none;
    border-radius: 3px;
    outline: none!important;
    background: inherit;
    background: transparent;
    -webkit-box-shadow: inset 0 0 0 1px rgba(170,170,170,.66), -1px 2px 6px -3px rgba(0,0,0,.1);
    box-shadow: inset 0 0 0 1px rgba(170,170,170,.66), -1px 2px 6px -3px rgba(0,0,0,.1);
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
	opacity:0;
	font-size: 16px;
}
.codeTabs pre:hover button.rdmd-code-copy{
	opacity:1;
}
.codeTabs button.rdmd-code-copy:focus{
	border:1px solid #000;
	color:#000;
}
.codeTabs pre>code {
    /* display: block!important; */
    overflow: auto;
    padding: 1em;
    max-height: 90vh;
}


.rightSideBar{}
.rightSideBar .rightSideListArea{
	padding:30px 30px;
}
.rightSideListArea .title{
    font-size: 12px;
    font-family: "Montserrat-Semibold";	
}
.rightSideListArea .title i{
	margin-right:5px;
}
.rightSideList{
	padding:0px;
	margin:0px;
}
.rightSideList li{
	list-style-type:none;
}
.rightSideList li a{
    font-size: 14px;
    padding: 3px 5px 3px 15px;
    display: block;	
	color: #4c555a;
}
.rightSideList li a:hover{
	color:#000;
}

.postFormarea{
    margin-bottom: 20px;	
}
.postFormareainner{
    border: 1px solid #ddd;
    padding: 5px 5px;
    border-radius: 4px;	
}
.postFormareainner .postFormBtn{
    padding: 4px 12px;
    border: 1px solid #3b9f0f;
    background-color: #3b9f0f;
    color: #fff;
    border-radius: 4px;
    margin-right: 10px;	
}
.postFormareainner .postFormInput{
    width: 100%;
    border: 0;	
}

.paramsItemArea{}
.paramsItemArea .paramsItem{
	margin-bottom:30px;
}

.paramsListArea{}
.paramsListItem{
    background-color: #f9fafb;
    border: 1px solid#ddd;
    padding: 15px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.paramsListIteminner{	
}
.paramsListIteminner .LeftSide{
	margin-right:20px;
}
.paramsListIteminner .LeftSide .ttl{
    font-family: "Inter-Bold";
    color: #000;	
}
.paramsListIteminner .LeftSide .text{
    font-size: 13px;	
}
.paramsListIteminner .LeftSide .text.req{
	color:red;
}
.paramsListIteminner .middleSide{}
.paramsListIteminner .middleSide .text {}
.paramsListIteminner .middleSide .text :last-child{}





.integrationsListingSec .borderText img {    
    bottom: -16px;   
    left: 0;
    margin: 0 auto;
}

.integrationsItem{
	margin-bottom:30px;
}
.integrationsIteminner{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    overflow: hidden;	
}
.integrationsIteminner .thumnail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 140px;	
}
.integrationsIteminner .thumnail img{
    width: 65px;
    height: 65px;	
}
.integrationsItem .integrationsIteminner.bg1 .thumnail {
	 background-color: #dbf5c2;
}
.integrationsItem .integrationsIteminner.bg2 .thumnail {
	background-color: #d1fd9b;
}

.integrationsIteminner .content {
    padding: 15px 45px 25px;	
}
.integrationsIteminner .content .title{
    font-family: "Inter-Bold";
    color: #000000;
    font-size: 20px;	
}
.integrationsIteminner .content .title .titleInfo{
    opacity: 0.6;
    margin-left: 7px;
    font-size: 14px;
    white-space: nowrap; 
 font-family: "Inter-Light";	
}
.integrationsIteminner .content .para{}
.integrationsIteminner .content .para p{}
.integrationsIteminner .content .integrationsBtnArea{
    margin-top: 15px;	
}
.integrationsIteminner .content .integrationsBtnArea .integrationsBtn{
    font-family: "Inter-SemiBold";
    color: #fd7b72;	
}
.integrationsIteminner .content .integrationsBtnArea .integrationsBtn .txt{}
.integrationsIteminner .content .integrationsBtnArea .integrationsBtn i{
    margin-left: 5px;	
}
.integrationsIteminner .content .integrationsBtnArea .integrationsBtn:hover{}

.aboutIntegrationsSec{
    background-color: #f2fff7;	
}
.aboutIntegrationsContentArea{}
.aboutIntegrationsContentArea .borderText img {   
    bottom: -25px;
    right: inherit;
    left: 0;   
}
.aboutIntegrationsSec .aboutIntegrationsBtnArea{}
.aboutIntegrationsSec .aboutIntegrationsBtnArea .aboutIntegrationsBtn {
    display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";
}
.aboutIntegrationsSec .aboutIntegrationsBtnArea .aboutIntegrationsBtn1 {
    background-color: #fd7b72;
    border: 1px solid #fd7b72;
    color: #fff;
    margin-right: 10px;
}

.aboutIntegrationsSec .aboutIntegrationsBtnArea .aboutIntegrationsBtn2 {
    background-color: transparent;
    border: 1px solid #fd7b72;
    color: #fd7b72;
}
.aboutUsSec{}
.aboutUsSecinner{}
.aboutUsSec .aboutContentArea{}
.aboutUsSec .aboutContentArea .sub-title{
    margin-bottom: 10px;	
}
.aboutUsSec .aboutContentArea .title {
    font-size: 45px;
}
.aboutUsSec .aboutContentArea .title .borderText img {
    bottom: -20px;   
}
.aboutUsSec .aboutBtnArea{}
.aboutUsSec .aboutBtnArea .aboutBtn{
    display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";
    background-color: #4d5bec;
    border: 1px solid #4d5bec;
    color: #fff;
	
}
.ourVissionSecinner{
    background-color: #fff7f6;
    padding: 30px;
    border-radius: 15px;	
}
.ourVissionContentArea{
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    border: 2px solid #000;	
}

.ourInvestorSec .borderText img {   
    bottom: -20px;  
    left: 0;
    margin: 0 auto;
    width: 180px;
}

.ourInvestorBoxinner{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 75px;
    padding: 20px;
    height: 100%;
    border: 1px solid #ddd;
}

.heighLightDiscoverSecinner{
    background-color: #f5f6fd;
    padding: 30px 30px;
    border-radius: 15px;
    color: #000;
    border: 2px solid #000;	
}
.heighLightDiscoverSecinner .intro{}
.heighLightDiscoverSecinner .heighLightDiscoverBtnArea{
	margin-top:20px;
}
.heighLightDiscoverSecinner .heighLightDiscoverBtnArea .heighLightDiscoverBtn{
    display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";	
}
.heighLightDiscoverSecinner .heighLightDiscoverBtnArea .heighLightDiscoverBtn1{
    background-color: #4d5bec;
    border: 1px solid #4d5bec;
    color: #fff;
    margin-right: 10px;	
}
.heighLightDiscoverSecinner .heighLightDiscoverBtnArea .heighLightDiscoverBtn2{
    background-color: transparent;
    border: 1px solid #4d5bec;
    color: #4d5bec;	
}

.creatingStepSec .borderText img {
    bottom: -20px;
    left: 0;
    margin: 0 auto;
}
.creatingStepSecinner{
	
}
.creatingStepSecinner .creatingStepBox{
	margin-bottom:30px;
}
.creatingStepBoxinner{
    padding: 0px 25px;	
}
.creatingStepBoxinner .thumnail{
	margin-bottom:25px;
}
.creatingStepBoxinner .thumnail img{}
.creatingStepBoxinner .content{}
.creatingStepBoxinner .content .title{
    font-family: "Inter-Bold";
    color: #000000;
    font-size: 20px;	
}
.creatingStepBoxinner .content .para{}

.whatsappChatQrFormArea {}
.whatsappChatQrFormArea .content .title{
    font-family: "Inter-Bold";
    color: #333;
    font-size: 25px;	
}
.whatsappChatQrFormArea .content h5{}
.whatsappChatQrFormArea .content p{}
.whatsappChatQrFormBtnArea{}
.whatsappChatQrFormBtnArea .whatsappChatQrFormBtn{
    display: inline-block;
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";
    background-color: #4d5bec;
    border: 1px solid #4d5bec;
    color: #fff;	
}

.becomePartnerFormSec{}
.becomePartnerFormSecinner {
	background-color: #f5f6fd;
    padding: 30px 30px;
    border-radius: 15px;
    color: #000;
    border: 2px solid #000;	
}
.becomePartnerFormSecinner .intro{
    font-size: 30px;
    margin-bottom: 20px;	
}
.becomePartnerFormSecinner .intro strong{}
.becomePartnerFormAreainner .rowBox{}
.becomePartnerFormAreainner .columnBox{}
.becomePartnerFormAreainner .form-group{
	margin-bottom:10px;
}
.becomePartnerFormAreainner .labelName{
    margin-bottom: 5px;	
}
.becomePartnerFormAreainner .labelName sup{}
.becomePartnerFormAreainner .form-control{
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;	
    height: 40px;	
}
.becomePartnerFormAreainner .form-select{
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;	
    height: 40px;	
}
.becomePartnerFormAreainner .becomePartnerFormBtnArea{
    margin-top: 15px;	
}
.becomePartnerFormAreainner .becomePartnerFormBtnArea .becomePartnerFormBtn{
    display: inline-block;
    border: 0;
    background-color: #fd7b72;
    border: 1px solid #fd7b72;
	color: #fff;
    padding: 10px 40px 10px;
    border-radius: 10px;  
    transition: 0.5s;	
}
.logoPrestingSec{}
.logoPrestingSec .borderText img {
    bottom: -20px;
    left: 0;
    margin: 0 auto;
}
.logoPrestingWrapper{
    background-color: #fff7f6;
    padding: 30px;
    border-radius: 15px;	
}
.logoPrestingSecinner {
    background: #fff;
    padding: 40px 30px;
    border-radius: 15px;
    border: 2px solid #000;
}
.logoPrestingBoxinner{
	text-align:center;
}
.sitelogoContentArea{
    padding: 20px 20px;
    border: 2px solid #000;
    border-radius: 6px;
    max-width: 400px;
    margin: 0 auto 30px;	
}
.sitelogoContentArea .sitelogo{
    padding: 30px 0 60px;	
}
.sitelogoContentArea .sitelogo img{ 
}
.sitelogoContentArea .content{}
.sitelogoContentArea .content p{
    font-size: 20px;
    color: #000;
    font-weight: 500;	
}
.logoPrestingBoxinner .downLoadBtnArea{}
.logoPrestingBoxinner .downLoadBtnArea .downLoadBtn{
    display: inline-block;
    border: 0;
    background-color: #fd7b72;
    border: 1px solid #fd7b72;
    color: #fff;
    padding: 10px 40px 10px;
    border-radius: 10px;
    transition: 0.5s;	
}

.prospectingSec{}
.prospectingSec .borderText img{  
    bottom: -25px;   
    left: 0;
    margin: 0 auto;	
}

.prospectingTabNavArea .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius:0px;
	border-bottom: 2px solid transparent;	
    color: #333;	
	font-family: "Inter-SemiBold";	
}
.prospectingTabNavArea .nav-pills .nav-link.active,
.prospectingTabNavArea .nav-pills .show>.nav-link {
    color: #4d5bec;
    background-color: transparent;
	border-color:#4d5bec;	
}
.prospectingTabContentAreainner{}
.prospectingTabContentAreainner .rowBox{}
.prospectingTabContentAreainner .columnBox{}
.prospectingContentArea .title{
    font-family: "Inter-SemiBold";	
}
.prospectingContentArea .para{}
.prospectingContentArea .para p{}
.prospectingBtnArea{}
.prospectingBtnArea .prospectingBtn{
    display: inline-flex;
    align-items: center;	
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";	
}
.prospectingBtnArea .prospectingBtn .icon{}
.prospectingBtnArea .prospectingBtn .icon svg{
    width: 22px;      
}
.prospectingBtnArea .prospectingBtn .txt{}
.prospectingBtnArea .prospectingBtn1 {
    background-color: #4d5bec;
    border: 1px solid #4d5bec;
    color: #fff;
    margin-right: 10px;
}
.prospectingBtnArea .prospectingBtn1 .icon {	
    margin-right: 8px;
}
.prospectingBtnArea .prospectingBtn2 {
     background-color: transparent;
    border: 1px solid #4d5bec;
    color: #4d5bec;
}
.prospectingBtnArea .prospectingBtn2 .icon {
    margin-right: 8px;	
}
.prospectingBigThumnail{}
.prospectingBigThumnail img{}

.linkdinCounterSec{}
.linkdinCounterSec .borderText img{  
    bottom: -25px;   
    left: 0;
    margin: 0 auto;	
}
.linkdinCounterBoxinner{
    color: #000;	
}
.linkdinCounterBoxinner .content{}
.linkdinCounterBoxinner .title{
    font-family: "Inter-SemiBold";
    color: #000;	
}
.linkdinCounterBoxinner .para{}
.linkdinCounterBoxinner .para p{}

.linkdinCounterBtnArea{}
.linkdinCounterBtnArea .linkdinCounterBtn{
    display: inline-flex;
    align-items: center;	
    border: 0;
    padding: 12px 30px 12px;
    border-radius: 10px;
    transition: 0.5s;
    text-align: center;
    font-family: "Inter-SemiBold";	
}
.linkdinCounterBtnArea .linkdinCounterBtn .icon{}
.linkdinCounterBtnArea .linkdinCounterBtn .icon svg{
    width: 22px;      
}
.linkdinCounterBtnArea .linkdinCounterBtn .txt{}
.linkdinCounterBtnArea .linkdinCounterBtn1 {
    background-color: #4d5bec;
    border: 1px solid #4d5bec;
    color: #fff;
    margin-right: 10px;
}
.linkdinCounterBtnArea .linkdinCounterBtn1 .icon {	
    margin-right: 8px;
}
.linkdinCounterBtnArea .linkdinCounterBtn2 {
     background-color: transparent;
    border: 1px solid #4d5bec;
    color: #4d5bec;
}
.linkdinCounterBtnArea .linkdinCounterBtn2 .icon {
    margin-right: 8px;	
}

.sftwareFeatureDownloadSec{}
.sftwareFeatureDownloadSec .borderText img {
    bottom: -20px;
    left: 0;
    margin: 0 auto;
}
.sftwareFeatureDownloadBox {
    margin-bottom: 30px;
}
.sftwareFeatureDownloadBoxinner {
    /* text-align: center; */
    background-color: #fff;
    padding: 35px 30px;
    -webkit-box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;
    border-radius: 8px;
}
.sftwareFeatureDownloadBoxinner .number{
    background-color: #FFF;
    display: inline-block;
    border-radius: 48px;
    height: 60px;
    width: 60px;
    text-align: center;
    font-size: 25px;
    line-height: 53px;
    /* box-shadow: 0 2px 12px 0 rgb(77, 91, 236, 0.4); */
    border: 3px solid #4d5bec;
    position: relative;
    margin-bottom: 20px;
    font-weight: 700;
    color: #4d5bec;	
}
.sftwareFeatureDownloadBoxinner .content {
}
.sftwareFeatureDownloadBoxinner .content .title {
    font-family: "Inter-SemiBold";
    font-size: 20px;
    color: #000;
}
.sftwareFeatureDownloadBoxinner .content .para {  
}
.sftwareFeatureDownloadBoxinner .content .para p {
}
.sftwareFeatureDownloadBtmLinkArea{	
}
.sftwareFeatureDownloadBtmLinkArea .sftwareFeatureDownloadBtmLink{}

.appDownloadQrSec{}
.appDownloadQrSecinner{}
.appDownloadQrArea{
    max-width: 650px;
    margin: 0 auto;
    border: 2px solid #ddd;
    border-radius: 15px;
    padding: 25px;	
}
.appDownloadQrArea .rowBox{
    align-items: center;	
}
.appDownloadQrArea .columnBox{}
.appDownloadQrArea .appDownloadArea{}
.appDownloadAreainner{}
.appDownloadAreainner .title{
	font-size:24px;
    font-family: "Inter-Bold";
    color: #000000;	
}
.appDownloadAreainner .para{}
.appDownloadAreainner .appDownloadLinkArea{}
.appDownloadAreainner .appDownloadLinkArea .appStoreLink{}
.appDownloadAreainner .appDownloadLinkArea .appStoreLink img{
    height: 35px;	
}
.appDownloadAreainner .appDownloadLinkArea .googlePlayLink{}
.appDownloadAreainner .appDownloadLinkArea .googlePlayLink img{
    height: 35px;	
}
.appDownloadQrArea .QrCodeArea{}
.appDownloadQrArea .QrCodeAreainner{}
.appDownloadQrArea .QrCodeAreainner img{}


.sugessionToolSearchSec{}
.sugessionToolSearchSecinner{
    background-color: #fafafa;
    padding: 50px 40px; 
    border-radius: 8px;	
}
.sugessionToolSearchArea{
    position: relative;
    width: 100%;
    max-width: 752px;
    margin: 0 auto;
    /* box-shadow: 0 0 10px 0 #00000007; */
    /* background-color: #fafafa; */
    /* padding: 30px;*/	
}
.sugessionToolSearchArea p{
	text-align:center;
}
.sugessionToolSearchAreainner{
	/*background-color:#fff;
	border:1px solid #ddd;
	border-radius:8px;
	min-height:70px;
    margin-bottom: 10px;*/	
}
.sugessionToolSearchAreainner .dropdown-select.wide {
    width: 100%;    
    height: 60px;
    box-shadow: 0px 0px 4px 0px rgba(155, 155, 155, 0.5);	
	margin-bottom: 15px;
}
.sugessionToolSearchAreainner .dropdown-select.wide .current{
    padding-top: 10px;
    display: inline-block;
}
.sugessionToolSearchAreainner .dropdown-select .dd-searchbox {
    width: 98%;
}
.sugessionToolSearchAreainner .dropdown-select .option.selected {
    font-family: "Inter-SemiBold";
    color: #4d5bec;
}
.sugessionToolSearchAreainner .dropdown-select .dd-searchbox:focus {
    border-color: #4d5bec;
}
.sugessionToolSearchAreainner .dropdown-select .list::-webkit-scrollbar {	width: 3px;	background-color: #F5F5F5;}
.sugessionToolSearchAreainner .dropdown-select .list::-webkit-scrollbar-thumb {background-color: #4d5bec;}
.sugessionToolSearchAreainner .dropdown-select .list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	background-color: #F5F5F5;}

.sugessionToolListingSecinner .rowBox{}
.sugessionToolListingSecinner .columnBox{}
.sugessionToolListingSecinner .sugessionToolListItem{
	margin-bottom:25px;
}
.sugessionToolListingSecinner .sugessionToolListItem:last-child{}
.sugessionToolListIteminner{
     padding: 15px 15px;
    /* border: 1px solid #ddd; */
    border-radius: 8px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
}
.sugessionToolListIteminner .sugessionToolContentArea{
	width:90%;
}
.sugessionToolListIteminner .thumnail {    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    height: 70px;
    text-align: center;
    width: 70px;
    border-radius: 10px;
	overflow:hidden;
	margin-right:15px;
}
.sugessionToolListIteminner .content{
 -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;	
}
.sugessionToolListIteminner .content .title{
    font-family: "Inter-SemiBold";
    font-size: 18px;
    margin-bottom: 5px;	
}	
.sugessionToolListIteminner .content .para{
}
.sugessionToolListIteminner .content .para p{
}

.sugessionToolListIteminner .badge{
    font-family: "Inter-Regular";
    font-weight: normal;
    font-size: 13px;
    padding: 5px 15px 6px;
    font-family: "Inter-SemiBold";
}
.sugessionToolListIteminner .badge.free{}
.sugessionToolListIteminner .badge.paid{}





.footer{
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 240px 0 40px;
    position: relative;
    margin-top: -170px;
    color: #fff;
}
.footer .bg1{	
}
.ftTitle {
    font-family: "Inter-ExtraBold";
    font-size: 18px;
	margin-top:25px;	
}
.usefulLinks {
	margin:0px;
	padding:0px;
}
.usefulLinks li{
    list-style-type: none;
    margin-bottom: 10px;
}
.usefulLinks li:last-child{
	margin-bottom:0px;
}
.usefulLinks li a{
	color:#fff;
}
.usefulLinks li a:hover{}
.usefulLinks2{
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;	
}
.ftSocialArea{}
.ftSocialAreainner{
	align-items:center;
}
.ftSocialArea .title{
	font-family: "Inter-SemiBold";	
	margin-right:15px;
}
.ftSocialList{
	margin:0px;
	padding:0px;	
}
.ftSocialList li{
	list-style-type: none;	
	margin-right:10px;
}
.ftSocialList li:last-child{
	margin-right:0px;
}
.ftSocialList li a{}

.ftInfoBox{
    padding:25px 35px;    
    border-radius: 20px;
    background-color: rgba(255,255,255,0.2);	
}
.ftInfoBox .ftTitle{
	margin-top:0px;
}
.ftInfoBox .ftInfoBtn{	
     background-color: transparent;
    border: 1px solid rgba(255,255,255,0.4);
    padding: 10px 10px 10px;
    border-radius: 10px;
    color: #fff;
    transition: 0.5s;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.metaBadgeIcon{
	margin-bottom:10px;
}
.metaBadgeIcon img{
	height:58px;
}
.metaBadgeText p{
	font-size:14px;
	margin-bottom:6px;
}
.metaBadgeText p i{
    color: #cf0707;	
}


.footerBottom{
	
}
.footerBottominner{
	padding:30px 0;
	border-top:2px solid rgba(255,255,255,0.2);
}
.copywriteText{}
.copywriteText p{}
.copywriteText p strong{
	font-weight:normal;
	font-family: "Inter-SemiBold";
}



.subscribeUnsubscribeSec{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 15px;	
}
.subscribeUnsubscribeWrapper{
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    text-align: center;	
}
.subscribeUnsubscribeSecinner{}
.subscribeUnsubscribeSecinner .thumnail{
    margin-bottom: 20px;	
}
.subscribeUnsubscribeSecinner .thumnail img{}
.subscribeUnsubscribeSecinner .thumnail2{
    margin-bottom: 20px;	
}
.subscribeUnsubscribeSecinner .thumnail2 img{
    max-width: 150px;
    width: 100%;	
}
.subscribeUnsubscribeSecinner .content{
}
.subscribeUnsubscribeSecinner .content .title{
    margin-bottom: 40px;	
}
.subscribeUnsubscribeSecinner .content .para{
    font-size: 16px;	
	margin-bottom:25px;
}
.subscribeUnsubscribeSecinner .content .unsubscribeBtn{
    border: 1px solid #4d5bec;
    background-color: #4d5bec;
    color: #fff;
    box-shadow: none;   
    padding: 10px 25px;	
}


.floatingWhatsappBtn{
    position: fixed;
    bottom: 20px;
    right: 20px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 25%);
    padding: 10px 10px;
    font-size: 13px;
	background-color:#fff;
    color: #05870a;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    z-index: 12;	
}
.floatingWhatsappBtn .icon{
    margin-right: 5px;	
}
.floatingWhatsappBtn .icon img{
    height: 22px;	
}
.floatingWhatsappBtn .icon i{}
.floatingWhatsappBtn .txt{}
.floatingWhatsappBtn:hover{
	color: #05870a;	
}




@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}



@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes flipInY {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
[data-animation] {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.animations-disabled, .animations-disabled [data-animation] {
  -webkit-animation: none !important;
          animation: none !important;
  opacity: 1 !important;
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

.slideInLeft {
  -webkit-animation-name: slideInleft;
          animation-name: slideInleft;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.fadeOut {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  animation-direction: reverse;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

.zoomOut {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  animation-direction: reverse;
}

.zoomReverseIn {
  -webkit-animation-name: zoomReverseIn;
          animation-name: zoomReverseIn;
}

.zoomReverseOut {
  -webkit-animation-name: zoomReverseIn;
          animation-name: zoomReverseIn;
  animation-direction: reverse;
}

.flipInY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

.flipOutY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
  animation-direction: reverse;
}




/*

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.4;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}


@keyframes rotation {
    0% {
    transform: rotate(0);
}
to {
    transform: rotate(359deg);
}
}@keyframes ripple {
    0%, 35% {
    transform: scale(0);
    opacity: 1;
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); } }

@keyframes bounce {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); } }
			
			

@keyframes off-on {
    0% {
    opacity: 0;
}
75% {
    opacity: 1;
}
to {
    opacity: 0;
}
}
*/

@-webkit-keyframes bounce {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@keyframes bounce {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}




@-webkit-keyframes animate-1 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@keyframes animate-1 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@-webkit-keyframes animate-2 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-15vmin);
        transform: translateY(-15vmin)
    }
}

@keyframes animate-2 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-15vmin);
        transform: translateY(-15vmin)
    }
}

@-webkit-keyframes animate-3 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-5vmin);
        transform: translateY(-5vmin)
    }
}

@keyframes animate-3 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-5vmin);
        transform: translateY(-5vmin)
    }
}

@-webkit-keyframes animate-4 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(10vmin);
        transform: translateY(10vmin)
    }
}

@keyframes animate-4 {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(10vmin);
        transform: translateY(10vmin)
    }
}

@-webkit-keyframes animate-5 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@keyframes animate-5 {
    0%,
    to {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    50% {
        -webkit-transform: translateY(-1.5vh) translateX(5vmin);
        transform: translateY(-1.5vh) translateX(5vmin)
    }
}

@keyframes rotateIt {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rotateIt2 {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes movescale {
    0% {
        transform: scale(.6)
    }
    50% {
        transform: scale(.8)
    }
    to {
        transform: scale(.6)
    }
}

@keyframes movescale {
    0% {
        transform: scale(.6)
    }
    50% {
        transform: scale(.8)
    }
    to {
        transform: scale(.6)
    }
}


@keyframes movebounce {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(8px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes moveleftbounce {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(8px)
    }
    to {
        transform: translateX(0)
    }
}


