:root {
    --primaryColor: #ff0202;
    --themecolor: #ff0202;
    --whiteColor: white;
    --blackColor: black;
    --primaryColor2: #cf2e2e;
    --themecolor2: #cf2e2e;
    --primaryColor3: #f9ede8;
    --themecolor3: #f9ede8;
  }
@media print {
  .hidden-print {
	display: none !important;
  }
}


.truncate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.one-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.two-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.three-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}



	.btn-app, .btn-app:hover, .btn-app:active, a.btn-app, a.btn-app:hover, a.btn-app:active{
		background-color: var(--primaryColor);
		color: #fff;
		border:0px;
	}
	
	.btn-app2, .btn-app2:hover, .btn-app2:active, a.btn-app2, a.btn-app2:hover, a.btn-app2:active{
		background-color: var(--primaryColor2);
		color: #fff;
		border:0px;
	}
	
	a.link_main, a.link_main:hover,a.link_main:active,a.link_main:visited{
		text-decoration:none; color:var(--primaryColor);
	}
	a.link_main2, a.link_main2:hover,a.link_main2:active,a.link_main2:visited{
		text-decoration:none; color:var(--primaryColor2);
	}
	a.link_black, a.link_black:hover,a.link_black:active,a.link_black:visited{
		text-decoration:none; color: #000;
	}
	a.link_white, a.link_white:hover,a.link_white:active,a.link_white:visited{
		text-decoration:none; color: #fff;
	}
	
  p {
    font-size: 1rem !important;
  }

  .hover-none:hover {
    color: inherit !important;
  }

  .color-black {
    color: var(--blackColor);
  }

  /* reverse columns*/
  .app {
    padding-top: 100px;

  }

  .job-list {
    max-width: 775px;
    margin: auto;
  }

  .job-list .item {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    height: 60px;
    margin: 0 auto 20px;
    max-width: 775px;
    padding: 0 24px;
    position: relative;
  }

  .job-list .item a {
    padding-right: 49px;
    width: 41%;
    border-right: .5px solid #979797;
  }
  .job-list .item .left-o{
    display: flex;
    width: 59%;
    justify-content: space-between; 
  }

  .job-list .item .left-o .type{
    margin-right: auto;
    padding-left: 40px;
  }

  .job-list .item .with-icon{
    border-right: .5px solid #979797;
    padding-left: 10px;
    padding-right: 10px;
    width: 60%;
  }

  .job-search {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    height: 56px;
    margin: 0 auto 40px;
    max-width: 775px;
    padding: 0 24px;
    position: relative;
    width: 100%;
    z-index: 99;
  }

  .job-search .input {
    padding-right: 49px;
    width: 41%;
    border-right: .5px solid #979797;

  }

  .job-search .select_wrapper {
    display: flex;
    width: 59%;
    justify-content: space-between;
  }

  .job-search .select_wrapper .with-icon {
    border-right: .5px solid #979797;
    padding-left: 10px;
    padding-right: 10px;
    width: 60%;
  }

  .job-search .select_wrapper select {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    cursor: pointer;
    color: #333;

    background: white;
  }

  .job-search input {
    outline: none;
    border: none;
    height: 100%;
  }

  @media (max-width:716px) {
    .job-list .item{
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      margin: auto;
      margin-top: 10px;
      height: 116px;
      padding: 16px;
      justify-content: space-between;
      align-items: unset;
    }
    
    .job-list .item a{
      display: block;
      width: 100%;
      padding: 0;
      border: none;
    }
    .job-list .item .left-o{
      margin-top: 10px;
      flex-direction: column;
      justify-content: space-around;
      width: 100%;
      height: 80px;
    }
    .job-list .item .with-icon{
      border: none;
      padding: 0;
    }
    .job-list .item .with-icon i{
      padding: 0 !important;
      display: inline-block;
      padding-right: 8px !important;
    }
    .job-list .item .left-o .type{
      padding: 0;
    }

    .job-search {
      box-shadow: none;
      border: none;
      flex-direction: column;
      height: max-content !important;
    }

    .job-search .input {
      border: 1px solid #f4f4f4;
      border-radius: 10px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
      padding: 19px 20px;
      max-width: 500px;
      width: 100%;
    }

    .job-search .select_wrapper {
      margin-top: 20px;
      max-width: 500px;
      width: 100%;
    }

    .job-search .select_wrapper .with-icon {
      margin-right: 7px;
    }

    .job-search .select_wrapper .select {
      border: 1px solid #f4f4f4;
      border-radius: 10px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
      padding: 19px 20px;
      max-width: 500px;
      width: 100%;
    }
  }

  @media only screen and (max-width: 767px) {
    .text-l {
      font-size: 2rem;
    }

  }

  @media only screen and (max-width: 375px) {

    body,
    html {
      font-size: 13px;
    }
  }

  @media only screen and (max-width: 320px) {

    body,
    html {
      font-size: 13px;
    }
  }

  @media only screen and (max-width: 767px) {

    body,
    html {
      font-size: 14px;
    }
  }

  .card {
    border: none !important;
  }

  .card p {
    font-size: .9rem !important;
  }

  .home_section {
    max-width: 1180px !important;
    margin: auto;
    margin-top: 85px;

  }

  .flex_col {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 50px;
    padding-bottom: 50px;
  }


  .marquee_wrapper {
    width: 100%;
    overflow: hidden;
  }

  .marquee {
    animation: marquee 80s linear 0s infinite normal none running;
  }

  @media (max-width:669px) {
    .marquee {
      animation: marquee 30s linear 0s infinite normal none running;
    }

    .app {
      /* padding-left: 20px; */
      padding-bottom: 20px;
    }

    .fs-sm {
      font-size: 20px !important;
    }

    .img-sm {
      width: 60px;
    }

    .text-sl {
      font-size: 23px !important;
    }
  }

  .marquee .item {
    max-width: 350px;
    margin-left: 20px;
    background-color: var(--whiteColor);
    border-radius: 5px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .06);
    padding: 22px 25px;
    flex-shrink: 0;

  }

  @keyframes marquee {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-100%);
    }
  }

  .marquee .footer {
    margin-top: 32px;
  }

  .marquee .footer p {
    margin-left: 10px;
  }

  .marquee .item .footer img {
    border-radius: 100px;
    height: 50px;
    width: 50px;
  }

  @media screen and (min-width: 768px) {
    .flex_col {
      flex-direction: row;
    }
  }

  body {
    font-family: 'Muli Regular';
  }

  .header_wrapper {
    background: white;
    -webkit-box-shadow: 0 4px 13px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0.05);

  }

  .single-press {
    background: #fff;
    display: block;
    border-radius: 4px;
  }


  .app-badge {
    align-items: center;
    background: #ffe5d6;
    border-radius: 4px;
    color: var(--primaryColor);
    display: inline-block;
    font-size: .8125rem;
    padding: 8px;
    line-height: 1;
    padding-left: 15px;
    padding-right: 15px;
  }

  section {
    margin-top: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* DESKTOP HEADER */
  header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding-left: 60px;
    padding-right: 60px;
    margin: 0 auto;
    max-width: 1500px;
    height: 70px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background: var(--whiteColor);
    z-index: 1000;
    box-shadow: 0 0 25px rgba(0, 0, 0, .06);

  }

  header .menu_button {
    cursor: pointer;
    display: none;
  }

  header .menu_button span {
    width: 25px;
    height: 2px;
    margin-top: 7px;
    background: black;
    margin-left: 15px;
    display: block;

  }

  header .logo img {
    height: 22px;
    width: 99px;
  }

  header nav {
    margin-left: 100px;
  }

  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }

  header nav ul li {
    list-style-type: none;
    position: relative;
    margin-right: 60px;
  }

  header nav ul li a{
    font-family: "Muli Light", sans-serif;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*color: var(--primaryColor);*/
    color: #000;
    display: inline-block;
    font-size: .850rem;
    font-weight: 700;


  }
  
  
  header nav ul li a:hover {
    color: var(--primaryColor);
  }
  
  header nav ul li a.active {
    color: var(--primaryColor);
  }
  

  header nav ul li ul {
    position: absolute;
    top: 130%;
    z-index: 500;
    padding: 20px 0;
    width: max-content;
    display: block;
    background: #fff;
    border: 1px solid hsla(228, 7%, 87%, .5);
    border-radius: 5px;
    box-shadow: 15px 30px 40px rgba(64, 25, 109, .07);
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s cubic-bezier(.455, .03, 0, 1), top .5s cubic-bezier(.455, .03, 0, 1) !important;
  }

  header nav ul #dropdown:after,
  header .extra_events .location::after {
    content: "";
    transition: opacity .5s cubic-bezier(.455, .03, 0, 1), top .5s cubic-bezier(.455, .03, 0, 1) !important;
    visibility: hidden;
    width: 100vw;
    pointer-events: none;
    height: 100vh;
    background: #ffe3d447;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 400;

  }

  header nav ul #dropdown:hover ul {
    top: 100%;
  }

  header nav ul #dropdown:hover ul,
  header nav ul #dropdown:hover::after,
  header .extra_events .location:hover::after {
    visibility: visible !important;
    opacity: 1 !important;
  }

  header nav ul li ul li {
    padding: 0 26px;
    margin: 0px !important;
  }

  header nav ul li ul li a {
    padding: 10px 0;
    color: #000;
    font-family: 'Muli Regular';
    font-weight: 100;
  }
  
  
  header nav ul li ul li a:hover {
    color: var(--primaryColor);
  }
  

  header nav ul li a span {
    margin-left: 6px;
  }

  header nav ul li ul li img {
    height: 25px;
    width: 25px;
    margin-right: 10px;
  }

  header .extra_events {
    margin-left: auto;
    display: flex;
    align-items: center;
  }

  header .extra_events .location img {
    cursor: pointer;

  }

  header .extra_events .location {
    position: relative;
  }


  header .extra_events .location .drop_down {
    position: absolute;
    display: block;
    z-index: 600;
    right: 0;
    top: 80px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s cubic-bezier(.455, .03, 0, 1), top .5s cubic-bezier(.455, .03, 0, 1) !important;

  }

  header .extra_events .location:hover .drop_down {
    top: 10px;
    opacity: 1;
    visibility: visible;
  }

  header .extra_events .btn_wrapper a {
    text-decoration: none;
    display: inline-block;
    font-size: .850rem;
  }

  header .extra_events .btn_wrapper .btn_light {
    background: white;
    color: var(--primaryColor);
    font-weight: 700 !important;
    margin: 15px 25px;

  }

  header .extra_events .btn_wrapper .btn_dark {
    background: var(--primaryColor);
    padding: 10px 30px;
    border-radius: 20px;
    font-size: .850rem;
    font-weight: 700;
    color: white;
    border-radius: 10px;
  }

  header .extra_events .location .list {
    position: relative;
  }

  header .extra_events .location {
    margin-left: 25px;
  }

  header .extra_events .location img {
    height: 30px;
    width: 30px;
  }

  header .extra_events .location .drop_down .close_dropdown {
    position: absolute;
    left: 0;
    padding: 10px;
    opacity: .4;
    top: 2px;
    cursor: pointer;
  }

  header .extra_events .location .drop_down {
    border-radius: 9px;
    overflow: hidden;
    width: max-content;
    display: flex;
    background: #ffdfcf;

  }

  header .extra_events .location .body {
    max-width: 300px;
    padding: 35px;
    font-size: .850rem;
  }

  header .extra_events .location .body .header #l_placeholder {
    margin-bottom: 20px;
  }

  header .extra_events .location .body .footer a {
    color: var(--primaryColor);
    font-weight: bold;
    margin-top: 26px;
  }

  header .extra_events .location .list {
    padding: 20px 0;
    background: white;
  }

  header .extra_events .location .list ul {
    list-style-type: none;
    padding: 0;
  }

  header .extra_events .location .list ul li {
    padding: 0 26px;
  }

  header .extra_events .location .list ul li img {
    margin-right: 9px;
  }

  header .extra_events .location .list ul li a {
    font-size: .850rem;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    color: black;
  }

  header .extra_events .location .list ul li a .app_badge {
    background: #fff;
    border: 1px solid #ffdac6;
    border-radius: 4px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .06);
    color: var(--primaryColor);
    font-size: 10px;
    font-weight: 700;
    margin-left: 9px;
    padding: 4px 5px;

  }

  header .extra_events .location .list ul li.active {
    background: rgba(151, 151, 151, 0.1);
  }

  header .extra_events .location .list ul li.active a span {
    position: relative;
  }

  header .extra_events .location .list ul li.active a span::after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    background: #48d38a;
    border-radius: 8px;
    bottom: 6px;
    right: 14px;
    top: 90%;
  }

  /* DESKTOP HEADER */

  /* MOBILE HEADER */
  .mobile_header {
    z-index: 1000;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: scroll;
    height: 100vh;
    display: none;
  }

  .mobile_header nav {
    opacity: 0;
  }

  .mobile_header .header {
    background-color: #fff;
    position: fixed;
    top: 0;
    padding: 27px 20px;
    width: 100%;
    z-index: 100;
  }

  .mobile_header .header .extra_link {
    margin: auto;
    margin-top: 30px;
    max-width: 500px;
  }

  .mobile_header .header .extra_link a.dark_link {
    background: var(--primaryColor);
    color: white;
  }

  .mobile_header .header .extra_link a.light_link {
    background: #dfe3ff;
    color: var(--primaryColor);
    margin-left: 10px;
  }

  .mobile_header .header .extra_link a {
    border-radius: 4px;
    border-radius: 10px;
    font-size: .850rem;
    font-weight: 700;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-block;
  }

  .mobile_header nav {
    margin: auto;
    margin-top: 150px;
    max-width: 500px;
  }

  .mobile_header .header .close_mobile_menu {
    position: absolute;
    z-index: 600;
    cursor: pointer;
    right: 20px;
    top: 25px;
    font-size: 25px;
  }

  .mobile_header nav .link_row {
    display: flex;
    width: 98%;
    padding: 0 20px 20px;
  }

  .mobile_header nav .link_row ul {
    padding: 0;
    width: calc(50% - 15px) !important;
    list-style-type: none;
  }

  .mobile_header nav .link_row ul h4 {
    font-weight: 700 !important;
    color: var(--primaryColor);
    font-size: 1rem;
    margin-bottom: 20px;
  }

  .mobile_header nav .link_row ul li {
    margin-bottom: 15px;
  }

  .mobile_header nav .link_row ul li a {
    text-decoration: none;
    color: black;
    font-size: .850rem;
  }




  /*FOOTER*/
  footer {
    border-top: 1px solid rgba(223, 227, 255, .5);
    padding-top: 70px !important;
  }

  footer .wrapper {
    max-width: 1180px;
    padding-left: 60px;
    margin: auto;
    padding-right: 60px;
  }

  footer .wrapper .footer-download {
    display: flex;
    margin-top: 80px;
  }

  footer .wrapper .footer_s_content {
    text-align: center;
    color: #a5a5a5;
    font-size: .800em;
    font-style: normal;
    font-weight: 400;
    text-align: center;

  }

  footer .wrapper .footer_content {
    font-size: 11.7px;
    color: rgb(157, 157, 157);
  }

  footer .wrapper .footer_contact {
    display: flex;
    margin: 4.3rem 0;
  }

  footer .wrapper .footer_contact .item {
    margin-right: 30px;
    width: 33.33%;
  }

  footer .wrapper .footer_contact .item .icons {
    margin-top: 23px;
  }

  footer .wrapper .footer_contact .item .icons a {
    text-decoration: none;
    border: 1px solid var(--primaryColor);
    border: 1px solid #f2a882;
    border-radius: 50%;
    margin-top: 4px;
    margin-left: 6px;
    background: #ffd2ba;
    padding: 8px;
    display: inline-block;
    font-size: .600rem;
  }

  footer .wrapper .footer_contact .item a {
    color: var(--primaryColor);
    text-decoration-color: var(--primaryColor);
    font-weight: 700 !important;
    font-size: .900rem;
  }

  footer .wrapper .footer_contact .item p {
    font-size: .800rem;
    max-width: 200px;
    font-size: normal;
  }

  footer .wrapper .footer_contact .item h4 {
    font-weight: 700 !important;
    color: var(--primaryColor);
    font-size: 1rem;
    margin-bottom: 20px
  }

  footer .wrapper .footer-download .item img {
    width: 105px;
    height: 35px;
  }

  footer .wrapper .footer-download .item {
    margin-right: 10px;
  }

  footer .header {
    display: flex;
  }

  footer .header ul {
    list-style-type: none;
    padding: 0;
  }

  footer .header .item {
    margin-right: 30px;
    width: 20%;
  }

  footer .header ul h4 {
    color: var(--primaryColor);
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 20px;

  }

  footer .header ul li {
    margin-bottom: 10px;
  }

  footer .header ul li a {
    color: black;
    font-size: .850rem;
  }

  footer .header ul li a {
    text-decoration: none;
  }

  @media only screen and (min-width: 768px) and (max-width: 1280px) and (max-height: 698px) {
    header nav {
      margin-left: 0%;
    }

    header .logo img {
      height: 16px;
      width: auto;
    }

    header nav ul li {
      margin-right: 20px;
    }

  }



  .color-primary {
    color: var(--primaryColor) !important;
  }

  .text-xl {
    font-size: 2.6rem !important;
    line-height: 1.15;
  }

  .text-l {
    font-size: 2rem !important;
  }

  .background-primary {
    color: var(--primaryColor);
  }

  .text-xlbold {
    font-weight: 900;
    font-family: 'Muli Bold';
  }

  .text-semi-bold {
    font-weight: 600;
  }

  .app-section--max {
    max-width: 380px;
  }

  p {
    font-size: .900rem;
    line-height: 1.5;
  }

  .app_button {
    align-items: center;
    background: var(--primaryColor);
    border-radius: 4px;
    border-radius: 10px;
    color: var(--whiteColor) !important;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    height: 40px;
    justify-content: center;
    line-height: 1;
    padding: 15px;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
  }

  .app_link {
    text-decoration-color: #40196d;
    font-weight: 600;
  }

  .app_button:hover {
    transform: translate3d(0, -3px, 0);
  }

  .app_button_long {
    max-width: 200px;
    width: 100%;
  }

  .footer-board {
    padding: 60px 88px 76px;
    background: var(--primaryColor2);
    border: 1px solid hsla(228, 7%, 87%, .5);
    border-radius: 5px;
    box-shadow: 15px 30px 40px var(--primaryColor3);

  }



  @media only screen and (max-width: 767px) {
    .footer-board {
      padding: 35px 20px;
    }

    .center-sm {
      margin: auto;
    }
  }

  @media(max-width:991px) {
    .text-xl {
      font-size: 2rem !important;
    }
  }



  @media screen and (max-width:1283px) and (min-width:1138px) {

    header nav ul li a,
    header nav ul li ul li a:hover {
      font-size: 12px !important;
    }
  }

  @media(max-width:1257px) {
    header nav ul li {
      margin-right: 50px !important;
    }
  }

  @media(max-width:1207px) {
    header nav {
      margin-left: 30px !important;
    }
  }

  @media(max-width:1137px) {
    header nav ul li {
      margin-right: 30px !important;
    }
  }

  @media screen and (max-width:1063px) {
    .header_wrapper header {

      box-shadow: 0 4px 13px rgba(0, 0, 0, .05) !important;
    }

    .mobile_header.active {
      display: block;
    }

    .mobile_header.active nav {
      animation: mobile_animate 0.4s ease-in-out both;
    }

    header .menu_button {
      display: block;
    }

    header nav ul {
      display: none;
    }

    header .extra_events .btn_wrapper {
      display: none;
    }

  }

  @media(max-width:642px) {
    header .logo img {
      width: 72px;
      height: 16px;
    }
  }

  @media(max-width:740px) {
    header .extra_events .location .drop_down {}

    header .extra_events .location .drop_down .body {
      display: none;

    }
  }

  @media(max-width:761px) {
    footer {
      position: relative;
    }

    footer .wrapper,
    header {
      padding-left: 20px;
      padding-right: 20px;
    }

    footer .wrapper .header {
      flex-wrap: wrap;
    }

    footer .wrapper .header .logo {
      position: absolute;
      top: 0;

    }

    footer .wrapper .header .item {
      margin-right: 0;
      margin-top: 30px;
      padding-right: 15px;
      width: 50%;
    }

    footer .wrapper .footer_contact {
      flex-direction: column;
    }

    footer .wrapper .footer_contact .item {
      margin-top: 20px;
      width: 100%;
    }

    footer .wrapper .header .f_item {
      margin-top: 70px;
    }

    footer .wrapper .footer-download .item {
      width: 100%;
    }

    footer .wrapper .footer-download .item img {
      height: auto;
      width: 100% !important;
    }
  }

  .app-video {
    position: relative;
    cursor: pointer;
  }

  .app-video .app-play {
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
  }

  .app-video,
  .app-video img {
    margin: auto;
    max-width: 560px;
    border-radius: 10px;
    width: 100%;
    -webkit-filter: drop-shadow(20px 15px 12px rgba(64, 25, 109, .1));
    filter: drop-shadow(20px 15px 12px rgba(64, 25, 109, .1));
  }

  .modal-video.hide {
    display: none;
  }

  .modal-video.show {
    display: block;
    opacity: 0;
    animation: modal_video 0.4s ease-in-out both;
  }

  .modal-video.show iframe,
  .modal-video.shadow .iframe_placeholder {
    animation: modal_video_iframe 0.4s ease-in-out both;
    transform: translateY(15px);
  }

  @keyframes modal_video {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes modal_video_iframe {
    from {
      transform: translateY(15px);
    }

    to {
      transform: translateY(0px);
    }
  }

  .card-main--heading {
    font-size: 1.10rem;
  }


  .app-box .wrapper .desc {
    color: var(--primaryColor);
  }

  .app-box .wrapper .icon {
    margin-bottom: 15px;
  }

  .app-box .wrapper {
    background: white;
    border-radius: 5px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .06);
    padding: 22px 25px;
  }

  .modal-video {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    z-index: 100000;
    left: 0;

  }

  .modal-video .close {
    border: none;
    outline: none;
    background: transparent;
    color: white;
    font-weight: bolder;
    font-size: 20px;
    display: flex;
    margin-left: auto;
    margin-bottom: 10px;
  }

  .video-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
  }

  .iframe_placeholder {
    background: rgb(27, 27, 27);
  }

  .video-wrapper iframe,
  .video-wrapper .iframe_placeholder {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 580px;
  }

  .modal-video-body {
    display: table;
    height: 100%;
    margin: 0 auto;
    max-width: 940px;
    padding: 30px;
    width: 100%;
  }

  .faq {
    margin-bottom: 30px;
    width: 100%;
  }

  .faq .header p {
    width: 90%;
    align-items: center;
    margin-bottom: 0;
  }


  .faq .header .icon {
    margin-left: auto;
    padding: 10px;
  }

  .faq.open .icon {
    transition: 0.4s;
    transform: rotate(90deg);
  }

  .faq .body {
    height: 0;
    overflow: hidden;
  }

  .faq.open .body {
    height: max-content;
  }

  .faq .header {
    color: var(--primaryColor);
    font-weight: bold;
    cursor: pointer;
  }

  .text-sm {
    font-size: .815rem !important;
  }

  @keyframes mobile_animate {
    form {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @media (max-width:700px) {
    .app {
      padding: 20px !important;
    }
  }

  @media (max-width:767px) {
    .app-box {
      padding: 0 !important;
    }

    .col-md-6 {
      margin-top: 50px;
    }

    .app-box .wrapper {
      align-items: center;
      display: flex;
      padding: 15px;
    }

    .app-box .wrapper .icon {
      padding-right: 15px;
    }
  }

  @media (min-width: 1200px) {
    .container {
      max-width: 1180px !important;
      padding-left: 20px;
      padding-right: 20px;
    }
  }

  @media (min-width: 992px) {
    .container {
      max-width: calc(100% - 25px) !important;
    }
  }

  @media (max-width: 768px) {
    .m-center-md {
      margin: auto;
    }
  }

  @media (min-width: 768px) {
    .container {
      max-width: calc(100% - 25px) !important;
    }
  }

  @media (min-width: 576px) {
    .container {
      max-width: calc(100% - 25px) !important;
    }
  }



  @media only screen and (min-width: 768px) and (max-width: 1280px) and (max-height: 698px) {

    .container {
      max-width: 991px !important;
    }
  }