@charset "UTF-8";
/*=====================****===================== */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * Correct the line height in all browsers and prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* Sections
   ========================================================================== */
body {
  margin: 0;
  background: #f1f7fe;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
}

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section`
 * in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct box sizing in Firefox and show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}


/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  max-width: 100%;
  height: auto;
}

/* Forms
   ========================================================================== */
/**
 * Change the font styles in all browsers and remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  color: #555555;
}

/**
 * Show the overflow in IE Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Add the correct box sizing and remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

input, textarea, select {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
}

/************************************
 * TYPOGRAPHY
 ***********************************/
body {
  font-size: 1rem;
  color: #555555;
  font: normal 125% 1.4;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #213366;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body h1 {
  font-size: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  body h1 {
    font-size: 3.75rem;
  }
}
body h2 {
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  body h2 {
    font-size: 3rem;
  }
}
body h3 {
  font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  body h3 {
    font-size: 1.875rem;
  }
}
body h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  body h4 {
    font-size: 1.5rem;
  }
}
body h5 {
  font-size: 1.25rem;
}
body h6 {
  font-size: 1.125rem;
}
body a > h1,
body a > h2,
body a > h3,
body a > h4,
body a > h5,
body a > h6 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  color: #213366;
}
body a:hover {
  color: #f24570;
}
body p {
  line-height: 1.5;
  font-size: 1rem;
}
body img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/************************************
 * ANIMATIONS
 ***********************************/
@keyframes pluse_animate {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
    transform: translate(-50%, -50%) scale(0.3);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}

@keyframes lab_transport {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(187, 109, 247, 0.2);
    box-shadow: 0 0 0 0 rgba(187, 109, 247, 0.2);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(187, 109, 247, 0);
    box-shadow: 0 0 0 20px rgba(187, 109, 247, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(187, 109, 247, 0);
    box-shadow: 0 0 0 0 rgba(187, 109, 247, 0);
  }
}
@keyframes lab_transport1 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 255, 254, 0.2);
    box-shadow: 0 0 0 0 rgba(0, 255, 254, 0.2);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(0, 255, 254, 0);
    box-shadow: 0 0 0 20px rgba(0, 255, 254, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 255, 254, 0);
    box-shadow: 0 0 0 0 rgba(0, 255, 254, 0);
  }
}
@keyframes lab_transport2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 191, 141, 0.2);
    box-shadow: 0 0 0 0 rgba(0, 191, 141, 0.2);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(0, 191, 141, 0);
    box-shadow: 0 0 0 20px rgba(0, 191, 141, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 191, 141, 0);
    box-shadow: 0 0 0 0 rgba(0, 191, 141, 0);
  }
}
@keyframes lab_transport3 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(243, 115, 153, 0.2);
    box-shadow: 0 0 0 0 rgba(243, 115, 153, 0.2);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(243, 115, 153, 0);
    box-shadow: 0 0 0 20px rgba(243, 115, 153, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(243, 115, 153, 0);
    box-shadow: 0 0 0 0 rgba(243, 115, 153, 0);
  }
}
@keyframes lab_transport4 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 184, 229, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 184, 229, 0.2);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(255, 184, 229, 0);
    box-shadow: 0 0 0 20px rgba(255, 184, 229, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 184, 229, 0);
    box-shadow: 0 0 0 0 rgba(255, 184, 229, 0);
  }
}

@keyframes up-down {
  0%, 100% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(0);
  }
}
/************************************
 * GENERAL PLACEMENT
 ***********************************/
.header__top--left ul, .header__top--right ul, .header__top--area, .illustration-box-wrap {
  display: flex;
  flex-wrap: wrap;
}

.worldmap .section__wrapper .right .lab-line .lab-tooltip a, .worldmap .section__wrapper .right .lab-line span, .worldmap .section__wrapper .right, .box__image,
.collab, .navbar-toggler--icon {
  position: relative;
}

.worldmap .section__wrapper .right .lab-line .lab-tooltip::after, .worldmap .section__wrapper .right .lab-line .lab-tooltip::before, .worldmap .section__wrapper .right .lab-line .lab-tooltip, .worldmap .section__wrapper .right .lab-line span::after, .worldmap .section__wrapper .right .lab-line, .collab::after, .pluse::after, .pluse::before, .pluse,
.box__tag, .navbar-toggler--icon:after, .navbar-toggler--icon:before {
  position: absolute;
  content: "";
}

body ul {
  padding: 0;
  margin: 0;
}

.worldmap, .about__content h3, .about__content h4, .box__text h4, .about__content p, .box__image, .about__thumb img {
  overflow: hidden;
}

.box__image img, .banner .default-btn, .navbar-toggler--icon:after, .navbar-toggler--icon:before, input, textarea, select {
  width: 100%;
}

.breadcrumb-item, body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 700;
}

.banner__content p, body {
  font-weight: 500;
}

.footer .footer__content--desc ul li a, .footer .footer__content--title h4, .banner__content h2 {
  color: #213366;
}

.welcome .about__right i, .box__image span, .box__tag, .about-illustration .about__content .default-btn:hover span, .about-illustration .about__content .default-btn span, .welcome .about__right *, .default-btn.style-2:hover span, .default-btn.style-2 span, .default-btn.reverse:hover span, .footer__content--desc ul li a, .footer__content--title h4, .header__top--left ul li a, .header__top--right ul li a, .header__top--left ul li, .header__top--right ul li {
  color: #fff;
}

.section__content h4, .illustration-box-txt h3, .about__inner:hover .about__content h4, .footer--support .footer__content--desc ul li a:hover, .breadcrumb-item.active {
  color: #f24570;
}

.footer .footer__content--desc ul li a, .footer .footer__content--title h4, .banner__content h2 {
  color: #213366;
}

.section__content h4 {
  font-weight: 400;
}

.collab * {
  z-index: 1;
}

button {
  outline: none;
}

.header__top--area {
  justify-content: space-between;
}
.illustration-box-wrap {
  align-items: center;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  text-transform: capitalize;
}

body, body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Public Sans", sans-serif;
}

.box__image a, .banner .default-btn {
  display: block;
}

.navbar-toggler--icon, .scrollToTop i {
  display: inline-block;
}

.about__content h3, .about__content h4 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.box__image span, .box__tag, .about-illustration .about__content .default-btn:hover span, .about-illustration .about__content .default-btn span, .welcome .about__right *, .default-btn.style-2:hover span, .default-btn.style-2 span, .default-btn.reverse:hover span, .footer__content--desc ul li a, .footer__content--title h4, .header__top--left ul li a, .header__top--right ul li a, .header__top--left ul li, .header__top--right ul li {
  color: #fff;
}

.box__inner, .welcome .about__left, .about__inner, .banner__content {
  background-color: #fff;
}

.welcome .about__right, .header__top {
  background: #f24570;
}

.section__content h4, .illustration-box-txt h3, .about__inner:hover .about__content h4, .footer--support .footer__content--desc ul li a:hover, .breadcrumb-item.active {
  color: #f24570;
}

.team-img, .banner--subpage .banner__thumb--title h4, .scrollToTop i {
  text-align: center;
}


/* @@@@@@@@@@@@@  Extend Property Margin 10 - 30 CSS Writing Now  @@@@@@@@@@@@@@ */

.illustration-box-txt p, .about-illustration .about__thumb, .about__content p {
  margin-bottom: 0px;
}

.terms-header h4 {
  margin-bottom: 10px;
}

.terms-header, .illustration-box .illustration-box-txt p, .welcome .about__right .about__title {
  margin-bottom: 25px;
}

.worldmap .section__wrapper .left .section__header p, .section__content p, .illustration-box-img, .about-illustration .about__content p, .footer__content--title, .banner__content p, .section__header {
  margin-bottom: 30px;
}

.welcome .about__left .about__content p, .about__thumb {
  margin-bottom: 27px;
}

ul li {
  margin-left: 0;
}

.footer__content--desc ul li a i, .header__top--right ul li a i {
  margin-right: 5px;
}

.terms-text ul li h5,
.terms-text ol li h5, .section__content h2, .about-illustration .about__content h5, .about-illustration .about__content h2, .welcome .about__left .about__content h3, .about__content h4 {
  margin-bottom: 15px;
}

.illustration-box-txt h3 {
  margin-bottom: 20px;
}

.welcome .about__right .default-btn {
  margin-top: 20px;
}

.terms-text ul li,
.terms-text ol li {
  margin-bottom: 5px;
}

.worldmap .section__wrapper .left .section__header p, .section__content p, .illustration-box-img, .about-illustration .about__content p, .footer__content--title, .banner__content p, .section__header {
  margin-bottom: 30px;
}

.header__top--left ul li, .header__top--right ul li, input, textarea, select {
  padding: 10px;
}

.welcome .about__left {
  padding: 30px;
}

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

.hide-text {
  overflow: hidden;
  padding: 0;
  text-indent: 101%;
  white-space: nowrap;
}

ul li {
  list-style: none;
}

@media (min-width: 992px) {
  .section__header {
    margin-bottom: 45px;
  }
}
.section__header p {
  max-width: 600px;
  margin: 0 auto;
}



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


.padding-top {
  padding-top: 75px;
}
@media (min-width: 992px) {
  .padding-top {
    padding-top: 115px;
  }
}

.padding-bottom {
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .padding-bottom {
    padding-bottom: 125px;
  }
}

.bg_img {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

.pluse {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.1);
}
.pluse::after, .pluse::before {
  background: #fff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
}
.pluse::after {
  width: 70px;
  height: 70px;
  -webkit-animation: pluse_animate 3.5s infinite linear;
  animation: pluse_animate 3.5s infinite linear;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.pluse:before {
  width: 80px;
  height: 80px;
  -webkit-animation: pluse_animate 3s infinite linear;
  animation: pluse_animate 3s infinite linear;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  background: #0F1B33;
}
.preloader .preloader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.preloader .preloader-inner .preloader-icon {
  width: 72px;
  height: 72px;
  display: inline-block;
  padding: 0px;
}
.preloader .preloader-inner .preloader-icon span {
  position: absolute;
  display: inline-block;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background: #fff;
  -webkit-animation: preloader-fx 1.6s linear infinite;
  -moz-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}
.preloader .preloader-inner .preloader-icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
}

@keyframes preloader-fx {
  0% {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader-fx {
  0% {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    opacity: 0;
  }
}
.scrollToTop {
  position: fixed;
  bottom: -30%;
  right: 5%;
  z-index: 9;
}
.scrollToTop i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  color: #fff;
  background: #f24570;
  font-size: 1.5rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.scrollToTop i:hover {
  transform: translateY(-5px);
  box-shadow: 0px 5px 20px 0px rgba(242, 69, 112, 0.5);
}

@media screen and (max-width: 991px) {
  .wow {
    animation-name: none !important;
    visibility: visible !important;
  }
}
.header {
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .header {
    position: relative;
    z-index: 99999;
  }
}
@media (min-width: 992px) {
  .header--positioned {
    position: absolute;
    background-color: transparent;
    width: 100%;
    top: 0;
    transition: all 0.3s ease;
    z-index: 9999;
  }
}
@media (max-width: 767px) {
  .header .header__top {
    display: none;
  }
}
.header__bottom {
  padding-block: 16.5px;
}

.header__top--left ul li, .header__top--right ul li {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.header__top--left ul li:last-child {
  border-right: none;
}
.header__top--right ul li:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

/*---- MENU start -----*/
.mainmenu ul li {
  position: relative;
  display: block;

}
.mainmenu ul li a {
  font-weight: 600;
  text-transform: capitalize;
}

.mainmenu ul li.active > a::after, .mainmenu ul li.active > a::before {
  background: #f24570;
}
@media (max-width: 991px) {
  .mainmenu {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .mainmenu ul li {
    display: inline-block;
  }
}
@media (max-width: 991px) {
  .mainmenu ul li:last-child a {
    border-bottom: none;
  }
}
.mainmenu ul li:hover > ul {
  opacity: 1;
  visibility: visible;
  top: calc(100% + 0px);
  z-index: 99999;
}
.mainmenu ul li:hover > a {
  color: #f24570;
}
.mainmenu ul li.active > a {
  text-decoration: line-through;
  color: #f24570;
}
.mainmenu ul li a {
  color: #213366;
  padding: 10px 25px !important;
}
@media (max-width: 991px) {
  .mainmenu ul li a {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(15, 27, 51, 0.1);
  }
}
.navbar-toggler {
  padding: 0;
}
.navbar-toggler:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.navbar-toggler--icon {
  background-color: #f24570;
  height: 2px;
  width: 27px;
  -webkit-transform: rotate(45deg) translateY(-5px);
  -moz-transform: rotate(45deg) translateY(-5px);
  -ms-transform: rotate(45deg) translateY(-5px);
  -o-transform: rotate(45deg) translateY(-5px);
  transform: rotate(45deg) translateY(-5px);
}
.navbar-toggler--icon:after, .navbar-toggler--icon:before {
  background-color: #f24570;
  height: 2px;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.navbar-toggler--icon:after {
  bottom: 7px;
  left: 0;
  -webkit-transform: rotate(-90deg) translateX(-6px);
  -moz-transform: rotate(-90deg) translateX(-6px);
  -ms-transform: rotate(-90deg) translateX(-6px);
  -o-transform: rotate(-90deg) translateX(-6px);
  transform: rotate(-90deg) translateX(-6px);
}
.navbar-toggler--icon:before {
  top: 7px;
  left: 0;
  opacity: 0;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}
.navbar-toggler.collapsed .navbar-toggler--icon {
  transform: none;
}
.navbar-toggler.collapsed .navbar-toggler--icon:after {
  transform: none;
}
.navbar-toggler.collapsed .navbar-toggler--icon:before {
  opacity: 1;
  transform: none;
}
/*---- MENU end -----*/
/*---- BANNERS start -----*/
.banner--subpage .banner__thumb, .banner--index .banner__thumb {position: relative;
}
.banner--index .banner__thumb--shape .shapeimg, .banner--subpage .banner__thumb--shape .shapeimg, .banner--subpage .banner__thumb--title h4 {position: absolute;
  content: "";
}

.banner--subpage .banner__content .default-btn, .banner--index .banner__content .default-btn {
  display: inline-block;
}

.banner--subpage .banner__thumb, .banner--index .banner__thumb > img {
  margin-top: 20px;
}

.banner__content {
  padding: 40px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
@media (min-width: 576px) {
  .banner__content {
    padding: 60px 40px;
    margin-top: 23px;
  }
}
@media (min-width: 1200px) {
  .banner__content {
    max-width: 500px;
  }
}
.banner__content * {
  color: #555555;
}
.banner__content h2 {
  font-size: calc(1.35rem + 1.2vw);
}

@media (min-width: 1200px) {
  .banner__content h2 {
    font-size: 2.25rem;
  }
}

.banner__content p {
  font-size: 1.125rem;
  line-height: 2rem;
}

.banner__content select {
  background: #fff;
}

.banner--index .banner__content {
  padding: 0px;
  background: transparent;
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .banner--index .banner__content {
    max-width: 100%;
    transition: all 2s ease;
  }
}
.banner--index .banner__content h2 {
  font-size: calc(1.5rem + 3vw);
}
@media (min-width: 992px) {
  .banner--index .banner__content h2 {
    font-size: 3.2rem;
    margin-right: -150px;
  }
}
@media (min-width: 1200px) {
  .banner--index .banner__content h2 {
    font-size: 3.5rem;
    margin-right: -140px;
  }
}
@media (min-width: 1400px) {
  .banner--index .banner__content h2 {
    font-size: 4.25rem;
    margin-right:-180px;
  }
}

.banner--index .banner__content .default-btn {
  width: auto;
}
.banner--index .banner__thumb > img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 1;
  position: relative;
}
@media (min-width: 1200px) {
  .banner--index .banner__thumb > img {
    transform: translateY(-60px);
    margin-top: 0;
  }
}
.banner--index .banner__thumb--shape .shapeimg {
  top: 100px;
  right: 0;
  -webkit-transition: all 4s ease;
  -moz-transition: all 4s ease;
  -ms-transition: all 4s ease;
  -o-transition: all 4s ease;
  transition: all 4s ease;
}
@media (max-width: 1199px) {
  .banner--index .banner__thumb--shape .shapeimg {
    display: none;
  }
}
.banner--index .banner__thumb--shape .shapeimg__two {
  top: 200px;
  -webkit-transition: all 5s ease;
  -moz-transition: all 5s ease;
  -ms-transition: all 5s ease;
  -o-transition: all 5s ease;
  transition: all 5s ease;
}
.banner--index .banner__thumb--shape .shapeimg__three {
  top: 300px;
  -webkit-transition: all 6s ease;
  -moz-transition: all 6s ease;
  -ms-transition: all 6s ease;
  -o-transition: all 6s ease;
  transition: all 6s ease;
}
.banner--subpage .banner__content {
  padding: 0px;
  background: transparent;
}
@media (min-width: 992px) {
  .banner--subpage .banner__content {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .banner--subpage .banner__content {
    max-width: 100%;
  }
}
.banner--subpage .banner__content h2 {
  font-size: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  .banner--subpage .banner__content h2 {
    font-size: 3.75rem;
  }
}
.banner--subpage .banner__content h2 span {
  color: #ff0461;
}
.banner--subpage .banner__content p {
  font-size: 1.125rem;
  max-width: 450px;
}
.banner--subpage .banner__content .default-btn {
  width: auto;
  background: #2ba6cb;
}
@media (min-width: 1200px) {
  .banner--subpage .banner__thumb {
    margin-top: 0;
  }
}
.banner--subpage .banner__thumb > img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 1;
  position: relative;
}

@media (max-width: 1199px) {
  .banner--subpage .banner__thumb--shape {
    display: none;
  }
}
.banner--subpage .banner__thumb--shape .shapeimg {
  top: 70px;
  left: -150px;
  z-index: 1;
  animation: up-down 5s infinite ease-in-out;
}
@media (max-width: 1199px) {
  .banner--subpage .banner__thumb--title {
    display: none;
  }
}
.banner--subpage .banner__thumb--title h4 {
  top: 125px;
  left: -100px;
  max-width: 165px;
  z-index: 1;
  animation: up-down 5s infinite ease-in-out;
  font-size: 1.2rem;
}

/*---- BANNERS end -----*/


.footer__area {
  margin-top: 20px;
}
.footer__content--desc ul li {
  padding-block: 10px;
}
.footer__content--desc ul li:last-child {
  padding-bottom: 0;
}
.footer__content p a {
  color: #f24570;
}

.footer--support .footer__content--desc ul li {
  padding-block: 10px;
}
.footer__bottom {
  padding-block: 40px;
}

.default-btn {
  --background: #c7edff;
  --text: #00afff;
  --font-size: 16px;
  --duration: .44s;
  --move-hover: -4px;
  --shadow: 0 2px 8px -1px rgba(0, 175, 255, 0.15);
  --font-shadow: var(--font-size);
  padding: 17px 32px;
  font-weight: 500;
  line-height: var(--font-size);
  border-radius: 4px;
  display: inline-block;
  outline: none;
  text-decoration: none;
  font-size: var(--font-size);
  letter-spacing: 0.5px;
  background: var(--background);
  color: var(--text);
  transform: translateY(var(--y)) translateZ(0);
  transition: all 0.3s ease;
}
.default-btn:hover {
  border-radius: 25px;
  letter-spacing: 0.85px;
  box-shadow: var(--shadow);
  color: #00afff;
}
.default-btn:hover span {
  color: #00afff;
}
.default-btn.reverse {
  --shadow: 0 2px 8px -1px rgba(166, 80, 255, 0.32);
  --font-shadow: calc(var(--font-size) * -1);
  background-color: #ffe4eb;
}
.default-btn.reverse span {
  color: #f24570;
}
.default-btn.reverse:hover {
  background-color: #f24570;
  --shadow: 0 2px 8px -1px rgba(166, 80, 255, 0.32);
}
.default-btn.reverse:hover span {
  --m: calc(var(--font-size));
}
.default-btn.style-2 {
  background: #f24570;
}
.about__inner {
  padding: 60px 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.about__inner:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(136, 136, 136, 0.3);
}
.about__thumb img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
@media (min-width: 992px) {
  .welcome {
    margin-top: -60px;
    position: relative;
    z-index: 999;
  }
}
.welcome .about__title h3 {
  font-size: calc(1.35rem + 1.2vw);
}
@media (min-width: 1200px) {
  .welcome .about__title h3 {
    font-size: 2.25rem;
  }
}
.welcome .about__content p {
  -webkit-line-clamp: 3;
}
@media (min-width: 576px) {
  .welcome .about__left {
    padding-top: 46px;
  }
}
.welcome .about__left .about__content p {
  font-size: 1.125rem;
  line-height: 30px;
}

.welcome .about__right {
  padding: 40px 20px;
}
@media (min-width: 576px) {
  .welcome .about__right {
    padding: 46px 30px 52px;
  }
}
.welcome .about__right .default-btn {
  background: #fff;
}
.welcome .about__right .default-btn span {
  color: #f24570;
}

.about-illustration .about__thumb img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
@media (min-width: 992px) {
  .about-illustration .about__content {
    max-width: 80%;
  }
}
.about-illustration .about__content h5 {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #696969;
}
.about-illustration .about__content p {
  font-size: 1.125rem;
  line-height: 30px;
  -webkit-line-clamp: inherit;
}
.about-illustration .about__content .default-btn {
  background: #f24570;
}

.illustration-box-wrap {
  padding: 40px;
  background: #f9f9f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
@media (min-width: 992px) {
  .illustration-box-wrap {
    padding: 73px 50px;
  }
}
@media (min-width: 576px) {
  .illustration-box-img {
    width: 40%;
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .illustration-box-txt {
    width: 60%;
  }
}
.illustration-box-txt p {
  font-size: 1.125rem;
  line-height: 30px;
}
.illustration-box .section__wrapper {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .illustration-box .illustration-box-wrap {
    padding: 30px;
  }
}
@media (min-width: 576px) {
  .illustration-box .illustration-box-txt {
    padding-left: 15px;
  }
}
.illustration-box .illustration-box-txt h3 {
  color: #213366;
  margin-bottom: 10px;
}
.illustration-box .illustration-box-txt p {
  font-size: 1rem;
  line-height: 1.5;
}

.box__tag {
  padding: 0px 10px;
  z-index: 1;
  bottom: 10px;
  left: 10px;
  font-size: 0.875rem;
  background: #00c851;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #f9f9f9;
  color: #213366;
}


.box-area .col:nth-child(2) .box__image span {
  background-image: linear-gradient(to right, #00afff, #3bbbff, #5ac6ff, #75d1ff, #8edcff);
}
.box-area .col:nth-child(3) .box__image span {
  background-image: linear-gradient(to right, #a650ff, #b46cff, #c285ff, #ce9eff, #dab6ff);
}
.box__inner {
  padding: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.box__inner:hover {
  box-shadow: 0 10px 10px rgba(136, 136, 136, 0.1);
}
.box__inner:hover .box__image img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.box__image span {
  padding-block: 1.5px;
  background-image: linear-gradient(to right, #fd3f84, #ff5d7f, #ff777f, #ff8e84, #ffa38d);
}
.box__text {
  padding: 20px 15px;
}
.box__text h4 {
  line-height: 1.3;
}
.box-area .section__wrapper {
  margin-top: 18px;
}

.section__content {
  margin-top: 25px;
}
.section__content p {
  line-height: 30px;
  font-size: 1.125rem;
}

.collab::after {
  background: url(../../assets/images/bg-img/map-bg.png) no-repeat;
  background-position: center;
  background-size: 100% 100%;
  width: 50%;
  height: 100%;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

/************************************
 * WORLD MAP start
 ***********************************/
.worldmap {
  background: #fffbf8;
}
.worldmap .section__wrapper .left {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .worldmap .section__wrapper .left {
    margin-bottom: 0;
  }
}
.worldmap .section__wrapper .left .section__header::after {
  display: none;
}
.worldmap .section__wrapper .left .section__header h2:first-child {
  margin-bottom: 10px;
}
.worldmap .section__wrapper .left .section__header p {
  margin-left: 0;
}

.worldmap .section__wrapper .right {
  height: 430px;
  background: url(../../assets/images/illustrations/map.png) no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.worldmap .section__wrapper .right .lab-line {
  cursor: pointer;
  display: none;
}
.worldmap .section__wrapper .right .lab-line span {
  display: inline-block;
}
.worldmap .section__wrapper .right .lab-line span, .worldmap .section__wrapper .right .lab-line span::after {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.worldmap .section__wrapper .right .lab-line .lab-tooltip {
  bottom: 0;
  left: 40%;
  width: 150px;
  height: auto;
  border-radius: 10px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 10px;
  z-index: 4;
  margin-bottom: 20px;
  box-shadow: 0 0 5px rgba(136, 136, 136, 0.1);
  transform: translate(-50%, -20px);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.worldmap .section__wrapper .right .lab-line .lab-tooltip::after {
  width: 19px;
  height: 19px;
  background: #fff;
  bottom: -12px;
  left: 50%;
  box-shadow: 0 0 5px rgba(136, 136, 136, 0.1);
  z-index: -1;
  transform: rotate(45deg) translateX(-50%);
}
.worldmap .section__wrapper .right .lab-line .lab-tooltip::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.worldmap .section__wrapper .right .lab-line .lab-tooltip a {
  margin-bottom: 0;
  color: #213366;
  z-index: 1;
}
.worldmap .section__wrapper .right .lab-line:hover .lab-tooltip {
  visibility: visible;
  opacity: 1;
}
/*Dot colors*/
.worldmap .section__wrapper .right .lab-line:nth-child(4) span,
.worldmap .section__wrapper .right .lab-line:nth-child(6) span,
.worldmap .section__wrapper .right .lab-line:nth-child(10) span {
  background: #009bfe;
}
.worldmap .section__wrapper .right .lab-line:nth-child(2) span,
.worldmap .section__wrapper .right .lab-line:nth-child(5) span,
.worldmap .section__wrapper .right .lab-line:nth-child(7) span {
  background: #f37399;
}
.worldmap .section__wrapper .right .lab-line:nth-child(3) span,
.worldmap .section__wrapper .right .lab-line:nth-child(8) span {
  background: #00bf8d;
}
.worldmap .section__wrapper .right .lab-line:nth-child(1) span,
.worldmap .section__wrapper .right .lab-line:nth-child(9) span {
  background: #bb6df7;
}
/*United kingdom*/
.worldmap .section__wrapper .right .lab-line:nth-child(1) {
  top: 28%;
  left: 45%;
}
.worldmap .section__wrapper .right .lab-line:nth-child(1) span::after {
  animation: lab_transport 1.5s infinite;
}
/*Finland*/
.worldmap .section__wrapper .right .lab-line:nth-child(2) {
  top: 23%;
  left: 53%;
}
.worldmap .section__wrapper .right .lab-line:nth-child(2) span::after {
  animation: lab_transport1 1s infinite;
}
/*Portugal*/
.worldmap .section__wrapper .right .lab-line:nth-child(3) {
  top: 38%;
  left: 45%;
}
.worldmap .section__wrapper .right .lab-line:nth-child(3) span::after {
  animation: lab_transport2 2.5s infinite;
}
/*United states*/
.worldmap .section__wrapper .right .lab-line:nth-child(4) {
  top: 37%;
  left: 20%;
}
.worldmap .section__wrapper .right .lab-line:nth-child(4) span::after {
  animation: lab_transport3 1s infinite;
}
/*Brazil*/
.worldmap .section__wrapper .right .lab-line:nth-child(5) {
  top:69%;
  left: 34%;
}
.worldmap .section__wrapper .right .lab-line:nth-child(5) span::after {
  animation: lab_transport4 3s infinite;
}
/*Germany*/
.worldmap .section__wrapper .right .lab-line:nth-child(6) {
  top: 31%;
  left: 49%;
}
.worldmap .section__wrapper .right .lab-line:nth-child(6) span::after {
  animation: lab_transport1 2s infinite;
}
/*France*/
.worldmap .section__wrapper .right .lab-line:nth-child(7) {
  top: 32%;
  left: 48%;
}
.worldmap .section__wrapper .right .lab-line:nth-child(7) span::after {
  animation: lab_transport4 2.5s infinite;
}
/*Australia*/
.worldmap .section__wrapper .right .lab-line:nth-child(8) {
  top: 75%;
  left: 82%;
}
.worldmap .section__wrapper .right .lab-line:nth-child(8) span::after {
  animation: lab_transport2 2s infinite;
}
/*India*/
.worldmap .section__wrapper .right .lab-line:nth-child(9) {
  top: 50%;
  left: 68%;
}
.worldmap .section__wrapper .right .lab-line:nth-child(9) span::after {
  animation: lab_transport 4s infinite;
}
/*South Africa*/
.worldmap .section__wrapper .right .lab-line:nth-child(10) {
  top: 80%;
  left: 53%;
}
.worldmap .section__wrapper .right .lab-line:nth-child(10) span::after {
  animation: lab_transport1 3s infinite;
}

.worldmap .section__wrapper .right .lab-line:nth-child(1), .worldmap .section__wrapper .right .lab-line:nth-child(2), .worldmap .section__wrapper .right .lab-line:nth-child(3), .worldmap .section__wrapper .right .lab-line:nth-child(4), .worldmap .section__wrapper .right .lab-line:nth-child(5), .worldmap .section__wrapper .right .lab-line:nth-child(6), .worldmap .section__wrapper .right .lab-line:nth-child(7), .worldmap .section__wrapper .right .lab-line:nth-child(8), .worldmap .section__wrapper .right .lab-line:nth-child(9), .worldmap .section__wrapper .right .lab-line:nth-child(10) {
  display: block;
}
/************************************
 * WORLD MAP end
 ***********************************/

/************************************
 * PRIVACY start
 ***********************************/
.breadcrumb-item.active {
  opacity: 0.9;
}
.policyheader {
  padding-block: 80px;
}
@media (min-width: 576px) {
  .policyheader {
    padding-block: 100px;
  }
}
@media (min-width: 992px) {
  .policyheader {
    padding-block: 205px;
  }
}
}
.terms-content {
  background-color: #fff;
  padding: 2rem 1rem;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .terms-content {
    padding: 3rem 2rem;
  }
}

@media (min-width: 768px) {
  .terms-header {
    margin-bottom: 35px;
  }
}
.terms-text ul,
.terms-text ol {
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}
.terms-text ul li::marker,
.terms-text ol li::marker {
  color: #f24570;
  font-weight: 700;
}
.terms-text ol {
  list-style: lower-roman;
}
.terms-text ul {
  list-style-type: disc;
}

.navbar-brand img {
  max-height: 46px;
}
/************************************
 * PRIVACY end
 ***********************************/

/************************************
 * MISC start
 ***********************************/
/* Infographic Circles - index*/
.circle-container {
  display: flex;
  justify-content: center;
}
.circle-container .outer-circle {
  width: 250px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.circle-container .outer-circle .inner-circle {
  width: 150px;
  height: 150px;
  box-sizing: content-box;
  border-style: solid;
  border-width: 50px;
  border-color: #ff6100;
  transform: rotate(45deg);
  border-radius: 50%;
}
.circle-container .outer-circle .inner-circle .inner-circle-content {
  background: #ffffff;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transform: rotate(-45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.25);
}
.circle-container .outer-circle .inner-circle .inner-circle-content span {
  font-size: 1.2rem;
  font-weight: bold;
}
.circle-container .outer-circle .inner-circle .inner-circle-content i {
  margin-top: 15px;
}
.circle-container .outer-circle i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.circle-container .outer-circle i.blue {
  background-image: linear-gradient(to right, #00afff, #3bbbff, #5ac6ff, #75d1ff, #8edcff);
}
.circle-container .outer-circle i.purple {
  background-image: linear-gradient(to right, #a650ff, #b46cff, #c285ff, #ce9eff, #dab6ff);
}
.circle-container .outer-circle i.pink {
  background-image: linear-gradient(to right, #fd3f84, #ff5d7f, #ff777f, #ff8e84, #ffa38d);
}
.circle-container .outer-circle i.green {
  background-image: linear-gradient(to right, #12bd9e, #14d0ae, #19eac4, #16e8c2, #18fcd2);
}
.circle-container .outer-circle i.orange {
  background-image: linear-gradient(to right, #f94d00, #fa6521, #ff8243, #fd894f, #fd9560);
}
.circle-container .outer-circle:not(:first-child) {
  margin-left: -50px;
}
.circle-container .outer-circle:nth-child(odd) .inner-circle {
  border-top-color: transparent;
  border-left-color: transparent;
}
.circle-container .outer-circle:nth-child(even) {
  margin-top: 1px;
}
.circle-container .outer-circle:nth-child(even) .inner-circle {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.circle-container .outer-circle:first-child .inner-circle {
  border-left-color: #ff6100;
}
@media (max-width: 1320px) {
  .circle-container .outer-circle {
    width: 200px;
    height: 200px;
  }
  .circle-container .outer-circle .inner-circle {
    width: 100px;
    height: 100px;
    border: 18px solid #ff6100;
  }
  .circle-container .outer-circle .inner-circle .inner-circle-content {
    border: 5px solid #ffffff;
  }
  .circle-container .outer-circle .inner-circle .inner-circle-content span {
    font-size: .8rem;
  }
  .circle-container .outer-circle .inner-circle .inner-circle-content i {
    margin-top: 5px;
  }
  .circle-container .outer-circle .inner-circle .inner-circle-content i.fa-2x {
    font-size: 1.5em;
  }
  .circle-container .outer-circle:not(:first-child) {
    margin-left: -18px;
  }
}
@media (max-width: 767px) {
  .circle-container {
    flex-direction: column;
    align-items: center;
  }
  .circle-container .outer-circle .inner-circle {
    transform: rotate(135deg);
  }
  .circle-container .outer-circle .inner-circle .inner-circle-content {
    transform: rotate(225deg);
  }
  .circle-container .outer-circle:not(:first-child) {
    margin-left: 0px;
    margin-top: -82px;
  }
}

/* Infographic Circles - about-page */
.overlapping-circles {
  display: flex;
  justify-content: center;
}
.overlapping-circles .outer-circle {
  width: 350px;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.overlapping-circles .outer-circle .inner-circle {
  width: 250px;
  height: 250px;
  box-sizing: content-box;
  border-style: solid;
  border-width:10px;
  border-color: transparent;
  transform: rotate(45deg);
  border-radius: 50%;
}
.overlapping-circles .outer-circle .inner-circle .inner-circle-content {
  background: #ffffff;
  border: 10px solid #ffffff;
  box-sizing: border-box;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transform: rotate(-45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.2);
  padding: 30px;
}
.overlapping-circles .outer-circle .inner-circle .inner-circle-content span {
  font-size: 1.4rem;
  line-height: 1.1;
  font-weight: bold;
  text-align: center;
}
.overlapping-circles .outer-circle .inner-circle .inner-circle-content i {
  margin-top: 15px;
}
.overlapping-circles .outer-circle i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.overlapping-circles .outer-circle i.blue {
  background-image: linear-gradient(to right, #00afff, #3bbbff, #5ac6ff, #75d1ff, #8edcff);
}
.overlapping-circles .outer-circle i.purple {
  background-image: linear-gradient(to right, #a650ff, #b46cff, #c285ff, #ce9eff, #dab6ff);
}
.overlapping-circles .outer-circle i.pink {
  background-image: linear-gradient(to right, #fd3f84, #ff5d7f, #ff777f, #ff8e84, #ffa38d);
}
.overlapping-circles .outer-circle i.green {
  background-image: linear-gradient(to right, #12bd9e, #14d0ae, #19eac4, #16e8c2, #18fcd2);
}
.overlapping-circles .outer-circle i.orange {
  background-image: linear-gradient(to right, #f94d00, #fa6521, #ff8243, #fd894f, #fd9560);
}
.overlapping-circles .outer-circle:not(:first-child) {
  margin-left: -50px;
}
.overlapping-circles .outer-circle:nth-child(odd) .inner-circle {
  border-top-color: transparent;
  border-left-color: transparent;
}
.overlapping-circles .outer-circle:nth-child(even) {
  margin-top: 1px;
}
.overlapping-circles .outer-circle:nth-child(even) .inner-circle {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

@media (max-width: 1320px) {
  .overlapping-circles .outer-circle {
    width: 300px;
    height: 300px;
  }
  .overlapping-circles .outer-circle .inner-circle {
    width: 200px;
    height: 200px;
    border-width:0px;
  }
  .overlapping-circles .outer-circle .inner-circle .inner-circle-content {
    border:4px solid #ffffff;
  }
  .overlapping-circles .outer-circle .inner-circle .inner-circle-content span {
    font-size: 1.1rem;
  }
  .overlapping-circles .outer-circle .inner-circle .inner-circle-content i {
    margin-top: 5px;
  }
  .overlapping-circles .outer-circle .inner-circle .inner-circle-content i.fa-2x {
    font-size: 1.5em;
  }
  .overlapping-circles .outer-circle:not(:first-child) {
    margin-left: -35px;
  }
}
@media (max-width: 767px) {
  .overlapping-circles {
    flex-direction: column;
    align-items: center;
  }
  .overlapping-circles .outer-circle .inner-circle {
    transform: rotate(135deg);
  }
  .overlapping-circles .outer-circle .inner-circle .inner-circle-content {
    transform: rotate(225deg);
  }
  .overlapping-circles .outer-circle:not(:first-child) {
    margin-left: 0px;
    margin-top: -145px;
  }
}