.align-items-center {
     -ms-flex-align: center !important;
     align-items: start !important;
 }

 body {
     font-size: 20px;
     line-height: 1.5em;
 }

 h1,
 .h1 {
     font-size: 70px;
     font-weight: normal;
     margin-bottom: 10spx;
     line-height: 1.1;
 }

 h2 {
     font-size: 4rem;
     font-weight: 500;
     text-transform: uppercase;
 }

 h5 {
     color: #607D8B !important;
 }

 .modal-header {
     border-bottom: none !important;
 }

 span {
     font-size: 16px;
 }

 .d-none{
     display: none !important;
 }

 .btn-primary {
     background-image: -moz-linear-gradient(top, #0764ae 0%, #0764ae 100%);
     background-image: -webkit-linear-gradient(top, #0764ae 0%, #0764ae 100%);
     background-image: linear-gradient(to bottom, #0764ae 0%, #0764ae 100%);
     -webkit-box-shadow: 0px 0px 30px 0px rgba(7, 100, 174, 0.4);
     box-shadow: 0px 0px 30px 0px rgba(7, 100, 174, 0.4);
     background-size: auto 140%;
     border: 0px;
 }

 .btn-outline-primary {
     background: #dbbd59;
     border: 2px solid #dbbd59;
     color: #000000;
 }

 .dark-bg {
     background: #b13c98;
 }

 .step-1 {
     background: url(<?= BASE ?>siteassets/images/default-color/step1.jpg) no-repeat scroll center top;
     margin: 0 5px;
     padding: 340px 20px 10px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: bottom center;
     text-align: justify;
     font-size: 18px;
     line-height: 22px;
 }

 .step-2 {
     background: url(<?= BASE ?>siteassets/images/default-color/step2.jpg) no-repeat scroll center top;
     margin: 0 5px;
     padding: 340px 20px 10px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: bottom center;
     text-align: justify;
     font-size: 18px;
     line-height: 22px;
 }

 .step-3 {
     background: url(<?= BASE ?>siteassets/images/default-color/step3.jpg) no-repeat scroll center top;
     margin: 0 5px;
     padding: 340px 20px 10px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: bottom center;
     text-align: justify;
     font-size: 18px;
     line-height: 22px;
 }

 h3,
 .howtoattend-title {
     font-size: 30px;
     font-weight: normal;
 }

 .footer-theme-two {
     background: -webkit-linear-gradient(-84deg, #080808 0%, #03011a 100%);
     background: -moz-linear-gradient(-84deg, #1f53bc 0%, #291fbc 100%);
     background: linear-gradient(-84deg, #000000 0%, #030212 100%);
 }

 .widget .widget-title h3.title {
     font-size: 30px;
     font-weight: normal;
     color: #ffffff;
 }

 .section-padding {
     padding: 0px 0px;
 }

 .rowsectionpadding1 {
     padding: 50px 0px 0px 0px;
 }

 .rowsectionpadding {
     padding: 50px 0px 50px 0px;
 }

 .contact-info li::before,
 .footer-nav li::before {
     color: #FFF;
 }

 .social-media-links li a {
     border: none;
 }

 html {
     scroll-behavior: smooth
 }

 .row {
     margin-right: auto !important;
     margin-left: auto !important;
 }

 p {
     text-align: justify;
     font-size: 18px;
 }

 label {
     font-size: 14px;
 }

 .pulltocenter {
     text-align: center;
 }

 .barelink {
     font-size: 18px;
 }

 .text-widget {
     color: #000;
 }

 /* Mobile  */
 @media (max-width: 767px) {
     #home {
         background: linear-gradient(to right, #EEFEFE 8%, #69F8FF 74%);
     }
 }

 /* Desktop  */
 @media (min-width: 768px) {
     #home {
         background: url(https://rhapsodyofrealities.b-cdn.net/rin/wonderconference/rin2.jpg) no-repeat scroll center top;
         background-repeat: no-repeat;
         background-size: cover;
         background-position: top;
         height: 70rem;
     }
 }

 @media (min-width: 992px) and (max-width: 1200px) {
     #home {
         background: url(https://rhapsodyofrealities.b-cdn.net/rin/assets/img/newimages/desktop_view_wonder_992_by_540px_1.png) no-repeat scroll center top !important;
     }
 }

 #phpRinPreloader {
     background: #fff;
     display: block;
     height: 100%;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 100000;
 }

 .rin_loader {
     position: absolute;
     top: 49%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -mos-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     cursor: default;
 }