/* CSS Document */

/* 
    Created on   : 30/08/2020.
    Theme Name   : Chargemonk: Subscription management & recurring revenue model.
    Version      : 1.0.
    Developed by : Jubayer al hasan. (me@heloshape.com) / (www.me.heloshape.com)
   
*/



/**
* Importing necessary  Styles.
**/
@import url('//fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/css/bootstrap.min.css');
/*------- Framework css -----------*/
@import url('framework.css');
/*------- menu ------*/
@import url('../vendor/mega-menu/assets/css/menu.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
/*----Animate css----*/
@import url('../vendor/animate.min.css');
/*-------- AOS css ------*/
@import url('../vendor/aos-next/dist/aos.css');
/*----------- Fancybox css -------*/
@import url('../vendor/fancybox/dist/jquery.fancybox.min.css');
/*----Flaticon-------*/
@import url('../fonts/icon/font/flaticon.css');
/*---------------- Custom Animation -------------*/
@import url('custom-animation.css');


/*^^^^^^^^^^ Fonts ^^^^^^^^^^^^^^^^*/
@font-face {
  font-family: "Circular Std Book";
  src: url("../fonts/Circular_Std_Book/-font-face/860c3ec7bbc5da3e97233ccecafe512e.eot"); /* IE9*/
  src: url("../fonts/Circular_Std_Book/-font-face/860c3ec7bbc5da3e97233ccecafe512e.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/Circular_Std_Book/-font-face/860c3ec7bbc5da3e97233ccecafe512e.woff") format("woff2"), /* chrome、firefox */
       url("../fonts/Circular_Std_Book/-font-face/860c3ec7bbc5da3e97233ccecafe512e.woff") format("woff"), /* chrome、firefox */
       url("../fonts/Circular_Std_Book/-font-face/860c3ec7bbc5da3e97233ccecafe512e.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
       url("../fonts/Circular_Std_Book/-font-face/860c3ec7bbc5da3e97233ccecafe512e.svg") format("svg"); /* iOS 4.1- */
}
@font-face {
  font-family: "Circular Std Medium";
  src: url("../fonts/Circular_Std_Medium/-font-face/9475d6a0b79c164f9f605673714e75d9.eot"); /* IE9*/
  src: url("../fonts/Circular_Std_Medium/-font-face/9475d6a0b79c164f9f605673714e75d9.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/Circular_Std_Medium/-font-face/9475d6a0b79c164f9f605673714e75d9.woff") format("woff2"), /* chrome、firefox */
       url("../fonts/Circular_Std_Medium/-font-face/9475d6a0b79c164f9f605673714e75d9.woff") format("woff"), /* chrome、firefox */
       url("../fonts/Circular_Std_Medium/-font-face/9475d6a0b79c164f9f605673714e75d9.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
       url("../fonts/Circular_Std_Medium/-font-face/9475d6a0b79c164f9f605673714e75d9.svg") format("svg"); /* iOS 4.1- */
}
@font-face {
  font-family: "Circular Std Bold";
  src: url("../fonts/Circular_Std_Bold/-font-face/961a181da27e7cbc072ec2fb5bbfe2a9.eot"); /* IE9*/
  src: url("../fonts/Circular_Std_Bold/-font-face/961a181da27e7cbc072ec2fb5bbfe2a9.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/Circular_Std_Bold/-font-face/961a181da27e7cbc072ec2fb5bbfe2a9.woff") format("woff2"), /* chrome、firefox */
       url("../fonts/Circular_Std_Bold/-font-face/961a181da27e7cbc072ec2fb5bbfe2a9.woff") format("woff"), /* chrome、firefox */
       url("../fonts/Circular_Std_Bold/-font-face/961a181da27e7cbc072ec2fb5bbfe2a9.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
       url("../fonts/Circular_Std_Bold/-font-face/961a181da27e7cbc072ec2fb5bbfe2a9.svg") format("svg"); /* iOS 4.1- */
}
@font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff2'), /* Super Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}

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

*************************** Start Styling Your theme from here ***************************

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

====================================================================
  Loading Transition
====================================================================

 ***/
.ctn-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99900;
  background: #fff;
}
.ctn-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}
/* Spinner cargando */
.ctn-preloader .animation-preloader img {
  width: 70px;
  margin: 0 auto 0;
}
/*------------- Global Prefix -------------------*/
::-webkit-scrollbar{ width: 5px; }
::-webkit-scrollbar-track { background: #fff;}
::-webkit-scrollbar-thumb { background: var(--p-color);border-radius: 30px;}
:root {
  --text-color: #474d54;
  --text-light:#575757;
  --heading :#000;
  --p-color: #5954FF;
  --s-color:#FF9947;
}
::selection {
  background-color: rgba(89,84,244,0.6);
  color: #fff;
}
body {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  font-size: 16px;
  position: relative;
  line-height: 25px;
  color: var(--text-color);
  padding-top: 125px;
}
/*______________________ Global style ___________________*/
.main-page-wrapper {overflow-x:hidden;}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6 {color: var(--heading); font-weight: normal;}
.h1,h1 {font-size: 80px; font-family: "Circular Std Bold";}
.h2,h2 {font-size: 42px; font-family: "Circular Std Medium";}
.h3,h3 {font-size: 24px; font-family: "Circular Std Medium";}
.h4,h4 {font-size: 22px; font-family: "Circular Std Medium";}
.h5,h5 {font-size: 20px; font-family: "Circular Std Medium";}
.h6,h6 {font-size: 15px; font-family: "Circular Std Medium";}
/*-------------- Prefix Classes ----------------*/
.tran3s   {
  transition: all 0.3s ease-in-out;
}
.tran4s {
  transition: all 0.4s ease-in-out;
}
.tran5s {
  transition: all 0.5s ease-in-out;
}
.tran6s {
  transition: all 0.6s ease-in-out;
}
/*^^^^^^^^^^^^^^^^^^^^^ Section Title ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.title-style-one {text-align: center;}
.title-style-one h6 {
  font-family: "Circular Std Book";
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 26px;
  color: rgba(25,25,32,0.3);
}
.title-style-one h2 {
  font-family: "Circular Std Bold";
  font-size: 53px;
  line-height: 1.02em;
}
.title-style-one h2 span {position: relative; display: inline-block; z-index: 1;}
.title-style-one h2 span:before {
  content: '';
  position: absolute;
  height: 12px;
  width: 100%;
  background: #FFCB71;
  left: 0;
  bottom: 7px;
  z-index: -1;
}
.title-style-one p {font-size: 22px; padding-top: 22px;}
.title-style-two h3 {font-size: 44px;}
.title-style-two .icon {height: 75px;margin: 0 auto 20px;}
/*^^^^^^^^^^^^^^^^^^^^^ Theme Button ^^^^^^^^^^^^^^^^^^^^^^^^^*/
body .theme-btn {
  font-family: "Circular Std Book";
  font-size: 18px;
  padding: 0 40px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
body .theme-btn.roundB {border-radius: 30px;}
body .button-solid-one {
  background: var(--s-color);
  color: #fff;
  line-height: 50px;
}
body .button-solid-one:hover {background: var(--p-color);}
body .button-line-one {
  color: var(--s-color);
  border:1.5px solid var(--s-color);
  line-height: 47px;
}
body .button-line-one:hover {background: var(--p-color); border-color: var(--p-color); color: #fff;}
/*^^^^^^^^^^^^^^^^^^^^^ Theme Menu ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.theme-main-menu {
  position: fixed;
  z-index: 99;
  top:0;
  left:0;
  right: 0;
  background: #fff;
  padding: 20px 70px;
  transition: all 0.4s ease-out;
}
.theme-main-menu .logo a {display: block;}
.theme-main-menu .right-content .button-group {
  line-height: 45px;
  color: #16165B;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}
.theme-main-menu .right-content .signUp-action {
  font-family: "Circular Std Medium";
  padding: 0 38px;
  color: #fff;
  background: var(--p-color);
  border-radius: 3px;
  margin-left: 30px;
  box-shadow: 0 15px 20px 0px rgba(0,0,0,0.05);
}
.theme-main-menu .right-content .signUp-action:hover {
  background: var(--s-color);
  box-shadow: 0 15px 20px 0px rgba(255,153,71,0.05);
}
.theme-main-menu .right-content .signIn-action {font-family: "Circular Std Book"; font-size: 18px;}
.theme-main-menu .right-content .signIn-action:hover {color: var(--s-color);}
/*^^^^^^^^^^^^^^^^^^^^^ Sticky Menu ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.sticky-menu.fixed {
  z-index: 1020;
  margin: 0 !important;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 0 13px 35px -12px rgba(35,35,35,0.1);
}
/*----------------- Theme Main Banner ---------------*/
.main-hero-banner {
  max-width: 1920px;
  margin: 0 auto;
  padding: 78px 0 0;
}
.main-hero-banner .illustration-holder {
  max-width: 43%;
  margin-right:2%;
  position: relative;
}
.main-hero-banner .hero-text-wrapper {
  max-width: 610px;
  margin-left: 5%;
  padding-top: 70px;
}
.main-hero-banner .hero-text-wrapper h1 {
  line-height: 60px;
  font-size: 56px
}
.main-hero-banner .hero-text-wrapper span {position: relative; display: inline-block;}
.main-hero-banner .hero-text-wrapper span:before {
  content: '';
  position: absolute;
  height: 18px;
  width: 100%;
  background: #FFCB71;
  left: 0;
  bottom: 2px;
  z-index: -1;
}
.main-hero-banner .hero-text-wrapper .sub-text {
  font-size: 20px;
  line-height: 31px;
  color: #6B6B6B;
  padding: 25px 0 44px;
}
.main-hero-banner .hero-text-wrapper form {
  position: relative;
  max-width: 490px;
}
.main-hero-banner .hero-text-wrapper input {
  font-family: "Circular Std Book";
  font-size: 18px;
  width: 100%;
  height: 60px;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  padding: 0 155px 0 23px;
  color: var(--text-color);
}
.main-hero-banner .hero-text-wrapper button {
  position: absolute;
  right: 0;
  top:0;
  bottom: 0;
  border-radius: 0 5px 5px 0;
  width: 200px;
  color: #fff;
  font-family: "Circular Std Book";
  font-size: 17px;
  background: var(--p-color);
  transition: all 0.3s ease-in-out;
}
.main-hero-banner .hero-text-wrapper button:hover {background: var(--s-color);}
.main-hero-banner .hero-text-wrapper .demo-request {
  font-family: "Circular Std Book";
  font-size: 18px;
  padding-top: 25px;
}
.main-hero-banner .hero-text-wrapper .demo-request a {
  font-family: "Circular Std Medium";
  color: #000000;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.main-hero-banner .hero-text-wrapper .demo-request a:hover {color: var(--s-color);}
/*----------------- Service Section ---------------*/
.our-services-section .inner-container {
  max-width: 1560px;
  margin: 0 auto;
  padding: 30px 20px 60px;
  position: relative;
}
.our-services-section .inner-container .main-bg {
  background: #e8f4ff;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  padding: 40px 0 70px;
}
.our-services-section .inner-container .main-bg:before {
  content: url(../images/shape/3.svg);
  position: absolute;
  left: -8px;
  bottom: -7px;
}
.our-services-section .inner-container .main-bg:after {
  content: url(../images/shape/4.svg);
  position: absolute;
  right: -8px;
  top: -7px;
}
.our-services-section .inner-container .main-bg .line-shape {
  position: absolute;
  width: 6px;
  height: 300px;
  background: #d9efff;
  transform: rotate(45deg);
}
.our-services-section .inner-container .main-bg .line-one {left: 56px; top:-49px;}
.our-services-section .inner-container .main-bg .line-two {right: 119px; bottom:-122px; height: 500px}
.our-services-section .inner-container .shape-one {
  position: absolute;
  right: -9px;
  top:0;
  z-index: 1;
  animation: jumpTwo 3s infinite linear;
}
.our-services-section .inner-container .shape-two {
  position: absolute;
  left: -3%;
  bottom:0;
  z-index: 1;
  animation: jumpTwo 2s infinite linear;
}
.block-style-one {text-align: center;}
.our-services-section .row [class*="col-"],.block-style-one {display: flex;}
.block-style-one a {
  display: flex;
  flex-direction: column;
}
.block-style-one .icon {
  margin: 0 auto 20px;
  height: 58px;
  transition: all 0.3s ease-in-out;
}
.block-style-one:hover .icon {transform: translateY(-5px);}
.block-style-one .text {
  display: block;
  color: var(--text-color);
  padding: 5px 55px 15px;
  flex: 1 0 auto;
  font-size: 15px;
}
.block-style-one .arrow {
  font-size: 35px;
  color: rgba(0,0,0,0.2);
  transition: all 0.3s ease-in-out;
}
.block-style-one:hover .arrow {color: var(--s-color);}
/*---------------- How It Works ---------------*/
.block-style-two.row {margin: 0 -15px;}
.block-style-two.row [class*="col-"] {padding: 0 15px;}
.block-ST-wrapper .bg-color {background: #EFF7FF;padding-top: 150px;}
.how-it-works .row { 
  padding-bottom: 260px; 
  position: relative;
}
.block-style-two .text-wrapper .icon {
  height: 50px;
  margin-bottom: 20px;
}
.block-style-two .text-wrapper p {
  font-size: 18px;
  line-height: 1.75em;
  color: #5D646C;
  padding-top: 18px;
}
.block-style-two .text-wrapper p a {
  color: #000;
  text-decoration: underline;
  font-weight: 700;
}
.block-style-two .text-wrapper .more-button {
  font-family: "Circular Std Medium";
  font-size: 18px;
  color: var(--p-color);
  margin-top: 35px;
  transition: all 0.2s ease-in-out;
}
.block-style-two .text-wrapper .more-button span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.65em;
}
.block-style-two .text-wrapper .more-button:hover {color: var(--s-color);}
.block-style-two .st-list-item {padding-top: 15px;}
.block-style-two .st-list-item li {
  float: left;
  font-family: "Circular Std Book";
  font-size: 13px;
  line-height: 30px;
  border:1px solid var(--s-color);
  border-radius: 15px;
  color: var(--s-color);
  padding: 0 18px;
  margin: 10px 8px 0 0;
}
.how-it-works .row:nth-child(odd):before {
  content: url(../images/assets/line01.svg);
  position: absolute;
  bottom: 30px;
  left: 27%;
}
.how-it-works .row:nth-child(even):before {
  content: url(../images/assets/line02.svg);
  position: absolute;
  bottom: 19px;
  left: 26%;
}
.how-it-works .row:nth-child(even) {padding-bottom: 240px;}
.how-it-works .row:first-child .img-holder {padding-right: 30px;}
.how-it-works .row:last-child {padding-bottom: 0;}
.how-it-works .row:last-child:before {display: none;}
.block-style-two .img-holder {position: relative;}
.block-style-two .img-left {margin-left: -30px;}
.block-style-two .img-right {margin-right: 0;}
.block-style-two .img-right .illustration {float: right;}
.block-style-two .img-holder .illustration {position: relative;}
/*---------------- CEO Speech ----------------*/
.ceo-speech-section {
  background: #F8FCFF;
  padding: 45px 0 190px;
}
.ceo-speech-section .wrapper {position: relative; z-index: 1;}
.ceo-speech-section .text-wrapper .icon {width: 140px; margin-left: -31px;}
.ceo-speech-section .text-wrapper h2 {
  line-height: 1.02em;
  font-size: 52px;
}
.ceo-speech-section .text-wrapper h2 span {position: relative; display: inline-block;}
.ceo-speech-section .text-wrapper h2 span:before {
  content: '';
  position: absolute;
  height: 12px;
  width: 100%;
  background: #FFCB71;
  left: 0;
  bottom: 5px;
  z-index: -1;
}
.ceo-speech-section .text-wrapper p {
  font-family: "Circular Std Book";
  font-size: 22px;
  line-height: 1.8em;
  padding: 30px 50px 48px 0;
}
.ceo-speech-section .text-wrapper .site-bio {padding-left: 25px;}
.ceo-speech-section .text-wrapper .site-bio h5 {
  position: relative;
}
.ceo-speech-section .text-wrapper .site-bio h5:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  background: #000;
  left: -25px;
  top:11px;
}
.ceo-speech-section .text-wrapper .site-bio span {
  font-size: 17px; 
  color: #8B9197;
  font-style: italic;
  display: block;
  margin-top: 2px;
}
.ceo-speech-section .img-container {
  position: absolute;
  top:-165px;
  right: 0;
  z-index: 1;
}
.ceo-speech-section .img-container .ceo-img {max-width: 475px; border-radius: 40px;}
.ceo-speech-section .img-container .shape-one {
  position: absolute;
  right: -35px;
  top:-20px;
  z-index: 1;
}
.ceo-speech-section .img-container .shape-two {
  position: absolute;
  left: -105px;
  bottom:-60px;
  z-index: 1;
}

/*----------------- Blog page ---------------*/

.read-more{
  border-radius: 4px;
  background-color: #fff;
  color: #5954FF;
  padding: 9px 24px;
  font-size: 14px;
}
.read-more:hover{color: #fff;background-color: #ff9947;}
.input-group-text-cust{
  background-color: #FF9947;
  color: #fff;
  padding: 8px 20px;
  border: 0;
  font-size: 14px;
}
.cust-sub{
  padding: 8px 20px;
  border: 0;
  height: calc(1.5em + .75rem + 6px);
}
.cust-sub:focus{
  outline: 0;
  box-shadow: none;
}
.cust-sub::placeholder{color: #9C9C9C;}
.block-style-three-blog{
  background: #fff;
  padding: 0;
  border-radius: 5px;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  margin-bottom: 30px;
}
.blog-desc{
  padding: 25px 66px 25px 25px;
}
.read-more-1{
  border-radius: 4px;
  background-color: #5954FF;
  color: #fff;
  padding: 7px 24px;
  font-size: 14px;
}
.read-more-1:hover{color: #fff;background-color: #ff9947;}
.gr-title{
  font-size: 22px;
  color: #5954FF;
  margin-bottom: 10px;
}

/*----------------- Footer Banner ---------------*/
.footer-banner {
  background: #7034FF;
  padding: 90px 0 85px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.footer-banner:before {
  content: '';
  width: 305px;
  height: 305px;
  background: rgba(216,216,216,0.14);
  position: absolute;
  right: -155px;
  top:-155px;
  border-radius: 50%;
  animation: jello 3s infinite linear;
}
.footer-banner:after {
  content: '';
  width: 68px;
  height: 62px;
  background: rgba(216,216,216,0.14);
  position: absolute;
  left: 6%;
  bottom:-32px;
  border-radius: 50%;
  animation: jello 3s infinite linear;
}
.footer-banner h2 {
  font-size: 52px;
  line-height: 1.15em;
  color: #fff;
}
.footer-banner a {
  font-family: "Circular Std Book";
  font-size: 18px;
  color: var(--p-color);
  padding: 0 40px;
  line-height: 52px;
  border-radius: 5px;
  background: #fff;
  margin-top: 40px;
  transition: all 0.3s ease-in-out;
}
.footer-banner a:hover {
  background: var(--s-color);
  color: #fff;
}
/*--------------- Footer -------------*/
/*.theme-footer .row .col-L {
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  max-width: 22%;
}
.theme-footer .row .col {
  -ms-flex: 0 0 19.5%;
  flex: 0 0 19.5%;
  max-width: 19.5%;
}*/
.theme-footer {padding-top: 110px;}
.theme-footer .footer-title {
  font-family: "Circular Std Medium";
  font-size: 22px;
  padding: 5px 0 35px;
}
.theme-footer .footer-about-widget p {
  font-size: 17px;
  font-family: "Circular Std Book";
  padding: 12px 0 24px;
  line-height: 1.6em;
}
.theme-footer .footer-about-widget ul li {display: inline-block;}
.theme-footer .footer-about-widget ul li a {
  font-size: 20px;
  margin-right: 14px;
  color: rgba(0,0,0,0.3);
  transition: all 0.3s ease-in-out;
}
.theme-footer .footer-about-widget ul li a:hover {color:var(--p-color);}
.theme-footer .footer-list ul li a {
  font-family: "Circular Std Book";
  line-height: 22px;
  margin-bottom: 12px;
  transition: all 0.3s ease-in-out;
}
.theme-footer .footer-list ul li a:hover {color: var(--p-color);}
.theme-footer .top-footer [class*="col-"] {margin-bottom: 25px;}
.theme-footer .bottom-footer-content {
  border-top: 1px solid rgba(0,0,0,0.1);
  text-align: center;
  padding: 28px 0;
  margin-top: 45px;
}
.theme-footer .bottom-footer-content p {font-family: "Circular Std Book"; font-size: 17px;}
.theme-footer .bottom-footer-content p a {color: var(--p-color);}
/*------------------- Theme Secondary Banner --------------*/
.theme-secondary-banner {margin: 0 70px 175px;}
.theme-secondary-banner .inner-container {position: relative;}
.theme-secondary-banner .main-bg {
  background: #EDF7FF;
  border-radius: 20px;
  padding-top:120px;
  position: relative;
  overflow: hidden;
  z-index: 5;
}
.theme-secondary-banner .main-bg:before {
  content: url(../images/shape/10.svg);
  position: absolute;
  left: -10px;
  bottom: -10px;
  z-index: -1;
  animation: jello 2s infinite linear;
}
.theme-secondary-banner .main-bg:after {
  content: url(../images/shape/9.svg);
  position: absolute;
  right: -8px;
  top: -7px;
  z-index: -1;
  animation: scale-right 5s infinite linear;
}
.theme-secondary-banner .title-style-one h2 {font-size: 55px; line-height: 1.2em;}
.theme-secondary-banner .title-style-one .button-group a {margin: 10px 15px 0;}
.theme-secondary-banner .title-style-one .button-group {padding-top: 52px;}
.theme-secondary-banner .nav-container {
  position: relative;
  background: #fff;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  margin-top: 140px;
}
.theme-secondary-banner .nav-container a {
  width: 16.6666666%;
  padding: 36px 10px 36px 30px;
  border-bottom: 1px solid #F1F1F1;
}
.theme-secondary-banner .nav-container  a .icon {width: 32px;}
.theme-secondary-banner .nav-container  a .title {
  font-family: "Circular Std Book";
  font-size: 18px;
  line-height: 20px;
  color: #000;
  width: calc(100% - 32px);
  padding-left: 15px;
}
.theme-secondary-banner .nav-container a.active {background: var(--p-color); border-bottom-color:var(--p-color);}
.theme-secondary-banner .nav-container a.active .title {color: #fff;}
.theme-secondary-banner .main-bg .line-shape {
  position: absolute;
  width: 5px;
  background: #d9efff;
  z-index: -1;
  transform: rotate(39deg);
}
.theme-secondary-banner .main-bg .line-one {left: 49px; top:-49px; height: 214px;}
.theme-secondary-banner .main-bg .line-two {left: 138px; top:-96px; height: 500px;}
.theme-secondary-banner .main-bg .line-three {right: 134px; bottom:-138px; height: 400px; transform: rotate(60deg);}
.theme-secondary-banner .main-bg .line-four {right: 210px; bottom:-138px; height: 650px; transform: rotate(60deg);}
.theme-secondary-banner .inner-container .shape-one {
  position: absolute;
  right: -35px;
  bottom:-25px;
  z-index: 9;
}
.theme-secondary-banner .inner-container .navigation-button {
  width: 57px;
  line-height: 57px;
  background: #fff;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  position: absolute;
  z-index: 9;
  font-weight: 700;
  top:40%;
  transition: all 0.2s ease-in-out;
}
.theme-secondary-banner .inner-container .navigation-button:hover {
  background: var(--s-color);
  color: #fff;
}
.theme-secondary-banner .inner-container #prev-button {left:-25px;}
.theme-secondary-banner .inner-container #next-button {right:-25px;}

.theme-secondary-banner .inner-container #prev-button span:before {
  transform: rotate(180deg);
  display: inline-block;
}
/*----------------- Product Page Details -------------*/
.product-bg-color-wrapper {
  background: #EFF7FF;
  padding: 135px 0 170px;
  margin-top: 150px;
  position: relative;
}
.product-bg-color-wrapper .shape-one {
  position: absolute;
  right: 140px;
  top:-30px;
  z-index: 1;
}
.product-bg-color-wrapper .shape-two {
  position: absolute;
  left: 140px;
  top:-30px;
  z-index: 1;
}
.product-bg-color-wrapper .shape-three {
  position: absolute;
  right: 140px;
  bottom:-30px;
  z-index: 1;
}
.product-bg-color-wrapper.inner-page-style {margin: 0;padding: 130px 0 80px;}
.image-block-rec {flex-direction: column;}
.block-style-three {
  background: #fff;
  padding: 40px 30px 38px 45px;
  border-radius: 5px;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  margin-bottom: 30px;
}
.block-style-three:hover {box-shadow: 0 13px 22px 0px rgba(35,35,35,0.08);}
.block-style-three .icon {height: 52px; margin: 0 auto 15px 0;}
.col-md-6 .block-style-three.text-center .icon {height: 80px; margin: 0 auto 20px;}
.col-lg-4 .block-style-three.text-center .icon {height: 65px; margin: 0 auto 15px;}

.col-lg-6 .block-style-three.text-center,
.col-lg-4 .block-style-three.text-center {box-shadow: 0px 5px 0px 0px rgba(27,48,120,0.07);}
.col-lg-6 .block-style-three .icon {height: 46px; margin: 0 auto 22px 0;}
.block-style-three h3 {flex: 1 0 auto;}
.block-style-three p {line-height: 25px; padding: 15px 0 30px; flex: 1 0 auto;}
.block-style-three a {
  font-family: "Circular Std Book";
  display: block;
  color: var(--p-color);
  transition: all 0.3s ease-in-out;
}
.block-style-three a span {
  float: right; 
  font-size: 28px; 
  color: rgba(0,0,0,0.2);
  padding-right: 5px;
  transition: all 0.3s ease-in-out;
}
.block-style-three:hover a span {color: var(--p-color);}
.block-style-three ul li {
  font-family: "Circular Std Medium";
  color: #191920;
  font-size: 14px;
}
/*---------------------- Product Page Details --------------*/
.pament-gateway-section .title {
  font-size: 44px;
  text-align: center;
}
.pament-gateway-section .country-selection-wrapper {
  max-width: 985px;
  margin: 70px auto 40px;
  border:1px solid #E4E4E4;
  border-radius: 8px;
  padding: 50px 20px 50px;
}
.pament-gateway-section .country-selection-wrapper h6 {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 22px;
}
.pament-gateway-section .country-selection-wrapper .main-content__choose-country__select {
  max-width: 580px;
  width: 100%;
  margin: 0 auto;
  display: block;
  border:none;
  background: #F5FBFF;
  border-radius: 5px;
  height: 70px;
  padding: 0 20px;
  outline: none;
  box-shadow: 3px 3px 0px 0px rgba(27,48,120,0.07);
}
.pament-gateway-section .country-selection-wrapper .info-text-1 {text-align: center; padding-top: 22px;}
.pament-gateway-section .country-selection-wrapper .info-text-1 a {text-decoration: underline; color: var(--p-color);}
.pament-gateway-section .result-data {
  max-width: 630px;
  margin: 50px auto 0;
}
.pament-gateway-section .result-data .flag {width: 65px;}
.pament-gateway-section .result-data ul {
  width: calc(100% - 65px);
  padding-left: 25px;
  margin: 0 -20px;
}
.pament-gateway-section .result-data ul li {
  float: left;
  padding: 5px 0px;
}
.pament-gateway-section .result-data ul li a{
  font-family: "Circular Std book";
  color: var(--p-color);
  transition: all 0.2s ease-in-out;
}
.pament-gateway-section .result-data ul li a:hover {text-decoration: underline;}
.pament-gateway-section .info-text-2 {
  font-size: 23px;
  text-align: center;
  line-height: 35px;
}
.pament-gateway-section .info-text-2 a {text-decoration: underline; color: #000;}
.resources-nav-style {
  margin: 0;
  border: 1px solid #DDDDDD;
  border-bottom: none;
  border-radius: 25px 25px 0 0;
  padding: 22px 30px;
}
.resources-nav-style .nav-link {
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  line-height: 30px;
  padding: 0 22px;
  border-radius: 15px;
  border:none;
  transition: all 0.3s ease-in-out;
}
.resources-nav-style .nav-link.active {
  background: #EBECFF;
  color: var(--p-color);
}
.dev-resources-section .tab-content {
  background: #000000;
  padding: 30px;
  min-height: 565px;
  max-height: 565px;
  overflow-y: auto;
}
pre .pun,pre .pln {color: #fff;}
.typ {color: #ff0e88;}
.prettyprint .str {color: #52B967;}
pre .lit, code .lit {color: #b98d74;}
/*-------------------- Theme Text Banner ---------------*/
.theme-text-banner {
  text-align: center;
  padding: 125px 0 125px;
  border-top: 1px solid #ECECEC;
}
.theme-text-banner .icon {
  height: 70px;
  margin: 0 auto 25px;
}
.theme-text-banner h1 {font-size: 52px;}
.theme-text-banner p {
  font-size: 20px;
  line-height: 35px;
  padding: 32px 50px 0;
}
/*---------------- Block Style Four ---------------*/
.block-style-four {
  background: #F3F8FF;
  border-radius: 5px;
  text-align: center;
  padding: 55px 72px 55px;
  margin-bottom: 35px;
  flex-direction: column;
}
.block-style-four .icon {height: 52px; margin: 0 auto 25px;}
.block-style-four p {padding-top: 25px; line-height: 28px; flex: 1 0 auto;}
.section-border-style .wrapper {
  border-bottom: 1px solid #efefef;
  padding-bottom: 80px;
  margin-bottom: 120px;
}
.section-border-style .wrapper.space-fix {padding-bottom: 40px;margin-bottom: 50px;}
/*---------------- Block Style Five ---------------*/
.block-style-five .wrapper {
  background: #F3F8FF;
  border-radius: 10px;
  padding: 55px 50px;
  margin-bottom: 35px;
}
.block-style-five .wrapper .icon {width: 115px;}
.block-style-five .wrapper .num {
  font-weight: 100;
  font-size: 110px;
  color: #C7D8F2;
}
.block-style-five .wrapper .text-wrapper {padding-left: 30px;}
.block-style-five .wrapper .text-wrapper p {line-height: 28px; padding-top: 15px;}
/*---------------- Checkout Tab --------------*/
.checkout-nav-style {border: none;}
.checkout-nav-style .nav-item {
  -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  margin: 0;
}
.checkout-nav-style .nav-item .nav-link {
  font-family: "Circular Std Book";
  font-size: 20px;
  line-height: 60px;
  border-radius: 10px;
  border:none;
  padding: 0 22px;
  color: #B5B5B5;
  margin-bottom: 10px;
  max-width: 355px;
  transition: all 0.3s ease-in-out;
}
.checkout-nav-style .nav-item .nav-link.active {background: var(--p-color); color: #fff;}
.checkout-tab-wrapper .tab-content p {
  font-size: 20px;
  line-height: 35px;
  margin-top: -12px;
}
.checkout-tab-wrapper .tab-content img {margin: 0 auto;}
/*------------------ Pricing Plan -------------*/
.pricing-plan-section .pr-table-wrapper {
  position: relative;
  padding-left: 570px;
  border-bottom: 1px solid #E0E9EF;
}
.pricing-plan-section .plan-meta {
  position: absolute;
  left: 0;
  top:12px;
  max-width: 280px;
}
.pricing-plan-section .plan-meta h3 {font-size: 28px; padding-bottom: 5px;}
.pricing-plan-section .plan-meta p {
  font-family: "Circular Std Book";
  font-size: 15px;
  line-height: 20px;
  color: #5D646C;
  padding-top: 16px;
}
.pricing-plan-section .plan-meta p a {
  color: var(--s-color);
  text-decoration: underline;
}
.pricing-plan-section .pr-table-wrapper .pr-sidebar-list-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 570px;
  text-align: left;
  border-left: 1px solid #E0E9EF;
}
.pricing-plan-section .pr-table-wrapper .pr-sidebar-list-wrapper h6,
.pricing-plan-section .pr-table-wrapper .pr-sidebar-list-wrapper li {
  padding-left: 25px;
  line-height: 48px;
}
.pr-table-wrapper .pr-column {
  float: left;
  width: 50%;
  text-align: center;
  border-left: 1px solid #E0E9EF;
}
.pr-table-wrapper .pr-column:last-child {border-right: 1px solid #E0E9EF;}
.pr-table-wrapper .pr-column .pr-header .pr-plan-meta {
  background: #6865FE;
  color: #fff;
  padding: 26px 0;
}
.pr-table-wrapper .pr-column .pr-header .pr-plan-meta h3 {
  font-family: "Circular Std Book";
  font-size: 30px;
  color: #fff;
}
.pr-table-wrapper .pr-column .pr-header .price {
  font-family: "Circular Std Book";
  font-size: 50px;
  padding: 18px 0 15px;
}
.pr-table-wrapper .pr-column .pr-header .price sup {font-size: 22px; top:-16px;}
.pr-table-wrapper .pr-column .pr-header .price sub {font-size: 20px; bottom:0;}

.pr-table-wrapper .pr-column .pr-header span {
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.8);
}
.pr-table-wrapper .pr-column .pr-header p {
  font-family: "Circular Std Book";
  font-size: 11px;
  line-height: 14px;
  padding: 15px 15px 25px;
}
.pr-table-wrapper .pr-column .lg-DN {display: none;}
.pr-table-wrapper .pr-title {
  min-height: 49px;
  background: #F9FCFE;
  border-top: 1px solid #E1E8EF;
}
.pr-table-wrapper .pr-title h6 {font-size: 16px;}
.pr-table-wrapper .pr-list-item {
  min-height: 49px;
  border-top: 1px solid #E1E8EF;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  flex-direction: column;
}
.pr-table-wrapper .pr-list-item span {font-size: 15px;}
.pr-table-wrapper .pr-list-item [class*="fa-check"] {color: #36D290; font-size: 18px;}
.pr-table-wrapper .pr-list-item [class*="fa-times-circle"] {color: #ec5f5f; font-size: 18px;}
/*---------------------- Random Style --------------------*/
.more-info-text {
  text-align: center;
  padding: 120px 0 90px; 
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 120px;
}
.more-info-text p {font-size: 24px; padding-bottom: 25px;}
.more-info-text ul li {line-height: 35px;}
.more-info-text ul li img {display: inline-block; vertical-align: middle;}
.more-info-text ul li a {
  color: #6082FF; 
  margin-left: 8px;
  text-decoration: underline;
}
/*------------------------ FAQ Section ---------------------*/
.faq-section.border-top-style {border-top: 1px solid #ECECEC; padding: 150px 0 150px;}
.faq-nav-style {
  margin: 0;
  border: none;
  border-bottom: none;
  border-radius: 0;
  padding: 0;
}
.faq-nav-style .nav-item {margin: 0;}
.faq-nav-style .nav-link {
  font-family: "Circular Std Book";
  font-size: 18px;
  background: #F5FCFF;
  color: #000;
  text-transform: capitalize;
  line-height: 45px;
  padding: 0;
  width: 140px;
  text-align: center;
  border-radius: 26px;
  border:1px solid #E1F2F9;
  transition: all 0.3s ease-in-out;
}
.faq-nav-style .nav-link.active {
  background: var(--p-color);
  border-color: var(--p-color);
  color: #fff;
}
.faq-section .card {
  background: #fff;
  border-radius: 0;
  border: none;
}
.faq-section .card .card-header {
  background: #fff;
  border-radius: 0;
  padding: 0;
  border:none;
}
.faq-section .card .card-header button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 35px 35px 12px 0;
  font-family: "Circular Std Medium";
  font-size: 20px;
  border:none;
  border-radius: 0;
  margin: 0;
  color: var(--heading);
  text-decoration: none;
  position: relative;
  border-bottom: 1px solid transparent;
}
.faq-section .card .card-header button[data-toggle="collapse"].collapsed {
  border-bottom: 1px solid #DCDCDC;
  padding: 35px 20px 35px 0;
}
.faq-section .card .card-header button[data-toggle="collapse"]:before {  
  content: "\f107";
  font-family: 'font-awesome';
  position: absolute;
  right: 10px;
  top:65%;
  transform: translateY(-50%) rotate(180deg);
  
}
.faq-section .card .card-header button[data-toggle="collapse"].collapsed:before {
  content: "\f106";
  top:50%;
}
.faq-section .card .card-body {
  border-bottom: 1px solid #DCDCDC;
  padding: 0 80px 20px 0;
}
.faq-section .card .card-body p {padding-bottom: 15px;}
.faq-section .card .card-body p a {
  text-decoration: underline;
  color: var(--p-color);
}
.faq-section .card:last-child .card-body {border:none; padding-bottom: 0;}
/*---------------- About Us Section ----------------*/
.about-us-section {padding: 145px 0 0; border-top: 1px solid #ECECEC;}
.about-us-section .text-wrapper p {
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 35px;
}
.about-us-section .text-wrapper  .site-bio span {
  color: #8B9197;
  display: block;
  margin-top: 2px;
}
.about-us-section .img-box {position: relative;z-index: 9; display: inline-block; margin-bottom: -6px;}
.about-us-section .img-box .CS-IP-ceo1 {
  top:10%;
  left:-25%;
  z-index: -1;
  max-width: 672px;
  animation: rotated 35s infinite linear;
}
.about-us-section .img-box .CS-IP-ceo2 {
  top:20%;
  right:9%;
  z-index: 0;
  z-index: -1;
  animation: jump 10s infinite linear;
}
/*------------------ Get In Touch Area --------------*/
.form-style-one input {
  width: 100%;
  height: 60px;
  border:1px solid #D6DDE8;
  border-radius: 5px;
  padding: 0 25px;
  font-family: "Circular Std book";
  font-size: 15px;
  margin-bottom: 20px;
}
.form-style-one textarea {
  width: 100%;
  min-height: 170px;
  max-height: 170px;
  border:1px solid #D6DDE8;
  border-radius: 5px;
  padding: 15px 25px;
  font-family: "Circular Std book";
  font-size: 15px;
  margin-bottom: 20px;
  resize: none;
}
.form-style-one.bg-format input {background: #F6FBFE; height: 55px;}
.form-style-one.bg-format textarea {background: #F6FBFE;}
/*---------------- Test Card Numbers ----------------*/
.test-card-section h2{ font-size: 35px; padding-bottom: 40px;}
.test-card-section table {margin: 0;}
.test-card-section thead th {
  background: #F9FCFE;
  border:none;
  border-top:1px solid #E1E8EF;
  border-right:1px solid #E1E8EF;
  text-align: center;
  font-family: "Circular Std Medium";
  font-size: 21px;
  padding-top: 17px;
  padding-bottom: 17px;
  font-weight: normal;
}
.test-card-section thead th:first-child,
.test-card-section tbody tr td:first-child {
  text-align: left;
  border-left:1px solid #E1E8EF;
}
.test-card-section thead th:first-child {border-radius: 5px 0 0 0;}
.test-card-section tbody tr:last-child td {border-bottom:1px solid #E1E8EF;}
.test-card-section tbody tr td {
  background: #fff;
  border:none;
  border-top:1px solid #E1E8EF;
  border-right:1px solid #E1E8EF;
  text-align: center;
  font-family: "Circular Std Book";
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #6E7072;
}
/*-------------------- Contact US Section --------------*/
.contact-us-page {padding: 160px 0 200px; border-top: 1px solid #ECECEC;}
.contact-us-page .enquiry-area .icon {width: 40px; margin-right: 25px;}
.contact-us-page .enquiry-area a {
  font-family: "Circular Std Medium";
  font-size: 24px;
  color: var(--heading);
}
.contact-us-page .enquiry-area h3 {margin: -3px 0 4px;}
.contact-us-page .enquiry-area a:hover {text-decoration: underline;}
.contact-us-page .enquiry-area p {
  font-size: 18px;
  line-height: 27px;
}
.contact-us-page .enquiry-area p span {font-family: "Circular Std Book"; color: #353535;}
/*--------------------- User Meta Data -----------------*/
.user-lead-page {
  min-height: 100vh;
  background: #F6FBFE;
  position: relative;
  padding: 100px 15px 50px;
  margin-top: -125px;
}
.user-lead-page .main-content {
  max-width: 580px;
  margin: 0 auto;
  position: relative;
}
.user-lead-page .main-content .header .logo {margin-bottom: 25px;}
.user-lead-page .main-content .header {text-align: center;}
.user-lead-page .main-content .header h3 {font-family: "Circular Std Book";}
.user-lead-page .main-content .header p {font-size: 20px;}
.user-data-form {
  background: #fff;
  padding: 45px 45px 50px;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.02);
}
.user-data-form .main-title {font-family: "Circular Std Book"; font-size: 28px; text-align: center;}
.user-data-form .input-group-meta {
  height: 55px;
  position: relative;
}
.user-data-form .input-group-meta input {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: solid 1px #dedede;
  padding: 0 45px 0 20px;
}
.user-data-form .input-group-meta input:focus {border-color: var(--s-color);}
.user-data-form .input-group-meta label {
  font-family: "Circular Std Book";
  font-size: 14px;
  background: #fff;
  padding: 0 6px;
  font-weight: normal;
  color: #B7B7B7;
  position: absolute;
  left: 20px;
  top:-12px;
  z-index: 1;
}
.user-data-form .input-group-meta .placeholder_icon {
  position: absolute;
  line-height: 55px;
  top:0;
  right:0;
  width: 40px;
  text-align: center;
  z-index: 1;
  color: rgba(0,0,0,0.45);
  font-size: 17px;
}
.user-data-form .input-group-meta .placeholder_icon span {width: 100%;height: 100%; cursor: pointer;}
.user-data-form .agreement-checkbox label {
  font-family: "Circular Std Book";
  position: relative;
  font-size: 15px;
  color: #151555;
  cursor: pointer;
  padding-left: 22px;
  line-height: 18px;
  transition: all 0.1s ease-in-out;
}
.user-data-form .agreement-checkbox input[type="checkbox"] {display: none;}
.user-data-form .agreement-checkbox label:before {
  content: '';
  width: 13px;
  height: 13px;
  line-height: 11px;
  border-radius: 2px;
  border: 1px solid #d5d5d5;
  font-size: 8px;
  text-align: center;
  position: absolute;
  left:0;
  top:1px;
  transition: all 0.1s ease-in-out;
}
.user-data-form .agreement-checkbox input[type="checkbox"]:checked + label:before {
  content: "";
  font-family: 'font-awesome';
  background: var(--p-color);
  color: #fff;
  border-color:  var(--p-color);
}
.signUp-page .agreement-checkbox input[type="checkbox"]:checked + label {color:#373737; }
.user-data-form .agreement-checkbox a {
  font-family: "Circular Std Book";
  position: relative;
  font-size: 15px;
  color: #151555;
}
.user-data-form .agreement-checkbox a:hover {text-decoration: underline;}
body .user-data-form .theme-btn {
  font-size: 15px;
  width: 100%;
}
.user-data-form .footer-text {
  font-family: "Circular Std Book";
  font-size: 15px;
  padding-top: 35px;
  text-align: center;
}
.user-data-form .footer-text a {color: var(--p-color);text-decoration: underline;}
.user-data-form .sub-heading {font-family: "Circular Std Book";}
.user-data-form .selectList li>div {position: relative;}
.user-data-form .selectList li>div input {
  position: absolute;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.user-data-form .selectList li>div label {
  position: relative;
  font-size: 15px;
  line-height: 15px;
  cursor: pointer;
  padding-left: 23px;
  margin: 0 0 15px;
  transition: all 0.1s ease-in-out;
}
.user-data-form .selectList li>div label:before {
  content: '';
  width: 14px;
  height: 14px;
  line-height: 13px;
  font-size: 8px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
  background: #F6FBFE;
  position: absolute;
  left:0;
  top:0;
  transition: all 0.1s ease-in-out;
}
.user-data-form .selectList li>div input:checked + label:before {
  content: "";
  font-family: 'font-awesome';
  background: var(--p-color);
  color: #fff;
  border-color:  var(--p-color);
}
.user-data-form .selectList li>div input:checked + label {color:rgba(47,52,62,1); }
.user-data-form .icon {
  width: 75px;
  margin: 0 auto;
}
.user-lead-page .main-content p a {text-decoration: underline; color: var(--p-color);}
.user-lead-page .main-content p.emp-text {font-size: 13px;}
.user-lead-page .main-content .image-illus {margin: 40px auto;}
/*---------------- Terms and policy ----------------*/
.terms_and_policy {
  padding: 150px 0 150px; 
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
}
.terms_and_policy .nav-tabs {border: none;}
.terms_and_policy .nav-item {
  -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  margin: 0;
}
.terms_and_policy .nav-item .nav-link {
  font-family: "Circular Std Book";
  font-size: 15px;
  line-height: 22px;
  border-radius: 5px;
  border:none;
  padding: 5px 0;
  color: #000;
  margin-bottom: 20px;
  transition: all 0.2s ease-in-out;
}
.terms_and_policy .nav-item .nav-link.active {background: var(--p-color); color: #fff; padding: 5px 10px;}
.terms_and_policy .tab-content {padding: 0 0 0 35px;}
.terms_and_policy .tab-content p {margin-bottom: 15px;}
.terms_and_policy .tab-content ul {list-style-type: disc; padding-left: 40px;}
.terms_and_policy .tab-content ul li span {
  font-family: "Circular Std Medium";
  font-size: 17px;
  color: #000;
  display: block;
}
.terms_and_policy .tab-content ul li p {line-height: 24px; font-size: 15px;}
.terms_and_policy .tab-content ul li {padding-bottom: 10px;}
.terms_and_policy .tab-content h3 {font-size: 28px;}
/*-----------------DOc Page Style -----------------*/
.doc-container {
  font-size: 15px;
  width: 100%;
  border-top: 1px solid #ECECEC;
}
.doc-sidebar {
  position: sticky;
  background: #F3F8FF;
  height: calc(100vh - 95px);
  top:95px;
}
#doc-sidebar-nav {max-height: calc(100vh - 95px); overflow-y: auto;}
.doc-sidebar .btn {
  float: right;
  color: var(--p-color);
  margin: 6px 0;
  padding: 6px 15px;
}
.doc-sidebar:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 200px;
  top:-200px;
  z-index: -1;
  left:0;
  background: #F3F8FF;
}
.doc-sidebar .side-block {
  border-bottom: 1px solid #E1E6EE;
  position: relative;
  padding: 13px 10px 13px 40px;
  position: relative;
}
.doc-sidebar .nav-fix .side-block {padding-bottom: 22px;}
/*.doc-sidebar .side-block.current:before {
  content: '';
  position: absolute;
  top:0;
  right: 0;
  height: 100%;
  width: 4px;
  background: var(--s-color);
}*/
.doc-sidebar .side-block h6 {
  font-size: 12px;
  text-transform: uppercase;
  padding: 15px 0 8px;
}
.doc-sidebar .side-block .doc-links-item {
  font-size: 14px;
  line-height: 26px;
  transition: all 0.2s ease-in-out;
  display: block;
}
.doc-sidebar .side-block .doc-links-item:hover,
.doc-sidebar .side-block .doc-links-item.active {color: var(--s-color);}
.doc-container .doc-main-body {
  padding: 50px 50px 100px;
  border-right: 1px solid #ECECEC;
  min-height: calc(100vh - 125px);
}
.doc-container .doc-main-body h2,
.doc-container .doc-main-body h3,
.doc-container .doc-main-body h4 {font-family: "Circular Std Book";}
.doc-container .doc-main-body h2 {font-size: 36px; margin-bottom: 15px;}
.doc-container .doc-main-body h3 {font-size: 26px; margin-bottom: 8px;}
.doc-container .doc-main-body h3:not(:first-child) {padding-top: 30px;}
.doc-container .doc-main-body h4 {font-size: 20px; margin-bottom: 5px;}
.doc-container .doc-main-body h4:not(:first-child) {padding-top: 15px;}

.doc-container .doc-main-body p {padding-bottom: 15px;}
.doc-container .doc-main-body .list-style-one {
  list-style-type: decimal;
  padding: 15px 0 30px 20px;
}
.doc-container .doc-main-body .list-style-one li {line-height: 25px; color: #000; padding-bottom: 10px;}
.doc-container .doc-main-body .list-style-two {list-style-type: disc;padding: 5px 0 10px 50px;}
.doc-container .doc-main-body .list-style-two li {
  font-size: 15px;
  line-height: 22px; 
  color: #000; 
  padding-bottom: 9px;
}
.doc-container .doc-main-body p a,.doc-container .doc-main-body li a,
.doc-container .doc-main-body p a strong,.doc-container .doc-main-body table a {color: var(--p-color); text-decoration: underline;}
.doc-container .doc-main-body p strong {color: #000;}
.doc-container .doc-main-body h6 {padding-bottom: 15px;}
.doc-container .doc-main-body .drop-hed {
  background: #333;
  color: #fff;
  padding: 15px 30px;
  /*width: calc(100% - 5px);*/
}
.doc-container .doc-main-body .drop-hed h6 {
  font-family: "Circular Std Book";
  padding:0 30px 0 0; 
  color: #fff;
}
.doc-container .doc-main-body .drop-hed select {
  background-color: #232222;
  display: block;
  padding: 8px 20px 8px 10px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  border: 0;
  width: 272px;
  font-size: 14px;
  color: #fff;
  outline: 0;
}
.doc-container .doc-main-body .code-pre_o {display: block;}
.doc-container .doc-main-body .code-pre_o .tab-content {
  height: 470px;
  overflow-y: auto;
  background-color: #000;
  color: #fff;
}
.doc-container .doc-main-body .code-pre_o .p-d {padding: 20px 30px 0;}
.doc-container .doc-main-body .code-pre_o .nav-tabs {
  margin: 0; 
  border:none; 
  background: #252525;
  padding-right: 0;
  /*width: calc(100% - 5px);*/
  -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}
.doc-container .doc-main-body .code-pre_o .nav-tabs .nav-item {margin: 0;}
.doc-container .doc-main-body .code-pre_o .nav-tabs .nav-item a {
  background: transparent;
  color: #fff;
  border:none;
  border-radius: 0;
  text-decoration: none;
  padding: 7px 22px;
}
.doc-container .doc-main-body .code-pre_o .nav-tabs .nav-item a.active {background: #fff; color: #000;}
.doc-container .doc-main-body .main_pre_cont {margin-bottom: 30px;}
.doc-container .doc-main-body .img-screen {
  padding: 15px;
  border:1px solid rgba(0,0,0,0.09);
  margin-bottom: 25px;
  margin-top: 10px;
  text-align: center;
}
.doc-container .doc-main-body .img-screen img {width: 100%; margin: 0 auto; cursor: zoom-in;}
.doc-container .doc-main-body .mark-text {
  background: #F3F8FF;
  border-left: 5px solid var(--s-color);
  padding: 15px 30px 12px;
  margin: 20px 0 40px 50px;
}
.doc-container .doc-main-body .mark-text.warning {border-left-color: #f63a3a;}
.doc-container .doc-main-body .mark-text p {padding-bottom: 8px;}
.doc-container .doc-main-body .mark-text  .list-style-one {padding-top: 0;padding-bottom: 0;}
.doc-container .doc-main-body .cm-label-steps {
  font-family: "Circular Std Book";
  background: var(--p-color);
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 13px;
  text-transform: uppercase;
  margin-right: 10px;
}
.doc-container .doc-main-body .cm-label-steps strong {font-weight: normal; color: #fff;}
.doc-sideNav {top:95px; position: sticky; height: 100%;}
.doc-sideNav .wrapper {padding: 40px 0 10px 30px; max-height: calc(100vh - 95px);overflow-y: auto;}
.doc-sideNav .wrapper h6 {font-size: 12px; text-transform: uppercase; padding-bottom: 12px;}
.doc-sideNav .nav-link {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #5D646C;
  padding: 0;
  margin-bottom: 12px;
}
.doc-sideNav .nav-link:last-child {margin-bottom: 0;}
.doc-sideNav .nav-link.active {color: var(--s-color);}
.brd {
  margin-top: 15px;
  border-left: 2px solid var(--s-color);
  border-radius: 0px !important;
  margin-bottom: 15px;
}
.brd .nav-link {padding-left: 20px;}
/*------------------ Animate CSS for Illustration --------------*/
[class*="CS-IP"] {position: absolute;}
.CS-IP_01 {
  z-index: 1;
  top: -7%;
  right: 8%;
  width: 40%;
  animation: jumpTwo 3s infinite linear;
}
.CS-IP_02 {
  z-index: 1;
  bottom: -12%;
  left: -8%;
  width: 41.5%;
  animation: jumpTwo 4s infinite linear;
}
.CS-IP_03 {
  z-index: 1;
  top: 1%;
  left: 11%;
  animation: animationFramesOne 15s infinite linear;
}
.CS-IP_04 {
  z-index: 1;
  top: 13%;
  right: 10%;
  animation: animationFramesOne 20s alternate infinite linear;
}
.CS-IP_05 {
  z-index: 1;
  bottom: -1%;
  left: 47%;
  animation: animationFramesTwo 15s infinite linear;
}
.CS-IP_06 {
  z-index: 1;
  bottom: -17%;
  left: -15%;
  width: 65%;
  animation: jumpTwo 3s infinite linear;
}
.CS-IP_07 {
  z-index: 1;
  top: -2%;
  right: 6%;
  width: 56%;
  animation: jumpTwo 4s infinite linear;
}
.CS-IP_08 {
  z-index: 1;
  top: 50%;
  left: -5%;
  animation: animationFramesOne 15s infinite linear;
}
.CS-IP_09 {
  z-index: 1;
  top: -2%;
  left: 39%;
  animation: animationFramesTwo 14s infinite linear;
}
.CS-IP_10 {
  z-index: 1;
  top: 65%;
  right: 15%;
  animation: animationFramesOne 17s infinite linear;
}
.CS-IP_11 {
  z-index: 1;
  bottom: 1%;
  left: 52%;
  animation: animationFramesFive 18s infinite linear;
}
.CS-IP_12 {
  z-index: 1;
  top: 25%;
  right: -5%;
  width: 25%;
  animation: jumpTwo 3s infinite linear;
}
.CS-IP_13 {
  z-index: 1;
  top: 13%;
  left: 11%;
  width: 55%;
  animation: jumpTwo 4s infinite linear;
}
.CS-IP_14 {
  z-index: 1;
  bottom: 9%;
  right: -8%;
  width: 56%;
  animation: jumpTwo 3.5s infinite linear;
}
.CS-IP_15 {
  z-index: 1;
  top: 6%;
  left: 2%;
  width: 12%;
}
.CS-IP_15:before,.CS-IP_15:after {
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  background: rgba(103,73,255,0.2);
}
.CS-IP_15:before {
  -webkit-animation: hvr-ripple-out-two 1.5s linear infinite;
  animation: hvr-ripple-out-two 1.5s linear infinite;
}
.CS-IP_15:after {
  -webkit-animation: hvr-ripple-out 1.5s linear infinite;
  animation: hvr-ripple-out 1.5s linear infinite;
}
.CS-IP_16 {
  z-index: 1;
  bottom: -3%;
  right: 21%;
  width: 34%;
  animation: jumpTwo 3.5s infinite linear;
}
.CS-IP_17 {
  z-index: -1;
  top: 12%;
  right: 13%;
  width: 43%;
  animation: rotated 15s infinite linear;
}
.CS-IP_18 {
  z-index: 1;
  bottom: 4%;
  right: 11%;
  width: 29%;
  animation: scale-upOne 2s infinite linear;
}
.CS-IP_19 {
  z-index: -1;
  top: -14%;
  left: -2%;
  width: 50%;
}
.CS-IP_20 {
  z-index: 1;
  bottom: -9%;
  right: 21%;
  width: 21%;
}
.CS-IP_20:before,.CS-IP_20:after {
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  background: rgba(71,213,122,0.3);
}
.CS-IP_20:before {
  -webkit-animation: hvr-ripple-out-two 1.5s linear infinite;
  animation: hvr-ripple-out-two 1.5s linear infinite;
}
.CS-IP_20:after {
  -webkit-animation: hvr-ripple-out 1.5s linear infinite;
  animation: hvr-ripple-out 1.5s linear infinite;
}
.CS-IP_21 {
  z-index: -1;
  bottom: -14%;
  left: 5%;
  width: 48%;
  animation: rotated 25s infinite linear;
}
.CS-IP_22 {
  z-index: 1;
  bottom: 6%;
  right: 19%;
  width: 13%;
  animation: scale-upOne 2s infinite linear;
}
.CS-IP_23 {
  z-index: 1;
  top: 12%;
  left: 3%;
  width: 22%;
  animation: jumpTwo 4s infinite linear;
}
.CS-IP_24 {
  z-index: 1;
  top: 12%;
  left: 27%;
  width: 22%;
  animation: jumpThree 4s infinite linear;
}
.CS-IP_25 {
  z-index: 1;
  top: 12%;
  left: 51%;
  width: 22%;
  animation: jumpTwo 4s infinite linear;
}
.CS-IP_26 {
  z-index: 1;
  top: 12%;
  left: 75%;
  width: 22%;
  animation: jumpThree 4s infinite linear;
}
.CS-IP_xyz {
  z-index: 1;
  top:18%;
  left: 0;
  width: 20%;
  animation: jello 2s infinite linear;
}


/*Team*/

.team-mn{padding: 70px 0 0 !important;}
.team-first-image{margin-right: -20px !important;}
.fst-img{width: 100%;
    margin-left: auto;}
.team-fst{
  font-size: 54px;
}
.first-img-ic{
    position: absolute;
    bottom: -41px;
    left: -78px;
    width: 155px;
    animation: jumpTwo 4s infinite linear;
}
.team-mn h1 span:before{content: '';
    position: absolute;
    height: 14px !important;
    width: 100%;
    background: #FFCB71;
    left: 0;
    bottom: 9px !important;
    z-index: -1;}
.our-co-founder .hero-text-wrapper span:before {
    content: '';
    position: absolute;
    height: 18px;
    width: 100%;
    background: #FFCB71;
    left: 0;
    bottom: 19px;
    z-index: -1;
}
.team-fst{
    position: relative;
    display: inline-block;
    z-index: 1;
    line-height: 60px !important;
  }
  .order-md-first p{font-size: 20px;
    line-height: 31px;
    color: #474D54 !important;
    padding: 15px 0px 25px 0px !important;
  }
  .btn-lern{
    border-radius: 5px !important;
    background-color: #5954FF !important;
    color: #fff !important;
    padding: 10px 30px;
    cursor: pointer;
    position: relative !important;
    margin-top: 10px
  }
  /*.title-style-one h1 span:before {
    content: '';
    position: absolute;
    height: 12px;
    width: 100%;
    background: #FFCB71;
    left: 0;
    bottom: 7px;
    z-index: -1;
}*/
.bg-col{background-color: #e8f4ff;position: relative;}
  .our-co-founder h1 span:before {
    content: '';
    position: absolute;
    height: 14px;
    width: 100%;
    background: #FFCB71;
    left: 0;
    bottom: 7px;
    z-index: -1;
}

.wd-20{width: 20%}
.wd-22{width: 22%}
.wd-25{width: 25%}
.wd-27{width: 27%}
.wd-30{width: 30%}
.wd-38{width: 38%}
.wd-40{width: 40%}
.wd-42{width: 42%}
.wd-45{width: 45%}
.wd-41{width: 41.4%}
.wd-50{width: 50%}
.wd-60{width: 60%}
.wd-70{width: 70%}
.wd-75{width: 75%}
.wd-78{width: 78%}

    .mar--30{margin-top: -30px;}

.mr-25-t{margin: 0 20px 35px 20px !important}

.border-img{
  border-bottom: 2px dashed #FFA455;
}
.foundr-nme{    
        background-color: #fff;
    /*height: 100%;*/
    width: 500px !important;
    height: 195px;
    align-items: center;
    position: relative;
    border-radius: 20px;
    padding: 25px 25px 25px 15px;
    box-shadow: 0px 3px 40px #5954FF26;
  }
 .foundr-nme svg{width: 75px;
    /*padding-right: 10px;*/
    margin-left: -10px;}
  /*.team-founder{width: 100%}*/
/*.foundr-nme:before{
      border-bottom: 1px dashed #000;
      width: 50%;
      po
    }*/
.founder-img{border:2px solid transparent;width: 230px}
.team-founder:hover .foundr-nme{
   background-color: #FFA455;
  color: #fff
}  
.team-founder:hover h5{
  color: #fff
}    
.team-founder:hover .border-img{
  border-bottom: 2px solid #FFA455;
}
.team-founder:hover .founder-img{border:2px solid #FFA455;border-radius: 30px;}
.team-founder:hover svg #Oval{fill: #fff !important}
.team-founder:hover svg #Shape, .team-founder:hover svg #Shape-2{fill: #FFA455 !important;}
/*.foundr-nme:hover{
  background-color: #FFA455;
  color: #fff
}
.foundr-nme:hover  h5{color: #fff}*/
/*.foundr-nme:hover .border-img{border-bottom: 1px solid #FFA455;}*/

.team-founder-2 {
    position: absolute;
    top: 284px;
    width: 100%;
    left: 190px;
}

.team-founder-2 .border-img{
  border-bottom: 2px dashed #00D7A5;
}
.team-founder-2:hover .foundr-nme{
   background-color: #00D7A5;
  color: #fff
}  
.team-founder-2:hover h5{
  color: #fff
}    
.team-founder-2:hover .border-img{
  border-bottom: 2px solid #00D7A5;
}
.team-founder-2:hover .founder-img{border:2px solid #00D7A5;border-radius: 30px;}
.team-founder-2:hover svg #Oval1{fill: #fff !important}
.team-founder-2:hover svg #Shapea1, .team-founder-2:hover svg #Shapea2{fill: #00D7A5 !important;}

.team-founder-3 {
  /*position: absolute;*/
    /*width: 97.5%;*/
    /*left: 205px;*/
    margin-top: 110px;
    margin-left: 40px;
    width: 115%;
}
.ch-fnt-15{font-size: 15px;}
/*.team-founder-3 .foundr-nme{margin-left: 13px}*/
.mr-left{margin-left: -81px;}
.team-founder-3 .border-img{
  border-bottom: 2px dashed #6C63FF;
  margin-left: 0px;
}
.team-founder-3:hover .foundr-nme{
   background-color: #6C63FF;
  color: #fff
}  
.team-founder-3:hover h5{
  color: #fff
}    
.team-founder-3:hover .border-img{
  border-bottom: 2px solid #6C63FF;
}
.team-founder-3:hover .founder-img{border:2px solid #6C63FF;border-radius: 30px;}
.team-founder-3:hover svg #Oval1a{fill: #fff}
.team-founder-3:hover svg #Shapea1a, .team-founder-3:hover svg #Shapea2b{fill: #6C63FF;}
.bg-image-fnd{    
    position: absolute;
    top: -32px;
    left: -45px;
    width: 580px;
  }
  .cir-img{transform: rotate(1deg);}
.cir-img{    animation: rotation 60s infinite linear;}
@keyframes rotation{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(359deg);
  }
}
.dt-pin{
    position: absolute;
    top: 110px;
    right: 37px;
    animation: jumpTwo 4s infinite linear;
  }
.bl-dt{
    position: absolute;
    left: -200px;
    top: -71px;
    width: 65px;
}
.our-team  h1 span:before{
    content: '';
    position: absolute;
    height: 14px;
    width: 100%;
    background: #FFCB71;
    left: 0;
    bottom: 9px;
    z-index: -1;
}
.team-images{
  width:80%;
  flex-wrap: wrap;
  margin-left: auto;
}
.team-bgimg{
 position: absolute;
    left: 37px;
    top: -52px;
    width: 380px;
    z-index: -1;
}
.team-dt-pin{
    position: absolute;
    bottom: 44px;
    right: -16px;
    animation: jumpTwo 4s infinite linear;
  }
  .team-subtxt{font-size: 20px;
    color: #474D54;
    margin-bottom: 30px;
  }
  .team-subtxt-h{font-size: 20px;color: 000;}
.team-subtxt-p{
  font-size: 15px;
    color: #474D54;
}
/*.img-bck{background-color: #ebe9ff;}*/
.br-rd-10{border-radius: 10px;}