@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* .open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
} */
/* .gilda-display-regular {
  font-family: "Gilda Display", serif;
  font-weight: 400;
  font-style: normal;
} */
body{font-family: "Open Sans", sans-serif;}


.logoArea img{ padding:15px 105px;width: 30%;}
.pad-LR-130{padding:0 70px;}
.bgImg{ background: url("../images/bg.png") top center; background-size: cover;margin-top: 15px;}
.mainBroker{ padding-top:30px;}
.mainBroker h1{ font-family: "Open Sans", sans-serif; font-size: 42px; color:rgba(35, 31, 32, 9.6); font-weight: 600;}
.mainBroker p { font-family: "Open Sans", sans-serif; font-size: 20px; color: #000; font-weight: 400; line-height: 34px; padding-right: 100px;}
.mainBroker h5 { font-family: "Open Sans", sans-serif; font-size: 24px; color: #000; font-weight: bold; line-height: 34px; padding-right: 200px;margin-bottom: 20px;}

.formSection h6{ font-family: "Open Sans", sans-serif; font-size: 24px; color: #000; font-weight: 700; line-height: 34px; padding-right: 200px;}
/*.arrow{background-image: url('../images/arrow.png'); width: 130px; height: 90px;}*/
.formSection h6{
  position: relative;}
.formSection h6:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 75px;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -37px;
  right: 200px;
}
.brokerImg img {
  max-width: 435px;
  position: absolute;
  top: 55px;
  /*z-index: -1;*/
}
.arrow { background-image: url(../images/arrow.png); width: 130px;height: 90px;position: relative; left: 650px; top: 30px; margin-top: -55px;}
.formArea { max-width: 750px;margin-top: 25px;}
.form-control {margin-bottom: 20px; border-radius: 6px;}

.infoBroker{ padding-top:40px;}
.infoBroker h2 {font-family: "Open Sans", sans-serif; font-size: 22px; color: #000; font-weight: bold;position: absolute;margin-top:40px;  }
.infoBroker h2 span {font-family: "Open Sans", sans-serif; font-size: 17px; color: #000; font-weight: 400; font-style: italic; }

.infoBoxOne {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 6px;
  padding: 15px;
  width: 300px;
  /*margin-top: 100px;*/
  right: 65px !important;
  position: relative;
  top:225px;
}
.infoBoxOne h3 
{
  font-size: 16px;
  color:#000000;
  line-height: 24px;
  font-weight: 600;


}

.infoBoxTwo {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 6px;
  width: 270px;
  /*margin-top: 60px;*/
  position: relative;
  padding: 10px;
  top:265px;
}

.infoBoxTwo h4
{
  font-size: 24px;
  color:#000000;
  line-height: 40px;
  font-weight:400;


}
.infoBoxTwo h4 strong
{
  font-size: 36px;
  color:#000000;
  line-height: 40px;
  font-weight:bold;


}

.bottomBG
{
  background-color: #0055A5;
  border-top: 2px solid #004297;
  position: relative;
}

.btn.btn-primary.subBtnForm {
  padding: 20px 70px;
  margin-bottom: 50px;
  background-color: #0055A5;
  text-transform: uppercase;
  border-radius: 18px;
  font-weight: 700;
}
form#abc_register_form input{
  font-weight: 600;
}
form#abc_register_form select {
    font-weight: 600;
  color: #75797d;
  }
.bottomBGLeft{ margin-top:50px; border-right: 1px solid #fff; margin-bottom: 40px; padding-right: 60px;}
.bottomBGLeft h1{ font-size: 38px; font-weight: 600; color:#fff;margin-bottom: 20px;}
.bottomBGLeft p{font-size: 20px; font-weight:400; color:#fff;}
.bottomBGLeft blockquote p span{font-size: 120px; font-family: "Gilda Display", serif;
  font-weight: 400;
  font-style: normal; color:#fff;}

  .bottomBGLeft i {
    font-size: 30px;
    padding: 0 0px;
    text-indent: -35px;
    margin-left: 0px;
}

blockquote {
/*  margin-left: 40px;*/
  padding: 50px;
  padding-left: 60px;
}
.fa-quote-right:before {
  content: "\f10e";
  margin-left: 40px;
}
.bottomBGRight{ margin-top:50px;  padding-left: 60px;}
.bottomBGRight h1{ font-size: 38px; font-weight: 600; color:#fff;margin-bottom: 20px;}
.bottomBGRight ul {}
.bottomBGRight ul li {font-size: 20px; font-weight:400; color:#fff;}

.btn.btn-primary.subBtnFormWhite {
  padding: 20px 70px;
  margin-bottom: 50px;
  background-color: #ffffff;
  color:#0055A5;
  text-transform: uppercase;
  border-radius: 18px;
  font-weight: 700;
}
.bottomBG.pad-LR-130 blockquote {position: relative;}
blockquote:before {
  content: ',,';
  font-family: 'Gilda Display';
  font-size: 190px;
  position: absolute;
  top: 115px;
  line-height: 0;
  transform: rotate(180deg);
  left: -10px;
  color: #fff;
}
blockquote:after {
  content: ',,';
  font-family: 'Gilda Display';
  font-size: 190px;
  position: absolute;
  bottom: 130px;
  line-height: 0;
  /*transform: rotate(179deg);*/
  right: 20px;
  color: #fff;
}

span.invTop {
  line-height: 0;
  display: block;
  left: -45px;
  position: absolute;
  top: 45px;
  transform: rotate(180deg);
}

@media (min-width: 1912px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1900px;
  }
}
@media (max-width: 1911px) {
  .brokerImg img {
    max-width: 423px;
    position: absolute;
    top: 55px;
    right: 0px;
  }
  .logoArea img {
    padding: 0 0px;
  }
  .pad-LR-130 {
    padding: 0 0px;
  }
  .mainBroker h1 {
    font-size: 24px;
  }
  .mainBroker p {
    font-size: 14px;
    padding-right: 0px;
    line-height: 24px;
  }
  .mainBroker h5 {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 24px;
    padding-right: 200px;
  }
  .formSection h6 {
    font-size: 16px;
    line-height: 24px;
    padding-right: 30px;
  }
  .btn.btn-primary.subBtnForm {
    padding: 12px 50px;
    margin-bottom: 50px;
    background-color: #0055A5;
    text-transform: uppercase;
    border-radius: 18px;
    font-weight: 700;
  }
  .infoBroker h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    position: absolute;
    margin-top: 0px;
  }
  .infoBoxOne {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 6px;
    padding: 15px;
    width: 230px;
    /* margin-top: 100px; */
    right: 45px !important;
    position: relative;
    top: 115px;
  }
  .infoBoxOne h3 {
    font-size: 12px;
    color: #000000;
    line-height: 18px;
    font-weight: 600;
  }
  .arrow {
    background-image: url(../images/arrow.png);
    width: 130px;
    height: 90px;
    position: relative;
    left: 420px;
    top: 25px;
    margin-top: -55px;
  }
  .infoBoxTwo {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 6px;
    width: 185px;
    /* margin-top: 60px; */
    position: relative;
    padding: 10px;
    top: 150px;
    left: -15px;
  }
  .infoBoxTwo h4 {
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    font-weight: 400;
  }
  .infoBoxTwo h4 strong {
    font-size: 24px;
    color: #000000;
    line-height: 30px;
    font-weight: bold;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1399px) {
  .formSection h6:after {
    top: -44px;
    right: 50px;
  }
  .mainBroker {
    padding-top: 40px;
    padding-right: 70px;
  }
  .infoBoxOne {
    right: 75px !important;
    top: 115px;
  }
  .infoBoxTwo {
    left: -45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px){
  .mainBroker {
    padding-top: 40px;
    padding-right: 85px;
  }
  .col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12.mainBroker{width:50%;}
  .formSection h6:after {
    top: -44px;
    right: -40px;
  }

}
@media only screen and (min-width: 1080px) and (max-width: 1365px){
  .infoBroker h2 {
    margin-top: 20px;
    right: 350px;
  }
/*  .infoBoxOne {
    right: 40px !important;
    top: 115px;
  }
  .infoBoxTwo {
    top: 150px;
    left: -5px;
  }*/
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .mainBroker {
    padding-top: 40px;
    padding-right: 55px;
  }
  .col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12.mainBroker{width:45%;}
  .mainBroker h5 {
    padding-right: 0px;
  }
  .mainBroker br{display: none;}
  .arrow {
    background-image: url(../images/arrow.png);
    width: 90px;
    height: 94px;
    left: 310px;
  }
  .formSection h6:after {
    top: -44px;
    right: -40px;
  }
    .infoBroker h2 {
      margin-top: 20px;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1292px){
  .brokerImg img {
    max-width: 390px;
  }
  .mainBroker br{display: none;}
  .mainBroker h5 {
    font-size: 13px;
  }
  .form-control {
    margin-bottom: 10px;
    border-radius: 6px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1365px) {
  .formSection h6:after {
    width: 100px;
    height: 55px;
    top: -12px;
    right: -15px;
  }
  .mainBroker br{display: none;}
  .container, .container-md, .container-sm {
    max-width: 900px;
  }
  /* Styles for mobile devices */
  .logoArea img{ padding:0 0; text-align: center;}
  .pad-LR-130{padding:0 0;}
  .arrow {
    width: 65px;
    height: 90px;
    position: relative;
    left: 295px;
    top: 80px;
    margin-top: -65px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .brokerImg img {
    max-width: 350px;
    position: absolute;
    top: 55px;
    right: 0px;
  }
  .mainBroker h5 {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    line-height: 16px;
    padding-right: 0px;
  }
  .infoBroker {
    padding-top: 10px;
  }
  .bottomBGLeft {
    margin-bottom: 0px;
  }
  .mainBroker {
    padding-top: 40px;
    padding-right: 150px;
  }
  .mainBroker h1 {
    font-size: 17px;
  }
  .formArea {
    margin-top: 15px;
  }
/*  .infoBroker h2 {
    margin-top: 20px;
    right: 260px;
  }
  .infoBoxOne {
    right: 150px;
    top: 115px;
  }
  .infoBoxTwo {
    top: 150px;
    left: -125px;
  }*/

}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .infoBroker h2 span {
    font-size: 14px;
  }

  .formSection h6:after {
    width: 100px;
    height: 55px;
    top: -35px;
    right: -15px;
  }
  .mainBroker br{display: none;}
  .container, .container-md, .container-sm {
    max-width: 900px;
  }
  .mainBroker {
    padding-top: 10px;
    padding-right: 135px;
  }
  /* Styles for mobile devices */
  .logoArea img{ padding:0 0; text-align: center;}
  .pad-LR-130{padding:0 0;}
  .arrow {
    width: 65px;
    height: 90px;
    position: relative;
    left: 295px;
    top: 80px;
    margin-top: -65px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .formSection h6 {
    font-size: 14px;
    line-height: 16px;
  }
  .brokerImg img {
    max-width: 310px;
    position: absolute;
    top: 55px;
    right: 0px;
  }
  .mainBroker h5 {
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    line-height: 16px;
    padding-right: 0px;
  }
  .infoBroker {
    padding-top: 10px;
  }
  .bottomBGLeft {
    margin-bottom: 0px;
  }
  .mainBroker {
    padding-top: 40px;
    padding-right: 135px;
  }
  .mainBroker h1 {
    font-size: 14px;
  }
  .form-control {
    margin-bottom: 10px;
  }
  .mainBroker p {
    line-height: 20px;
  }
  .formArea {
    margin-top: 15px;
  }
  .infoBroker h2 {
    margin-top: 20px;
    right: 0px;
  }
  .infoBoxOne {
    padding: 10px;
    width: 200px;
    right: 145px !important;
    top: 115px;
  }
  .infoBoxTwo{width: 150px;}
  .infoBoxTwo {
    top: 150px;
    left: -125px;
  }
  .infoBoxOne h3{font-size: 10px;}
  .infoBoxTwo h4 strong {
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    font-weight: bold;
  }
}
@media only screen and (max-width: 991px) {
  /* Styles for mobile devices */
  .mainBroker br{display: none;}
  /* Styles for mobile devices */
  .logoArea img{ padding:0 0; text-align: center;}
  .pad-LR-130{padding:0 0;}
  .logoArea img{ padding:0 0; text-align: center;width: 300px;}
  .bottomBGLeft h1 {
    font-size: 30px;
  }
  .bottomBGRight h1 {
    font-size: 30px;
  }
  .pad-LR-130{padding:0 0;}
  .arrow {
    width: 65px;
    height: 90px;
    position: relative;
    left: 268px;
    top: 95px;
    margin-top: -65px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .brokerImg img {
    max-width: 330px;
    position: relative;
    top: 55px;
    right: 0px;
    margin: 0 auto;
    display: block;
  }
  .mainBroker h5 {
    padding-right: 0;
  }
  .infoBroker h2 {
    position: relative;
    text-align: center;
  }
  .infoBroker {
    padding-top: 10px;
  }
  .infoBoxOne {
    right: -75px !important;
    top: 20px;
    margin: 0 auto;
    left: 0;
  }
  .infoBoxTwo {
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .bottomBGLeft {
    margin-bottom: 0px;
  }
  .bottomBGLeft {
    border-right: none;
  }
  .mainBroker p{font-size:11px;}
}
@media only screen and (max-width: 767px) and (min-width: 400px){
  .mainBroker p {
    font-size: 11px;
    line-height: 18px;
  }
  .formSection h6:after {
    width: 68px;
    height: 75px;
    top: -12px;
    right: -5px;
  }
  .mainBroker br{display: none;}

}
@media only screen and (max-width: 500px) {
  .mainBroker p{font-size:14px;}
  blockquote:before {
    font-size: 130px;
    top: 70px;
    left: -10px;
  }
  blockquote:after {
    font-size: 130px;
    bottom: 70px;
    right: 0px;
  }
  blockquote {
    padding: 20px;
    padding-left: 45px;
  }
  .bottomBGRight{padding-left: 10px;padding-right: 10px;}
  .bottomBGLeft{padding-right: 10px;padding-left: 10px;}
  .bottomBGRight {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 400px) {

  .formSection h6:after {
    width: 80px;
    height: 75px;
    top: -5px;
    right: -5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1250px) {
  .infoBoxTwo {
    left: -125px;
  }
  .infoBoxOne {
    right: 135px !important;
  }
  .infoBroker h2 {
    right: 350px;
  }
}
@media only screen   and (min-device-width: 768px)
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    /* Styles for iPad 9th generation */
    
    
    .logoArea img {padding:0 10px; width: 220px !important;}
    .pad-LR-130{padding:0 0;}
}


.formArea {
  position: relative;
}
div#loading-image{
  position: absolute;
  bottom: 65px;
  left: 250px;
}

@media screen and(min-width: 1025px) {
  .footer .main_footer {
    width: 1300px;
  }
}
.footer{background: #73d3f6;}
.footer .main_footer {
  margin: 0 auto;
  padding: 24px;
  display: block;
  min-height: 64px;
}
.footer_thank .main_footer {
  margin: 0 auto;
  padding: 0 15px 15px 0;
  display: block;
  min-height: 64px;
}
@media screen and (max-width: 767px) {
  .footer .col-lg-6.col-md-6.col-sm-6 {
    text-align: center !important;
    float: none !important;
  }

  .footer_thank .footer {
    background: transparent;
  }
}
@media screen and (max-width: 468px) {
  .footer .col-lg-6.col-md-6.col-sm-6{text-align: center !important;  float: none !important;}
}
.footer .main_footer p { margin-bottom: 0;}
.main_footer .col-lg-6.col-md-6.col-sm-6.pull-right { margin-top: 10px;}
.footer .main_footer {display: inline-block;  width: 100%;}

.footer {
  background: url(../images/bg.png) bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}