@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');
* { box-sizing: border-box; -webkit-box-sizing: border-box;   }
body {  margin: 0; padding: 0;font-family: 'Fira Sans Condensed', sans-serif; color: #7A7A7A; font-size: 16px; font-weight: 400; line-height: 1.4;  }


/* -------------------------   How can we help you build your brokerage?  -------------------- */
.back-to-title {padding-top: 32px;}
.back-to-title span {padding-left: 5px;}
.back-to-title a {text-decoration: none;color: #0A0633;font-size: 14px;line-height: 1.8;border-bottom: 1px dashed #000000;padding-bottom: 4px;transition: all ease 0.3s;}
.back-to-title a:hover {color: #EC633F;border-bottom: 1px dashed #EC633F;}
.back-to-title a:hover > svg > path {fill: #EC633F;}
.build-title h1 {color: #16212C;}
.back-to-title a> svg > path {transition: all ease 0.3s;}
.brokerage-two-column {   display: flex;  flex-wrap: wrap; }
.brokerage-left {   width: 16%; }
.brokerage-right {  width: 78%; padding-left: 50px;padding-right: 50px;}
.brokerage-bg-img {  width: 100%; height: 100%;  background-position: center center; background-repeat: no-repeat;  background-size: cover; }
.brokerage-right-in {  max-width: 1140px; margin: 0 auto;  padding-top: 57px;  padding-bottom: 100px; }
.brokerage-section {  background-color: #f5f7ff;}
.company-logo {  width: 100px;  max-width: 100%; }
.build-two-col {  display: flex; flex-wrap: wrap; justify-content: space-between;  align-items: center;  padding-top: 50px; }
.build-left { max-width: 498px;  padding-right: 30px;}
.build-title h1 { margin: 0; font-size: 28px; line-height: 1.05; font-weight: 400; }
.question-content a { color: #16212C;background: #F5F7FF;  border: 1px solid #16212C;  border-radius: 8px;  padding: 9px 12px 9px 11px;  transition: all ease 0.3s; 
text-decoration: none; display:  inline-block;vertical-align: middle;}
.question-content span {  display: inline-block;  vertical-align: middle;}
.question-content a:hover {  background-color: #DAF4D9;   border: 1px solid #64B161}
.box-card-column {   padding-top: 50px;}
.box-three-col { display: flex; flex-wrap: wrap;  margin: 0 -15px;}
.box-col-innr {  width: 33.33%; padding: 4px;text-align: center;}
.box-build-col {  background: #FFFFFF;  box-shadow: 0px 13.04px 29.29px rgba(22, 33, 44, 0.06);  border-radius: 4.02px;  height: 100%;transition: all ease 0.3s;border: 1px solid #fff;}
.build-box-img img { max-width: 100%;  display: inline-block;   vertical-align: middle;   height: auto;}
.box-btm-innr {padding: 21px 32px 32px; }
.box-title h5 {font-family: Fira Sans Condensed;font-size: 20px;line-height: 1;font-weight: 700;color: #0C0C0C;text-transform: uppercase;margin: 0;}
.box-content p {margin: 0;}
.box-content {padding-top: 8px;color: #7A7A7A;font-weight: 400;font-family: Fira Sans Condensed;font-size: 15px;line-height: 1;font-style: italic;}

.box-select {padding-top: 21px;}
.box-select span {display: inline-block;border: 1px solid rgba(122, 122, 122, 0.2);line-height: 14px;padding: 15px 25px;min-width: 135px;color: #000; transition: all ease 0.2s; }

.products-box-column {display: flex;flex-wrap: wrap;margin: 30px -20px;}
.products-box {width: 50%;padding: 10px;}
.product-main-col {border: 0.803704px solid #DBDBDB;border-radius: 4.01852px;padding: 18px 41px 21px 47px;height: 100%;}
.product-content p {margin: 0;}
.products-title h5 {margin: 0;font-size: 20px;line-height: 1;font-family: Fira Sans Condensed;}
.product-two-col {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.product-content {padding-top: 10px;font-size: 15px;line-height: 1;color: #7A7A7A;font-style: italic;font-family: Fira Sans Condensed;}
.product-main-col {position: relative;}
.product-main-col > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.build-box-img {padding-left: 0px;padding-right: 0px; margin-bottom: 10px;}

.first-col-box {position: relative;}
.first-col-box input[type="radio"] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;opacity: 0; cursor: pointer;}
.first-col-box input[type="radio"]:checked + .box-build-col .box-select span {background-color: #EC633F;  color: #fff;  }
.first-col-box {height: 100%;}
.product-two-col {height: 100%;}
.products-title h5 {color: #0C0C0C;font-weight: 400;}
.product-box-s {position: relative;}
.product-box-s input[type="radio"] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer;z-index: 2;}
.product-box-s {height: 100%;}
.product-main-col {transition: all ease 0.2s;}
.product-box-s input[type="radio"]:checked + .product-main-col {background-color: #EC633F;}
.product-box-s input[type="radio"]:checked + .product-main-col * {color: #fff;fill: #fff;}
.build-box-img {height: 210px;}
.middle-img {position: relative;top: -31px;}
.box-btm-innr {position: relative;}
.first-col-box input[type="radio"] {z-index: 5;}


/*--------------------------   Regulation/become css ------------------------  */

.box-regulation-innr {background-color: #FFFFFF;border: 1px solid #D6D6D6;border-radius: 4.02px;padding: 8px 10px 9px 10px;position: relative;}
.platform-two-column {display: flex;flex-wrap: wrap;}
.platform-left {width: 25%;text-align: center;background: linear-gradient(0deg, #F5F7FF, #F5F7FF), #FFFFFF;border-radius: 4.01852px; display: none; }
.platform-left-innr { padding: 0 26px 0 36px; }
.platform-right { width: 100%;padding-left: 57px; padding-top: 30px;padding-bottom: 0px; padding-right: 53px;; } 
.prod-trading-innr {position: relative;}
a.popclose {display: block; position: absolute;top: 10px;right: 10px;z-index: 1;}
a.popclose svg {display: block;}
.platform-title h2 {margin: 0;color: #0C0C0C;font-size: 25px;line-height: 1.15;font-weight: 700;text-transform: uppercase;}
.platform-content p {margin: 0; font-weight: 300;}
.platform-content {padding-top: 7px;color: #989898;font-size: 16px;line-height: 1;font-weight: 300;}
.platform-list-item ul {margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}

.platform-left-innr img {max-width: 100%;vertical-align: middle;height: auto;display: inline-block;}
.platform-list-item ul > li {width: 33.33%;padding: 17px 24px;position: relative;font-size: 18px;line-height: 1;color: #16212C;font-weight: 400; display: flex; flex-wrap: nowrap;}
.platform-list-item ul > li > .tooltips-main-cl { padding-left: 6px; margin-top: -4px;}
.platform-list-item ul > li:before {content: '';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M4.07812 8.78906C4.17188 8.92969 4.3125 8.97656 4.5 8.97656C4.66406 8.97656 4.80469 8.92969 4.92188 8.78906L11.8359 1.89844C11.9297 1.80469 12 1.66406 12 1.47656C12 1.3125 11.9297 1.17188 11.8359 1.05469L10.9688 0.210938C10.8516 0.09375 10.7109 0.0234375 10.5469 0.0234375C10.3828 0.0234375 10.2422 0.09375 10.125 0.210938L4.5 5.83594L1.875 3.21094C1.73438 3.09375 1.59375 3.02344 1.42969 3.02344C1.26562 3.02344 1.125 3.09375 1.03125 3.21094L0.164062 4.05469C0.046875 4.17188 0 4.3125 0 4.47656C0 4.66406 0.046875 4.80469 0.164062 4.89844L4.07812 8.78906Z' fill='%2310C700'/%3E%3C/svg%3E");
background-position: left center; background-size: auto; background-repeat: no-repeat; width: 12px; height: 14px; position: absolute; left: 0; }
.platform-list-item { padding-top: 15px;}  
.product-title h3 {margin: 0; color: #16212C; font-size: 20px; line-height: 1; font-weight: 700; text-transform: uppercase; }
.products-col-section { margin-top: 41px; border-top: 1px dashed #D5D5D5; padding-top: 42px; } 
.product-contents { font-size: 16px; line-height: 1; font-weight: 300; padding-top: 11px; color: #A0A0A0; }
.product-contents p { margin: 0;font-weight: 300;} 
.marketing-list-item  > div{ padding-top: 23px; display: flex;flex-wrap: wrap;margin: 0 -7px;} 
.next-button { position: absolute; bottom: -25px; right: 23px;}
.next-button .button a { display: inline-block; vertical-align: middle; text-align: center; background-color: #08072B; padding: 15px 80px; font-size: 16px;
line-height: 1.2; font-weight: 700; color: #fff; text-decoration: none; border: 1px solid #08072B;transition: all ease 0.3s;}
.next-button .button a:hover { background-color: #EC633F; border-color: #EC633F; }

.marketing-list-item input[type="checkbox"]+span {position: relative; display:block;  padding-left: 38px;  cursor:pointer;font-size: 16px;line-height: 1.2;color: #16212C;font-weight: 400;}

input[type="checkbox"]+span:before {content: '';  color:#6b1631;  position:absolute;  left: 12px;  top: 14px;  font-size:0; width: 20px;  height: 20px;
display:block; transition:all ease .3s;  -webkit-transition:all ease .3s;  text-align:center;  line-height:14px;  border-radius: 4px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.0643 11.9668L7.0643 11.9668' stroke='%23EC543A' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12.0645 16.9668L12.0645 6.9668' stroke='%23EC543A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;background-size: auto; background-position: right center; }

input[type="checkbox"]:checked+span:before {border-color: transparent; font-size:12px;  background-color: transparent;  color:#fff;  letter-spacing: inherit; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' viewBox='0 0 9 10' fill='none'%3E%3Cpath d='M8.07108 1L1 8.94019' stroke='%23EC543A' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M8.07135 8.94019L1.00027 0.999999' stroke='%23EC543A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");}

.marketing-list-item .marketing {background: #FFFFFF; border: 0.803704px solid #DBDBDB; border-radius: 74.02px;padding: 14px 27px 15px 15px;cursor: pointer;transition: all ease 0.3s;}




.marketing-list-item fieldset.form-column {border: none;padding: 7px;margin: 0;}
.marketing-list-item .marketing:hover {border: 0.803704px solid #EC543A;}
.marketing-list-item .field.active {background: linear-gradient(0deg, rgba(236, 84, 58, 0.06), rgba(236, 84, 58, 0.06)), #FFFFFF;
border-radius: 74.02px;border: 0.8px solid #EC543A;}
.marketing-list-item .field.active span {font-weight: 700;color: #EC543A;}

.marketing-inr-cls { display: flex;flex-wrap: wrap; }
.tooltip-svg {line-height: 0;}
.tooltips-msgs {z-index: 1;background: rgba(8, 7, 43, 0.8); box-shadow: 0px 44px 34px rgba(0, 0, 0, 0.05); border-radius: 7px;color: #fff;min-width: 263px;position: absolute;bottom: 100%;padding: 16px 20px 18px 23px;font-size: 14px;line-height: 1.28; opacity: 0; visibility: hidden; }
.altwidth .tooltips-msgs  {  min-width:  350px;  }
.tooltip-svg:hover + .tooltips-msgs { opacity: 1; visibility: visible;  }
.tooltips-msgs p {margin: 0;}
.tooltips-msgs {display: flex;flex-wrap: wrap;align-items: center;}
.tooltips-msgs img {width: 67px;}
.tooltips-msgs span {width: calc(100% - 67px);padding-left: 11px;}

.tooltips-two-cl {display: flex;flex-wrap: wrap;}
.tool-left-cl {width: 67px;}
.tool-right-cl {width: calc(100% - 67px);padding-left: 16px;}

/* -----------------  others products ---------------- */

.trading-two-col {background: #FFFFFF; border: 0.803704px solid #DBDBDB; box-sizing: border-box; border-radius: 4.01852px;padding: 55px 55px 58px 79px;display: flex;flex-wrap: wrap;align-items: center;}
.trading-title h2 {color: #0C0C0C;margin: 0;font-size: 25px;line-height: 1.15;font-weight: 700;text-transform: uppercase;}
.trading-content p {margin: 0; font-weight: 300;}
.trading-content {padding-top: 8px;font-size: 16px;line-height: 1;color: #A0A0A0;font-weight: 300;}
.trading-left {width: 25%;}
.trading-right {width: 75%;padding-left: 21px;}
.trading-box-cl fieldset.form-column {border: none;padding: 10px 30px;margin: 0;}
.trading-box-cl .round-cls {display: flex;flex-wrap: wrap;align-items: center;margin: 0 -30px;}
.trading-box-cl .round-cls input[type="radio"]+span {position: relative; display:block;  padding-left: 30px;  cursor:pointer;font-size: 16px;}
.trading-box-cl .round-cls input[type="radio"]+span:before {content: '';  color:#6b1631;  position:absolute;  left:4px;  top: 0;  font-size:0; width: 16px;  height: 16px;
display:block; border:1px solid #727272;  transition:all ease .3s;  -webkit-transition:all ease .3s;  text-align:center;  line-height:14px;  border-radius: 50%;background-position: center center;
background-repeat: no-repeat; background-size: auto;}
.trading-box-cl .round-cls input[type="radio"]+span {color: #16212C;line-height: 1.2;font-weight: 400;}


.trading-box-cl .round-cls input[type="radio"]:checked+span:before { border-color: #EC633F;}
.trading-box-cl .round-cls input[type="radio"]:checked+span:after {content: '';width: 10px;height: 10px;background-color: #EC633F;color: #EC633F; position: absolute; left: 8px;  top: 4px;
font-size: 0;  display: block; transition: all ease .3s;     -webkit-transition: all ease .3s; text-align: center;    line-height: 14px; border-radius: 50%;
background-position: center center; background-repeat: no-repeat;  background-size: auto;}

.brokerage-section input[type="checkbox"]:checked + span {background: linear-gradient(0deg, rgba(236, 84, 58, 0.06), rgba(236, 84, 58, 0.06)), #FFFFFF;
border: 0.8px solid #EC543A;border-radius: 74.02px;color: #EC543A;font-weight: 700;}
.brokerage-section input[type="checkbox"]:checked + span {padding-left: 24px;}
.brokerage-section input[type="checkbox"]:checked+span:before {right: 12px;position: absolute;left: inherit;}
.brokerage-section input[type="checkbox"]:checked + span {padding-right: 30px;}

.product-btm-cls {padding-top: 41px;}
.trading-box-cl .field.message-cl {display: flex;flex-wrap: wrap;}
.trading-box-cl .field.message-cl > label {width: 100%;text-align: center;font-size: 20px;line-height: 1;font-weight: 700;color: #16212C;position: relative;}
.trading-box-cl .field.message-cl > textarea {width: 100%;}
.trading-box-cl .field.message-cl > label > span {font-size: 16px;line-height: 1.87;font-weight: 400;color: #61636b;position: relative;top: -4px; }
.trading-box-cl .field.message-cl > label:before {content: '';width: 254px;height: 1px;position: absolute;left: 18%;top: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='254' height='1' viewBox='0 0 254 1' fill='none'%3E%3Cline y1='0.5' x2='254' y2='0.5' stroke='%23DFDFDF' stroke-dasharray='2 2'/%3E%3C/svg%3E");
background-position: center center;background-repeat: no-repeat;background-size: auto;}

.trading-box-cl .field.message-cl > label:after {content: '';width: 254px;height: 1px;position: absolute;right: 18%;top: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='254' height='1' viewBox='0 0 254 1' fill='none'%3E%3Cline y1='0.5' x2='254' y2='0.5' stroke='%23DFDFDF' stroke-dasharray='2 2'/%3E%3C/svg%3E");
background-position: center center;background-repeat: no-repeat;background-size: auto;}

.trading-box-cl textarea {max-width: 647px;margin: 0 auto;min-height: 117px; border: 0.803704px solid #DBDBDB;
border-radius: 4.01852px;background-color: #fff;padding: 21px 26px;font-size: 16px;line-height: 1.2;color: #858585;font-style: italic;margin-top: 24px;}

.trading-box-cl input[type="submit"] {background:#08072B; border: 1ox solid #08072B;outline: none; font-family: inherit; padding: 15px 71px;   color: #fff;  border: none;  font-size:16px;  line-height: 1.2;
text-transform:uppercase; font-weight:700; border-radius: 0;  cursor:pointer;  -webkit-transition:all ease 0.3s;  -moz-transition:all ease 0.3s; transition:all ease 0.3s;}
.trading-box-cl .fieldInner {text-align: center;padding-top: 16px;}
.trading-box-cl input[type="submit"]:hover {background-color:#EC633F; border-color: #EC633F; color: #fff;}



/*-----------------------  */


.expert-team-section { padding-top: 42px; }
.expert-title { max-width: 487px;}
.expert-title h1 { margin: 0; font-size: 34px; line-height: 1.05; color: #16212C; font-weight: 400; }
.details-title p { margin: 0; }
.details-title { padding-top: 42px; font-size: 18px; line-height: 1.66; color: #0A0633; } 
.detail-form { max-width: 525px; padding-top: 0; }
.expert-team-section fieldset { border: none; padding: 0; }
.expert-team-section textarea, .expert-team-section input[type="text"], .expert-team-section input[type="number"], .expert-team-section input[type="email"], .expert-team-section input[type="tel"], 
.expert-team-section select { display: block; border: 1px solid #CCDAE1;
outline: none; background: #fff; font-size: 16px; line-height: 1.2; font-family: inherit; font-weight: 400; color: #0A0633; margin: 0; padding: 16px 14px;
width: 100% !important; border-radius: 6px; }
.expert-team-section .detail-form ::placeholder { color: #0A0633; }
.expert-team-section .detail-form fieldset.form-column { padding: 0; }
.expert-team-section fieldset.form-column-1 .field { width: 100%; padding-left: 7px; padding-right: 7px; } 
.expert-team-section fieldset.form-columns-2 > .field { padding: 0; margin: 0; }   
.brokerage-section .expert-team-section  input[type="checkbox"]+span { position: relative; display: block; padding-left: 40px; cursor: pointer; color: #0A0633; font-size: 13px;
padding-top: 5px; line-height: 1.2; }
.brokerage-section  .expert-team-section  input[type="checkbox"]+span:before { content: ''; color: #08072b; position: absolute; left: 4px;top: 0; font-size: 0; width: 22px; height: 22px; 
display: block; border: 1px solid #CCDAE1; background-image: none; background: #fff;
transition: all ease .3s; -webkit-transition: all ease .3s; text-align: center; line-height: 14px; border-radius: 4px; background-position: center center; background-repeat: no-repeat; background-size: auto;}
.expert-team-section  input[type="checkbox"]:checked+span:before { border-color: #EC633F; font-size: 12px; background-color: #EC633F; color: #fff;letter-spacing: inherit;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M0 11.522l1.578-1.626 7.734 4.619 13.335-12.526 1.353 1.354-14 18.646z'/%3E%3C/svg%3E");
display: block; }
.expert-team-section fieldset.form-column-1 {margin: 0 -7px !important; padding-top: 0; }
.expert-team-section fieldset.form-columns-2 > .field { width: 50%; padding: 32px 7px; } 
.expert-team-section fieldset.form-columns-2 { margin: 0 -7px; display: flex; flex-wrap: wrap; }
.expert-team-section input[type="submit"] { outline: none; font-family: inherit; padding: 15px 93px; background: #08072B; color: #fff; border: 1px solid #08072B; font-size: 16px;line-height: 1.2;
text-transform: uppercase; font-weight: 700; border-radius: 0; cursor: pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;
margin-top: 26px; }
.expert-team-section fieldset.form-column-1 .field.action { text-align: center; }
.expert-team-section input[type="submit"]:hover { background-color: #D6582B; border-color: #D6582B; }
.expert-team-section .submit-content { padding-top: 14px; text-align: center; color: #0A0633;font-size: 13px; line-height: 1.2; }
.expert-team-section .form-bottom-img { text-align: center; padding-top: 26px; }
.expert-team-section .submit-content p { margin: 0; }
.expert-team-section select {appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%230A0633' d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 90% center;background-size: 12px;}

.expert-team-section fieldset.form-columns-2 > .field.select-field {width: 25%;}
.expert-team-section fieldset.form-columns-2 > .field.tel-number {width: 75%;}
.prod-trading-section {position: relative;}
.expert-team-section input[type="checkbox"]:checked + span {background: transparent !important;border: none;font-weight: 400;}
.expert-team-section fieldset.form-column-1 .field .required {color: #e74e0f;}
.expert-team-section fieldset.form-columns-2 {padding-top: 16px;padding-bottom: 16px;}
.expert-team-section fieldset.form-column-1 {padding-top: 16px;padding-bottom: 16px; }
.expert-team-section input[type="submit"] {margin-top: 10px;}
.expert-team-section fieldset.form-columns-2 > .field {padding-top: 0;padding-bottom: 0;}

.detail-form-innr .field {position: relative;}

.detail-form-innr .field input[type="checkbox"] {position: absolute;z-index: 9;width: 100%;margin: 0;left: 0;top: 0;height: 100%;opacity: 0;}
.box-regulation-section , .prod-trading-section{padding-top: 35px;}
/*------------ form -----------------  */

.expert-team-section input[type=email], .expert-team-section input[type=number], .expert-team-section input[type=tel], .expert-team-section input[type=text],
.expert-team-section select, .expert-team-section textarea { color: #08072b; font-size: 16px; line-height: 1.2;}
.expert-team-section label.additional {  display: inline-block;  text-align: left; position: absolute; top: 16px;  width: auto;  left: 25px;  transition: all ease 0.2s; }
.expert-team-section  .hs-input:focus + .additional, .expert-team-section .hs-input.filled  + .additional, 
.expert-team-section .hs-input.error  + .additional { top: -7px; font-size: 14px;  background-color: #fff; left: 20px; background: linear-gradient(to bottom, #f5f7ff 0%,#f5f7ff 50%,#ffffff 51%,#ffffff 100%);padding: 0 2px} 

.expert-team-section .hs-form-field > label { display: block; text-align: left; display: none;  }
.expert-team-section .hs-error-msgs { text-align: left; padding-top: 10px;  }
.expert-team-section .hs-error-msgs {  font-size: 14px; }
.expert-team-section label.additional { color: #08072b; font-size: 16px; line-height: 1.2; }

.expert-team-section   .input { position: relative; }
.expert-team-section  .field{padding-bottom: 0;}
.details-section .hs-input:focus,.details-section .hs-input.filled {border-color: #EC633F !important;}

/*------- back to svg style ----------*/

.back-to-svg {position: absolute;top: 10px;right: 10px;z-index: 1;}
.back-to-svg a {width: 44px;height: 44px;border: 1px solid #f1b6b0;display: flex;
flex-wrap: nowrap;align-items: center;justify-content: center;border-radius: 50%;opacity: 0;visibility: hidden;}



.marketing-list-item .field {position: relative;}
.marketing-list-item .field input[type="checkbox"] {position: absolute;top: 0;z-index: 9;width: 100%;height: 100%;margin: 0;opacity: 0; cursor: pointer;}

.trading-right-innr .field {position: relative;}

.trading-right-innr .field input[type="radio"] {position: absolute;top: 0;width: 100%;left: 0;z-index: 5;opacity: 0;}

.stepBox:not(:first-child),.finalbox {  display: none; }
.dynamicform { display: none;  }
.brokerage-two-column.active .build-two-col {padding-top: 42px;}
.brokerage-two-column.active .box-regulation-section,.brokerage-two-column.active .prod-trading-section {padding-top: 50px;}
.first-col-box:hover {border-color: #ec633f;}

.first-col-box {border: 1px solid #fff;}

.first-col-box:hover .box-select span {background-color: #ec633f;border-color: #ec633f;color: #fff;}

.product-box-s:hover .product-main-col {border-color: #ec633f;}
.right-arrow-svg {width: 32px;height: 32px;line-height: 32px;border-radius: 50%;border: 1px solid transparent;text-align: center;border-radius: 50%;transition: all ease 0.2s;}

.product-box-s:hover .right-arrow-svg {border-color: #ec633f;background-color: rgb(236 99 63 / 10%);}

.product-box-s:hover .right-arrow-svg path {fill: #ec633f;}
#email-input.invalid {border-color: #f00 !important;}

.next-button {position: relative;text-align: right;bottom: -34px;} 
.fieldInner .next-button {position: static; text-align: center;}
.brokerage-right input[type="text"].warning {border-color: #f00 !important;}
.brokerage-two-column {min-height: 100vh;}

.invalid .trading-two-col {border-color: #f00;}
.detail-form-innr label + span {text-align: right;display: none;color: #FF0000;font-size: 14px;}
.detail-form-innr .warning + label + span{ display:block }  
.invalidText {text-align: right;display: none;color: #FF0000;font-size: 14px;}
.prod-trading-section.invalid .invalidText { display: block; }
select.contrySelector.warning {  border-color: #f00; }
.contrySelector + span {
    text-align: right;
    display: none;
    color: #FF0000;
    font-size: 14px;
}

.contrySelector.warning + span {
    display: block;
}


@media(min-width:  768px){
.step1 .platform-left-innr img {transform: scale(2.1);transform-origin: top;}
.brokerage-bg-img * {display: none;}
}

@media (max-width: 1310px) {

.trading-box-cl .field.message-cl > label:before , .trading-box-cl .field.message-cl > label:after {width: 180px;}
.build-box-img {padding-left: 10px; padding-right: 10px;}
}

@media (max-width: 1500px) {
.build-box-img {padding-left: 10px; padding-right: 10px;}
}

@media (max-width: 1230px) {

.platform-right {padding-left: 40px;padding-right: 40px; }
.platform-list-item ul > li {padding: 17px 21px;}
.build-box-img {height: 170px; padding-left: 10px; padding-right: 10px;}
.trading-two-col {padding: 55px;}
.trading-box-cl .field.message-cl > label:before {width: 180px;left: 75px;}
.trading-box-cl .field.message-cl > label:after {width: 180px;right: 75px;}


}



@media (max-width: 1080px) {


.box-col-innr {width: 50%;}
.build-left {width: 60%;}
.build-right {width: 40%;text-align: right;}
.question-content a {font-size: 14px;text-align: left; color: #16212C;}
.build-title h1 {font-size: 28px;}
.product-main-col {padding-left: 20px;padding-right: 20px;}
.platform-left {width: 40%;}
.platform-right {width: 100%;padding: 46px 20px 80px;}
.platform-list-item ul > li {width: 50%;}


.trading-two-col {padding: 40px 30px;}
.trading-box-cl fieldset.form-column {padding: 0 15px;}
.trading-box-cl .round-cls {margin: 0 -15px; }
.trading-box-cl .field.message-cl > label:after {width: 150px;right: 0;}
.trading-box-cl .field.message-cl > label:before {width: 150px;left: 0;}
.expert-team-section fieldset.form-columns-2 > .field {padding: 16px 7px;}
.detail-form {padding-top: 10px;}
.details-title {padding-top: 30px;}
.tooltips-msgs {right: 0;}



}

@media (max-width: 767px) {

.back-to-title {padding-top: 20px;}
.brokerage-left {width: 100%;}
.brokerage-right {width: 100%;padding-left: 15px;padding-right: 15px;}
.build-two-col {padding-top: 30px;}
.build-left , .build-right {width: 100%;}
.build-right {text-align: left;padding-top: 30px;}
.build-left {padding-right: 0;}
.box-card-column {padding-top: 40px;}
.box-col-innr {width: 100%;padding: 0;}
.box-three-col {margin: 0;}
.box-col-innr + .box-col-innr {padding-top: 40px;}
.products-box-column {padding-top: 40px;margin: 0;}
.products-box {padding: 0;width: 100%;}
.products-box + .products-box {padding-top: 40px;}
.brokerage-right-in {padding-bottom: 40px;padding-top: 30px;}
.build-title h1 {font-size: 24px;}
.brokerage-bg-img {padding-bottom: 200px;}



/*--------------------------   Regulation/become css ------------------------  */

.platform-left , .platform-right {width: 100%;}
.platform-right {padding: 40px 12px;}
.platform-list-item ul > li {width: 100%;padding: 12px 24px;}
.products-col-section {margin-top: 20px;padding-top: 20px;}
.marketing-list-item {padding-top: 20px;}
.marketing-list-item fieldset.form-column {width: 100%;}
.platform-list-item {padding-top: 20px;}
.next-button {position: absolute;left: 50%;transform: translateX(-50%);right: inherit;}



.expert-team-section fieldset.form-columns-2 {margin: 0;}
.expert-team-section fieldset.form-columns-2 > .field {width: 100%;padding-left: 0;padding-right: 0;}
.expert-title h1 {font-size: 26px; }
.details-title {padding-top: 20px;}
.expert-team-section input[type="submit"] {max-width: 100%;padding: 15px 40px;width: 100%;}
.expert-team-section fieldset.form-column-1 {margin: 0 !important;}
.expert-team-section fieldset.form-column-1 .field {padding: 0;}
.trading-left , .trading-right {width: 100%;}
.trading-two-col {padding: 40px 20px;}
.trading-right {padding-top: 20px;}
.trading-box-cl fieldset.form-column {padding: 8px 0;width: 100%;}
.trading-right {padding-left: 10px;}
.product-btm-cls {padding-top: 30px;}
.trading-box-cl .field.message-cl > label:before {display: none;}
.trading-box-cl .field.message-cl > label:after {display: none;}
.trading-box-cl .field.message-cl > textarea {min-height: 100px;padding: 18px;}
.trading-box-cl .fieldInner {padding-top: 10px;}

.tooltips-msgs {width: 100%;right: 0;padding: 15px;}
.tool-left-cl , .tool-right-cl {width: 100%;}
.tool-right-cl {padding-left: 0;padding-top: 20px;}
.expert-team-section fieldset.form-columns-2 {padding: 0;}
.expert-team-section input[type="submit"] {margin-top: 0;}
.expert-team-section fieldset.form-columns-2 > .field {padding-top: 10px;padding-bottom: 10px;}
a.popclose {top: 0;right: 0;}

.box-regulation-section, .prod-trading-section {padding-top: 50px;}



/*.brokerage-left {display: none;}*/
.brokerage-bg-img {padding: 24px 15px;}
.question-cons {position: absolute;top: 24px;right: 0;}
.question-content a {border: none !important;border-top-right-radius: 0;border-bottom-right-radius: 0; color: #16212C;}
.tst-title {color: #fff;line-height: 1.38;font-size: 26px;padding-top: 50px;}
.build-two-col {display: none !important;}
.company-logo {display: none !important;}
.box-card-column {padding-top: 0;}
.brokerage-two-column.active .box-regulation-section, .brokerage-two-column.active .prod-trading-section { padding-top: 15px;  }
.back-to-title { padding-top: 0;  }
.platform-left {display: none;}
.fieldInner .next-button {transform: none;}
.expert-team-section label.additional {top: 27px;}
.expert-team-section input[type=email] + label.additional {top: 17px;}
.expert-team-section .hs-input:focus + .additional, .expert-team-section .hs-input.filled + .additional, .expert-team-section .hs-input.error + .additional {top: 3px;}
.expert-team-section input[type="email"]:focus + .additional, .expert-team-section input[type="email"].filled + .additional, .expert-team-section input[type="email"].error + .additional {top: -6px;}

}
@media (max-width: 767px){

    .build-box-img {height: 180px;}
    }