@font-face {
     font-family: regular;
     src: url(../fonts/Montserrat-Regular.ttf);
 }

 @font-face {
     font-family: Medium;
     src: url(../fonts/Montserrat-Medium.ttf);
 }

 @font-face {
     font-family: SemiBold;
     src: url(../fonts/Montserrat-SemiBold.ttf);
 }

 @font-face {
     font-family: Bold;
     src: url(../fonts/Montserrat-Bold.ttf);
 }

 @font-face {
     font-family: BoldItalic;
     src: url(../fonts/Montserrat-BoldItalic.ttf);
 }

 body {
     overflow-x: hidden;
     font-feature-settings: 'lnum';
     color: #333;
 }

 h1 {
     font-family: Bold;
 }

 p,
 li {
     font-family: regular;
     font-size: 15px;
     margin-bottom: 15px;
     line-height: 24px;
 }

 li {
     margin-bottom: 10px;
     font-family: regular;
 }

 .banner {
     background: url(../img/banner.jpg)no-repeat center;
     background-size: cover;
     padding: 50px 0px;
     height: 420px;
 }

 .banner h1 {
     color: #fff;
     margin-top: 80px;
     font-size: 45px;
     line-height: 1.3;
 }

 .content_section {
     padding: 60px 0;
 }

 .content_section .section h2 {
     color: #77439a;
     font-size: 22px;
     font-family: BoldItalic;
     margin-bottom: 18px;
 }

 .content_section .section {
     margin-bottom: 40px;
 }

 .right_section h1 {
     font-size: 22px;
     margin: 22px 0;
     padding-bottom: 20px;
     border-bottom: 2px solid #eee;
 }

 .side_card .col-md-8 {
     padding-left: 2px;
 }

 .side_card p {
     font-size: 10px;
     margin-bottom: 0;
 }

 .sub-des {
     font-size: 12px;
     text-align: center;
     font-family: Medium;
 }

 .table th,
 td {
     text-align: center;
 }

 .side_card {
     background: #fff;
     box-shadow: 0px 3px 9px #00000030;
     /*border-radius: 4px;*/
     margin-bottom: 20px;
 }

 .side_card h1 {
     font-size: 12px;
     color: #5d5c5c;
     padding: 5px 0;
     border-bottom: 0;
     margin: 0 0 0 0px;
     line-height: 16px;
 }

 .card {
     width: 100%;
     box-shadow: 0px 4px 10px #00000030;
     padding: 20px 40px;
     border-top: 10px solid #9167ae;
     display: inline-flex;
 }

 .card .content {
     margin-left: 10px;
     text-align: right;
     width: 100%;
     position: relative;
 }

 .card span {
     color: #9167ae;
     font-size: 18px;
     font-family: BoldItalic;
     position: absolute;
     bottom: 0px;
     right: 0px;
 }

 .card .content h4,
 .card .content p {
     color: #727274;
     font-size: 18px;
     font-family: SemiBold;
     margin-bottom: 0px;
 }

 .card .content p {
     color: #99999b;
     font-size: 13px;
 }

 /*----------------------------------footer---------------------------------*/
 .footer {
     background: #1e1e1e;
     min-height: 63px;
     font-family: regular !important;
     color: #fff !important;
     padding: 21px 0px 0px;
 }

 .footer a,
 .footer p {
     color: #fff;
     font-size: 14px;
     font-family: regular !important;
 }

 .footer .credits {
     float: right;
 }

 .footer .credits a {
     border-right: 1px solid #444;
     padding: 25px 15px 19px 15px;
     cursor: pointer;
 }

 .footer .credits a:hover {
     background-color: #333;
     text-decoration: none !important;
 }

 .footer .twitter {
     border-left: 1px solid #444;
 }

 @-moz-document url-prefix() {
     .footer .credits a {
         border-right: 1px solid #444;
         padding: 25px 15px 20px 15px;
     }
 }

 .btn-warning {
     color: #fff;
     background-color: #ffb200;
     border-color: #ffb200;
     padding: 9px 26px;
     letter-spacing: 0.5px;
     font-family: Medium;
 }

 .download-float {
     text-align: center;
 }

 .affix {
     top: 25px;
 }

 .download-float .btn.btn-primary,
 .download-float .btn.btn-warning {
     width: max-content;
     font-size: 18px;
     margin: auto;
     font-family: SemiBold;
     padding: 10px 44px;
 }
