.video-section h2 {
    font-size: 15px;
    line-height: 2px;
  }

  #video-show {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
    border: 0px;
    border-radius: 8px;
    position: absolute;
    top: 48px;
    width: 283px;
    height: 197px;
    left: 17px;
  }

  body>.container {
    padding: 80px 15px 0;
  }

  .video-show {
    display: none;

  }

  #video_url {
    font-size: 20px;
  }

  .video-show-block {
    padding: 20px;
  }

  .video-show-error {
    color: red;
    font-size: 23px;
  }

  .b-list {
    padding-left: 0px;
  }

  .form-block {
    background: #f7f6ef;
    padding: 15px 15px 15px 15px;
  }

  button:hover {
    color: #fff !important;
  }

  #budget-input,
  #views-input {
    height: 45px !important;
    font-size: 35px !important;
    line-height: 40px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
  }

  .btn-next {
    font-size: 18px;
    background-color: #000099;
    border-color: #00001a;
    border-radius: 10px;
    margin-top: 10px;
  }

  .btn-wallet {
    font-size: 18px;
    background-color: #e6b800;
    border-color: #00001a;
    color: black;
    border-radius: 10px;
    margin-top: 10px;
  }

  .no-pad {
    padding: 0px !important;
  }

  .url-text-mobile input {
    width: 100%;
    height: 52px;
    font-size: 20px;
    border: 1px solid #b5b5b5;
    margin-bottom: 10px;
    border-radius: 10px;
  }

  .btn-submit-mobile {
    background-color: #63b92d;
    color: #fff;
    height: 50px;
    width: 100%;
    font-size: 20px;
    border: 0px;
    border-radius: 10px;

  }

  #video_url {
    font-size: 18px;
  }

  @media(max-width:500px) {
    #chose-text {
      font: 700 18px Raleway, Arial !important;
    }

    .v-show {
      margin-top: 40px;
    }

    .container.strt {
      padding: 60px 15px 0;
    }

  }

  .no-pad {
    padding: 0px;
  }

  .topic_btn {
    font-size: 18px;
  }

  .checkbox {
    padding-left: 20px;
  }

  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
  }

  .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  }

  .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
  }

  .checkbox input[type="checkbox"] {
    opacity: 0;
  }

  .checkbox input[type="checkbox"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  .checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
  }

  .checkbox input[type="checkbox"]:disabled+label {
    opacity: 0.65;
  }

  .checkbox input[type="checkbox"]:disabled+label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
  }


  .checkbox-primary input[type="checkbox"]:checked+label::before {
    background-color: #428bca;
    border-color: #428bca;
  }

  .checkbox-primary input[type="checkbox"]:checked+label::after {
    color: #fff;
  }

  .choose-topic {
    cursor: pointer
  }

  .website-views {
    background-color: #f7f6ef;
    border-bottom: 1px solid black;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 16px;
    font-family: Times New Roman, Times, serif;
    width: 100%;
    -webkit-transition: all 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;
  }

  .website-views:focus {
    border-bottom: 2px solid #d15985;
    font-size: 17px;
    box-shadow: none;
  }

  .catagory-list {
    overflow: scroll;
    height: 300px;
    list-style: none;
    padding-left: 5px;
  }

  .subcatagory-list {
    list-style: none;
    padding: 0;
  }

  .catagory_collapse {
    font-size: 22px;
    cursor: pointer;
  }

  .catagory-list li {
    padding: 5px 10px;
    border-top: 1px solid #e3e3e3;
  }

  .two-step .rms-multistep-progressbar li.rms-step {
    width: 50%;
  }

  .two-step .rms-multistep-progressbar li.rms-step.completed-step:before {
    background-color: #fb6b5b;
    border-color: #fb4532;
  }

  .two-step .rms-multistep-progressbar li.rms-step.completed-step:after {
    background-color: #fb6b5b;
    border-color: #fb4532;
  }

  .two-step .rms-multistep-progressbar li.rms-step.rms-current-step:before {
    background-color: #eaeaea;
    border-color: rgb(217, 217, 217);
    color: #a9a9a9;
  }

  .two-step .rms-multistep-progressbar li.rms-step.rms-current-step:after {
    background-color: #eaeaea;
    border-color: rgb(217, 217, 217);
  }

  .catagory-list>li:hover {
    /*    background: #87e0fd;  Old browsers 
background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);  FF3.6-15 
background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);  Chrome10-25,Safari5.1-6 
background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 );
color: #fff*/
  }

  .shopify-buy-frame iframe {
    height: 80px !important;
  }

  #product-component-1615981675433 {
    max-width: 100% !important;
  }







  html {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
  }

  body {
    font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #6c757d;
    line-height: 1.6666;
    font-weight: 400;
  }

  /*------------------------------------------*/
  /*  PAGE CONTENT
/*------------------------------------------*/

  #page,
  .hidd {
    overflow: hidden;
  }

  .rel,
  section,
  .container {
    position: relative !important;
    z-index: 3;
  }

  .section-overlay {
    width: 100%;
    height: 100%;
  }

  /*------------------------------------------*/
  /*  BLOCK SHADOW
/*------------------------------------------*/

  .block-shadow {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  }

  /*------------------------------------------*/
  /*  BORDER SETTINGS
/*------------------------------------------*/

  .block-border {
    border: 1px solid #e7e7e7;
  }

  .block-border.block-shadow {
    border: 1px solid #f5f6f6;
  }

  .x-border {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }

  .top-border {
    border-top: 1px solid #e7e7e7;
  }

  .bottom-border {
    border-bottom: 1px solid #e7e7e7;
  }

  /*------------------------------------------*/
  /*  BORDER RADIUS SETTING
/*------------------------------------------*/

  .r-0 {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }

  .r-02 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }

  .r-04 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }

  .r-06 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
  }

  .r-08 {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  }

  .r-10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }

  .r-12 {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
  }

  .r-14 {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
  }

  .r-16 {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
  }

  .r-18 {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
  }

  .r-20 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
  }

  .r-22 {
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 22px;
  }

  .r-24 {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
  }

  .r-26 {
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
  }

  .r-28 {
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -o-border-radius: 28px;
    border-radius: 28px;
  }

  .r-30 {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
  }

  .r-32 {
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -o-border-radius: 32px;
    border-radius: 32px;
  }

  .r-34 {
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    -o-border-radius: 34px;
    border-radius: 34px;
  }

  .r-36 {
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    -o-border-radius: 36px;
    border-radius: 36px;
  }

  .r-100 {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
  }

  /*------------------------------------------*/
  /*  OPACITY SETTINGS
/*------------------------------------------*/

  .o-0 {
    opacity: 0 !important;
  }

  .o-10 {
    opacity: .1 !important;
  }

  .o-15 {
    opacity: .15 !important;
  }

  .o-20 {
    opacity: .2 !important;
  }

  .o-25 {
    opacity: .25 !important;
  }

  .o-30 {
    opacity: .3 !important;
  }

  .o-35 {
    opacity: .35 !important;
  }

  .o-40 {
    opacity: .4 !important;
  }

  .o-45 {
    opacity: .45 !important;
  }

  .o-50 {
    opacity: .5 !important;
  }

  .o-55 {
    opacity: .55 !important;
  }

  .o-60 {
    opacity: .60 !important;
  }

  .o-65 {
    opacity: .65 !important;
  }

  .o-70 {
    opacity: .7 !important;
  }

  .o-75 {
    opacity: .75 !important;
  }

  .o-80 {
    opacity: .8 !important;
  }

  .o-85 {
    opacity: .85 !important;
  }

  .o-90 {
    opacity: .9 !important;
  }

  .o-95 {
    opacity: .95 !important;
  }

  .o-100 {
    opacity: 1 !important;
  }

  /*------------------------------------------*/
  /*  SPACING & INDENTS
/*------------------------------------------*/

  .py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pt-30 {
    padding-top: 30px;
  }

  .pt-40 {
    padding-top: 40px;
  }

  .pt-50 {
    padding-top: 50px;
  }

  .pt-60 {
    padding-top: 60px;
  }

  .pt-70 {
    padding-top: 70px;
  }

  .pt-80 {
    padding-top: 80px;
  }

  .pt-90 {
    padding-top: 90px;
  }

  .pt-100 {
    padding-top: 100px;
  }

  .pb-30 {
    padding-bottom: 30px;
  }

  .pb-40 {
    padding-bottom: 40px;
  }

  .pb-50 {
    padding-bottom: 50px;
  }

  .pb-60 {
    padding-bottom: 60px;
  }

  .pb-70 {
    padding-bottom: 70px;
  }

  .pb-80 {
    padding-bottom: 80px;
  }

  .pb-90 {
    padding-bottom: 90px;
  }

  .pb-100 {
    padding-bottom: 100px;
  }

  .mt-10 {
    margin-top: 10px;
  }

  .mt-15 {
    margin-top: 15px;
  }

  .mt-20 {
    margin-top: 20px;
  }

  .mt-25 {
    margin-top: 25px;
  }

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

  .mt-35 {
    margin-top: 35px;
  }

  .mt-40 {
    margin-top: 40px;
  }

  .mt-45 {
    margin-top: 45px;
  }

  .mt-50 {
    margin-top: 50px;
  }

  .mt-55 {
    margin-top: 55px;
  }

  .mt-60 {
    margin-top: 60px;
  }

  .mt-65 {
    margin-top: 65px;
  }

  .mt-70 {
    margin-top: 70px;
  }

  .mt-75 {
    margin-top: 75px;
  }

  .mt-80 {
    margin-top: 80px;
  }

  .mt-85 {
    margin-top: 85px;
  }

  .mt-90 {
    margin-top: 90px;
  }

  .mt-95 {
    margin-top: 95px;
  }

  .mt-100 {
    margin-top: 100px;
  }

  .mb-10 {
    margin-bottom: 10px;
  }

  .mb-15 {
    margin-bottom: 15px;
  }

  .mb-20 {
    margin-bottom: 20px;
  }

  .mb-25 {
    margin-bottom: 25px;
  }

  .mb-30 {
    margin-bottom: 30px;
  }

  .mb-35 {
    margin-bottom: 35px;
  }

  .mb-40 {
    margin-bottom: 40px;
  }

  .mb-45 {
    margin-bottom: 45px;
  }

  .mb-50 {
    margin-bottom: 50px;
  }

  .mb-55 {
    margin-bottom: 55px;
  }

  .mb-60 {
    margin-bottom: 60px;
  }

  .mb-65 {
    margin-bottom: 65px;
  }

  .mb-70 {
    margin-bottom: 70px;
  }

  .mb-75 {
    margin-bottom: 75px;
  }

  .mb-80 {
    margin-bottom: 80px;
  }

  .mb-85 {
    margin-bottom: 85px;
  }

  .mb-90 {
    margin-bottom: 90px;
  }

  .mb-95 {
    margin-bottom: 95px;
  }

  .mb-100 {
    margin-bottom: 100px;
  }

  .ml-5 {
    margin-left: 5px;
  }

  .ml-10 {
    margin-left: 10px;
  }

  .ml-15 {
    margin-left: 15px;
  }

  .ml-20 {
    margin-left: 20px;
  }

  .ml-25 {
    margin-left: 25px;
  }

  .ml-30 {
    margin-left: 30px;
  }

  .mr-5 {
    margin-right: 5px;
  }

  .mr-10 {
    margin-right: 10px;
  }

  .mr-15 {
    margin-right: 15px;
  }

  .mr-20 {
    margin-right: 20px;
  }

  .mr-25 {
    margin-right: 25px;
  }

  .mr-30 {
    margin-right: 30px;
  }

  /*------------------------------------------*/
  /*  BACKGROUND SETTINGS
/*------------------------------------------*/

  .bg--fixed,
  .bg--scroll {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .bg--fixed {
    background-attachment: scroll !important;
  }

  .bg--scroll {
    background-attachment: fixed !important;
  }

  /*------------------------------------------*/
  /*  BACKGROUND COLORS
/*------------------------------------------*/

  .bg--white-500 {
    background-color: #f2f4f8;
  }

  .bg--white-400 {
    background-color: #f4f4f9;
  }

  .bg--white-300 {
    background-color: #f7f8f9;
  }

  .bg--white-200 {
    background-color: #fbfbfd;
  }

  .bg--white-100 {
    background-color: #fff;
  }

  .bg--black-500 {
    background-color: #22223b;
  }

  .bg--black-400 {
    background-color: #2e3648;
  }

  .bg--black-300 {
    background-color: #394455;
  }

  .bg--black-200 {
    background-color: #e1e3e5;
  }

  .bg--black-100 {
    background-color: #ecf1f4;
  }

  .bg--blue-500 {
    background-color: #185abd;
  }

  .bg--blue-400 {
    background-color: #1680fb;
  }

  .bg--blue-300 {
    background-color: #3eb1ff;
  }

  .bg--blue-200 {
    background-color: #ddedff;
  }

  .bg--blue-100 {
    background-color: #f4f9fc;
  }

  .bg--green-500 {
    background-color: #00a14e;
  }

  .bg--green-400 {
    background-color: #0fbc49;
  }

  .bg--green-300 {
    background-color: #6fd792;
  }

  .bg--green-200 {
    background-color: #cff2db;
  }

  .bg--green-100 {
    background-color: #e9f8f2;
  }

  .bg--pink-500 {
    background-color: #ff149c;
  }

  .bg--pink-400 {
    background-color: #f74780;
  }

  .bg--pink-300 {
    background-color: #fcb5cc;
  }

  .bg--pink-200 {
    background-color: #fee4ec;
  }

  .bg--pink-100 {
    background-color: #feecf2;
  }

  .bg--purple-5000 {
    background-color: #663ae9;
  }

  .bg--purple-500 {
    background-color: #7827e6;
  }

  .bg--purple-400 {
    background-color: #7b5dd6;
  }

  .bg--purple-300 {
    background-color: #bdaeea;
  }

  .bg--purple-200 {
    background-color: #e5deff;
  }

  .bg--purple-100 {
    background-color: #f1edff;
  }

  .bg--red-500 {
    background-color: #da0f29;
  }

  .bg--red-400 {
    background-color: #ff1e1a;
  }

  .bg--red-300 {
    background-color: #ffa5a3;
  }

  .bg--red-200 {
    background-color: #ffd2d1;
  }

  .bg--red-100 {
    background-color: #fce7e4;
  }

  .bg--violet-500 {
    background-color: #c73e9b;
  }

  .bg--violet-400 {
    background-color: #be6cbe;
  }

  .bg--violet-300 {
    background-color: #e2bde2;
  }

  .bg--violet-200 {
    background-color: #f1cde5;
  }

  .bg--violet-100 {
    background-color: #f7e4f1;
  }

  .bg--yellow-500 {
    background-color: #ffba01;
  }

  .bg--yellow-400 {
    background-color: #ffbd45;
  }

  .bg--yellow-300 {
    background-color: #ffdf35;
  }

  .bg--yellow-200 {
    background-color: #fef5cd;
  }

  .bg--yellow-100 {
    background-color: #fef9e5;
  }

  .bg--tra-black {
    background-color: rgba(0, 0, 0, .04);
  }

  .bg--tra-white {
    background-color: rgba(255, 255, 255, .15);
  }

  .bg--primary-blue {
    background-color: #2160fd;
  }

  .bg--light-grey {
    background-color: #f0f3ff;
  }

  .bg--snow {
    background-color: #fdfdfd;
  }

  /*------------------------------------------*/
  /*  GRADIENT COLOR BACKGROUND
/*------------------------------------------*/

  .gr--ghost {
    background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%);
  }

  .gr--snow {
    background-image: linear-gradient(to left, #f3edf7, #f9f6fa);
  }

  .gr--cotton {
    background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%);
  }

  .gr--ghostwhite {
    background-image: linear-gradient(to left, #e9e9f5, #f4f4f9);
  }

  .gr--smoke {
    background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%);
  }

  .gr--whitesmoke {
    background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);
  }

  .gr--perl {
    background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%);
  }

  /*------------------------------------------*/
  /*  BACKGROUND SHAPE
/*------------------------------------------*/

  .shape--01:after,
  .shape--02:after,
  .shape--03:after,
  .shape--04:after,
  .shape--05:after,
  .shape--06:after,
  .shape--07:after {
    position: absolute;
    content: '';
    z-index: -1;
  }

  .shape--02.r-24:after {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
  }

  .shape--01:after {
    width: 150%;
    height: 80%;
    top: 13%;
    left: -25%;
  }

  .shape--02:after {
    width: 86%;
    height: 80%;
    top: 13%;
    left: 7%;
  }

  .shape--03:after {
    width: 78%;
    height: 120%;
    top: -60px;
    left: 11%;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
  }

  .shape--04:after {
    width: 100%;
    height: 80%;
    top: 10%;
    left: 0;
  }

  .shape--05:after {
    width: 150%;
    height: 90%;
    top: 0;
    left: -25%;
  }

  .shape--06:after {
    width: 150%;
    height: 75%;
    top: 0;
    left: -25%;
  }

  .shape--07:after {
    width: 200%;
    height: 50%;
    top: 37%;
    left: -50%;
  }

  .shape--whitesmoke:after {
    background-color: rgba(123, 104, 238, .05);
  }

  .shape--white-500:after {
    background-color: #f2f4f8;
  }

  .shape--white-400:after {
    background-color: #f4f4f9;
  }

  .shape--white-300:after {
    background-color: #f7f8f9;
  }

  .shape--white-200:after {
    background-color: #fbfbfd;
  }

  .shape--black-500:after {
    background-color: #22223b;
  }

  .shape--black-400:after {
    background-color: #2e3648;
  }

  .shape--black-300:after {
    background-color: #394455;
  }

  .shape--black-200:after {
    background-color: #e1e3e5;
  }

  .shape--black-100:after {
    background-color: #ecf1f4;
  }

  .shape--blue-500:after {
    background-color: #185abd;
  }

  .shape--blue-400:after {
    background-color: #1680fb;
  }

  .shape--blue-300:after {
    background-color: #3eb1ff;
  }

  .shape--blue-200:after {
    background-color: #ddedff;
  }

  .shape--blue-100:after {
    background-color: #f4f9fc;
  }

  .shape--green-500:after {
    background-color: #00a14e;
  }

  .shape--green-400:after {
    background-color: #0fbc49;
  }

  .shape--green-300:after {
    background-color: #6fd792;
  }

  .shape--green-200:after {
    background-color: #cff2db;
  }

  .shape--green-100:after {
    background-color: #e9f8f2;
  }

  .shape--pink-500:after {
    background-color: #ff149c;
  }

  .shape--pink-400:after {
    background-color: #f74780;
  }

  .shape--pink-300:after {
    background-color: #fcb5cc;
  }

  .shape--pink-200:after {
    background-color: #fee4ec;
  }

  .shape--pink-100:after {
    background-color: #feecf2;
  }

  .shape--purple-500:after {
    background-color: #663ae9;
  }

  .shape--purple-400:after {
    background-color: #7b5dd6;
  }

  .shape--purple-300:after {
    background-color: #bdaeea;
  }

  .shape--purple-200:after {
    background-color: #e5deff;
  }

  .shape--purple-100:after {
    background-color: #f1edff;
  }

  .shape--red-500:after {
    background-color: #da0f29;
  }

  .shape--red-400:after {
    background-color: #ff1e1a;
  }

  .shape--red-300:after {
    background-color: #ffa5a3;
  }

  .shape--red-200:after {
    background-color: #ffd2d1;
  }

  .shape--red-100:after {
    background-color: #fce7e4;
  }

  .shape--violet-500:after {
    background-color: #c73e9b;
  }

  .shape--violet-400:after {
    background-color: #be6cbe;
  }

  .shape--violet-300:after {
    background-color: #e2bde2;
  }

  .shape--violet-200:after {
    background-color: #f1cde5;
  }

  .shape--violet-100:after {
    background-color: #f7e4f1;
  }

  .shape--gr-ghost:after {
    background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%);
  }

  .shape--gr-whitesmoke:after {
    background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);
  }

  /*------------------------------------------*/
  /*  BACKGROUND PATTERN
/*------------------------------------------*/

  .pattern-01,
  .pattern-02,
  .pattern-03,
  .pattern-04,
  .pattern-05 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .pattern-01 {
    background-image: url(../images/pattern-01.png);
  }

  .pattern-02 {
    background-image: url(../images/pattern-02.png);
  }

  .pattern-03 {
    background-image: url(../images/pattern-03.png);
  }

  .pattern-04 {
    background-image: url(../images/pattern-04.png);
  }

  .pattern-05 {
    background-image: url(../images/pattern-05.png);
  }

  /*------------------------------------------*/
  /*  BACKGROUND IMAGE
/*------------------------------------------*/

  .bg--01,
  .bg--02,
  .bg--03,
  .bg--04,
  .bg--05,
  .bg--06,
  .bg--07,
  .bg--08 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .bg--01 {
    background-image: url(../images/bg-01.jpg);
  }

  .bg--02 {
    background-image: url(../images/bg-02.jpg);
  }

  .bg--03 {
    background-image: url(../images/bg-03.jpg);
  }

  .bg--04 {
    background-image: url(../images/bg-04.jpg);
  }

  .bg--05 {
    background-image: url(../images/bg-05.jpg);
  }

  .bg--06 {
    background-image: url(../images/bg-06.jpg);
  }

  .bg--07 {
    background-image: url(../images/bg-07.jpg);
  }

  .bg--08 {
    background-image: url(../images/bg-08.jpg);
  }

  /*------------------------------------------*/
  /*  SECTION DIVIDER
/*------------------------------------------*/

  hr.divider {
    width: 100%;
    height: 1px;
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #bbb 64%, rgba(206, 211, 246, 0) 99%);
    opacity: .4;
    border: none;
    margin: 0;
  }

  /*------------------------------------------*/
  /*  WAVE SHAPE BOTTOM
/*------------------------------------------*/

  .wave-shape-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }




  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #353f4f;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 0;
  }

  .font--jakarta h1,
  .font--jakarta h2,
  .font--jakarta h3,
  .font--jakarta h4,
  .font--jakarta h5,
  .font--jakarta h6 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    line-height: 1.35;
  }

  .font--jakarta h1,
  .font--jakarta h2 {
    line-height: 1.25;
  }

  .font--inter h1,
  .font--inter h2,
  .font--inter h3,
  .font--inter h4,
  .font--inter h5,
  .font--inter h6 {
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.5px;
  }

  /*------------------------------------------*/
  /*  PARAGRAPHS
/*------------------------------------------*/

  p.p-sm {
    font-size: 0.9375rem;
  }

  /* 15px */
  p {
    font-size: 1rem;
  }

  /* 16px */
  p.p-md {
    font-size: 1.0625rem;
  }

  /* 17px */
  p.p-lg {
    font-size: 1.125rem;
  }

  /* 18px */
  p.p-xl {
    font-size: 1.2rem;
  }

  /* 19.2px */

  /*------------------------------------------*/
  /*  FONT SIZE
/*------------------------------------------*/

  .s-15 {
    font-size: 0.9375rem;
  }

  /* 15px */
  .s-16 {
    font-size: 1rem;
  }

  /* 16px */
  .s-17 {
    font-size: 1.0625rem;
  }

  /* 17px */
  .s-18 {
    font-size: 1.125rem;
  }

  /* 18px */
  .s-19 {
    font-size: 1.1875rem;
  }

  /* 19px */
  .s-20 {
    font-size: 1.25rem;
  }

  /* 20px */
  .s-21 {
    font-size: 1.3125rem;
  }

  /* 21px */
  .s-22 {
    font-size: 1.375rem;
  }

  /* 22px */
  .s-23 {
    font-size: 1.4375rem;
  }

  /* 23px */
  .s-24 {
    font-size: 1.5rem;
  }

  /* 24px */
  .s-26 {
    font-size: 1.625rem;
  }

  /* 26px */
  .s-28 {
    font-size: 1.75rem;
  }

  /* 28px */
  .s-30 {
    font-size: 1.875rem;
  }

  /* 30px */
  .s-32 {
    font-size: 2rem;
  }

  /* 32px */
  .s-34 {
    font-size: 2.125rem;
  }

  /* 34px */
  .s-36 {
    font-size: 2.25rem;
  }

  /* 36px */
  .s-38 {
    font-size: 2.375rem;
  }

  /* 38px */
  .s-40 {
    font-size: 2.5rem;
  }

  /* 40px */
  .s-42 {
    font-size: 2.625rem;
  }

  /* 42px */
  .s-43 {
    font-size: 2.6875rem;
  }

  /* 43px */
  .s-44 {
    font-size: 2.75rem;
  }

  /* 44px */
  .s-45 {
    font-size: 2.8125rem;
  }

  /* 45px */
  .s-46 {
    font-size: 2.875rem;
  }

  /* 46px */
  .s-47 {
    font-size: 2.9375rem;
  }

  /* 47px */
  .s-48 {
    font-size: 3rem;
  }

  /* 48px */
  .s-50 {
    font-size: 3.125rem;
  }

  /* 50px */
  .s-52 {
    font-size: 3.25rem;
  }

  /* 52px */
  .s-54 {
    font-size: 3.375rem;
  }

  /* 54px */
  .s-56 {
    font-size: 3.5rem;
  }

  /* 56px */
  .s-58 {
    font-size: 3.625rem;
  }

  /* 58px */
  .s-60 {
    font-size: 3.75rem;
  }

  /* 60px */
  .s-62 {
    font-size: 3.875rem;
  }

  /* 62px */
  .s-64 {
    font-size: 4rem;
  }

  /* 64px */
  .s-66 {
    font-size: 4.125rem;
  }

  /* 66px */
  .s-68 {
    font-size: 4.25rem;
  }

  /* 68px */
  .s-70 {
    font-size: 4.375rem;
  }

  /* 70px */
  .s-72 {
    font-size: 4.5rem;
  }

  /* 72px */
  .s-74 {
    font-size: 4.625rem;
  }

  /* 74px */
  .s-76 {
    font-size: 4.75rem;
  }

  /* 76px */
  .s-78 {
    font-size: 4.875rem;
  }

  /* 78px */
  .s-80 {
    font-size: 5rem;
  }

  /* 80px */

  /*------------------------------------------*/
  /*  FONT WEIGHT
/*------------------------------------------*/

  .txt-upcase {
    text-transform: uppercase
  }

  .w-200 {
    font-weight: 200;
  }

  .w-300 {
    font-weight: 300;
  }

  .w-400 {
    font-weight: 400;
  }

  .w-500 {
    font-weight: 500;
  }

  .w-600 {
    font-weight: 600;
  }

  .w-700 {
    font-weight: 700;
  }

  .w-800 {
    font-weight: 800;
  }

  .w-900 {
    font-weight: 900;
  }

  /*------------------------------------------*/
  /*  LINK SETTINGS
/*------------------------------------------*/

  a {
    color: #6c757d;
    text-decoration: none;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }

  a:hover {
    color: #353f4f !important;
    text-decoration: none;
  }

  a:focus {
    outline: none;
    text-decoration: none;
  }

  a.tra-link {
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
  }

  a.tra-link span {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }

  .tra-link.ico-20 [class*="flaticon-"]:before,
  .tra-link.ico-20 [class*="flaticon-"]:after {
    position: relative;
    font-size: 0.75rem;
    line-height: 0.7rem !important;
    top: 2px;
    left: 2px;
  }

  a.tra-link:hover span {
    color: #353f4f !important;
  }

  /*------------------------------------------*/
  /*  LISTS
/*------------------------------------------*/

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /*------------------------------------------*/
  /*  TEXT LIST
/*------------------------------------------*/

  ul.simple-list {
    list-style: disc;
    margin-left: 15px;
  }

  ul.simple-list.long-list p {
    margin-bottom: 8px;
  }

  /*------------------------------------------*/
  /*  DIGIT LIST
/*------------------------------------------*/

  ol.digit-list {
    padding: 0;
    margin-left: 15px;
  }

  ol.digit-list p {
    margin-bottom: 8px;
  }

  /*------------------------------------------*/
  /*  BUTTON SETTINGS
/*------------------------------------------*/

  .btn {
    background-color: transparent;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    padding: 0.9rem 1.8rem;
    border: 2px solid transparent;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }

  .btn.btn-sm {
    font-size: 0.975rem;
    padding: 0.7rem 1.5rem;
  }

  .btn.ico-30.ico-left,
  .btn.ico-30.ico-right {
    padding: 0.37rem 0;
  }

  /*------------------------------------------*/
  /*  Buttons Group
/*------------------------------------------*/

  .text-center .btns-group {
    display: inline-block;
  }

  .btns-group .btn:first-child {
    margin-right: 15px;
  }

  .btns-group .btn.ico-30.ico-left {
    padding: 0.37rem 0.5rem;
  }

  .btns-group .btn.ico-30.ico-right {
    padding: 0.37rem 0;
  }

  /*------------------------------------------*/
  /*  Button Icon
/*------------------------------------------*/

  .btn.ico-20 [class*="flaticon-"]:before,
  .btn.ico-20 [class*="flaticon-"]:after {
    position: relative;
    font-size: 1rem;
    line-height: 0.7rem !important;
    top: 4px;
  }

  .btn.ico-left span {
    margin-right: 5px;
  }

  .btn.ico-right span {
    margin-left: 5px;
  }

  .btn.ico-30.ico-left span {
    position: relative;
    top: 0;
    right: 4px;
  }

  .btn.ico-30.ico-right span {
    position: relative;
    top: 0;
    left: 4px;
  }

  .btn.ico-30.ico-left span.ico-30-txt,
  .btn.ico-30.ico-right span.ico-30-txt {
    position: relative;
    top: -10px;
    right: 0;
  }

  .btn.ico-30.ico-right span.ico-30-txt {
    left: 0;
  }

  /*------------------------------------------*/
  /*  Button Text
/*------------------------------------------*/

  p.btn-txt {
    margin: 20px 0 0 0;
  }

  .btn-rating p.btn-txt {
    margin: 0;
  }

  .star-rating span.rating-txt {
    font-size: 0.9375rem;
  }

  p.btns-group-txt {
    margin: 14px 0 0 0;
  }

  .btn-rating {
    margin-top: 18px;
  }

  .text-center p.btns-group-txt {
    margin-top: 20px;
  }

  p.btn-txt.ico-15,
  p.btns-group-txt.ico-15 {
    padding-left: 5px;
  }

  .text-center p.btn-txt.ico-15,
  .text-center p.btns-group-txt.ico-15 {
    padding-left: 0;
  }

  p.btn-txt span,
  p.btns-group-txt span {
    position: relative;
    top: 0.5px;
    right: 2px;
  }

  p.btns-group-txt span.txt-data {
    display: block;
    top: 0;
    right: 0;
  }

  p.btns-group-txt span.txt-data a {
    margin-left: 4px;
    text-decoration: underline;
  }

  p.btns-group-txt span.txt-data a:hover {
    text-decoration: none;
  }

  .hero-section .color--white p.btns-group-txt span.txt-data a:hover {
    color: #fff !important;
  }

  .btn-txt.ico-15 [class*="flaticon-"]:before,
  .btn-txt.ico-15 [class*="flaticon-"]:after,
  .btns-group-txt.ico-15 [class*="flaticon-"]:before,
  .btns-group-txt.ico-15 [class*="flaticon-"]:after {
    font-size: 0.75rem;
  }

  .star-rating.ico-15 [class*="flaticon-"]:before,
  .star-rating.ico-15 [class*="flaticon-"]:after {
    position: relative;
    font-size: 1rem;
    top: 3px;
  }

  /*------------------------------------------*/
  /*  TRANSPARENT BUTTON
/*------------------------------------------*/

  .btn--tra {
    color: #fff !important;
    border-color: transparent !important;
    background-color: rgba(255, 255, 255, .2) !important;
  }

  /*------------------------------------------*/
  /*  WHITE BUTTON
/*------------------------------------------*/

  .btn--transparent {
    color: #353f4f;
    background-color: transparent;
    border-color: transparent;
  }

  .btn--transparent:hover {
    background-color: transparent !important;
    border-color: transparent !important;
  }

  .btn--white,
  .hover--white:hover {
    color: #353f4f !important;
    background-color: #fff !important;
    border-color: #fff !important;
  }

  .btn--tra-white,
  .hover--tra-white:hover {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
  }

  .white-scroll .scroll .hover--tra-white:hover {
    color: #353f4f !important;
    background-color: transparent !important;
    border-color: #353f4f !important;
  }

  /*------------------------------------------*/
  /*  BLACK BUTTON
/*------------------------------------------*/

  .btn--black,
  .hover--black:hover {
    color: #fff !important;
    background-color: #353f4f !important;
    border-color: #353f4f !important;
  }

  .btn--tra-black,
  .hover--tra-black:hover {
    color: #353f4f !important;
    background-color: transparent !important;
    border-color: #353f4f !important;
  }

  /*------------------------------------------*/
  /*  GREY BUTTON
/*------------------------------------------*/

  .btn--tra-grey,
  .hover--tra-grey:hover,
  .white-scroll .scroll .hover--tra-grey:hover,
  .black-scroll .scroll .hover--tra-grey:hover {
    color: #353f4f !important;
    background-color: transparent !important;
    border-color: #ccc !important;
  }

  /*------------------------------------------*/
  /*  BLUE BUTTON
/*------------------------------------------*/

  .btn--blue-500,
  .hover--blue-500:hover,
  .white-scroll .scroll .hover--blue-500:hover,
  .black-scroll .scroll .hover--blue-500:hover {
    color: #fff !important;
    border-color: #185abd !important;
    background-color: #185abd !important;
  }

  .btn--blue-400,
  .hover--blue-400:hover,
  .white-scroll .scroll .hover--blue-400:hover,
  .black-scroll .scroll .hover--blue-400:hover {
    color: #fff !important;
    border-color: #1680fb !important;
    background-color: #1680fb !important;
  }

  .btn--blue-300,
  .hover--blue-300:hover,
  .white-scroll .scroll .hover--blue-300:hover,
  .black-scroll .scroll .hover--blue-300:hover {
    color: #fff !important;
    border-color: #3eb1ff !important;
    background-color: #3eb1ff !important;
  }

  .btn--blue-200,
  .hover--blue-200:hover,
  .white-scroll .scroll .hover--blue-200:hover,
  .black-scroll .scroll .hover--blue-200:hover {
    color: #1680fb !important;
    border-color: #e3ebfe !important;
    background-color: #e3ebfe !important;
  }

  .btn--blue-100,
  .hover--blue-100:hover,
  .white-scroll .scroll .hover--blue-100:hover,
  .black-scroll .scroll .hover--blue-100:hover {
    color: #1680fb !important;
    border-color: #1680fb !important;
    background-color: transparent !important;
  }

  /*------------------------------------------*/
  /*  GREEN BUTTON
/*------------------------------------------*/

  .btn--green-500,
  .hover--green-500:hover,
  .white-scroll .scroll .hover--green-500:hover,
  .black-scroll .scroll .hover--green-500:hover {
    color: #fff !important;
    border-color: #00a14e !important;
    background-color: #00a14e !important;
  }

  .btn--green-400,
  .hover--green-400:hover,
  .white-scroll .scroll .hover--green-400:hover,
  .black-scroll .scroll .hover--green-400:hover {
    color: #fff !important;
    border-color: #0fbc49 !important;
    background-color: #0fbc49 !important;
  }

  .btn--green-300,
  .hover--green-300:hover,
  .white-scroll .scroll .hover--green-300:hover,
  .black-scroll .scroll .hover--green-300:hover {
    color: #fff !important;
    border-color: #6fd792 !important;
    background-color: #6fd792 !important;
  }

  .btn--green-200,
  .hover--green-200:hover,
  .white-scroll .scroll .hover--green-200:hover,
  .black-scroll .scroll .hover--green-200:hover {
    color: #0fbc49 !important;
    border-color: #cff2db !important;
    background-color: #cff2db !important;
  }

  .btn--green-100,
  .hover--green-100:hover,
  .white-scroll .scroll .hover--green-100:hover,
  .black-scroll .scroll .hover--green-100:hover {
    color: #0fbc49 !important;
    border-color: #0fbc49 !important;
    background-color: transparent !important;
  }

  /*------------------------------------------*/
  /*  PINK BUTTON
/*------------------------------------------*/

  .btn--pink-500,
  .hover--pink-500:hover,
  .white-scroll .scroll .hover--pink-500:hover,
  .black-scroll .scroll .hover--pink-500:hover {
    color: #fff !important;
    border-color: #ff149c !important;
    background-color: #ff149c !important;
  }

  .btn--pink-400,
  .hover--pink-400:hover,
  .white-scroll .scroll .hover--pink-400:hover,
  .black-scroll .scroll .hover--pink-400:hover {
    color: #fff !important;
    border-color: #f74780 !important;
    background-color: #f74780 !important;
  }

  .btn--pink-300,
  .hover--pink-300:hover,
  .white-scroll .scroll .hover--pink-300:hover,
  .black-scroll .scroll .hover--pink-300:hover {
    color: #fff !important;
    border-color: #fcb5cc !important;
    background-color: #fcb5cc !important;
  }

  .btn--pink-200,
  .hover--pink-200:hover,
  .white-scroll .scroll .hover--pink-200:hover,
  .black-scroll .scroll .hover--pink-200:hover {
    color: #f74780 !important;
    border-color: #fee4ec !important;
    background-color: #fee4ec !important;
  }

  .btn--pink-100,
  .hover--pink-100:hover,
  .white-scroll .scroll .hover--pink-100:hover,
  .black-scroll .scroll .hover--pink-100:hover {
    color: #f74780 !important;
    border-color: #f74780 !important;
    background-color: transparent !important;
  }

  /*------------------------------------------*/
  /*  PURPLE BUTTON
/*------------------------------------------*/

  .btn--purple-500,
  .hover--purple-500:hover,
  .white-scroll .scroll .hover--purple-500:hover,
  .black-scroll .scroll .hover--purple-500:hover {
    color: #fff !important;
    border-color: #663ae9 !important;
    background-color: #663ae9 !important;
  }

  .btn--purple-400,
  .hover--purple-400:hover,
  .white-scroll .scroll .hover--purple-400:hover,
  .black-scroll .scroll .hover--purple-400:hover {
    color: #fff !important;
    border-color: #7b5dd6 !important;
    background-color: #7b5dd6 !important;
  }

  .btn--purple-300,
  .hover--purple-300:hover,
  .white-scroll .scroll .hover--purple-300:hover,
  .black-scroll .scroll .hover--purple-300:hover {
    color: #fff !important;
    border-color: #bdaeea !important;
    background-color: #bdaeea !important;
  }

  .btn--purple-200,
  .hover--purple-200:hover,
  .white-scroll .scroll .hover--purple-200:hover,
  .black-scroll .scroll .hover--purple-200:hover {
    color: #7b5dd6 !important;
    border-color: #e5deff !important;
    background-color: #e5deff !important;
  }

  .btn--purple-100,
  .hover--purple-100:hover,
  .white-scroll .scroll .hover--purple-100:hover,
  .black-scroll .scroll .hover--purple-100:hover {
    color: #7b5dd6 !important;
    border-color: #7b5dd6 !important;
    background-color: transparent !important;
  }

  /*------------------------------------------*/
  /*  RED BUTTON
/*------------------------------------------*/

  .btn--red-500,
  .hover--red-500:hover,
  .white-scroll .scroll .hover--red-500:hover,
  .black-scroll .scroll .hover--red-500:hover {
    color: #fff !important;
    border-color: #da0f29 !important;
    background-color: #da0f29 !important;
  }

  .btn--red-400,
  .hover--red-400:hover,
  .white-scroll .scroll .hover--red-400:hover,
  .black-scroll .scroll .hover--red-400:hover {
    color: #fff !important;
    border-color: #ff1e1a !important;
    background-color: #ff1e1a !important;
  }

  .btn--red-300,
  .hover--red-300:hover,
  .white-scroll .scroll .hover--red-300:hover,
  .black-scroll .scroll .hover--red-300:hover {
    color: #fff !important;
    border-color: #ffa5a3 !important;
    background-color: #ffa5a3 !important;
  }

  .btn--red-200,
  .hover--red-200:hover,
  .white-scroll .scroll .hover--red-200:hover,
  .black-scroll .scroll .hover--red-200:hover {
    color: #ff1e1a !important;
    border-color: #ffd2d1 !important;
    background-color: #ffd2d1 !important;
  }

  .btn--red-100,
  .hover--red-100:hover,
  .white-scroll .scroll .hover--red-100:hover,
  .black-scroll .scroll .hover--red-100:hover {
    color: #ff1e1a !important;
    border-color: #ff1e1a !important;
    background-color: transparent !important;
  }

  /*------------------------------------------*/
  /*  VIOLET BUTTON
/*------------------------------------------*/

  .btn--violet-500,
  .hover--violet-500:hover,
  .white-scroll .scroll .hover--violet-500:hover,
  .black-scroll .scroll .hover--violet-500:hover {
    color: #fff !important;
    border-color: #c73e9b !important;
    background-color: #c73e9b !important;
  }

  .btn--violet-400,
  .hover--violet-400:hover,
  .white-scroll .scroll .hover--violet-400:hover,
  .black-scroll .scroll .hover--violet-400:hover {
    color: #fff !important;
    border-color: #be6cbe !important;
    background-color: #be6cbe !important;
  }

  .btn--violet-300,
  .hover--violet-300:hover,
  .white-scroll .scroll .hover--violet-300:hover,
  .black-scroll .scroll .hover--violet-300:hover {
    color: #fff !important;
    border-color: #e2bde2 !important;
    background-color: #e2bde2 !important;
  }

  .btn--violet-200,
  .hover--violet-200:hover,
  .white-scroll .scroll .hover--violet-200:hover,
  .black-scroll .scroll .hover--violet-200:hover {
    color: #be6cbe !important;
    border-color: #f1cde5 !important;
    background-color: #f1cde5 !important;
  }

  .btn--violet-100,
  .hover--violet-100:hover,
  .white-scroll .scroll .hover--violet-100:hover,
  .black-scroll .scroll .hover--violet-100:hover {
    color: #be6cbe !important;
    border-color: #be6cbe !important;
    background-color: transparent !important;
  }

  /*------------------------------------------*/
  /*  YELLOW BUTTON
/*------------------------------------------*/

  .btn--yellow-500,
  .hover--yellow-500:hover,
  .white-scroll .scroll .hover--yellow-500:hover,
  .black-scroll .scroll .hover--yellow-500:hover {
    color: #353f4f !important;
    border-color: #ffba01 !important;
    background-color: #ffba01 !important;
  }

  .btn--yellow-400,
  .hover--yellow-400:hover,
  .white-scroll .scroll .hover--yellow-400:hover,
  .black-scroll .scroll .hover--yellow-400:hover {
    color: #353f4f !important;
    border-color: #ffbd45 !important;
    background-color: #ffbd45 !important;
  }

  .btn--yellow-300,
  .hover--yellow-300:hover,
  .white-scroll .scroll .hover--yellow-300:hover,
  .black-scroll .scroll .hover--yellow-300:hover {
    color: #353f4f !important;
    border-color: #ffdf35 !important;
    background-color: #ffdf35 !important;
  }

  .btn--yellow-200,
  .hover--yellow-200:hover,
  .white-scroll .scroll .hover--yellow-200:hover,
  .black-scroll .scroll .hover--yellow-200:hover {
    color: #353f4f !important;
    border-color: #fef5cd !important;
    background-color: #fef5cd !important;
  }

  .btn--yellow-100,
  .hover--yellow-100:hover,
  .white-scroll .scroll .hover--yellow-100:hover,
  .black-scroll .scroll .hover--yellow-100:hover {
    color: #ffba01 !important;
    border-color: #ffba01 !important;
    background-color: transparent !important;
  }

  /*------------------------------------------*/
  /*  BUTTON FOCUS
/*------------------------------------------*/

  .btn:focus,
  .btn.btn--black:focus {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .btn--transparent:focus {
    background-color: transparent !important;
    border-color: transparent !important;
  }

  .btn--grey:focus {
    color: #666;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .btn--tra-black:focus,
  .btn--transparent:focus,
  .btn.btn--tra-grey:focus {
    color: #353f4f;
    -webkit-box-shadow: none;
    box-shadow: none;
  }


  /*------------------------------------------*/
  /*  WATCH VIDEO LINK
/*------------------------------------------*/

  .watch-video {
    display: flex;
    position: relative;
    flex-flow: row wrap;
    align-items: stretch !important;
    justify-content: flex-start;
    margin-top: 25px;
  }

  /*------------------------------------------*/
  /*  Link Icon
/*------------------------------------------*/

  .watch-video-link {
    position: relative;
    text-align: center;
    float: left;
    width: 2.85rem;
    height: 2.85rem;
    color: #fff;
    border: none;
    margin-right: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
  }

  .watch-video-link:before {
    content: '';
    position: absolute;
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }

  .watch-video-link:hover:before {
    opacity: .75;
    left: -8px;
    right: -8px;
    top: -8px;
    bottom: -8px;
  }

  .watch-video-link span[class^="flaticon-"]:before,
  .watch-video-link span[class^="flaticon-"]:after {
    font-size: 2rem;
    line-height: 2.85rem !important;
    margin-left: 5px;
  }

  /*------------------------------------------*/
  /*  Link Text
/*------------------------------------------*/

  .watch-video-txt {
    overflow: hidden;
    flex: 1;
    max-width: 100%;
    text-align: left !important;
  }

  p.video-txt-lg {
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 5px;
  }

  p.video-txt-sm {
    font-size: 0.925rem;
    line-height: 1;
    margin-bottom: 0;
  }

  /*------------------------------------------*/
  /*  VIDEO POPUP ICON
/*------------------------------------------*/

  .video-preview {
    position: relative;
    text-align: center;
  }

  .video-btn {
    position: absolute !important;
    top: 50%;
    left: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
  }

  .video-btn-xl {
    width: 6.25rem;
    height: 6.25rem;
    margin-top: -3.125rem;
    margin-left: -3.125rem;
  }

  .video-btn-lg {
    width: 5.625rem;
    height: 5.625rem;
    margin-top: -2.8125rem;
    margin-left: -2.8125rem;
  }

  .video-btn-md {
    width: 5rem;
    height: 5rem;
    margin-top: -2.5rem;
    margin-left: -2.5rem;
  }

  .video-btn-sm {
    width: 4.375rem;
    height: 4.375rem;
    margin-top: -2.1875rem;
    margin-left: -2.1875rem;
  }

  .video-block-wrapper {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }

  .video-btn.video-btn-xl [class^="flaticon-"]:before,
  .video-btn.video-btn-xl [class^="flaticon-"]:after {
    font-size: 5rem;
    line-height: 6.25rem !important;
    margin-left: 10px;
  }

  .video-btn.video-btn-lg [class^="flaticon-"]:before,
  .video-btn.video-btn-lg [class^="flaticon-"]:after {
    font-size: 4.5rem;
    line-height: 5.625rem !important;
    margin-left: 8px;
  }

  .video-btn.video-btn-md [class^="flaticon-"]:before,
  .video-btn.video-btn-md [class^="flaticon-"]:after {
    font-size: 4.35rem;
    line-height: 5rem !important;
    margin-left: 8px;
  }

  .video-btn.video-btn-sm [class^="flaticon-"]:before,
  .video-btn.video-btn-sm [class^="flaticon-"]:after {
    font-size: 3.5rem;
    line-height: 4.375rem !important;
    margin-left: 5px;
  }

  .video-btn:hover .video-block-wrapper {
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }

  .video-btn:before {
    content: '';
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }

  .video-btn.video-btn-xl:hover:before {
    opacity: .75;
    left: -1.5rem;
    right: -1.5rem;
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .video-btn.video-btn-lg:hover:before {
    opacity: .75;
    left: -1.25rem;
    right: -1.25rem;
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .video-btn.video-btn-md:hover:before {
    opacity: .75;
    left: -1rem;
    right: -1rem;
    top: -1rem;
    bottom: -1rem;
  }

  .video-btn.video-btn-sm:hover:before {
    opacity: .75;
    left: -0.75rem;
    right: -0.75rem;
    top: -0.75rem;
    bottom: -0.75rem;
  }

  /*------------------------------------------*/
  /*  VECTOR ICONS
/*------------------------------------------*/

  .ico-10 [class*="flaticon-"]:before,
  .ico-10 [class*="flaticon-"]:after {
    font-size: 0.75rem;
  }

  /* 15px */
  .ico-15 [class*="flaticon-"]:before,
  .ico-15 [class*="flaticon-"]:after {
    font-size: 0.9375rem;
  }

  /* 15px */
  .ico-20 [class*="flaticon-"]:before,
  .ico-20 [class*="flaticon-"]:after {
    font-size: 1.25rem;
  }

  /* 20px */
  .ico-25 [class*="flaticon-"]:before,
  .ico-25 [class*="flaticon-"]:after {
    font-size: 1.5625rem;
  }

  /* 25px */
  .ico-30 [class*="flaticon-"]:before,
  .ico-30 [class*="flaticon-"]:after {
    font-size: 1.875rem;
  }

  /* 30px */
  .ico-35 [class*="flaticon-"]:before,
  .ico-35 [class*="flaticon-"]:after {
    font-size: 2.1875rem;
  }

  /* 35px */
  .ico-40 [class*="flaticon-"]:before,
  .ico-40 [class*="flaticon-"]:after {
    font-size: 2.5rem;
  }

  /* 40px */
  .ico-45 [class*="flaticon-"]:before,
  .ico-45 [class*="flaticon-"]:after {
    font-size: 2.8125rem;
  }

  /* 45px */
  .ico-50 [class*="flaticon-"]:before,
  .ico-50 [class*="flaticon-"]:after {
    font-size: 3.125rem;
  }

  /* 50px */
  .ico-55 [class*="flaticon-"]:before,
  .ico-55 [class*="flaticon-"]:after {
    font-size: 3.4375rem;
  }

  /* 55px */
  .ico-60 [class*="flaticon-"]:before,
  .ico-60 [class*="flaticon-"]:after {
    font-size: 3.75rem;
  }

  /* 60px */
  .ico-65 [class*="flaticon-"]:before,
  .ico-65 [class*="flaticon-"]:after {
    font-size: 4.0625rem;
  }

  /* 65px */
  .ico-70 [class*="flaticon-"]:before,
  .ico-70 [class*="flaticon-"]:after {
    font-size: 4.375rem;
  }

  /* 70px */
  .ico-75 [class*="flaticon-"]:before,
  .ico-75 [class*="flaticon-"]:after {
    font-size: 4.6875rem;
  }

  /* 75px */
  .ico-80 [class*="flaticon-"]:before,
  .ico-80 [class*="flaticon-"]:after {
    font-size: 5rem;
  }

  /* 80px */
  .ico-85 [class*="flaticon-"]:before,
  .ico-85 [class*="flaticon-"]:after {
    font-size: 5.3125rem;
  }

  /* 85px */
  .ico-90 [class*="flaticon-"]:before,
  .ico-90 [class*="flaticon-"]:after {
    font-size: 5.625rem;
  }

  /* 90px */
  .ico-95 [class*="flaticon-"]:before,
  .ico-95 [class*="flaticon-"]:after {
    font-size: 5.9375rem;
  }

  /* 95px */
  .ico-100 [class*="flaticon-"]:before,
  .ico-100 [class*="flaticon-"]:after {
    font-size: 6.25rem;
  }

  /* 100px */
  .ico-105 [class*="flaticon-"]:before,
  .ico-105 [class*="flaticon-"]:after {
    font-size: 6.5625rem;
  }

  /* 105px */
  .ico-110 [class*="flaticon-"]:before,
  .ico-110 [class*="flaticon-"]:after {
    font-size: 6.875rem;
  }

  /* 110px */
  .ico-115 [class*="flaticon-"]:before,
  .ico-115 [class*="flaticon-"]:after {
    font-size: 7.1875rem;
  }

  /* 115px */
  .ico-120 [class*="flaticon-"]:before,
  .ico-120 [class*="flaticon-"]:after {
    font-size: 7.5rem;
  }

  /* 120px */
  .ico-125 [class*="flaticon-"]:before,
  .ico-125 [class*="flaticon-"]:after {
    font-size: 7.8125rem;
  }

  /* 125px */

  /*------------------------------------------*/
  /*  VECTOR ICON BACKGROUND
/*------------------------------------------*/

  .shape-ico {
    position: relative;
    display: inline-block;
    margin: 0 auto;
  }

  .shape-ico span {
    position: relative;
    z-index: 2;
  }

  .shape-ico svg {
    position: absolute;
    z-index: 1;
  }

  .ico-50 .shape-ico svg {
    width: 130px;
    height: 130px;
    top: -35px;
    left: calc(50% - 60px);
  }

  .fbox-11 .ico-50 .shape-ico svg {
    top: -40px;
    left: calc(50% - 70px);
  }

  .ico-55 .shape-ico svg {
    width: 135px;
    height: 135px;
    top: -30px;
    left: calc(50% - 60px);
  }

  .ico-60 .shape-ico svg {
    width: 140px;
    height: 140px;
    top: -30px;
    left: calc(50% - 65px);
  }

  .shape-ico.color--blue-300 path,
  .shape-ico.color--blue-400 path,
  .shape-ico.color--blue-500 path {
    fill: #f4f9fc;
  }

  .shape-ico.color--green-300 path,
  .shape-ico.color--green-400 path,
  .shape-ico.color--green-500 path {
    fill: #e9f8f2;
  }

  .shape-ico.color--pink-300 path,
  .shape-ico.color--pink-400 path,
  .shape-ico.color--pink-500 path {
    fill: #feecf2;
  }

  .shape-ico.color--purple-300 path,
  .shape-ico.color--purple-400 path,
  .shape-ico.color--purple-500 path {
    fill: #f1edff;
  }

  .shape-ico.color--red-300 path,
  .shape-ico.color--red-400 path,
  .shape-ico.color--red-500 path {
    fill: #fce7e4;
  }

  .shape-ico.color--violet-300 path,
  .shape-ico.color--violet-400 path,
  .shape-ico.color--violet-500 path {
    fill: #f7e4f1;
  }

  /*------------------------------------------*/
  /*  VECTOR ROUNDED ICONS
/*------------------------------------------*/

  .ico-rounded,
  .ico-rounded-md,
  .ico-rounded-lg {
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
  }

  .ico-rounded {
    width: 80px;
    height: 80px;
  }

  .ico-rounded-md {
    width: 90px;
    height: 90px;
  }

  .ico-rounded-lg {
    width: 100px;
    height: 100px;
  }

  .ico-rounded [class*="flaticon-"]:before,
  .ico-rounded [class*="flaticon-"]:after {
    font-size: 2.15rem;
    line-height: 80px !important;
  }

  .ico-rounded-md [class*="flaticon-"]:before,
  .ico-rounded-md [class*="flaticon-"]:after {
    font-size: 2.4rem;
    line-height: 90px !important;
  }

  .ico-rounded-lg [class*="flaticon-"]:before,
  .ico-rounded-lg [class*="flaticon-"]:after {
    font-size: 2.65rem;
    line-height: 100px !important;
  }

  /*------------------------------------------*/
  /*  VECTOR SQUARE ICONS
/*------------------------------------------*/

  .ico-square {
    display: inline-block;
    text-align: center;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
  }

  .ico-square [class*="flaticon-"]:before,
  .ico-square [class*="flaticon-"]:after {
    font-size: 2.4rem;
    line-height: 80px !important;
  }

  /*------------------------------------------*/
  /*   PNG ICONS SETTINGS
/*------------------------------------------*/

  .ico-145 img {
    width: 145px;
    height: 145px;
  }

  .ico-140 img {
    width: 140px;
    height: 140px;
  }

  .ico-135 img {
    width: 135px;
    height: 135px;
  }

  .ico-130 img {
    width: 130px;
    height: 130px;
  }

  .ico-125 img {
    width: 125px;
    height: 125px;
  }

  .ico-120 img {
    width: 120px;
    height: 120px;
  }

  .ico-115 img {
    width: 115px;
    height: 115px;
  }

  .ico-110 img {
    width: 110px;
    height: 110px;
  }

  .ico-105 img {
    width: 105px;
    height: 105px;
  }

  .ico-100 img {
    width: 100px;
    height: 100px;
  }

  .ico-95 img {
    width: 95px;
    height: 95px;
  }

  .ico-90 img {
    width: 90px;
    height: 90px;
  }

  .ico-85 img {
    width: 85px;
    height: 85px;
  }

  .ico-80 img {
    width: 80px;
    height: 80px;
  }

  .ico-75 img {
    width: 75px;
    height: 75px;
  }

  .ico-70 img {
    width: 70px;
    height: 70px;
  }

  .ico-65 img {
    width: 65px;
    height: 65px;
  }

  .ico-60 img {
    width: 60px;
    height: 60px;
  }

  .ico-55 img {
    width: 55px;
    height: 55px;
  }

  .ico-50 img {
    width: 50px;
    height: 50px;
  }

  .ico-45 img {
    width: 45px;
    height: 45px;
  }

  .ico-40 img {
    width: 40px;
    height: 40px;
  }

  .ico-35 img {
    width: 35px;
    height: 35px;
  }

  .ico-30 img {
    width: 30px;
    height: 30px;
  }

  .ico-25 img {
    width: 25px;
    height: 25px;
  }

  .ico-20 img {
    width: 20px;
    height: 20px;
  }

  /*------------------------------------------*/
  /*   SECTION ID
/*------------------------------------------*/

  .section-id {
    display: block;
    font-size: 0.85rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 35px;
  }

  .section-id.rounded-id {
    display: inline-block;
    padding: 10px 24px;
    font-size: 0.85rem;
    text-transform: uppercase;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-bottom: 40px;
  }

  .section-id.border-id {
    border-width: 2px;
    border-style: solid;
  }

  .section-id.border-id.border--grey {
    border-color: #757575;
  }

  .section-id.border-id.border--blue {
    border-color: #1680fb;
  }

  .font--jakarta .section-id {
    font-family: 'Plus Jakarta Sans', sans-serif;
  }

  .font--inter .section-id {
    font-family: 'Inter', sans-serif;
  }

  /*------------------------------------------*/
  /*  SECTION TITLE
/*------------------------------------------*/

  .section-title {
    text-align: center;
  }

  .section-title h2 {
    margin-bottom: 0;
  }

  .section-title h2.w-700 {
    letter-spacing: -0.5px;
  }

  .section-title p.p-md,
  .section-title p.p-lg,
  .section-title p.p-xl,
  .section-title p.s-20,
  .section-title p.s-21 {
    margin-top: 18px;
    margin-bottom: 0;
  }

  .section-title p.p-md,
  .section-title p.p-lg {
    padding: 0 3%;
  }

  .section-title a.contact-link {
    font-weight: 500;
    text-decoration: underline;
  }

  .section-title .btns-group .btn {
    margin-top: 0;
  }

  .section-title .advantages,
  .section-title .btns-txt,
  .section-title .btns-group-txt {
    margin-top: 20px;
  }

  /*------------------------------------------*/
  /*  TEXT COLORS
/*------------------------------------------*/

  .color--white,
  .color--white h1,
  .color--white h2,
  .color--white h3,
  .color--white h4,
  .color--white h5,
  .color--white h6,
  .color--white p,
  .color--white a,
  .color--white li,
  .color--white i,
  .color--white span {
    color: #fff;
  }

  .color--snow,
  .color--snow h1,
  .color--snow h2,
  .color--snow h3,
  .color--snow h4,
  .color--snow h5,
  .color--snow h6,
  .color--snow p,
  .color--snow a,
  .color--snow li,
  .color--snow i,
  .color--snow span,
  .color--white .color--snow {
    color: #c2c3cb;
  }

  .color--black,
  .color--black h1,
  .color--black h2,
  .color--black h3,
  .color--black h4,
  .color--black h5,
  .color--black h6,
  .color--black p,
  .color--black a,
  .color--black li,
  .color--black i,
  .color--black span {
    color: #353f4f;
  }

  .color--coal,
  .color--coal h1,
  .color--coal h2,
  .color--coal h3,
  .color--coal h4,
  .color--coal h5,
  .color--coal h6,
  .color--coal p,
  .color--coal a,
  .color--coal li,
  .color--coal i,
  .color--coal span {
    color: #52595d;
  }

  .color--grey,
  .color--grey h1,
  .color--grey h2,
  .color--grey h3,
  .color--grey h4,
  .color--grey h5,
  .color--grey h6,
  .color--grey p,
  .color--grey a,
  .color--grey li,
  .color--grey i,
  .color--grey span,
  .color--white .color--grey {
    color: #757575;
  }

  .color--blue-500,
  .color--blue-500 h1,
  .color--blue-500 h2,
  .color--blue-500 h3,
  .color--blue-500 h4,
  .color--blue-500 h5,
  .color--blue-500 h6,
  .color--blue-500 p,
  .color--blue-500 a,
  .color--blue-500 li,
  .color--blue-500 i,
  .color--blue-500 span,
  .color--white .color--blue-500 {
    color: #185abd !important;
  }

  .color--blue-400,
  .color--blue-400 h1,
  .color--blue-400 h2,
  .color--blue-400 h3,
  .color--blue-400 h4,
  .color--blue-400 h5,
  .color--blue-400 h6,
  .color--blue-400 p,
  .color--blue-400 a,
  .color--blue-400 li,
  .color--blue-400 i,
  .color--blue-400 span,
  .color--white .color--blue-400 {
    color: #1680fb !important;
  }

  .color--blue-300,
  .color--blue-300 h1,
  .color--blue-300 h2,
  .color--blue-300 h3,
  .color--blue-300 h4,
  .color--blue-300 h5,
  .color--blue-300 h6,
  .color--blue-300 p,
  .color--blue-300 a,
  .color--blue-300 li,
  .color--blue-300 i,
  .color--blue-300 span,
  .color--white .color--blue-300 {
    color: #3eb1ff !important;
  }

  .color--green-500,
  .color--green-500 h1,
  .color--green-500 h2,
  .color--green-500 h3,
  .color--green-500 h4,
  .color--green-500 h5,
  .color--green-500 h6,
  .color--green-500 p,
  .color--green-500 a,
  .color--green-500 li,
  .color--green-500 i,
  .color--green-500 span,
  .color--white .color--green-500 {
    color: #00a14e !important;
  }

  .color--green-400,
  .color--green-400 h1,
  .color--green-400 h2,
  .color--green-400 h3,
  .color--green-400 h4,
  .color--green-400 h5,
  .color--green-400 h6,
  .color--green-400 p,
  .color--green-400 a,
  .color--green-400 li,
  .color--green-400 i,
  .color--green-400 span,
  .color--white .color--green-400 {
    color: #0fbc49 !important;
  }

  .color--green-300,
  .color--green-300 h1,
  .color--green-300 h2,
  .color--green-300 h3,
  .color--green-300 h4,
  .color--green-300 h5,
  .color--green-300 h6,
  .color--green-300 p,
  .color--green-300 a,
  .color--green-300 li,
  .color--green-300 i,
  .color--green-300 span,
  .color--white .color--green-300 {
    color: #6fd792 !important;
  }

  .color--pink-500,
  .color--pink-500 h1,
  .color--pink-500 h2,
  .color--pink-500 h3,
  .color--pink-500 h4,
  .color--pink-500 h5,
  .color--pink-500 h6,
  .color--pink-500 p,
  .color--pink-500 a,
  .color--pink-500 li,
  .color--pink-500 i,
  .color--pink-500 span,
  .color--white .color--pink-500 {
    color: #ff149c !important;
  }

  .color--pink-400,
  .color--pink-400 h1,
  .color--pink-400 h2,
  .color--pink-400 h3,
  .color--pink-400 h4,
  .color--pink-400 h5,
  .color--pink-400 h6,
  .color--pink-400 p,
  .color--pink-400 a,
  .color--pink-400 li,
  .color--pink-400 i,
  .color--pink-400 span,
  .color--white .color--pink-400 {
    color: #f74780 !important;
  }

  .color--pink-300,
  .color--pink-300 h1,
  .color--pink-300 h2,
  .color--pink-300 h3,
  .color--pink-300 h4,
  .color--pink-300 h5,
  .color--pink-300 h6,
  .color--pink-300 p,
  .color--pink-300 a,
  .color--pink-300 li,
  .color--pink-300 i,
  .color--pink-300 span,
  .color--white .color--pink-300 {
    color: #fcb5cc !important;
  }

  .color--purple-500,
  .color--purple-500 h1,
  .color--purple-500 h2,
  .color--purple-500 h3,
  .color--purple-500 h4,
  .color--purple-500 h5,
  .color--purple-500 h6,
  .color--purple-500 p,
  .color--purple-500 a,
  .color--purple-500 li,
  .color--purple-500 i,
  .color--purple-500 span,
  .color--white .color--purple-500 {
    color: #663ae9 !important;
  }

  .color--purple-400,
  .color--purple-400 h1,
  .color--purple-400 h2,
  .color--purple-400 h3,
  .color--purple-400 h4,
  .color--purple-400 h5,
  .color--purple-400 h6,
  .color--purple-400 p,
  .color--purple-400 a,
  .color--purple-400 li,
  .color--purple-400 i,
  .color--purple-400 span,
  .color--white .color--purple-400 {
    color: #7b5dd6 !important;
  }

  .color--purple-300,
  .color--purple-300 h1,
  .color--purple-300 h2,
  .color--purple-300 h3,
  .color--purple-300 h4,
  .color--purple-300 h5,
  .color--purple-300 h6,
  .color--purple-300 p,
  .color--purple-300 a,
  .color--purple-300 li,
  .color--purple-300 i,
  .color--purple-300 span,
  .color--white .color--purple-300 {
    color: #bdaeea !important;
  }

  .color--red-500,
  .color--red-500 h1,
  .color--red-500 h2,
  .color--red-500 h3,
  .color--red-500 h4,
  .color--red-500 h5,
  .color--red-500 h6,
  .color--red-500 p,
  .color--red-500 a,
  .color--red-500 li,
  .color--red-500 i,
  .color--red-500 span,
  .color--white .color--red-500 {
    color: #da0f29 !important;
  }

  .color--red-400,
  .color--red-400 h1,
  .color--red-400 h2,
  .color--red-400 h3,
  .color--red-400 h4,
  .color--red-400 h5,
  .color--red-400 h6,
  .color--red-400 p,
  .color--red-400 a,
  .color--red-400 li,
  .color--red-400 i,
  .color--red-400 span,
  .color--white .color--red-400 {
    color: #ff1e1a !important;
  }

  .color--red-300,
  .color--red-300 h1,
  .color--red-300 h2,
  .color--red-300 h3,
  .color--red-300 h4,
  .color--red-300 h5,
  .color--red-300 h6,
  .color--red-300 p,
  .color--red-300 a,
  .color--red-300 li,
  .color--red-300 i,
  .color--red-300 span,
  .color--white .color--red-300 {
    color: #ffa5a3 !important;
  }

  .color--violet-500,
  .color--violet-500 h1,
  .color--violet-500 h2,
  .color--violet-500 h3,
  .color--violet-500 h4,
  .color--violet-500 h5,
  .color--violet-500 h6,
  .color--violet-500 p,
  .color--violet-500 a,
  .color--violet-500 li,
  .color--violet-500 i,
  .color--violet-500 span,
  .color--white .color--violet-500 {
    color: #c73e9b !important;
  }

  .color--violet-400,
  .color--violet-400 h1,
  .color--violet-400 h2,
  .color--violet-400 h3,
  .color--violet-400 h4,
  .color--violet-400 h5,
  .color--violet-400 h6,
  .color--violet-400 p,
  .color--violet-400 a,
  .color--violet-400 li,
  .color--violet-400 i,
  .color--violet-400 span,
  .color--white .color--violet-400 {
    color: #be6cbe !important;
  }

  .color--violet-300,
  .color--violet-300 h1,
  .color--violet-300 h2,
  .color--violet-300 h3,
  .color--violet-300 h4,
  .color--violet-300 h5,
  .color--violet-300 h6,
  .color--violet-300 p,
  .color--violet-300 a,
  .color--violet-300 li,
  .color--violet-300 i,
  .color--violet-300 span,
  .color--white .color--violet-300 {
    color: #e2bde2 !important;
  }

  .color--yellow-500,
  .color--yellow-500 h1,
  .color--yellow-500 h2,
  .color--yellow-500 h3,
  .color--yellow-500 h4,
  .color--yellow-500 h5,
  .color--yellow-500 h6,
  .color--yellow-500 p,
  .color--yellow-500 a,
  .color--yellow-500 li,
  .color--yellow-500 i,
  .color--yellow-500 span,
  .color--white .color--yellow-500 {
    color: #ffba01 !important;
  }

  .color--yellow-400,
  .color--yellow-400 h1,
  .color--yellow-400 h2,
  .color--yellow-400 h3,
  .color--yellow-400 h4,
  .color--yellow-400 h5,
  .color--yellow-400 h6,
  .color--yellow-400 p,
  .color--yellow-400 a,
  .color--yellow-400 li,
  .color--yellow-400 i,
  .color--yellow-400 span,
  .color--white .color--yellow-400 {
    color: #ffbd45 !important;
  }

  .color--yellow-300,
  .color--yellow-300 h1,
  .color--yellow-300 h2,
  .color--yellow-300 h3,
  .color--yellow-300 h4,
  .color--yellow-300 h5,
  .color--yellow-300 h6,
  .color--yellow-300 p,
  .color--yellow-300 a,
  .color--yellow-300 li,
  .color--yellow-300 i,
  .color--yellow-300 span,
  .color--white .color--yellow-300 {
    color: #ffdf35 !important;
  }




  /* ==========================================================================
  SIGN-IN / SIGN-UP PAGE
  =========================================================================== */

  #login,
  #signup {
    background: url('https://videoipsum.com/assets/videoipsum/payment.jpg');
    background-position: bottom left;
    min-height: 100vh;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #reset-password {
    background: url(../images/reset-password.jpg);
    background-position: center center;
    min-height: 100vh;
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .register-page-wrapper {
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
  }

  #login .register-page-wrapper {
    background: #fff;
    background-position: left top;
  }

  #signup .register-page-wrapper {
    background: #fff;
    background-position: right center;
  }

  #login .register-page-wrapper:after,
  #signup .register-page-wrapper:after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 50%;
    height: 100%;
    top: 0;
    background-color: #fff;
  }

  #login .register-page-wrapper:after {
    left: 50%;
  }

  #signup .register-page-wrapper:after {
    left: 0;
  }

  /*------------------------------------------*/
  /*  REGISTER PAGE LOGO
/*------------------------------------------*/

  .register-page-txt img {
    width: auto;
    max-width: inherit;
    max-height: 32px;
    margin-bottom: 55px;
  }

  .login-page-logo {
    text-align: center;
    margin-bottom: 45px;
  }

  .login-page-logo img {
    width: auto;
    max-width: inherit;
    max-height: 45px;
  }

  /*------------------------------------------*/
  /*  REGISTER PAGE TITLE
/*------------------------------------------*/

  .register-form-title {
    text-align: center;
    margin-bottom: 40px;
  }

  .register-form-title h3 {
    line-height: 1;
    margin-bottom: 10px;
  }

  .register-form-title p {
    margin-bottom: 0;
  }

  .register-form-title a {
    font-weight: 500;
    text-decoration: underline;
  }

  /*------------------------------------------*/
  /*  REGISTER PAGE TEXT
/*------------------------------------------*/

  #login .register-page-txt,
  #signup .register-page-txt {
    padding: 70px 60px;
  }

  .register-page-txt h2 {
    line-height: 1.15;
    font-weight: 700;
    margin-bottom: 6px;
  }

  #login .register-page-copyright {
    position: absolute;
    left: 60px;
    bottom: 45px;
  }

  #signup .register-page-copyright {
    position: absolute;
    right: 60px;
    bottom: 45px;
  }

  .register-page-copyright p {
    font-size: 0.85rem;
    line-height: 1;
    margin-bottom: 0;
  }

  .reset-form-title {
    margin-bottom: 30px;
  }

  .reset-form-title h5 {
    line-height: 1;
    margin-bottom: 0;
  }

  .reset-form-title p.p-sm {
    font-size: 0.9rem;
    margin-top: 25px;
    margin-bottom: 0;
  }

  /*------------------------------------------*/
  /*  REGISTER PAGE FORM
/*------------------------------------------*/

  .register-page-form {
    padding: 60px;
  }

  .login-1 .register-page-form,
  .signup-1 .register-page-form {
    padding: 20px 30px;
  }

  .reset-page-wrapper {
    margin: 0 10px;
  }

  .reset-page-wrapper form {
    background: #fff;
    border: 1px solid #fafafa;
    padding: 50px 30px 25px;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
    -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  }

  /*------------------------------------------*/
  /*  REGISTER PAGE TYPOGRAPHY
/*------------------------------------------*/

  .register-page-form p.input-header {
    position: relative;
    color: #353f4f;
    font-size: 0.85rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 12px;
    padding-left: 5px;
  }

  .reset-password-link p {
    position: relative;
    font-size: 0.9rem;
    line-height: 1;
    margin-top: -8px;
    margin-bottom: 10px;
  }

  .form-data span {
    display: block;
    font-size: 0.85rem;
    margin-bottom: 0;
  }

  .form-data span a {
    color: #353f4f;
    font-weight: 500;
    text-decoration: underline;
  }

  .register-page-form p.create-account {
    font-size: 0.925rem;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 0;
  }

  .register-page-form p.create-account a {
    font-weight: 500;
    text-decoration: underline;
  }

  /*------------------------------------------*/
  /*  REGISTER PAGE SEPARATOR LINE
/*------------------------------------------*/

  .separator-line {
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    margin: 25px 0px 30px;
  }

  .separator-line::before,
  .separator-line::after {
    content: "";
    border-top: 2px solid rgba(0, 0, 0, .1);
    margin: 0 15px 0 0;
    flex: 1 0 20px;
  }

  .separator-line::after {
    margin: 0 0 0 15px;
  }

  /*------------------------------------------*/
  /*  REGISTER PAGE FORM INPUT
/*------------------------------------------*/

  .reset-page-wrapper .form-control,
  .register-page-form .form-control {
    height: 60px;
    background-color: #f5f6f8;
    border: 1px solid transparent;
    color: #353f4f;
    font-size: 0.95rem;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 25px;
    padding: 5px 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  }

  .login-1 .form-control,
  .signup-1 .form-control {
    background-color: #fff;
    border: 1px solid #ccc;
  }

  .reset-page-wrapper .form-control {
    text-align: center;
  }

  .register-page-form .form-control::-moz-placeholder {
    color: #999;
  }

  .register-page-form .form-control:-ms-input-placeholder {
    color: #999;
  }

  .register-page-form .form-control::-webkit-input-placeholder {
    color: #999;
  }

  /*------------------------------------------*/
  /*  REGISTER PAGE FORM FOCUS
/*------------------------------------------*/

  .reset-page-wrapper .form-control:focus,
  .register-page-form .form-control:focus {
    outline: 0px none;
    box-shadow: none;
    background-color: #fcfdfd;
    border-color: #1680fb;
  }

  /*------------------------------------------*/
  /*  REGISTER PAGE FORM BUTTON
/*------------------------------------------*/

  #signup .register-page-form .btn.submit,
  #login .register-page-form .btn.submit {
    width: 100%;
    height: 60px;
    margin-top: 20px;
  }

  .reset-page-wrapper .btn.submit {
    width: 100%;
    margin-bottom: 20px;
  }

  .register-page-form .btn-google {
    width: 100%;
    color: #333;
    font-size: 0.95rem;
    background-color: #fff;
    border: 1px solid #ccc;
  }

  .btn-google img {
    position: relative;
    width: 22px;
    height: 22px;
    top: -2px;
    right: 5px;
  }

  .register-page-form .btn-google:hover {
    border: 1px solid #333;
  }

  /*------------------------------------------*/
  /*  REGISTER PAGE FORM MESSAGE
/*------------------------------------------*/

  .reset-form-msg {
    text-align: center;
    width: 100% !important;
    display: block;
  }

  .reset-password-form .loading {
    color: #00b2e4;
    font-size: 1.0625rem;
    line-height: 1;
    font-weight: 500;
    padding-left: 15px;
  }

  .reset-password-form .error {
    position: relative;
    color: #e74c3c;
    font-size: 0.85rem;
    line-height: 1;
    font-weight: 400;
    top: -10px;
    margin-bottom: 12px;
    padding-left: 10px;
  }

  /*------------------------------------------*/
  /*  FORM HIDE PASSWORD
/*------------------------------------------*/

  .wrap-input {
    position: relative;
  }

  .btn-show-pass {
    color: #999999;
    align-items: center;
    position: absolute;
    height: 100%;
    top: 20px;
    right: 20px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }

  .btn-show-pass.ico-20 [class^="flaticon-"]:before,
  .btn-show-pass.ico-20 [class^="flaticon-"]:after {
    font-size: 1.125rem;
  }

  .btn-show-pass:hover {
    color: #0195ff;
  }

  .btn-show-pass.active {
    color: #6a7dfe;
  }








  /* SIGN IN / SIGN UP */
  .login-page-logo {
    margin-bottom: 38px;
  }

  .login-page-logo img {
    max-height: 36px;
  }

  .register-form-title {
    margin-bottom: 25px;
  }

  .register-form-title h3 {
    font-size: 1.60256rem;
  }

  .separator-line,
  .register-page-form p.input-header,
  .form-data span,
  .register-page-form .btn-google {
    font-size: .9rem;
  }

  #signup .form-data span {
    font-size: 0.935rem;
  }

  .reset-password-link p {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .register-page-form p.create-account {
    font-size: 1rem;
    margin-top: 20px;
  }

  .separator-line {
    margin: 20px 0;
  }

  .reset-form-title {
    margin-bottom: 16px;
  }

  .reset-form-title p.p-sm {
    font-size: 1rem;
    margin-top: 15px;
  }

  .reset-page-wrapper {
    margin: 0 10px;
  }

  .reset-page-wrapper form {
    padding: 35px 10px 10px;
  }

  #login .register-page-form,
  #signup .register-page-form {
    padding: 0px 20px;
  }

  #login.login-1 .register-page-form,
  #signup.signup-1 .register-page-form {
    padding: 15px 10px;
  }

  .reset-page-wrapper .form-control,
  .register-page-form .form-control {
    height: 50px;
    font-size: 1.0625rem;
    padding: 5px 12px;
    margin-bottom: 10px;
  }

  #login .register-page-form .btn.submit {
    height: 50px;
    font-size: 1.0625rem;
    margin-top: 12px;
  }

  #signup .register-page-form .btn.submit {
    height: 50px;
    font-size: 1.0625rem;
    margin-top: 20px;
  }

  .reset-page-wrapper .btn.submit {
    height: 50px;
    font-size: 1.0625rem;
  }

  .btn-google img {
    width: 18px;
    height: 18px;
    top: -2px;
    right: 5px;
  }

  .btn-show-pass {
    top: 5px;
  }

  #confirm_btn,
  #wallet_btn {
    width: 100%;
    height: 60px;
    margin-top: 20px;
    color: #fff !important;
    border-color: #185abd !important;
    background-color: #185abd !important;
  }
  .input-group-addon{
    border: 0px;
  }