@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,900;1,400;1,500;1,900&display=swap');
   @import url("fonts.css");
    a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline}
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block }
    body {line-height: 1}
    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
    blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none;}
    table { border-collapse: collapse; border-spacing: 0;}
    a, a:active, a:focus, a:hover, a:visited {text-decoration: none; outline: 0; cursor: pointer;}
    body {font-family: 'red_velvetregular'; background-image: url("../img/bg.jpg"); background-repeat: repeat; background-size:inherit; background-position:left top;}
    .clearfix {clear: both;}
    .form-label {max-width: 100%; margin: 0 0 8px 0;}
    .form-control, .form-control:focus { background-color:transparent; border: none; outline: none; box-shadow: none; font-size: 22px; color: #505050;}
    input{ background: url("../img/line1.png") no-repeat; background-position: bottom left; margin: 0 0 10px; color: #505050;}
    select.form-control:not([size]):not([multiple]){ background: url("../img/line1.png") no-repeat; background-position: bottom left; height: 45px; margin: 0 0 10px; color: #505050;}
    .line2{ background: url("../img/line2.png") no-repeat; background-position: bottom left; height: 45px; margin: 0 0 10px; color: #505050;}
    .form-group label{ font-size: 22px; color: #d10043;}

    .label-text {
      background-color: #7a00e8;
      padding: 20px 15px;
      font-weight: 400;
      color: white;
      font-size: 22px;
      line-height: 24px;
      box-shadow: 2px 14px 41px -7px rgba(0, 0, 0, 0.3);
      position: relative;
      z-index: 11;
      float: left;
      width: 100%;
    }
    .triangle {
      width: 0px;
      height: 0px;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      border-top: 30px solid #7a00e8;
      float: right;
      position: relative;
      z-index: 10;
      right: 10px;
    }
    textarea {
      width: 100%;
      height: 240px;
      border-radius: 30px;
      border: 1px solid #7a00e8;
      background: transparent;
      resize: none;
      font-weight: 600;
      padding: 5px 10px 30px;
      color: #d10043;
      background-image: url("../img/line3.png"); background-repeat: no-repeat; background-position: left top;
    }
    textarea:focus, textarea:active {
      outline: none
    }

    .form-input .checkbox-label {
      border: 1px solid #7a00e8;
      color: #7a00e8;
      padding-top: 8px;
      padding-bottom: 8px;
      border-radius: 20px;
      display: inline-block;
      width: 100px;
      text-align: center;
      margin-top: -7px;
      -webkit-transition: background-color 0.3s ease-out;
      -moz-transition: background-color 0.3s ease-out;
      -o-transition: background-color 0.3s ease-out;
      transition: background-color 0.3s ease-out;
    }
    .checkbox {
      margin-top: 15px;
      display: inline-block;
    }
    [type="radio"]:checked, [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px;
    }
    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: #666;
    }
    [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 22px;
      height: 22px;
      border: 2px solid #7a00e8;
      border-radius: 2px;
      background: #fff;
    }
    [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
      content: '';
      width: 10px;
      height: 10px;
      background: #7a00e8;
      position: absolute;
      top: 6px;
      left: 6px;
      border-radius: 2px;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }
    [type="radio"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    [type="radio"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    .form-input .checkbox:not(:first-child) {
      margin-left: 10px;
    }
    [type="radio"]:checked + label .checkbox-label {
      background: #7a00e8;
      color: white;
    }
    .form-group {
      margin-top: 40px;
    }
    .btn {
     display: table;
      padding: 2px 3% 0;
      border: 1px solid #d10043;
      color: #ffffff;
      border-radius: 20px;
      font-size: 38px;
      outline: none;
      background: #d10043;
      -webkit-transition: background-color 0.3s ease-out;
      -moz-transition: background-color 0.3s ease-out;
      -o-transition: background-color 0.3s ease-out;
      transition: background-color 0.3s ease-out;
      margin: 20px auto;
    }
    .btn:hover { background: #ffffff; color: #d10043}
    .btn, .btn:hover, .btn:active, .btn:focus, .btn:visited {outline: none; box-shadow: none;}

    .address-line strong {
      font-weight: 800;
    }
    .address-line {
      color: #2a4e67;
      margin-top: 60px;
      ;
    }
    .address-line a {
      color: #2a4e67;
    }
    .foot-logo {
      text-align: right;
      position: relative;
      margin-top: -30px;
    }
    #info .error {
      color: red;
    }
    #info .success {
      color: green;
    }

    .logo { float: right; margin-right: 20px; margin-top: 20px;}
    .header{ position: relative;float: left; width: 100%; display: table; text-align: left; margin: 50px auto 20px; }
    h1{ font-size: 32px; line-height:36px; color:#3777b5; font-weight: 900; margin-bottom: 10px;}
    h1 span{ color:#d10043;}
    .wrap { display: table;  background-color:transparent; margin: 0 auto;}
    .title-img{float: left; display: table; width: 64%; margin: 3% 0 20px 34px;}
    .logo-img{float: right; display: table; width: 20%;}
    .title-img img, .logo-img img{width: 100%;}
     p { font-size: 22px; color: #d10043; margin: 20px 0 5px;}
     .other-txt { font-size: 18px; color: #3777b5; margin: 0 0 5px;}

    .title-img2{float: left; display: table; width: 70%; margin-bottom: 20px; }
    .title-img2 img{width: 100%;}

    .title-img3{float: left; display: table; width: 18%; margin: 50px 0 20px; }
    .title-img3 img{width: 100%;}

    .title-img4{float: left; display: table; width: 70%; }
    .title-img4 img{width: 100%;}


    .footer{ position: relative;float: left; width: 100%; display: table; margin: 50px 0; }
    .logos{display: table; float: left; margin:0;}
    .logos li{position: relative; display: table; float: left; margin:0 20px 0 0; }
    .logos li:last-child{ margin:0;}
    .logos img{ width: 100%; }

.intro{position: relative; width: 100%; max-width:1140px; margin: 0 auto 0; text-align: center;}
.intro img{ width: 100%; margin-bottom: 20px;}
.intro h1{ font-family: Roboto; font-size: 26px; line-height: 32px; font-weight: 600; color: #303030;}
.intro p{ font-family: Roboto; font-size: 20px; line-height: 26px; font-weight: 400; color: #303030;}
.intro p b{ font-weight: 500; color: #000;}
.intro p span{ font-weight: 500; font-size: 23px; line-height: 30px; color: #000;font-style: italic;}
.btn-img{ position: relative; display: table; width: 100%; max-width: 350px; margin: 40px auto;}
.btn-img img{width: 100%;}

.info{position: relative; width: 100%; margin: 0 auto 0; background: #d10043; padding: 30px 0;}
.info h2{ font-family: Roboto; font-size: 18px; line-height: 24px; font-weight: 600; color: #f5e2e8;}
.info p{ font-family: Roboto; font-size: 16px; line-height: 24px; font-weight: 400; color: #f6ccd9;}
.info p b{  font-weight: 500; color: #ffffff;}

.thnks{position: relative; width: 100%; max-width:1140px; margin: 0 auto 0;}
.thnks img{ width: 100%;}
.thnks p{ font-family: Roboto; font-size: 16px; line-height: 22px; font-weight: 400; color: #303030;}
.thnks p b{ font-weight: 600; }


    @media screen and (max-width: 599px) {
    .header {margin: 20px auto 0;}
    .title-img{ width: 100%; margin: 20px 0 20px;}
    .logos{float: none; margin:0 auto;}    
    .logo-img{ width: 30%;}    
    .title-img2{ width: 100%; }    
    .title-img3{ width: 30%; }    
    }