a:hover,a{text-decoration: none;}
 .modal-dialog {
     max-width: 400px !important;
     margin: 30px auto;
 }

 .modal-title {
     background: -webkit-linear-gradient(#522596, #471270);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-family: SemiBold;
 }

 .modal .elq-field-style.form-element-layout.row {
     margin-bottom: 13px;
 }

 .elq-form .elq-label {
     display: inline-block;
     font-family: regular;
     max-width: 100%;
     color: #333 !important;
     box-sizing: border-box;
     font-size: 14px;
     letter-spacing: 0.8px;
 }
 .checkbox-aligned.elq-item-label {
     font-family: regular;
     color: #333 !important;
     font-size: 14px;font-weight: 700;
     letter-spacing: 0.8px;
 }

 .single-checkbox {
     font-family: regular;
 }

 .elq-form .elq-field-style input[type=submit] {
     background-color: #06981b;
     cursor: pointer;
     min-width: 194px;
     min-height: 37px;
     color: #ffffff;
     font-weight: bold;
     border-radius: 9px;
     border: 1px #06981b solid;
     text-shadow: 0px -1px 1px rgba(163, 36, 168, 1);
     margin-top: 5px;
     padding: 7px 20px;
     font-family: SemiBold;
 }

 .LV_validation_message.LV_valid {
     display: none;
 }

 .form input[type="text"] {
     height: 40px;
     padding-left: 10px;
     border-radius: 4px;
     border: 1px solid #999;
 }

 span.LV_validation_message.LV_invalid {
     color: #F44336;
 }

 /*--------------------collaterals----------------------------------*/

 .collaterals {
     /*padding: 40px 0px;*/
     height: auto;
     margin: 15% auto 7%;
 }

 .owl-theme .owl-nav [class*=owl-] {
     background: transparent !important;
     border: none !important;
 }

 .th-card {
     background: #fff;
     border: 1px solid #c0c0c0;
 }

 .th-card p {
     font-size: 14px;
     height: 45px;
     margin: 10px;
 }

 .th-card button {
     margin: 10px;
 }

 .btn-warning br {
     display: none;
 }

 @media screen and (min-width: 992px) and (max-width: 1199px) {
     .footer p {
         font-size: 13px;
     }

     .download-float .btn.btn-primary,
     .download-float .btn.btn-warning {
         width: max-content;
         font-size: 14px;
         margin: auto;
         padding: 10px 28px;
     }

     .footer .col-lo-2 {
         width: 15.666667%;
     }

     .card {
         padding: 20px 15px 20px 15px;
     }
 }

 @media only screen and (max-width: 991px) {
     .credits {
         display: none;
     }

     footer,
     footer p,
     footer a,
     .footer a,
     .footer p,
     .footer-content-inline {
         text-align: center;
     }

     .footer p,
     .footer a {
         margin-bottom: 2px;
     }

     .right_section h1 {
         font-size: 20px;
     }

     .banner h1 {
         color: #fff;
         margin-top: 60px;
         font-size: 40px;
     }

     .banner {
         padding: 40px 0px;
         height: 330px;
     }

     .side_card h1 {
         font-size: 14px;
         margin: 0px 4px 0px -6px;
     }

     .side_card p {
         font-size: 8px;
         margin: 0px 0px 0px -6px;
     }

     .card .content h4,
     .card .content p {
         color: #727274;
         font-size: 13px;
         font-family: SemiBold;
         margin-bottom: 0px;
         margin-top: 0px;
     }

     .card span {
         color: #9167ae;
         font-size: 13px;
         font-family: BoldItalic;
         position: absolute;
         bottom: 0px;
         right: 0px;
     }

     .card .content p {
         color: #99999b;
         font-size: 11px;
         margin: 0;
         line-height: 18px;
     }

     .card {
         padding: 15px 8px;
         border-top: 7px solid #9167ae;
     }

     .card .content {
         margin-left: 0px;
     }

     .card img {
         width: 70px;
         height: 65px;
     }

     .download-float .btn.btn-primary,
     .download-float .btn.btn-warning {
         width: max-content;
         font-size: 16px;
         margin: auto;
         padding: 10px 40px;
     }

 }

 @media only screen and (max-width: 768px) {
     .banner {
         padding: 30px 0px;
         height: 450px;
     }

     .banner h1 {
         color: #fff;
         margin-top: 50px;
         font-size: 28px;
     }

     p {
         font-size: 14px;
     }

     .content_section {
         padding: 30px 0;
     }

     .card {
         /*width: 290px;*/
         margin: 0 auto 20px;
         padding: 15px;
     }

     .card span {
         font-size: 16px;
     }

     .card .content p {
         color: #99999b;
         font-size: 13px;
         margin: 2px 0 0 0;
         line-height: 20px;
     }

     .img-responsive {
         margin: auto;
     }

     .section.right_section {
         max-width: 290px;
         margin: auto;
     }

     .affix {
         position: static;
     }

     .text-center .btn.btn-warning {
         margin: -20px 0 20px 0;
     }

     .section.right_section {
         max-width: 290px;
         margin: auto;
         position: fixed;
         right: -110px;
         transform: rotate(-90deg);
         top: 190px;
         opacity: .7;
     }

     .section.right_section:hover,
     .section.right_section:focus,
     .section.right_section:active {
         opacity: 1;
     }
 }

 @media screen and (max-width: 514px) {
     .card_g .col-xs-6 {
         width: 100%;
     }

     .btn-warning br {
         display: block;
     }
 }