@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

body {
  margin: 0;
  padding: 0;
}
input[type="checkbox"]:before,
input[type="checkbox"]:checked:before {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #000000;
  font-weight: 700;
}
input[type="checkbox"]:checked:before {
  content: '\2713';
}
input[type="checkbox"] {
  -webkit-appearance: none;
  /* Hides the default checkbox style */
  height: 12px;
  width: 12px;
  padding: 7px;
  outline: none;
  cursor: pointer;
  position: relative;
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
  border-radius: 2px;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background: #F56900;
}
::-webkit-scrollbar-thumb {
  background: #F56900;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #F56900;
}
main * {
  box-sizing: border-box;
  font-family: Roboto;
}
main p {
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
  text-align: left;
  color: #414141;
  width: 100%;
}
main p strong,
main p b {
  font-weight: 700;
}
main a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
main h1,
main h2,
main h3,
main h4 {
  margin: 0;
}
main h2 {
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
}
main ul,
main li {
  padding: 0;
  margin: 0;
}
.cism-container {
  width: 100%;
}
main .flex-container {
  display: flex;
  margin: auto;
}
.cism-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
.cism-buttons .btn-orange,
.cism-buttons .btn-white {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 12px;
  position: relative;
  text-decoration: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  min-width: 167px;
  z-index: 1;
}
.cism-buttons .btn-orange::before,
.cism-buttons .btn-white::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  transition: all 0.5s;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.8);
}
.cism-buttons .btn-orange:hover::before,
.cism-buttons .btn-white:hover::before {
  width: 100%;
  opacity: 0.2;
  transform: translate(0, 0);
}
.cism-buttons .btn-orange img,
.cism-buttons .btn-white img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.cism-buttons .btn-white {
  background: #FFF;
  color: #000000;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.cism-buttons .btn-white::before {
  background-color: #d4d4d4;
}
.cism-buttons .btn-orange {
  background-color: #F56900;
  color: #FFF;
}
.cism-heading {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2rem;
}
.cism-heading h2 {
  font-size: 22px;
  color: #000000;
  position: relative;
  width: fit-content;
  padding: 0.2rem 1rem;
}
.cism-heading h2::before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  background-image: url(/_public/images/cism-offers/heading-top.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 85px;
  height: 30px;
}
.cism-heading h2::after {
  content: '';
  position: absolute;
  bottom: -5px;
  right: -8px;
  background-image: url(/_public/images/cism-offers/heading-bottom.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 167px;
  height: 30px;
}
.center-heading {
  align-items: center;
}
.center-heading h2 {
  text-align: center;
}
.white-heading {
  align-items: center;
}
.white-heading h2 {
  text-align: center;
  color: #FFF;
}
.white-heading h2::after {
  background-image: url(/_public/images/cism-offers/heading-bott-white.svg);
  width: 96px;
  height: 30px;
  right: -10px;
}
.form {
  display: flex;
  flex-direction: column;
}
.form .input-main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form .input-container {
  display: flex;
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
}
.form .input-container input,
.form .input-container textarea {
  width: 100%;
  border: none;
  padding: 0.7rem;
  outline: 0;
  border-radius: 14px;
  border: 1px solid #95989A;
  font-weight: 500;
  color: #000000;
}
.form .input-container textarea {
  height: 75px;
  resize: none;
  overflow: auto;
}
.form .input-container ::-webkit-input-placeholder {
  /* Edge */
  color: #95989A;
}
:-ms-input-placeholder { 
  /* IE 10+ */ 
  color: #95989A;
}
.form .input-error input,
.form .input-error textarea {
  border: 2px solid red;
}
.form .input-error ::-webkit-input-placeholder {
  /* Edge */
  color: red;
}
.form .form-consent {
  display: flex;
  color: #707070;
  font-size: 11px;
  margin-bottom: 0.4rem;
}
.form .form-consent:last-child {
  margin-bottom: 0;
}
.form .form-consent label {
  margin-left: 0.3rem;
  width: 97%;
}
.form .form-consent p {
  color: #707070;
  line-height: 1.4;
  font-size: 11px;
}
.form .form-consent a {
  color: #F56900;
  font-weight: bold;
}
.form .consent-error,
.form .consent-error-other {
  margin-bottom: 0.5rem;
}
.form .consent-error p,
.form .consent-error-other p {
  color: red;
  line-height: 1.4;
  font-size: 11px;
}
@keyframes ripple {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes client-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes client-circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes client-center-circle {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes package-pulse {
  0% {
    transform: scale(0.8) translateY(-100%);
    opacity: 0.6;
  }
  50% {
    transform: scale(1) translateY(0);
    opacity: 0.3;
  }
  100% {
    transform: scale(0.8) translateY(-100%);
    opacity: 0.6;
  }
}
@keyframes animateBubble {
  0% {
    margin-top: 55%;
  }
  100% {
    margin-top: -50%;
  }
}
@keyframes sideWays {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 50px;
  }
}
@keyframes circleMover {
  from {
    transform: rotate(0deg) translateX(50px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(50px) rotate(-360deg);
  }
}
@keyframes banner-top {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(150px);
  }
  70% {
    transform: translatey(-50px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes snowing {
  0% {
    fill-opacity: 1;
  }
  100% {
    fill-opacity: 0;
    transform: translateY(200px);
  }
}
.cism-banner {
  flex-direction: column;
}
.cism-banner .logo-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #FFF;
  padding: 1rem 1.5rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.098);
}
.cism-banner .logo-container .cism-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.cism-banner .logo-container .tka-logo {
  display: flex;
  max-width: 200px;
}
.cism-banner .logo-container .tka-logo img {
  width: 100%;
}
.cism-banner .logo-container .tka-logo .purple-logo {
  display: flex;
}
.cism-banner .logo-container .tka-logo .white-logo {
  display: none;
}
.cism-banner .logo-container .menu {
  display: flex;
  margin-left: auto;
  z-index: 1;
}
.cism-banner .logo-container .menu img {
  width: 22px;
  height: 23px;
}
.cism-banner .logo-container .menu .menu-purple {
  display: flex;
}
.cism-banner .logo-container .menu .menu-white {
  display: none;
}
.cism-banner .logo-container .menu-links {
  width: 0;
  transition: all 0.5s;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 15;
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.cism-banner .logo-container .menu-links .menu-toggle {
  color: #000000;
}
.cism-banner .logo-container .menu-links .menu-toggle img {
  width: 15px;
  margin-right: 5px;
}
.cism-banner .logo-container .menu-links ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.cism-banner .logo-container .menu-links ul .links-li {
  padding: 8px 0;
  border-bottom: 1px dotted #000000;
}
.cism-banner .logo-container .menu-links ul .links-li:nth-last-child(2) {
  border-bottom: none;
  padding-bottom: 0;
}
.cism-banner .logo-container .menu-links ul .links-li:last-child {
  display: none;
  padding-bottom: 0;
}
.cism-banner .logo-container .menu-links ul .links-li .link {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
}
.cism-banner .logo-container .menu-links ul .cism-buttons {
  display: none;
}
.cism-banner .logo-container .menu.active {
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.047);
}
.cism-banner .logo-container .menu.active + .menu-links {
  padding: 15px;
  width: 80%;
}
.cism-banner .logo-container .menu.active + .menu-links .menu-toggle {
  display: flex;
  justify-content: flex-end;
}
.cism-banner .cism-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  background-color: #782490;
  padding: 1rem 1.5rem;
  transition: 1s;
}
.cism-banner .cism-sticky .cism-container {
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.cism-banner .cism-sticky .tka-logo .purple-logo {
  display: none;
}
.cism-banner .cism-sticky .tka-logo .white-logo {
  display: flex;
}
.cism-banner .cism-sticky .menu .menu-purple {
  display: none;
}
.cism-banner .cism-sticky .menu .menu-white {
  display: flex;
}
.cism-banner .cism-sticky-up {
  top: -100px;
}
.cism-banner .cism-sticky-down {
  top: 0;
}
.cism-banner .banner-facts-container {
  display: flex;
  flex-direction: column;
}
.cism-banner .banner-facts-container .banner-container {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  padding-top: 2rem;
  background-image: linear-gradient(#782490, #382161);
  background-image: -ms-linear-gradient(#782490,#382161);
}
.cism-banner .banner-facts-container .banner-container .banner-content {
  display: flex;
  flex-direction: column;
}
.cism-banner .banner-facts-container .banner-container .banner-content h1 {
  font-size: 24px;
  color: #FFF;
  margin-bottom: 0.4rem;
  display: flex;
  align-items: flex-start;
}
.cism-banner .banner-facts-container .banner-container .banner-content h1 img {
  width: 35px;
  margin-right: 10px;
}
.cism-banner .banner-facts-container .banner-container .banner-content p {
  color: #FFF;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-offer {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-offer h3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #F56900;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-offer h3 img {
  width: 30px;
  margin-right: 5px;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-offer .countdown-offer {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-offer .countdown-offer .timer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 1rem;
  justify-content: center;
  width: 55px;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-offer .countdown-offer .timer p {
  text-align: center;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-offer .countdown-offer .timer:last-child {
  margin-right: 0;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-offer .countdown-offer .timer:last-child span::after {
  content: none;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-offer .countdown-offer .timer span::after {
  position: absolute;
  content: ':';
  width: 10px;
  height: 40px;
  top: -5px;
  right: -22px;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  color: #FFF;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-offer .countdown-offer .timer span {
  display: flex;
  color: #000000;
  background-color: #FFF;
  border-radius: 6px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 35px;
  position: relative;
}
.cism-banner .banner-facts-container .banner-container .banner-content .cism-buttons {
  justify-content: flex-start;
}
.cism-banner .banner-facts-container .banner-container .banner-img {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 2rem;
}
.cism-banner .banner-facts-container .banner-container .banner-img img {
  width: 100%;
  height: 220px;
}
.cism-banner .banner-facts-container .facts-container {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  background-color: #FFF;
}
.cism-banner .banner-facts-container .facts-container .cism-heading {
  margin-bottom: 2rem;
  flex-direction: column;
}
.cism-banner .banner-facts-container .facts-container .cism-heading h2{
  width: 100%;
}
.cism-banner .banner-facts-container .facts-container .cism-heading p {
  text-align: center;
  margin-top: 1rem;
}
.cism-banner .banner-facts-container .facts-container .facts-list {
  display: flex;
  flex-direction: column;
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000000;
  margin-bottom: 1.5rem;
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info .facts-circle {
  display: flex;
  flex-direction: column;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
  margin-bottom: 0.6rem;
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info .facts-circle img {
  width: 38px;
  height: 38px;
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info .facts-circle .facts-black {
  display: flex;
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info .facts-circle .facts-white {
  display: none;
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info h3 {
  font-size: 26px;
  color: #782490;
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info p {
  margin-top: 0.4rem;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: #000000;
  text-align: center;
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info:last-child {
  margin-bottom: 0;
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info:hover .facts-circle {
  background-image: linear-gradient(-30deg, #382161, #782490);
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info:hover .facts-circle .facts-black {
  display: none;
}
.cism-banner .banner-facts-container .facts-container .facts-list .facts-info:hover .facts-circle .facts-white {
  display: flex;
}
.cism-over-deli {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  background-color: #f9f9f9;
}
.cism-over-deli .over-deli-container {
  display: flex;
  flex-direction: column;
}
.cism-over-deli .over-deli-container .cism-heading {
  align-items: center;
}
.cism-over-deli .over-deli-container .cism-heading h2 {
  text-align: center;
}
.cism-over-deli .over-deli-container p {
  text-align: center;
}
.cism-over-deli .over-deli-container .over-container {
  display: flex;
  flex-direction: column;
}
.cism-over-deli .over-deli-container .over-container p {
  margin-bottom: 10px;
}
.cism-over-deli .over-deli-container .over-container .cism-buttons {  
  margin-top: 0.5rem;
}
.cism-over-deli .over-deli-container .deli-container {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods:hover .methods {
  transform: scale(0.9);
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods {
  display: flex;
  align-items: center;
  padding: 10px;
  background-image: url(/_public/images/cism-offers/method-white.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 1.5rem;
  transition: 0.5s ease-in-out;
  width: 272px;
  align-self: center;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods:last-child {
  margin-bottom: 0;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods:hover {
  background-image: url(/_public/images/cism-offers/method-purple.png);
  color: #FFF;
  transform: scale(1);
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods:hover .deliv-icon {
  background-color: #FFF;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods:hover .deliv-icon .purple-img {
  display: flex;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods:hover .deliv-icon .black-img {
  display: none;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods:hover .deliv-methods {
  color: #FFF;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods .deliv-icon {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 7px 0 2px;
  background-color: #F5F5F5;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods .deliv-icon img {
  width: 30px;
  height: 30px;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods .deliv-icon .purple-img {
  display: none;
}
.cism-over-deli .over-deli-container .deli-container .delivery-methods .methods .deliv-methods {
  font-size: 14px;
  font-weight: 600;
}
.cism-how-to {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
}
.cism-how-to .how-to-container {
  display: flex;
  flex-direction: column;
}
.cism-how-to .how-to-container .how-to-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cism-how-to .how-to-container .how-to-left .cism-heading {
  width: 100%;
}
.cism-how-to .how-to-container .how-to-left p {
  margin-bottom: 6px;
}
.cism-how-to .how-to-container .how-to-left .how-to-list {
  display: flex;
  flex-direction: column;
  padding-top: 0.5rem;
}
.cism-how-to .how-to-container .how-to-left .how-to-list .list {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  position: relative;
  font-size: 14px;
  padding-left: 1rem;
  color: #414141;
}
.cism-how-to .how-to-container .how-to-left .how-to-list .list::before {
  content: '';
  top: 5px;
  left: 0px;
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #782490;
  border-radius: 50%;
}
.cism-how-to .how-to-container .how-to-left .how-to-list .list:last-child {
  margin-bottom: 0;
}
.cism-how-to .how-to-container .how-to-right {
  display: flex;
  flex-direction: column;
  margin-top: 2.5rem;
}
.cism-how-to .how-to-container .how-to-right .become-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cism-how-to .how-to-container .how-to-right .become-list .info-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  margin: 0;
  margin-bottom: 1.5rem;
  height: fit-content;
  background: #FFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
  width: 48%;
  min-height: 177px;
  border-radius: 8px;
}
.cism-how-to .how-to-container .how-to-right .become-list .info-box::before {
  content: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  z-index: -1;
  box-shadow: 10px 10px 1px #ededed;
}
.cism-how-to .how-to-container .how-to-right .become-list .info-box:nth-child(3),
.cism-how-to .how-to-container .how-to-right .become-list .info-box:nth-child(4) {
  margin-bottom: 0;
}
.cism-how-to .how-to-container .how-to-right .become-list .info-box img {
  width: 44px;
  height: 44px;
}
.cism-how-to .how-to-container .how-to-right .become-list .info-box .number {
  color: #B3B3B3;
  margin-top: 8px;
  margin-bottom: 4px;
  font-size: 22px;
}
.cism-how-to .how-to-container .how-to-right .become-list .info-box .desc {
  color: #000000;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  line-height: 1.5;
}
.cism-courses {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  background-color: #f9f9f9;
}
.cism-courses p {
  text-align: center;
  line-height: 1.4;
}
.cism-courses  .cism-heading h2{
  width: 100%;
}
.cism-courses p span {
  color: #782490;
  font-weight: 600;
}
.cism-courses .courses-list {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
}
.cism-courses .courses-list .list-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background: #FFF;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 2rem;
}
.cism-courses .courses-list .list-content:last-child {
  margin-bottom: 0;
}
.cism-courses .courses-list .list-content::before {
  content: '';
  position: absolute;
  background-image: url(/_public/images/cism-offers/course-grey.png);
  background-size: contain;
  height: 82px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-repeat: no-repeat;
}
.cism-courses .courses-list .list-content .course-img {
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: #FFF;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  flex-direction: column;
}
.cism-courses .courses-list .list-content .course-img img {
  width: 30px;
  height: 30px;
}
.cism-courses .courses-list .list-content .course-content {
  text-align: center;
  margin: 8px 0 5px;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
}
.cism-courses .courses-list .list-content p {
  text-align: center;
  line-height: 1.8;
}
.cism-courses .courses-list .list-content:hover {
  transition: all 0.2s ease;
  color: #FFF;
  background: linear-gradient(#782490, #E0CDE6);
  background: -ms-linear-gradient(#782490, #E0CDE6);
}
.cism-courses .courses-list .list-content:hover::before {
  background-image: url(/_public/images/cism-offers/course.png);
}
.cism-courses .courses-list .list-content:hover p {
  color: #FFF;
}
.cism-courses .courses-list .list-content:hover p span {
  color: #FFF;
}
.cism-courses .courses-list .list-content:hover .cism-buttons .btn-orange::before,
.cism-courses .courses-list .list-content:hover .cism-buttons .btn-white::before {
  content: none;
}
.cism-qualification {
  padding: 3rem 1.5rem;
}
.cism-qualification .qualification-container {
  display: flex;
  flex-direction: column;
}
.cism-qualification .qualification-container .qualification-img {
  display: flex;
  margin-top: 2rem;
  order: 2;
  height: 100%;
}
.cism-qualification .qualification-container .qualification-img img {
  width: 100%;
  height: 100%;
}
.cism-qualification .qualification-container .qualification-content {
  display: flex;
  flex-direction: column;
  order: 1;
}
.cism-qualification .qualification-container .qualification-content p {
  margin-bottom: 0.5rem;
}
.cism-qualification .qualification-container .qualification-content .domain-note {
  font-weight: 500;
  line-height: 1.5;
}
.cism-qualification .qualification-container .qualification-content .domain-list {
  display: flex;
  flex-direction: column;
}
.cism-qualification .qualification-container .qualification-content .domain-list li {
  list-style-type: none;
  font-size: 14px;
  line-height: 1.5;
  color: #414141;
  margin-bottom: 10px;
}
.cism-qualification .qualification-container .qualification-content .domain-list li strong {
  font-weight: 600;
  color: #000000;
  font-size: 16px;
}
.cism-qualification .qualification-container .qualification-content .domain-list li:last-child {
  margin-bottom: 0;
}
.cism-qualification .qualification-container .qualification-content .cism-buttons {
  align-self: flex-start;
  margin-top: 1.5rem;
}
.cism-packages {
  padding: 3rem 1.5rem;
  background-color: #f9f9f9;
}
.cism-packages .packages-container {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
}
.cism-packages .packages-container .package-list {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  padding: 1.4rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.5rem;
  background-image: url(/_public/images/cism-offers/package-heading.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 102% 35%;
}
.cism-packages .packages-container .package-list:hover {
  transition: 0.5s;
  background-image: url(/_public/images/cism-offers/purple-package-bg.png);
}
.cism-packages .packages-container .package-list:hover h2 {
  color: #FFF;
}
.cism-packages .packages-container .package-list:hover .package-content li::before {
  background-image: url(/_public/images/cism-offers/star-purple.svg);
}
.cism-packages .packages-container .package-list:last-child {
  margin-bottom: 0;
}
.cism-packages .packages-container .package-list h2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
  min-height: 58px;
  text-align: left;
}
.cism-packages .packages-container .package-list .package-content {
  display: flex;
  flex-direction: column;
  padding-top: 0.5rem;
}
.cism-packages .packages-container .package-list .package-content li {
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
  font-size: 14px;
  padding-left: 1.4rem;
  color: #414141;
  text-align: left;
  position: relative;
}
.cism-packages .packages-container .package-list .package-content li:last-child {
  margin-bottom: 0;
}
.cism-packages .packages-container .package-list .package-content li::before {
  content: '';
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  background-image: url(/_public/images/cism-offers/package-star.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.cism-packages .packages-container .package-list .cism-buttons {
  justify-content: flex-start;
}
.cism-packages .packages-container .package-list .cism-buttons .btn-orange {
  width: 80%;
}
.cism-budget-client {
  padding: 3rem 1.5rem;
}
.cism-budget-client .budget-client-container {
  display: flex;
  flex-direction: column;
}
.cism-budget-client .budget-client-container .budget-container {
  display: flex;
  flex-direction: column;
  background-color: #782490;
  background-blend-mode: multiply;
  background-size: 100% 100%;
  padding: 2rem 1.5rem;
  position: relative;
}
.cism-budget-client .budget-client-container .budget-container .svg-snowscene {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.cism-budget-client .budget-client-container .budget-container .snow {
  fill: #FFF;
  animation-name: snowing;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}
.cism-budget-client .budget-client-container .budget-container .snow:nth-child(2n) {
  animation-delay: 1.5s;
}
.cism-budget-client .budget-client-container .budget-container .snow:nth-child(3n) {
  animation-delay: 2.3s;
  animation-duration: 3.3s;
}
.cism-budget-client .budget-client-container .budget-container .snow:nth-child(4n) {
  animation-delay: 0.8s;
  animation-duration: 3.2s;
}
.cism-budget-client .budget-client-container .budget-container .snow:nth-child(5n) {
  animation-delay: 2.8s;
}
.cism-budget-client .budget-client-container .budget-container .cism-heading {
  align-self: center;
}
.cism-budget-client .budget-client-container .budget-container .cism-heading h2 {
  color: #FFF;
}
.cism-budget-client .budget-client-container .budget-container p {
  line-height: 1.5;
  color: #FFF;
  margin-bottom: 0.5rem;
}
.cism-budget-client .budget-client-container .budget-container .budget-list {
  display: flex;
  flex-direction: column;
}
.cism-budget-client .budget-client-container .budget-container .budget-list li {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  font-size: 14px;
  padding-left: 1rem;
  text-align: left;
  color: #FFF;
  position: relative;
}
.cism-budget-client .budget-client-container .budget-container .budget-list li:last-child {
  margin-bottom: 0;
}
.cism-budget-client .budget-client-container .budget-container .budget-list li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 12px solid #F56900;
  border-bottom: 6px solid transparent;
}
.cism-budget-client .budget-client-container .budget-container .counter {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
  justify-content: center;
  align-items: center;
}
.cism-budget-client .budget-client-container .budget-container .counter .count {
  font-weight: 600;
  color: #FFF;
  font-size: 18px;
}
.cism-budget-client .budget-client-container .budget-container .counter .live {
  font-size: 13px;
  color: #FFF;
}
.cism-budget-client .budget-client-container .budget-container .cism-buttons {
  justify-content: center;
}
.cism-budget-client .budget-client-container .client-container {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}
.cism-budget-client .budget-client-container .client-container .client-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.cism-budget-client .budget-client-container .client-container .client-heading h3 {
  text-align: center;
  font-size: 28px;
}
.cism-budget-client .budget-client-container .client-container .client-list {
  display: flex;
  flex-wrap: wrap;
  width: 262px;
  align-self: center;
  justify-content: space-between;
}
.cism-budget-client .budget-client-container .client-container .client-list span {
  width: 120px;
  height: 70px;
  padding: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.cism-budget-client .budget-client-container .client-container .client-list span:nth-last-child(1),
.cism-budget-client .budget-client-container .client-container .client-list span:nth-last-child(2) {
  margin-bottom: 0;
}
.cism-budget-client .budget-client-container .client-container .client-list span img {
  width: 70px;
  height: 60px;
}
.cism-objectives {
  padding: 3rem 1.5rem;
  background-color: #f5f5f5;
}
.cism-objectives .objectives-container {
  display: flex;
  flex-direction: column;
}
.cism-objectives .objectives-container .objectives-image {
  display: flex;
  width: 100%;
  padding: 1rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  order: 2;
  margin-top: 2.5rem;
  background-color: #ffffff;
  height: 100%;
}
.cism-objectives .objectives-container .objectives-image img {
  width: 100%;
  height: 100%;
}
.cism-objectives .objectives-container .objectives-content {
  display: flex;
  flex-direction: column;
  order: 1;
}
.cism-objectives .objectives-container .objectives-content p {
  color: #414141;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  line-height: 1.5;
}
.cism-objectives .objectives-container .objectives-content .objectives-list {
  display: flex;
  flex-direction: column;
}
.cism-objectives .objectives-container .objectives-content .objectives-list li {
  font-size: 14px;
  line-height: 1.8;
  list-style: none;
  position: relative;
  padding-left: 18px;
  margin-bottom: 5px;
  color: #414141;
}
.cism-objectives .objectives-container .objectives-content .objectives-list li:last-child {
  margin-bottom: 0;
}
.cism-objectives .objectives-container .objectives-content .objectives-list li::before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  background-image: linear-gradient(10deg, #3C1248, #782490);
  top: 8px;
  left: 0px;
  transform: rotate(45deg);
  border: 1px solid #414141;
}
.cism-objectives .objectives-container .objectives-content .cism-buttons {
  justify-content: flex-start;
}
.cism-testimonial {
  padding: 3rem 1.5rem;
  background-image: linear-gradient(-30deg, #382161, #782490);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.cism-testimonial #background-wrap {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.cism-testimonial #background-wrap .bubble {
  border-radius: 50%;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px #ffffff;
  height: 50px;
  position: absolute;
  width: 50px;
  opacity: 0.2;
}
.cism-testimonial #background-wrap .bubble::after {
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
  /* W3C */
  border-radius: 50%;
  box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
  content: "";
  height: 30px;
  left: 10px;
  position: absolute;
  width: 30px;
  opacity: 0.2;
}
.cism-testimonial #background-wrap .x1 {
  animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: -5%;
  top: 5%;
  transform: scale(0.6);
}
.cism-testimonial #background-wrap .x2 {
  animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 5%;
  top: 80%;
  transform: scale(0.4);
}
.cism-testimonial #background-wrap .x3 {
  animation: animateBubble 8s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 10%;
  top: 40%;
  transform: scale(0.7);
}
.cism-testimonial #background-wrap .x4 {
  animation: animateBubble 18s linear infinite, sideWays 3s ease-in-out infinite alternate;
  left: 20%;
  top: 0;
  transform: scale(0.3);
}
.cism-testimonial #background-wrap .x5 {
  animation: animateBubble 6s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 30%;
  top: 50%;
  transform: scale(0.5);
}
.cism-testimonial #background-wrap .x6 {
  animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 50%;
  top: 0;
  transform: scale(0.8);
}
.cism-testimonial #background-wrap .x7 {
  animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 65%;
  top: 70%;
  transform: scale(0.4);
}
.cism-testimonial #background-wrap .x8 {
  animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  left: 80%;
  top: 10%;
  transform: scale(0.3);
}
.cism-testimonial #background-wrap .x9 {
  animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 90%;
  top: 50%;
  transform: scale(0.6);
}
.cism-testimonial #background-wrap .x10 {
  animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 80%;
  top: 80%;
  transform: scale(0.3);
}
.cism-testimonial .testi-limited-offer {
  display: flex;
  flex-direction: column;
}
.cism-testimonial .testi-limited-offer .testimonial-container {
  display: flex;
  flex-direction: column;
}
.cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-info .client-image {
  display: flex;
  width: 70px;
  height: 70px;
}
.cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-info .client-image img {
  width: 100%;
}
.cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-info .client-name {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-info .client-name h3 {
  color: #FFF;
  margin: 8px 0 4px;
}
.cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-info .client-name span {
  color: #F56900;
  font-size: 14px;
  font-weight: 500;
}
.cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-content {
  display: flex;
  margin-top: 10px;
  width: 100%;
}
.cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-content p {
  color: #FFF;
  text-align: center;
}
.cism-testimonial .testi-limited-offer .testimonial-container .owl-nav {
  display: flex;
  justify-content: space-between;
  width: 48px;
  margin: 0 auto;
  margin-top: 0.8rem;
}
.cism-testimonial .testi-limited-offer .testimonial-container .owl-nav .owl-prev {
  background-image: url(/_public/images/cism-offers/left-arrow.svg);
  opacity: 0.5;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  outline: 0;
  width: 25px;
  height: 25px;
  top: 0;
  left: -10px;
}
.cism-testimonial .testi-limited-offer .testimonial-container .owl-nav .owl-prev span {
  display: none;
}
.cism-testimonial .testi-limited-offer .testimonial-container .owl-nav .owl-next {
  background-image: url(/_public/images/cism-offers/right-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  outline: none;
  opacity: 0.5;
  width: 25px;
  height: 25px;
  top: 0;
  right: -10px;
}
.cism-testimonial .testi-limited-offer .testimonial-container .owl-nav .owl-next span {
  display: none;
}
.cism-testimonial .testi-limited-offer .testimonial-container .owl-nav .btn-active {
  opacity: 1;
}
.cism-testimonial .testi-limited-offer .limited-offer-container {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}
.cism-testimonial .testi-limited-offer .limited-offer-container .limited-offer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 1.5rem;
}
.cism-testimonial .testi-limited-offer .limited-offer-container .limited-offer .offer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.cism-testimonial .testi-limited-offer .limited-offer-container .limited-offer .offer-content img {
  width: 50px;
  height: 50px;
}
.cism-testimonial .testi-limited-offer .limited-offer-container .limited-offer .offer-content h3 {
  margin: 5px 0;
  font-size: 22px;
}
.cism-testimonial .testi-limited-offer .limited-offer-container .limited-offer .offer-content p {
  text-align: center;
  color: purple;
  line-height: 1.4;
  font-weight: 500;
}
.cism-chooseus {
  padding: 3rem 1.5rem;
}
.cism-chooseus .chooseus-container {
  display: flex;
  flex-direction: column;
}
.cism-chooseus .chooseus-container .chooseus-para {
  text-align: center;
  margin-bottom: 1.5rem;
}
.cism-chooseus .chooseus-container .chooseus-list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cism-chooseus .chooseus-container .chooseus-list .chooseus-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 260px;
  height: 250px;
  background-color: #FFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  border-radius: 50%;
  padding: 1rem;
  margin-top: 4rem;
  padding-top: 3rem;
}
.cism-chooseus .chooseus-container .chooseus-list .chooseus-item:nth-child(1) {
  margin-top: 2rem;
}
.cism-chooseus .chooseus-container .chooseus-list .chooseus-item .chooseus-image {
  display: flex;
  width: 85px;
  height: 85px;
  background-color: #FFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  position: absolute;
  top: -40px;
  left: 85px;
}
.cism-chooseus .chooseus-container .chooseus-list .chooseus-item .chooseus-image img {
  width: 45px;
  height: 45px;
}
.cism-chooseus .chooseus-container .chooseus-list .chooseus-item .chooseus-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px;
  width: 100%;
}
.cism-chooseus .chooseus-container .chooseus-list .chooseus-item .chooseus-content h3 {
  margin: 8px 0;
  text-align: center;
  min-height: 50px;
  font-size: 20px;
  width: 100%;
}
.cism-chooseus .chooseus-container .chooseus-list .chooseus-item .chooseus-content p {
  text-align: center;
  line-height: 1.5;
}
.cism-faq {
  padding: 3rem 1.5rem;
  background-color: #f9f9f9;
}
.cism-faq .faq-container {
  display: flex;
  flex-direction: column;
}
.cism-faq .faq-container .faq-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 1.5rem;
}
.cism-faq .faq-container .faq-list .faq-content {
  display: flex;
  flex-direction: column;
  border-radius: 0px;
  margin-bottom: 1.5rem;
  background-color: #FFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  position: relative;
  height: fit-content;
}
.cism-faq .faq-container .faq-list .faq-content:last-child {
  margin-bottom: 0;
}
.cism-faq .faq-container .faq-list .faq-content .ques {
  display: flex;
  align-items: center;
  padding: 12px;
  cursor: pointer;
  justify-content: space-between;
}
.cism-faq .faq-container .faq-list .faq-content .ques span {
  width: 20px;
  height: 20px;
  background-color: #782490;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.cism-faq .faq-container .faq-list .faq-content .ques span img {
  width: 15px;
  height: 15px;
}
.cism-faq .faq-container .faq-list .faq-content .ques span .plus {
  display: flex;
}
.cism-faq .faq-container .faq-list .faq-content .ques span .minus {
  display: none;
}
.cism-faq .faq-container .faq-list .faq-content .ques h3 {
  font-size: 14px;
  color: #000000;
  width: 90%;
}
.cism-faq .faq-container .faq-list .faq-content .ans {
  display: none;
  padding: 12px;
}
.cism-faq .faq-container .faq-list .faq-content .ans p {
  font-size: 13px;
  color: #414141;
  line-height: 1.6;
}
.cism-faq .faq-container .faq-list .faq-content .ans ul {
  padding-left: 1rem;
}
.cism-faq .faq-container .faq-list .faq-content .ans ul li {
  font-size: 13px;
  margin-top: 4px;
}
.cism-faq .faq-container .faq-list .faq-content.active {
  height: fit-content;
  border-radius: 0;
}
.cism-faq .faq-container .faq-list .faq-content.active .ques {
  background-image: linear-gradient(0deg, #3C1248, #782490);
}
.cism-faq .faq-container .faq-list .faq-content.active .ques h3 {
  color: #FFF;
}
.cism-faq .faq-container .faq-list .faq-content.active span {
  background-color: #FFF;
}
.cism-faq .faq-container .faq-list .faq-content.active span .plus {
  display: none;
}
.cism-faq .faq-container .faq-list .faq-content.active span .minus {
  display: flex;
}
.cism-faq .faq-container .faq-list .faq-content.active .ans {
  flex-direction: column;
}
.cism-footer {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  background: linear-gradient(#782490  65%, #3C1248);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.cism-footer .background-wrap {
  display: none;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: -1;
  /* OBJECTS */
}
.cism-footer .background-wrap .x1 {
  -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: -5%;
  top: 5%;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
}
.cism-footer .background-wrap .x2 {
  -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 5%;
  top: 80%;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.cism-footer .background-wrap .x3 {
  -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 10%;
  top: 40%;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7);
}
.cism-footer .background-wrap .x4 {
  -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  left: 20%;
  top: 0;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.cism-footer .background-wrap .x5 {
  -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 30%;
  top: 50%;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.cism-footer .background-wrap .x6 {
  -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 50%;
  top: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
}
.cism-footer .background-wrap .x7 {
  -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 65%;
  top: 70%;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.cism-footer .background-wrap .x8 {
  -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  left: 80%;
  top: 10%;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.cism-footer .background-wrap .x9 {
  -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 90%;
  top: 50%;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
}
.cism-footer .background-wrap .x10 {
  -webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 80%;
  top: 80%;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.cism-footer .background-wrap .bubble {
  transform: rotate(45deg);
  background-color: #FFF;
  opacity: 0.3;
  height: 40px;
  position: absolute;
  width: 40px;
  border-radius: 10px;
}
.cism-footer .form {
  padding: 3rem 1.5rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 24px;
  margin-bottom: 0;
}
.cism-footer .form::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/_public/images/cism-offers/form-left.png);
  height: 140px;
  width: 180px;
  z-index: -1;
}
.cism-footer .form::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/_public/images/cism-offers/form-right.png);
  height: 80px;
  width: 113px;
  z-index: -1;
}
.cism-footer .form .cism-heading {
  margin-bottom: 1.5rem;
}
.cism-footer .form .form-consent input {
  margin-left: 0;
}
.cism-footer .contact-us {
  display: none;
  flex-direction: column;
  margin-top: 1.5rem;
}
.cism-footer .contact-us .contact-info {
  display: flex;
  flex-direction: column;
}
.cism-footer .contact-us .contact-info .email {
  margin-bottom: 12px;
}
.cism-footer .contact-us .contact-info .email,
.cism-footer .contact-us .contact-info .phone {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.cism-footer .contact-us .contact-info .email .icon,
.cism-footer .contact-us .contact-info .phone .icon {
  display: flex;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
}
.cism-footer .contact-us .contact-info .email .icon img,
.cism-footer .contact-us .contact-info .phone .icon img {
  width: 16px;
}
.cism-footer .contact-us .contact-info .email span,
.cism-footer .contact-us .contact-info .phone span {
  font-size: 14px;
  color: #FFF;
  font-weight: 500;
}
.cism-footer .contact-us .contact-info .email a,
.cism-footer .contact-us .contact-info .phone a {
  font-size: 14px;
  color: #FFF;
  padding-left: 4px;
}
.cism-popup {
  display: none;
  background-color: rgba(221, 221, 221, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 16;
  overflow: auto;
}
.cism-popup .popup-container {
  margin: auto;
  background-color: #FFF;
  width: 87%;
  box-shadow: 0 2px 9px #c1c1c1;
  padding: 1.5rem 1.2rem;
  margin-top: 1.5rem;
  border-radius: 0;
}
.cism-popup .popup-container .close-btn {
  width: 54px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  cursor: pointer;
}
.cism-popup .popup-container .form {
  display: flex;
  flex-direction: column;
  padding: 0;
  background-color: #FFF;
  border-radius: 8px;
}
.cism-popup .popup-container .form::before,
.cism-popup .popup-container .form::after {
  content: none;
}
.cism-popup .popup-container .form h2 {
  text-align: center;
  margin-bottom: 1.2rem;
}
.cism-popup .popup-container .form .cism-buttons {
  justify-content: center;
}
@media (min-width : 768px) {
  .cism-buttons .btn-white,
  .cism-buttons .btn-orange {
    font-size: 16px;
  }
  .cism-banner .logo-container {
    width: 100%;
    padding: 1rem 2rem;
  }
  .cism-banner .logo-container .menu.active + .menu-links {
    width: 50%;
  }
  .cism-banner .banner-facts-container {
    width: 100%;
  }
  .cism-banner .banner-facts-container .banner-container {
    padding: 3rem 2rem;
  }
  .cism-banner .banner-facts-container .banner-container .banner-content h1 {
    align-items: center;
  }
  .cism-banner .banner-facts-container .banner-container .banner-img {
    display: none;
  }
  .cism-banner .banner-facts-container .facts-container {
    padding: 3rem 2rem;
  }
  .cism-banner .banner-facts-container .facts-container .cism-heading h2{
    width: auto;
  }
  .cism-banner .banner-facts-container .facts-container .facts-list {
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-around;
  }
  .cism-banner .banner-facts-container .facts-container .facts-list .facts-info {
    margin-bottom: 0;
  }
  .cism-over-deli {
    padding: 3rem 2rem;
  }
  .cism-over-deli .over-deli-container .over-container .cism-heading h2{
    width: auto;
  }
  .cism-over-deli .over-deli-container .deli-container .delivery-methods {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
  .cism-over-deli .over-deli-container .deli-container .delivery-methods .methods {
    width: 42%;
    margin-right: 1.5rem;
  }
  .cism-over-deli .over-deli-container .deli-container .delivery-methods .methods:nth-child(even) {
    margin-right: 0;
  }
  .cism-over-deli .over-deli-container .deli-container .delivery-methods .methods:nth-last-child(2) {
    margin-bottom: 0;
  }
  .cism-how-to {
    padding: 3rem 2rem;
  }
  .cism-how-to .how-to-container {
    flex-direction: row;
    justify-content: space-between;
  }
  .cism-how-to .how-to-container .cism-heading {
    align-items: flex-start;
  }
  .cism-how-to .how-to-container .cism-heading h2 {
    text-align: left;
  }
  .cism-how-to .how-to-container .how-to-left {
    width: 45%;
  }
  .cism-how-to .how-to-container .how-to-left p {
    text-align: left;
  }
  .cism-how-to .how-to-container .how-to-left .cism-buttons {
    justify-content: flex-start;
  }
  .cism-how-to .how-to-container .how-to-right {
    width: 320px;
    margin-top: 2rem;
  }
  .cism-how-to .how-to-container .how-to-right .become-list .info-box::before {
    content: '';
  }
  .cism-how-to .how-to-container .how-to-right .become-list .info-box:nth-child(1) {
    margin-left: -1rem;
    margin-top: -2rem;
    margin-bottom: 0rem;
  }
  .cism-how-to .how-to-container .how-to-right .become-list .info-box:nth-child(3) {
    margin-left: -1rem;
    margin-top: -2rem;
  }
  .cism-how-to .how-to-container .how-to-right .become-list .info-box img {
    width: 45px;
    height: 45px;
  }
  .cism-how-to .how-to-container .how-to-right .become-list .info-box .number {
    color: #B3B3B3;
  }
  .cism-how-to .how-to-container .how-to-right .become-list .info-box .desc {
    color: #000000;
  }
  .cism-courses {
    padding: 3rem 2rem;
  }
  .cism-courses .cism-heading h2{
    width: auto;
  }
  .cism-courses .courses-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2rem;
  }
  .cism-courses .courses-list .list-content {
    width: 47%;
    margin-bottom: 2rem;
  }
  .cism-courses .courses-list .list-content:nth-child(3) {
    margin-bottom: 0;
  }
  .cism-qualification {
    padding: 3rem 2rem;
  }
  .cism-qualification .qualification-container .qualification-content .cism-heading {
    align-items: flex-start;
  }
  .cism-qualification .qualification-container .qualification-img {
    width: 60%;
    margin: auto;
    margin-top: 2rem;
  }
  .cism-packages {
    padding: 3rem 2rem;
  }
  .cism-packages .packages-container {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .cism-packages .packages-container .package-list {
    width: 47%;
    margin-bottom: 0;
  }
  .cism-packages .packages-container .package-list .package-content {
    min-height: 178px;
  }
  .cism-packages .packages-container .package-list:last-child {
    margin: auto;
    margin-top: 2rem;
  }
  .cism-budget-client {
    padding: 3rem 2rem;
  }
  .cism-budget-client .budget-client-container .budget-container {
    width: 80%;
    margin: auto;
  }
  .cism-budget-client .budget-client-container .client-container {
    width: 350px;
    height: 350px;
    margin: auto;
    margin-top: 4rem;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .cism-budget-client .budget-client-container .client-container::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid grey;
    border-style: dashed;
    border-radius: 50%;
    z-index: 0;
    animation: client-circle 20s linear infinite;
    left: 0;
    top: 0;
  }
  .cism-budget-client .budget-client-container .client-container::after {
    content: '';
    position: absolute;
    width: 230px;
    height: 230px;
    border: 2px solid grey;
    border-style: dashed;
    border-radius: 50%;
    animation: client-center-circle 25s linear infinite;
    left: 60px;
    top: 60px;
  } 
  .cism-budget-client .budget-client-container .client-container .client-list {
    width: 310px;
    height: 310px;
    position: relative;
  }
  .cism-budget-client .budget-client-container .client-container .client-list::before {
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #9657a8;
    top: 110px;
    left: 28px;
    opacity: 0.9;
    z-index: 1;
    animation: client-pulse 2s linear infinite;
  }
  .cism-budget-client .budget-client-container .client-container .client-list::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-top: 18px solid transparent;
    border-right: 28px solid #f48b3c;
    border-bottom: 14px solid transparent;
    right: 40px;
    bottom: 91px;
    z-index: 1;
    opacity: 0.9;
    animation: client-pulse 2s linear infinite;
  }
  .cism-budget-client .budget-client-container .client-container .client-list span {
    position: absolute;
    width: 80px;
    height: 80px;
    margin-bottom: 0;
    border-radius: 50%;
    animation: client-pulse 3s linear infinite;
  }
  .cism-budget-client .budget-client-container .client-container .client-list span img {
    width: 55px;
  }
  .cism-budget-client .budget-client-container .client-container .client-list span:nth-child(1) {
    top: -25px;
    left: 0;
  }
  .cism-budget-client .budget-client-container .client-container .client-list span:nth-child(2) {
    top: 120px;
    left: -66px;
  }
  .cism-budget-client .budget-client-container .client-container .client-list span:nth-child(3) {
    bottom: -30px;
    left: 20px;
  }
  .cism-budget-client .budget-client-container .client-container .client-list span:nth-child(4) {
    top: -30px;
    right: 0px;
  }
  .cism-budget-client .budget-client-container .client-container .client-list span:nth-child(5) {
    top: 120px;
    right: -65px;
  }
  .cism-budget-client .budget-client-container .client-container .client-list span:nth-child(6) {
    bottom: -30px;
    right: 20px;
  }
  .cism-budget-client .budget-client-container .client-container .client-heading {
    width: 150px;
    height: 150px;
    position: absolute;
    font-size: 22px;
    margin: 0;
    z-index: 1;
    top: 30%;
    left: 30%;
  }
  .cism-budget-client .budget-client-container .client-container .client-heading::before {
    content: '';
    position: absolute;
    width: 145px;
    height: 145px;
    border: 2px solid grey;
    border-style: dashed;
    border-radius: 50%;
    z-index: -1;
    animation: client-circle 20s linear infinite;
    top: 0;
    left: 0;
  }
  .cism-budget-client .budget-client-container .client-container .client-heading h3 {
    position: relative;
    margin: 0;
    font-size: 25px;
  }
  .cism-budget-client .budget-client-container .client-container .client-heading h3::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f48b3c;
    top: -55px;
    right: 12px;
    z-index: 1;
    opacity: 0.9;
    animation: client-pulse 2s linear infinite;
  }
  .cism-budget-client .budget-client-container .client-container .client-heading h3::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #9657a8;
    bottom: -60px;
    left: 12px;
    z-index: 1;
    opacity: 0.9;
    animation: client-pulse 2s linear infinite;
  }
  .cism-objectives {
    padding: 3rem 2rem;
  }
  .cism-objectives .objectives-container .objectives-content .cism-heading {
    align-items: flex-start;
  }
  .cism-objectives .objectives-container .objectives-image {
    width: 65%;
    margin: auto;
    margin-top: 2.5rem;
  }
  .cism-testimonial {
    padding: 3rem 2rem;
  }
  .cism-testimonial .testi-limited-offer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .cism-testimonial .testi-limited-offer .testimonial-container {
    width: 48%;
    align-items: flex-start;
  }
  .cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item {
    align-items: flex-start;
  }
  .cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-info {
    align-items: flex-start;
  }
  .cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-info .client-image {
    width: 62px;
    height: 62px;
  }
  .cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-info .client-name {
    align-items: flex-start;
  }
  .cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list .testimonial-item .client-content p {
    text-align: left;
  }
  .cism-testimonial .testi-limited-offer .testimonial-container .owl-nav {
    margin: 0;
    margin-left: 10px;
    margin-top: 0.8rem;
  }
  .cism-testimonial .testi-limited-offer .limited-offer-container {
    width: 50%;
    margin-top: 0;
    background-image: url(/_public/images/cism-offers/limited-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 390px;
    align-items: center;
    justify-content: center;
  }
  .cism-testimonial .testi-limited-offer .limited-offer-container .limited-offer {
    border-radius: 50%;
    width: 265px;
    height: 265px;
  }
  .cism-chooseus {
    padding: 3rem 2rem;
  }
  .cism-chooseus .chooseus-container .chooseus-para {
    width: 90%;
    margin: auto;
    margin-bottom: 1.5rem;
  }
  .cism-chooseus .chooseus-container .chooseus-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 576px;
    margin: auto;
  }
  .cism-chooseus .chooseus-container .chooseus-list .chooseus-item:nth-child(2) {
    margin-top: 2rem;
  }
  .cism-faq {
    padding: 3rem 2rem;
  }
  .cism-faq .faq-container .faq-list {
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cism-faq .faq-container .faq-list .faq-content {
    width: 48%;
  }
  .cism-faq .faq-container .faq-list .faq-content:nth-child(11) {
    margin-bottom: 0;
  }
  .cism-footer {
    padding: 3rem 2rem;
  }
  .cism-footer .form {
    width: 65%;
    margin: auto;
  }
  .cism-footer .form::after {
    height: 110px;
    width: 175px;
  }
  .cism-footer .contact-us {
    align-items: center;
  }
  .cism-footer .contact-us .contact-info {
    flex-direction: row;
    justify-content: space-around;
    width: 70%;
  }
  .cism-footer .contact-us .contact-info .email,
  .cism-footer .contact-us .contact-info .phone {
    margin-bottom: 0;
  }
  .cism-footer .contact-us .contact-info .email span,
  .cism-footer .contact-us .contact-info .phone span {
    font-size: 14px;
  }
  .cism-footer .contact-us .cism-buttons {
    width: 45%;
  }
  .cism-popup .popup-container {
    max-width: 440px;
    padding: 3rem;
    margin-top: 1.5rem;
    position: relative;
    background-image: url(/_public/images/cism-offers/form-circle.svg), url(/_public/images/cism-offers/form-dotted-circle.svg);
    background-position: calc(0% - 15px) -17px, calc(0% - 13px) 261px;
    background-repeat: no-repeat;
    background-size: 136px, 100px;
    z-index: 1;
  }
  .cism-popup .popup-container::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #782490;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 0, 100% 0);
    z-index: -1;
  }
  .cism-popup .popup-container .close-btn {
    top: -29px;
    right: -24px;
  }
  .cism-popup .popup-container .form {
    box-shadow: 0 0 9px #c1c1c1;
    padding: 1.5rem;
  }
}
@media (min-width : 1024px) {
  .cism-heading h2 {
    font-size: 28px;
  }
  .form .input-main .input-container {
    width: 48%;
  }
  .form .input-main .input-container:last-child {
    width: 100%;
  }
  .cism-banner {
    background-image: url(/_public/images/cism-offers/banner-img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 11rem;
    position: relative;
  }
  .cism-banner .logo-container .menu {
    display: none;
  }
  .cism-banner .logo-container .menu-links {
    width: 76%;
    display: flex;
    align-items: center;
    background: 0 0;
    max-height: unset;
    overflow: unset;
    position: relative;
    box-shadow: none;
    justify-content: flex-end;
  }
  .cism-banner .logo-container .menu-links .menu-toggle {
    display: none;
  }
  .cism-banner .logo-container .menu-links ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
  }
  .cism-banner .logo-container .menu-links ul .links-li {
    border-bottom: none;
    margin-right: 1rem;
    padding: 0;
    position: relative;
  }
  .cism-banner .logo-container .menu-links ul .links-li::before {
    content: "";
    background: #782490;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    bottom: -7px;
    left: 0%;
    opacity: 0;
    transition: 0.4s;
    margin: 0 2px;
  }
  .cism-banner .logo-container .menu-links ul .links-li::after {
    content: "";
    background: #782490;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    bottom: -7px;
    right: 0%;
    opacity: 0;
    transition: 0.4s;
    margin: 0 2px;
  }
  .cism-banner .logo-container .menu-links ul .links-li:hover::before {
    visibility: visible;
    opacity: 1;
    left: 50%;
  }
  .cism-banner .logo-container .menu-links ul .links-li:hover::after {
    visibility: visible;
    opacity: 1;
    right: 50%;
  }
  .cism-banner .logo-container .menu-links ul .links-li:last-child {
    display: flex;
    margin-right: 0;
    margin-top: 0;
  }
  .cism-banner .logo-container .menu-links ul .links-li:last-child::after,
  .cism-banner .logo-container .menu-links ul .links-li:last-child::before {
    content: none;
  }
  .cism-banner .logo-container .menu-links ul .links-li .link {
    transition: none;
    font-weight: 600;
  }
  .cism-banner .logo-container .menu-links ul .cism-buttons .btn-white {
    margin-right: 0.8rem;
  }
  .cism-banner .cism-sticky {
    background-color: #FFF;
  }
  .cism-banner .cism-sticky .tka-logo .purple-logo {
    display: flex;
  }
  .cism-banner .cism-sticky .tka-logo .white-logo {
    display: none;
  }
  .cism-banner .banner-facts-container .banner-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    background-image: none;
    overflow: hidden;
  }
  .cism-banner .banner-facts-container .banner-container .banner-content {
    width: 50%;
    position: relative;
    z-index: 1;
  }
  .cism-banner .banner-facts-container .banner-container .banner-content::before {
    position: absolute;
    content: '';
    background-image: url(/_public/images/cism-offers/banner-circle2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 65px;
    height: 65px;
    right: 31%;
    border: -38px;
    z-index: -1;
    animation: banner-top 10s linear infinite;
    bottom: -20px;
  }
  .cism-banner .banner-facts-container .banner-container .banner-img {
    display: flex;
    margin-top: 0;
    width: 46%;
    position: relative;
    z-index: 1;
  }
  .cism-banner .banner-facts-container .banner-container .banner-img img{
    height: 360px;
  }
  .cism-banner .banner-facts-container .banner-container .banner-img::before {
    position: absolute;
    content: '';
    background-image: url(/_public/images/cism-offers/banner-circle1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 115px;
    height: 115px;
    right: 0;
    top: -38px;
    z-index: -1;
    animation: pulse 1.5s infinite;
  }
  .cism-banner .banner-facts-container .banner-container .banner-img::after {
    position: absolute;
    content: '';
    background-image: url(/_public/images/cism-offers/banner-circle3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    right: 120px;
    bottom: -45px;
    z-index: -1;
    animation: banner-top 7s linear infinite;
  }
  .cism-banner .banner-facts-container .facts-container {
    padding: 0;
    width: 600px;
    position: absolute;
    align-self: center;
    bottom: -90px;
    left: 205px;
    background-color: transparent;
  }
  .cism-banner .banner-facts-container .facts-container .cism-heading {
    margin-bottom: 1rem;
  }
  .cism-banner .banner-facts-container .facts-container .cism-heading h2 {
    font-size: 24px;
  }
  .cism-banner .banner-facts-container .facts-container .cism-heading h2::before,
  .cism-banner .banner-facts-container .facts-container .cism-heading h2::after {
    content: none;
  }
  .cism-banner .banner-facts-container .facts-container .cism-heading p {
    line-height: 1.5;
    color: #000000;
    margin-top: 6px;
  }
  .cism-banner .banner-facts-container .facts-container .facts-list .facts-info .facts-circle {
    background-color: #FFF;
  }
  .cism-banner .banner-facts-container .facts-container .facts-list .facts-info p {
    margin-top: 0.2rem;
  }
  .cism-over-deli {
    padding-top: 8rem;
    background-color: transparent;
  }
  .cism-over-deli .over-deli-container {
    flex-direction: row;
    justify-content: space-between;
  }
  .cism-over-deli .over-deli-container .cism-heading {
    align-items: flex-start;
  }
  .cism-over-deli .over-deli-container .cism-heading h2 {
    text-align: left;
  }
  .cism-over-deli .over-deli-container p {
    text-align: left;
  }
  .cism-over-deli .over-deli-container .cism-buttons {
    justify-content: flex-start;
  }
  .cism-over-deli .over-deli-container .over-container {
    width: 42%;
  }
  .cism-over-deli .over-deli-container .deli-container {
    position: sticky;
    height: fit-content;
    top: 89px;
    width: 54%;
    margin-top: 0;
  }
  .cism-over-deli .over-deli-container .deli-container .delivery-methods .methods {
    width: 47%;
  }
  .cism-how-to {
    padding-top: 1.5rem;
    position: relative;
  }
  .cism-how-to::after {
    position: absolute;
    content: '';
    background-image: url(/_public/images/cism-offers/dotted-cir.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 102px;
    height: 102px;
    left: 36%;
    opacity: 0.6;
    bottom: 19%;
    animation-name: circleMover;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  .cism-how-to .how-to-container {
    position: relative;
  }
  .cism-how-to .how-to-container .how-to-right {
    width: 420px;
  }
  .cism-how-to .how-to-container .how-to-right .become-list .info-box {
    min-height: auto;
  }
  .cism-courses {
    padding: 3rem 2rem;
  }
  .cism-courses .courses-list .list-content {
    width: 23%;
    margin-bottom: 0;
  }
  .cism-qualification {
    padding-top: 3rem;
  }
  .cism-qualification .qualification-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .cism-qualification .qualification-container .qualification-content {
    width: 54%;
    order: 2;
  }
  .cism-qualification .qualification-container .qualification-img {
    width: 38%;
    margin: 0;
    order: 1;
  }
  .cism-packages {
    background-color: transparent;
    padding-top: 1.5rem;
  }
  .cism-packages .packages-container {
    position: relative;
    z-index: 1;
  }
  .cism-packages .packages-container::before {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: -110px;
    left: 175px;
    background-color: #F56900;
    border-radius: 50%;
    opacity: 0.1;
    animation: circleMover 6s linear infinite;
    z-index: -1;
  }
  .cism-packages .packages-container::after {
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -139px;
    left: 155px;
    background-color: #F56900;
    border-radius: 50%;
    opacity: 0.14;
    z-index: -1;
  }
  .cism-packages .packages-container .package-list {
    width: 31%;
    position: relative;
    z-index: 1;
  }
  .cism-packages .packages-container .package-list:last-child {
    margin: 0;
  }
  .cism-packages .packages-container .package-list::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    right: -2px;
    opacity: 0.3;
    z-index: -1;
    border-radius: 50%;
    background-color: #F56900;
    animation: package-pulse 1.5s linear infinite;
    transition: 1s ease;
  }
  .cism-packages .packages-container .package-list::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -36px;
    left: -4px;
    z-index: -1;
    border-radius: 50%;
    opacity: 0.3;
    background-color: #782490;
    animation: package-pulse 1.5s linear infinite;
    transition: 1s ease;
  }
  .cism-packages .packages-container .package-list:nth-child(2)::before {
    top: 0;
    right: 0;
    width: 0;
    height: 0;
  }
  .cism-packages .packages-container .package-list:nth-child(2)::after {
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
  }
  .cism-budget-client {
    background-image: url(/_public/images/cism-offers/budget-client-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 4rem 2rem;
    overflow: hidden;
  }
  .cism-budget-client .budget-client-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .cism-budget-client .budget-client-container .budget-container {
    width: 46%;
    margin: 0;
    margin-top: 5rem;
    background-color: transparent;
    padding: 0;
  }
  .cism-budget-client .budget-client-container .budget-container .svg-snowscene {
    display: none;
  }
  .cism-budget-client .budget-client-container .client-container {
    margin: 0;
    margin-right: 3rem;
    margin-top: -3rem;
  }
  .cism-objectives {
    background-color: transparent;
    padding-bottom: 0;
  }
  .cism-objectives .objectives-container {
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }

  .cism-objectives .objectives-container .objectives-image {
    width: 45%;
    margin: 0;
    order: 1;
  }
  .cism-objectives .objectives-container .objectives-content {
    width: 50%;
    order: 2;
  }
  .cism-testimonial {
    background-image: url(/_public/images/cism-offers/testimonial-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    padding-top: 4rem;
  }
  .cism-testimonial .testi-limited-offer {
    align-items: flex-start;
  }
  .cism-testimonial .testi-limited-offer .testimonial-container {
    margin-top: 2rem;
  }
  .cism-testimonial .testi-limited-offer .testimonial-container .testimonial-list {
    margin-top: 0;
  }
  .cism-testimonial .testi-limited-offer .limited-offer-container .limited-offer {
    width: 285px;
    height: 285px;
    padding: 4rem;
  }
  .cism-chooseus {
    position: relative;
  }
  .cism-chooseus::before {
    position: absolute;
    content: '';
    background-image: url(/_public/images/cism-offers/chooseus-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.1;
    top: 0;
    left: 0;
  }
  .cism-chooseus .chooseus-container .chooseus-list .chooseus-item .chooseus-content {
    padding: 0px;
  }
  .cism-faq {
    background-color: transparent;
    padding-top: 1.5rem;
  }
  .cism-footer {
    background-image: url(/_public/images/cism-offers/footer-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: bottom;
    padding-top: 1.5rem;
  }
  .cism-footer .form .cism-heading {
    margin-bottom: 2rem;
  }
  .cism-footer .background-wrap {
    display: flex;
  }
  .cism-footer .contact-us {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .cism-footer .contact-us .cism-buttons {
    margin-top: 0;
  }
}
@media (min-width : 1366px) {
  .cism-container {
    width: 1200px;
    margin: 0 auto;
  }
  .cism-buttons .btn-white,
  .cism-buttons .btn-orange {
    font-size: 18px;
  }
  .cism-buttons .btn-white img,
  .cism-buttons .btn-orange img {
    width: 20px;
    height: 20px;
  }
  .cism-heading h2 {
    font-size: 32px;
  }
  .cism-banner {
    padding: 4rem 0rem;
    padding-top: 0;
    padding-bottom: 9rem;
  }
  .cism-banner .logo-container {
    padding: 1rem 0;
  }
  .cism-banner .logo-container .menu-links ul .links-li {
    margin-right: 1.4rem;
  }
  .cism-banner .logo-container .menu-links ul .cism-buttons .btn-white {
    margin-right: 1.4rem;
  }
  .cism-banner .banner-facts-container .banner-container {
    padding: 0;
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
  .cism-banner .banner-facts-container .facts-container {
    left: 340px;
  }
  .cism-banner .banner-facts-container .banner-container .banner-content::before {
    right: 42%;
  }
  .cism-banner .banner-facts-container .banner-container .banner-img::after {
    bottom: -72px;
  }
  .cism-over-deli {
    padding: 4rem 0rem;
    padding-top: 8rem;
  }
  .cism-over-deli .over-deli-container .over-container {
    width: 49%;
  }
  .cism-over-deli .over-deli-container .deli-container {
    width: 45%;
  }
  .cism-how-to {
    padding: 4rem 0rem;
    padding-top: 2rem;
  }
  .cism-how-to::after {
    left: 42%;
  }
  .cism-courses {
    padding: 4rem 0rem;
  }
  .cism-courses .courses-list {
    width: 100%;
    margin: auto;
    margin-top: 2rem;
  }
  .cism-courses .courses-list .list-content .course-content {
    min-height: 72px;
    display: flex;
    justify-content: center;
  }
  .cism-qualification {
    padding: 4rem 0rem;
    padding-top: 4rem;
  }
  .cism-qualification .qualification-container .qualification-img {
    width: 34%;
  }
  .cism-packages {
    padding: 4rem 0rem;
    padding-top: 0;
  }
  .cism-packages .packages-container {
    margin-top: 3rem;
  }
  .cism-packages .packages-container .package-list .package-content {
    min-height: 142px;
  }
  .cism-budget-client {
    padding: 4rem 0rem;
    padding-bottom: 6rem;
  }
  .cism-budget-client .budget-client-container .budget-container {
    width: 48%;
  }
  .cism-objectives {
    padding: 4rem 0rem;
  }

  .cism-testimonial {
    padding: 4rem 0rem;
  }
  .cism-chooseus {
    padding: 4rem 0rem;
  }
  .cism-chooseus .chooseus-container .chooseus-para {
    width: 100%;
  }
  .cism-chooseus .chooseus-container .chooseus-list {
    width: 100%;
  }
  .cism-chooseus .chooseus-container .chooseus-list .chooseus-item {
    width: 260px;
    height: 250px;
    margin-top: 2rem;
  }
  .cism-faq {
    padding: 4rem 0rem;
    padding-top: 1rem;
  }
  .cism-faq .faq-container {
    position: relative;
  }
  .cism-faq .faq-container .circle {
    position: absolute;
    border-radius: 50%;
    background: #7824903b;
    animation: ripple 15s infinite;
    box-shadow: 0px 0px 10px 0px #FFF;
    z-index: -1;
    opacity: 0.1001;
    right: 0;
  }
  .cism-faq .faq-container .circle1 {
    width: 400px;
    height: 400px;
    bottom: 12%;
    opacity: 0.1001;
  }
  .cism-faq .faq-container .circle2 {
    opacity: 0.1001;
    width: 300px;
    height: 300px;
    right: 4%;
    bottom: 20%;
  }
  .cism-faq .faq-container .circle3 {
    width: 200px;
    height: 200px;
    right: 8%;
    bottom: 28%;
    opacity: 0.1001;
  }
  .cism-footer {
    padding: 4rem 0rem;
    padding-top: 1rem;
    z-index: 1;
  }
  .cism-footer::before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    top: 277px;
    right: 134px;
    background-color: #f56900;
    border-radius: 50%;
    opacity: 0.2;
    animation: circleMover 6s linear infinite;
    z-index: -1;
  }
  .cism-footer::after {
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    top: 235px;
    right: 106px;
    background-color: #F56900;
    border-radius: 50%;
    opacity: 0.2;
    z-index: -1;
  }
  .cism-footer .contact-us .contact-info .email span,
  .cism-footer .contact-us .contact-info .phone span {
    font-size: 17px;
  }
}



@media (min-width:1500px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {​​​​​​​​
  .cism-banner .banner-facts-container .facts-container{
    left: 31%;
  }
}