@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia.eot');
    src: url('../fonts/Georgia.eot') format('embedded-opentype'),
         url('../fonts/Georgia.woff2') format('woff2'),
         url('../fonts/Georgia.woff') format('woff'),
         url('../fonts/Georgia.ttf') format('truetype'),
         url('../fonts/Georgia.svg#Georgia') format('svg');
  }

  body{background-color: #FFF8F1; font-size: 14px; font-family: 'Montserrat', sans-serif; }
  .whitebg-card{ border-radius: 5px; border: #E8E8E8 solid 1px; background-color: #fff; padding: 60px 60px 70px; }
  .whitebg-card h2 { color: #363636;  font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight: 400; margin: 0px 0px 16px;}
  .whitebg-card p{color: #9B9B9B; font-family: 'Montserrat', sans-serif; margin-bottom: 40px; font-weight: 400; font-size: 18px;}
  .whitebg-card p a{color: #F2812D; text-decoration: none;}
  .logo {margin: auto; margin-bottom: 25px; margin-top: 50px; text-align: center;}
  .loginbox { margin: auto; margin-top: 5%; max-width: 690px; width: 100%; }
  .loginbox-2 { margin: auto; margin-top: 5%; max-width: 1090px; width: 100%; }
  a { color: #F2812D; font-family: 'Montserrat', sans-serif; font-weight: 400; text-decoration: none;}
  a:hover { color: #F2812D;font-family: 'Montserrat', sans-serif; font-weight: 400;}
  .loginbox .form-control {border: 1px solid #CACACA;}
  .logo {max-width: 315px;}
  .logo img {width: 100%;}
  .navbar-brand img {width: 185px;}
  .bgnav{background-color: #FEF0E1; padding-top: 13px; padding-bottom: 13px;}
  .custom-nav-tabs {border-bottom: none;}
  .custom-rounded-2 { border-radius: 15px;}
  .custshadow-1 {box-shadow: 0px 2px 5px #d5d5d5;}
  .border5{border: #D3D3D3 solid 1px;}
  .custom-nav-tabs .nav-link { margin: 0px 12px; padding: 0px; border: none; border-radius: 0px; color: #9B9B9B; font-size: 16px; font-family: 'Montserrat', sans-serif;}
  .custom-nav-tabs .nav-item:first-child .nav-link{ margin-left: 0px;}
  .custom-nav-tabs.nav-tabs .nav-link { margin-bottom: 0px; position: relative;}
  .custom-nav-tabs.nav-tabs .nav-link.active, .custom-nav-tabs.nav-tabs .nav-item.show .nav-link {background-color: transparent; border-color: transparent; color: #F2812D;}
  .custom-nav-tabs.nav-tabs .nav-link.active::after{ bottom: -13px; height: 3px; width: 100%; background-color: #F2812D; content: ""; position: absolute; left: 0; }
  .yellow-card { border-radius: 3px; background-color: #FEF0E1; padding-left: 15px; padding-right: 15px; }
  .custom-card-block { padding-top: 100px; padding-bottom: 100px;}
  .custom-card-block h3{color: #363636; font-size: 24px; font-family: 'Montserrat', sans-serif;}
  .custom-card-block p{color: #9B9B9B; font-size: 16px; font-family: 'Montserrat', sans-serif;}
  .searchbar { position: relative;}
  .searchbar .form-control {    padding-right: 45px;}
  .searchbar button { position: absolute; right: 10px; border: none; background-color: transparent; top: 50%; transform: translateY(-50%);}
  .table-example {
      padding: 1.5rem;
      margin-right: 0;
      background-color: #fff;
      margin-left: 0;
      border-width: 1px;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
  }
  .custom-table tr th { border-bottom: #E8E8E8 solid 1px !important;}
  ul.custom-pagination { margin: 0px;}
  ul.custom-pagination li.page-item a.page-link {background-color: transparent; border: none; color: #9B9B9B;  font-family: 'Open Sans', sans-serif;}
  ul.custom-pagination .page-item.active .page-link { background-color: #7D86D6; border-radius: 5px; color: #fff;}
  .bgnav h2 {color: #363636; font-family: 'Montserrat', sans-serif; font-size: 24px; margin: 0px; font-weight: 400;}
  .table-example h3{color: #F2812D; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold; margin: 0px 0px 15px;}
  .table-example p {color: #9B9B9B; font-size: 16px; font-family: 'Montserrat', sans-serif;}
  .table-example label {color: #363636; font-size: 14px; font-family: 'Montserrat', sans-serif;}
  .dateblock {position: relative;}
  .dateblock a { position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
  .graybox {background-color: #F5F5F5; border-radius: 3px; padding: 15px;}
  .doller { position: relative;}
  .doller-price { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #9B9B9B; font-size: 20px;font-family: 'Open Sans', sans-serif; font-weight: bold;}
  .filetext { color:#F2812D}
  .custom-sidebar { width: 280px;}

  ul.side-nav { margin: 0px; padding: 0px;}
  ul.side-nav li { list-style: none; margin-bottom: 15px;}
  ul.side-nav li a {color: #9B9B9B; font-family: 'Montserrat', sans-serif; font-size: 16px;}
  ul.side-nav li a:hover, ul.side-nav li a.active { color: #F2812D;}
  .white-card { padding: 15px; background-color: #fff; border-radius: 3px;}
  .white-card h4{ color: #363636; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; margin: 0px;}
  .white-card p{ color: #9B9B9B; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; margin: 0px;}
  .white-card .doller-price-block{color: #F2812D; font-weight: bold; line-height: 55px; font-family: 'Open Sans', sans-serif; font-size: 48px;}
  .w-main-custom {width: calc(100% - 304px);}
  .footerbg  {background-color: #FEF0E1;}
  .custom-dropdown-menu { position: static;}
  ul.submenu {margin: 0px; padding: 0px 0px 0px 10px;}
  ul.submenu li { list-style: none; margin-bottom: 5px; margin-top: 5px;}
  ul.submenu li a { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #9B9B9B;}
  .side-nav li a.accordion-button:focus{box-shadow: none;}
  .width-270px {width: 270px;}
  .detailtextbold {color: #363636; font-size: 16px; font-family: 'Open Sans', sans-serif;   }

  ul.submenu li a b { color: #363636;}
  .side-nav .accordion-button:not(.collapsed) {
    color: #F2812D;
    background-color: transparent;
    box-shadow: none;
  }
  .side-nav .accordion-button { padding: 0px;}
  .side-nav .accordion-button:after { display: none;}
  .bg-shape{background-image: url(../images/shape-img.png); background-size: cover; background-repeat: no-repeat;}
  .header-5 {color: #363636; font-size: 24px;  font-family: 'Montserrat', sans-serif; line-height: 35px; max-width: 332px; margin: auto;
  }
  .logocustom {width: 250px;}
  .custom-card-5{
    box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px; border: none; border: 2px solid transparent;
  }
  .custom-card-5-header { border-bottom: #E8E8E8 solid 1px; padding: 25px 5px;}
  .custom-card-5-footer { border-top: #E8E8E8 solid 1px; padding: 15px 5px 0px;}
  .custom-card-5-body { padding: 25px 10px;}
  .custom-card-5-body h2 {color: #363636; font-size: 16px; font-weight: bold; margin-bottom: 20px;  font-family: 'Montserrat', sans-serif;}
  .custom-card-5-body p {color: #9B9B9B; font-size: 14px; font-weight: 400;  font-family: 'Montserrat', sans-serif; margin-bottom: 20px;}
  :root {
    --primary-color: rgb(177, 39, 108);
  }
  .custom-card-5-footer .form-group {
    margin: 1rem 0; text-align: center; margin: 0px;
  }

  .custom-card-5-footer input[type="radio"] {
    display: none;
  }

  .custom-card-5-footer label {
    cursor: pointer;
    position: relative;
    color: #9B9B9B;
    padding-left: 25px;
    font-size: 16px;
  }

  .custom-card-5-footer label::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 2px solid #9B9B9B;
    border-radius: 50%;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%);
    transition: border-color 400ms ease;
  }

  .custom-card-5-footer label::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #F2812D;
    border: 2px solid #F2812D;
    border-radius: 50%;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%) scale(0);
    transition: transform 400ms ease;
  }
  .custom-card-5-header img{ width: 100%;}

  .custom-card-5-footer input[type="radio"]:checked + label::before {
    border-color: #F2812D;
  }
  .selected-border { border: #F2812D solid 2px;}

  input[type="radio"]:checked + label::after {
    transform: translateY(-50%) scale(0.55);
  }


  .custom-form-check  .form-check-input[type=checkbox]{
    border-color: #E8E8E8;
    background-color: #E8E8E8;
  }
  .custom-form-check .form-check-input:checked[type=checkbox] { background-image: url(../images/arrow.png) no-repeat;}

  .custom-form-check  .form-check-input[type=checkbox]:checked{
    border-color: #F2812D;
    background-color: #F2812D;
  }
  .custom-form-check  .form-check-input[type=checkbox]:focus{ box-shadow: none;}
  .custom-footer { padding: 80px 25px; text-align: center;}
  .scrollbar { overflow: auto; padding: 25px 15px;}
  .scrollbar .scroll-width {width: 1225px;}
  .selected-color { color: #000 !important; font-weight: bold;}
  #continuebutton {display: none;}
  .custom-modal-dialog .modal-body { background-color:#f6f6f6;}
  .custom-modal-dialog .modal-header { border: none;}
  .custom-modal-dialog .modal-body h3 {color: #363636; font-size: 24px; font-family: 'Montserrat', sans-serif; font-weight: bold;}
  .custom-modal-dialog .modal-body p {color: #9B9B9B; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: normal;}
  .custom-modal-dialog .modal-body { padding: 25px;}
  .close-window-text { text-align: center; color: #fff; font-size: 14px; font-family: 'Open Sans', sans-serif; display: block; padding: 20px 0px; }
  .ptext-5 {color: #9B9B9B; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: normal;}
  .header-6 {color: #363636; font-size: 48px; font-family: 'Montserrat', sans-serif; font-weight: normal;}
  .h-450 { height: 200px;}
  .customthankpage {   position: relative;
    min-height: 100vh;}
  .customfooter { background-color: #fff; padding-top: 25px; padding-bottom: 50px;
    position: absolute;
    bottom: 0;
    color: #9B9B9B;
    font-size: 14px; font-family: 'Open Sans', sans-serif;
    text-align: center;
    width: 100%;
    height: 15.5rem;
  }
  #content-wrap {
    padding-bottom: 15.5rem; /* Footer height */
  }
  .padding-left-35px { padding-left: 35px !important;}
  .custom-text-2 { color: #363636; font-family: 'Montserrat', sans-serif; font-size: 24px;}
  .howitwork-container { max-width: 368px; margin: auto;}
  .orrangebgblock {background-color: #F2812D; height: 60px;  font-family: 'Georgia'; line-height: 53px; color: #fff; font-weight: 400; width: 60px; border-radius: 50px; text-align: center; display: flex;  justify-content: center; font-size: 50px;}
  .howitwork-content { text-align: center;}
  .howitwork-content h3 {color: #363636; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700;}
  .howitwork-content p {color: #9B9B9B; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 0px;}
  .linecurve { width: 83%;
    margin: auto;}
    .howitwork-footer-section h4.footer-heading { color: #363636;  font-family: 'Montserrat', sans-serif; font-size: 48px;  }
    .howitwork-footer-section p.footer-paragraphtext {color: #9B9B9B;  font-family: 'Montserrat', sans-serif;  font-size: 18px; line-height: 25px;}
  .alert-event{background-color: #F8F8F8; border: #D9D9D9 solid 1px; padding: 20px; padding-right: 40px; position: relative; border-left: #7D86D6 solid 5px; border-radius: 0px;}
  .alert-event h3 {color: #363636; font-size: 24px; font-family: 'Montserrat', sans-serif; margin: 0px 0px 5px;}
  .alert-event p {color: #9B9B9B; font-size: 16px; font-family: 'Montserrat', sans-serif; margin: 0px;}
  .alert-event .btn-close-img { position: absolute; top: 50%; transform: translateY(-50%);}
  .playicon { position: absolute; z-index: 2; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%);}
  .playicon span {color: #FFFFFF; width: 100%;display: block; font-size: 30px; font-family: 'Montserrat', sans-serif;}
  .playicon a{display: inline-block;}
  .cust-card-6 {border-radius: 5px; box-shadow: #00000029 0px 3px 6px; background-color: #fff; padding: 16px;}
  .cust-card-6 h4 {color: #363636; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: bold; margin: 0px;}
  .cust-card-6 p {color: #9B9B9B; font-size: 14px; font-family: 'Open Sans', sans-serif; margin: 0px;}
  .custom-padding{
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .yellowbg-card { padding: 35px 25px; border-radius: 10px; background-color: #FFF8F1; color: #363636; font-size: 16px; font-family: 'Montserrat', sans-serif; line-height: normal;}
  .yellowbg-card h3 {color: #363636; margin-bottom: 15px; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: bold;}
  .custom-dropdown-menu {

  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

  }
  .custom-dropdown-menu { position: relative;}
  .custom-dropdown-menu[data-popper-placement="bottom-start"]{ margin-top: 13px !important;}
  .custom-dropdown-menu[data-popper-placement="top-start"]{ margin-bottom: 13px !important;}
  .custom-dropdown-menu[data-popper-placement="bottom-start"]::before { content: ""; width: 15px;   height: 13px; background: url(../images/arrow-top.png) no-repeat; position: absolute; right: 15px; top: -12px; }
  .custom-dropdown-menu[data-popper-placement="top-start"]::before { content: ""; width: 15px;  margin-top: 13px !important; height: 13px; background: url(../images/arrow-bottom.png) no-repeat; position: absolute; right: 15px; bottom: -12px; }
  .custom-dropdown-menu ul { margin: 0px; padding: 0px;}
  .custom-dropdown-menu ul li { list-style: none;}
  .custom-dropdown-menu ul li a {color: #F2812D; font-size: 14px; text-align: right;}
  .custom-dropdown-menu ul li a:hover { background-color: transparent; color: #F2812D;}
  .white-site-bar-bg   {background-color: #fff; width: 400px; padding: 25px;}

  .copy-img { position: absolute; right: 7px; top: 50%; transform: translateY(-50%);}


  @media (min-width: 576px)
  {
    .custom-modal-dialog {
      max-width: 630px;
      margin: 1.75rem auto;
  }
  }


  @media screen and (max-width: 576.5px) {
      .whitebg-card {padding: 60px 20px 70px;}
      .custom-footer {
        padding: 30px 25px;
        text-align: center;
    }
    }

    .ui-datepicker {
      background: #ffffff;
      border-radius: 15px;
    }
    .ui-datepicker-header {
      height: 50px;
      line-height: 50px;
      color: #ffffff;
      background: #F2812D;
      margin-bottom: 10px;
    }
    .ui-datepicker-prev,
    .ui-datepicker-next {
      width: 20px;
      height: 20px;
      text-indent: 9999px;
      border-radius: 100%;
      cursor: pointer;
      overflow: hidden;
      margin-top: 12px;
    }
    .ui-datepicker-prev {
      float: left;
      margin-left: 12px;
    }
    .ui-datepicker-prev:after {
      transform: rotate(45deg);
      margin: -43px 0px 0px 8px;
    }
    .ui-datepicker-next {
      float: right;
      margin-right: 12px;
    }
    .ui-datepicker-next:after {
      transform: rotate(-135deg);
      margin: -43px 0px 0px 6px;
    }
    .ui-datepicker-prev:after,
    .ui-datepicker-next:after {
      content: '';
      position: absolute;
      display: block;
      width: 8px;
      height: 8px;
      border-left: 2px solid #ffffff;
      border-bottom: 2px solid #ffffff;
    }
    .ui-datepicker-prev:hover,
    .ui-datepicker-next:hover,
    .ui-datepicker-prev:hover:after,
    .ui-datepicker-next:hover:after {
      border-color: #333333;
    }
    .ui-datepicker-title {
      text-align: center;
      font-size:20px;
    }
    .ui-datepicker-calendar {
      width: 100%;
      text-align: center;
    }
    .ui-datepicker-calendar thead tr th span {
      display: block;
      width: 40px;
      color: #F2812D;
      margin-bottom: 5px;
      font-size: 14px;
    }
    .ui-state-default {
      display: block;
      text-decoration: none;
      color: #333333;
      line-height: 40px;
      font-size: 13px;
    }
    .ui-state-default:hover {
      color: #ffffff;
      background:#F2812D;
      border-radius:50px;
      transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
    }
    .ui-state-highlight {
      color: #ffffff;
      background-color:#F2812D;
      border-radius:50px;
    }
    .ui-state-active {
      color: #ffffff;
      background-color:#F2812D;
      border-radius:50px;
    }
    .ui-datepicker-unselectable .ui-state-default {
      color: #eee;
      border: 2px solid transparent;
    }
    .marketing-img { height: 100vh; background: url(../images/marketing-img.png) no-repeat; background-size: cover;}
    .marketing-img::after{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(0,0,0,.3); content: "";}
    .shapebg-block {height: 100vh; padding-right: 100px; padding-top: 50px; padding-left: 50px; background: url(../images/shape-img.png) no-repeat right; background-size: 80%;}
  .customlogo{ width: 145px;}
  .marketing-nav li{ padding-left: 10px; padding-right: 10px;}
  .marketing-content h2 {color: #F2812D; font-size: 60px; font-weight: bold; margin-bottom: 0px; font-family: 'Montserrat', sans-serif; }
  .marketing-content h3 {color: #363636; margin-bottom: 35px; font-size: 32px; font-weight: bold; font-family: 'Montserrat', sans-serif; }
  .marketing-content p {color: #9B9B9B; margin-bottom: 25px; font-size: 18px; line-height: 30px; font-family: 'Montserrat', sans-serif; }
  .marketing-content h4 {color: #363636; font-size: 30px; font-family: 'Montserrat', sans-serif;}
  .marketing-content {
    height: calc(100vh - 140px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  /*
   *  STYLE 1
   */

   #style-1::-webkit-scrollbar-track
   {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 10px;
     background-color: #F5F5F5;
   }

   #style-1::-webkit-scrollbar
   {
     width: 7px;
     background-color: #F5F5F5;
   }

   #style-1::-webkit-scrollbar-thumb
   {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
     background-color: #555;
   }
  .modalform h3 {color: #363636; font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: bold;}
  .modalform p { color: #9B9B9B;  font-family: 'Montserrat', sans-serif; font-size: 18px; }
  .modalform input[type=text] { font-size: 14px; color: #9B9B9B;}
  .col-colum-width {width: 243px; flex:  0 0 243px;     padding: 8px 5px 15px;}
  .custorowblock { display: inline-flex; overflow: auto;}
  .addevent-header {background-color: #7D86D6; font-family: 'Montserrat', sans-serif; font-weight: bold ;font-size:16px; color: #fff; padding: 10px 15px; border-radius: 3px 3px 0px 0px;}
  .border-bottomcustom { border-bottom: #000 solid 3px;}
  .customrounded-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important;}






  .bg-yellow-light { background-color: #FFF8F1;}
  .customtable-example5 h2{ color: #363636; font-size: 24px; font-family: 'Montserrat', sans-serif;}
  .customtable-example5 h4{ color: #363636; font-size: 16px; font-weight: bold; margin-bottom: 15px; font-family: 'Montserrat', sans-serif;}
  .customptext {color: #9B9B9B; font-size: 16px; margin-bottom: 25px; font-family: 'Open Sans', sans-serif; }

  .headingsection h2 {color: #363636; font-size: 24px; font-weight: 400; margin-bottom: 25px;}
  .card-custom-5 {box-shadow: 0px 3px 6px #00000029; border-radius: 5px;}
  .card-custom-5 .card-body { padding-top: 50px; padding-bottom: 50px;}
  .card-custom-5 .card-body img{ margin-bottom: 25;}
  .card-custom-5 .card-body h5 {color: #363636; font-size: 24px; font-family: 'Montserrat', sans-serif; margin-top: 25px; margin-bottom: 15px;}
  .card-custom-5 .card-body p {color: #9B9B9B; font-size: 16px; font-family: 'Montserrat', sans-serif; margin-bottom: 0px; line-height: 22px;}

  .faq-accordion .accordion-button:not(.collapsed)::after, .faq-accordion .accordion-button::after  {display: none;}

  .faq-accordion .accordion-button:not(.collapsed)::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F2812D'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
  }
  .faq-accordion .accordion-button::before {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 15px;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239B9B9B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  margin-left: 0px;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
  }
  .faq-accordion .accordion-button {color: #9B9B9B; font-size: 20px; font-family: 'Montserrat', sans-serif; padding: 0.6rem 0rem;}
  .faq-accordion .accordion-button:not(.collapsed) { background-color: transparent; color: #F2812D;}
  .faq-accordion .accordion-item { border: none; border-bottom:#d3d3d3 solid 1px; padding-left: 0px; padding-right: 0px;}
  .plan-card2 { border: #E8E8E8 solid 3px !important;}

  .fs-24 { font-size: 24px !important;}
  .ptext-6 { font-size: 14px !important; font-family: 'Open Sans', sans-serif; color: #9B9B9B;}
  .preview-mode { background-color: #7D86D6;  padding: 10px; text-align: center; font-size: 14px !important; font-family: 'Open Sans', sans-serif; color: #fff;}
  .plan-card { position: relative; height: 100%; border: #9B9B9B solid 3px; border-radius: 5px; box-shadow: #00000029 0px 3px 6px;}
  .plan-card-content h3 {color: #363636; font-family: 'Montserrat', sans-serif;  font-size: 18px; margin: 0px 0px 10px ;}
  .plan-card-content .price { color: #F2812D; font-size: 64px; line-height: 55px; padding-left: 10px; position: relative; font-family: 'Montserrat', sans-serif;  font-weight: bold;}
  .plan-card-content .price sup{ color: #F2812D; font-size: 14px; top: 8px; left: 0px; position: absolute; font-family: 'Montserrat', sans-serif; font-weight: 400; }
  .plan-card-content .price sub{ color: #9B9B9B; font-size: 18px; bottom: 15px; padding-left: 5px; position: absolute; font-family: 'Montserrat', sans-serif; font-weight: 400; }
  .plan-card-content ul { margin:25px 0px 0px; padding: 0px;}
  .plan-card-content ul li { list-style: none; position: relative; margin-bottom: 10px; padding-left: 25px; color: #9B9B9B; font-family: 'Open Sans', sans-serif; font-size: 16px;}
  .plan-card-content ul li::before{ position: absolute; content: ""; top: 50%; margin-top: -7px; left: 0px; width: 15px; height: 15px; background: url(../images/check-mark-circle-lined.png) no-repeat;}
  .plan-card-body { padding: 35px 35px 135px 35px;}
  .plan-card-footer {background-color: #F6F6F6; padding: 25px; position: absolute; left: 0px; bottom: 0px; right: 0px;}
  .custom-modal-dialog .modal-modal-body h3{color: #363636; font-size: 24px;  font-weight: 400; font-family: "Montserrat", Sans-serif;}
  .payment-method  { position: relative;}
  .payment-method input { background-color: #F9F9F9; border: #E8E8E8 solid 1px; font-size: 14px;}
  .payment-method span { position: absolute; font-family: 'Open Sans', sans-serif; top: 50%; right: 20px; font-size: 14px; color: #9B9B9B;}
  .newpayment-method p { color: #9B9B9B; font-family: 'Open Sans', sans-serif;  font-size: 16px;}
  .gray-alert-box { border: #D9D9D9 solid 1px;  background-color: #F8F8F8; padding: 13px 15px; border-radius: 5px;}
  .plan-card2 .month { color: #9B9B9B; font-size: 14px; margin-right: 5px;  font-family: 'Open Sans', sans-serif; }
  .plan-card2 .cust-form-check-label {color: #363636; font-size: 14px; margin-left: 5px; font-family: 'Open Sans', sans-serif;  font-weight: bold; margin-top: 3px;}
  .yellowbg { background-color: #FFEE00; color: #000; padding: 3px 3px; margin-left: 5px; font-style: italic; font-size: 11px;}
  .custom-price {font-size: 32px !important; margin-left: 0px !important; padding-left: 0px !important;}
  .custom-modal .modal-content{ border-radius: 0px;}
  .custom-modal .modal-content .modal-header { border-radius: 0px; padding-left: 35px; padding-right: 35px; border-bottom: #E8E8E8 solid 1px;}
  .custom-modal .modal-content .modal-header h5 {color: #F2812D; font-size: 30px;  font-weight: 400; font-family: "Montserrat", Sans-serif;}
  .custom-modal .modal-content .modal-body { padding-left: 35px; padding-right: 35px; max-height: 450px; overflow: auto;}
  .custom-modal .modal-content .modal-footer {padding-left: 35px; padding-right: 35px;}
  .custom-modal .modal-footer { justify-content: start;}
  .custom-modal .modal-body p  {font-weight: 400; font-family: "Montserrat", Sans-serif;  font-size: 14px; }
  .custom-modal .modal-body ul { margin: 0px; padding: 0px 0px 15px 15px;}
  .custom-modal .modal-body ul li { margin-bottom: 10px;}
  .custom-modal .modal-body h4 {font-weight: 600; font-family: "Montserrat", Sans-serif;  font-size: 14px;}
  .custom-modal .modal-body ol{ margin: 0px 0px 0px 15px; padding: 0px 0px 0px;}
  .custom-modal .modal-body ol li { font-weight: 400; margin-bottom:15px ; font-family: "Montserrat", Sans-serif; font-size: 14px;}
  .custom-modal .modal-body ol li ul{ margin-top: 10px;}
  .downloading-card {


  /* UI Properties */
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  opacity: 1;
  padding: 36px 25px;
  }
  .downloading-card h3 {color: #F2812D;  font-family: "Montserrat", Sans-serif;  font-size: 20px;}
  .downloading-card p { margin: 0px; color: #9B9B9B; font-family: 'Open Sans', sans-serif; color: #9B9B9B; font-size: 16px;}
  .downloading-card-support h3 {color: #F2812D;  font-family: "Montserrat", Sans-serif;  font-size: 22px;}
  .downloading-card-support p { margin: 0px; color: #9B9B9B; font-family: 'Open Sans', sans-serif; color: #9B9B9B; font-size: 16px;}
  .custom-card-billing { max-width: 350px;}
  .fs-16 { font-size: 16px;}

  .hotspotconnect {


  background: rgba(77, 210, 162, 0.1);
  border: 1px solid #4BD1A1;
  border-radius: 5px;
  color: #363636;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding: 15px 25px 15px 15px;
  }
  .hotspotconnect:hover {


    background: rgba(77, 210, 162, 0.1);
    border: 1px solid #4BD1A1;
    border-radius: 5px;
    color: #363636;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 15px 25px 15px 15px;
    }

  @media screen and (max-width: 1499.5px) {
    .shapebg-block { padding-right: 30px;}
  }
  @media screen and (max-width: 1199.5px) {
    .white-site-bar-bg { width: 100%;}
    .playicon span {    font-size: 22px;}
    .playicon a img {width: 95px;}
    .marketing-content h2 {    font-size: 42px;}
    .marketing-content h3 { font-size: 24px;}
    .marketing-content p {    font-size: 16px;
      line-height: 26px;}
  }

  @media screen and (max-width: 992.5px) {
    .shapebg-block { padding-left: 30px;}
    .marketing-img {
      background: url(../images/marketing-img-2.png) no-repeat;
      height: 450px;
      background-size: cover;
    }
    .shapebg-block {height: auto;}
    .marketing-content { height: auto; overflow: visible;}
      .custom-sidebar { width: 280px; background-color: #FEF0E1; padding: 25px; transition: all 0.5s; position: fixed; top: 0px; bottom: 0px; z-index: 99; left: 0px; margin-left: -290px;}
      .active-nav { margin-left: 0px;}
      .w-main-custom {
          width: 100%;
      }




  .btn12 {
      position: relative;
      width: 32px;
      height: 40px;
      float: right;

      transition-duration: 0.5s;
    }
    .btn12 .icon {
      transition-duration: 0.5s;
      position: absolute;
      height: 4px;
      width: 30px;
      top: 30px;
      background-color: #7d86d6;
    }
    .btn12 .icon:before {
      transition-duration: 0.5s;
      position: absolute;
      width: 30px;
      height: 4px;
      background-color: #7d86d6;
      content: "";
      top: -10px;
    }
    .btn12 .icon:after {
      transition-duration: 0.5s;
      position: absolute;
      width: 30px;
      height: 4px;
      background-color: #7d86d6;
      content: "";
      top: 10px;
    }
    .btn12.open .icon {
      transition-duration: 0.5s;
      background: transparent;
    }
    .btn12.open .icon:before {
      transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
    }
    .btn12.open .icon:after {
      transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
    }
    .btn12:hover {
      cursor: pointer;
    }
    }


    @media screen and (max-width: 767.5px) {
      .marketing-img {    height: 340px;}
      .shapebg-block { padding-left: 30px;}
      .marketing-content h4 { font-size: 20px;}
      .bgnav h2 {font-size: 16px;}
      .playicon span {    font-size: 22px;}
      .playicon a img {width: 65px;}
      .playicon span {
        font-size: 16px;
    }
    .plan-card-content .price  {font-size: 42px;}
    .plan-card-body, .plan-card-footer { padding: 25px;}
    }

    @media screen and (max-width: 479.5px) {
      .payment-method span { font-size: 12px;}
      .payment-method input { font-size: 12px;}
      .marketing-img {
        height: 250px;
    }
      .custom-sidebar {
          width: 270px;
      }
      .shapebg-block { padding-top: 30px; padding-left: 15px; padding-right: 15px;}
      .marketing-content h2 {
        font-size: 38px;
    }
    .marketing-content h3 {
      font-size: 20px; margin-bottom: 25px;
  }
  .customtable-example5 { padding-left: 0px; padding-right: 0px;}
    }

    @media screen and (max-width: 359.5px) {
      .customlogo {
        width: 107px;
    }
    .marketing-img {
      height: 230px;
  }
    .marketing-content h2 {
      font-size: 32px;
  }
  .marketing-content h3 {
    font-size: 16px;
    margin-bottom: 25px;
  }
    .header-5 {
      color: #363636;
      font-size: 19px;
      font-family: 'Montserrat', sans-serif;
      line-height: 30px;
      max-width: 290px;
      margin: auto;
  }
  .logocustom {
    width: 220px;
  }
  }
  .right-side-section { max-width: 1400px;}