
.has-search .form-control::placeholder {
    color: #9093A7;
    opacity: 1; /* Firefox */
}

.has-search .form-control::-ms-input-placeholder { /* Edge 12-18 */
    color: #9093A7;
}

.search-vform .frm-btn .btn{
    font-size: 16px;
    padding: 6px 25px;
    box-shadow: none;
}

.frm-btn{margin: 30px 0 15px;}

.search-vform .frm-btn .by-cmp,.search-vform1 .frm-btn .by-cmp{background: var(--btn-primerycolor);color: #fff;border-radius: 100px;box-shadow: none;}
.search-vform .frm-btn .by-ibin,.search-vform1 .frm-btn .by-ibin{color:var(--bluedark-color);}

.search-vform .by-cmp,.search-vform1 .by-cmp{
    color:#fff !important;
}

.search-vform1 .companytype:focus{box-shadow: none ;}

.frm-box .input-group{justify-content: center;}

.has-search{
    position: relative;
    display: inline-flex;
    width: 64%;
    background: #fff;
    padding: 5px;
    border-radius: 8px;
    border: 1px solid #D3D8FD;
}

.cmp_searchmodal .has-search{width: 45%;}

.has-search .fasearch-icon1{
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #71758E;
    top: 10px;
    left: 90px;
}

.has-search .form-control {
    padding-left: 2.9rem;
    height: 45px;
    border: 0;
    box-shadow: none;
    font-size: 20px;
}


.search_frmbtn{
    display: flex;
    background: #F0F2FF;
    border: 1px solid #D3D8FD;
    padding: 5px;
    border-radius: 8px;
}

.search_frmbtn .btn{
    font-size: 18px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 4px;
    color: #71758E;
    box-shadow: none;
}

.search_frmbtn .btn-exp{
    color: var(--blue-txtcolor);
    background: #fff;
    box-shadow: 0px 4px 4px #D0D1D9;
}



.search-vgcompany{
    padding: 80px 80px;
    background:var(--searchform-bgcolor);
    text-align: center;
    border-radius: 16px;
}

.search-vgcompany h3{color:#040A2C;font-size: 48px;margin-bottom: 0.8rem;font-weight: 400;}
.search-vgcompany p{color:#363C5F;font-size: 20px;}




/*---Company-search flag dropdown styles----*/

.trade-dropd{width:80px !important;padding: 0;border: 0;}

.pricing_frm .input-group-addon:not(:first-child):not(:last-child){
    border-right: 0;
    border-left: 0;
    background: transparent;
}
.phn_trade{border-left: 0;}
.pricing_frm .trade-dropd{
    padding-right:0px;
}

.otp-rquest_gtd .confirm-otp{ border: 0;outline: none;}

.otp-rquest_gtd .confirm-otp:focus{
    color: #333;
    background: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
}

.otp-rquest_gtd .otp-btn{box-shadow: none;}


.trade-dropd .custom-select {position: relative;}

.select-selected.form-control{padding: 6px 2px !important;}

.trade-dropd .select-selected img {
  width: 34px;
  height: 22px;
}

.trade-dropd .select-items {
    position: absolute;
    background-color: #fff;
    border: 1px solid #D3D8FD;
    width: 100%;
    top: 58px;
    left: 0;
    z-index: 99;
    display: none;
    max-height: 200px;
    overflow-y: auto;
    max-width: 400px;
    border-radius: 8px;
    padding: 10px;
}

.trade-dropd .fasearch-icon2{
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #71758E;
    top: 20px;
    left: 24px;
    font-size: 18px;
}

.trade-dropd .select-items div:first-child{border: 1px solid #D3D8FD;border-radius: 8px;}
.trade-dropd .select-items div:first-child:hover{background: none;}

.dropd-search{padding: 4px 4px !important;}

.trade-dropd .select-items div {
  padding:8px 2px;
  cursor: pointer;
  display: flex;
  /*align-items: center;*/
  font-size: 20px;
  border-radius: 8px;
  margin-bottom: 5px;
  text-align: left;
}

.trade-dropd .select-items div:hover {
  background-color: #F0F2FF;
}

.trade-dropd .select-items img {
  width: 35px;
  height: 24px;
  margin-right: 10px;
  margin-top: 5px;
}

.trade-dropd .show {
  display: block;
}
.trade-dropd .select-selected {
  background-color: #fff;
  padding: 6px 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 0;
  width: 85px;
  justify-content: space-between;
  position: relative;
  border-right: 2px solid rgba(211, 216, 253, 0.4);
}

.trade-dropd .select-selected span{
    position: relative;
    left: -25px;
    font-size: 18px;
}

/* Add arrow */
.trade-dropd .select-selected::after {
  content: '';
  border: 6px solid transparent;
  border-top-color: #000;
  position: absolute;
  right:7px;
  top: 60%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.3s;
}

.pricing_frm .padright-7{padding-right: 7px;}
.pricing_frm .padleft-7{padding-left: 7px;}

.btn_submit{margin-top: 16px;}
.btn-searchrating{
    border-radius: 8px;
    font-size: 16px;
    box-shadow: none !important;
    padding: 8px 70px;
    letter-spacing: 0px;
    font-weight: 500;
}

.btn_disable{background: var(--btn-bgsearch);color: var(--btn-txtsearch);}
.btn_enable{background:var(--btn-primerycolor);color:var(--white-txtcolor);}
.btn_enable:hover{color:var(--white-txtcolor);}
/*---End Company-search flag dropdown styles----*/


/*--Form-sec styles--*/

.form_sec{background-image: url('../images/form-bg.jpg');}

.frm-tbox{display: flex;justify-content: center;margin-top: 50px;}
.form_sec h3{text-align: center;font-size: 64px;color: #030B3E;margin-bottom: 20px;font-weight: 400;line-height: 55px;}
.form_sec .para-title{text-align: center;color: #030B3E;}
.form-container {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    max-width: 630px;
    width: 100%;
    justify-content: center;
}

.inner-p{padding: 55px 80px 35px;}

.form-container .frm_ctrl{
    height:56px;
    border-radius: 8px;
    border-color: #D0D1D9;
    padding: 10px 20px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-container .form-control:focus{
    box-shadow:none;
    border-color: var(--blue-txtcolor);
}

.form-container .frm_ctrl::placeholder {
    color:#9093A7;
}

.txtareafrm_ctrl{
    resize: none;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-container label{
    color: #363C5F;
    font-size: 14px;
}

.form-check-label a{color: #071988;text-decoration: underline;font-weight: 500;}

.form-container .btn-submit {
    font-weight: 500;
    border-radius: 8px;
    width: 100%;
    height: 56px;
    border: none;
    transition: all 0.3s ease;
    box-shadow: none;
}

.form-container .btnsub_disable{background-color: #F2F2F4;color: #9093A7;}
.form-container .btnsub_enable{background-color: #2537AD;color: #fff;}


.form-container .btn-sendmsg{
    font-weight: 500;
    border-radius: 8px;
    width: 45%;
    height: 56px;
    border: none;
    transition: all 0.3s ease;
    box-shadow: none;
}


.info-text{
    background: #F6F9FF;
    padding: 20px 0;
    border-radius: 0 0 16px 16px;
}

.info-text p{margin-bottom: 0;text-align: center;}
.info-text img{margin-right: 10px}


.custom-dropdown {position: relative;}
.custom-select-box {
    appearance: none;
    background-color: #fff;
    /* custom arrow EXACT MATCH */
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'><path d='M1 1l5 5 5-5' stroke='%231d3b78' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px;
}

.inner-contact{padding: 32px 35px 32px;}

.custom-select-cmp {
    appearance: none;
    background-color: #fff;
    /* custom arrow EXACT MATCH */
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'><path d='M1 1l5 5 5-5' stroke='%231d3b78' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px;
}

.dropd_sanc .form-control{
    height: 56px;
    border-radius: 8px;
    border-color: #D0D1D9;
    padding: 10px 25px;
    font-size: 16px;
    box-shadow: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dropd_sanc{
    max-width: 100%;
    display: flex;
    margin: 20px auto 0;
}

.disputevgcmp{padding: 10px 0 90px;}

.login-page{margin-top: 30px;}
.sign_up{margin-top: 30px;}

.frm-tbox .prev-frmlink span{color: #363C5F;}
.frm-tbox .prev-frmlink i{font-size: 12px;}

/*--End Form-sec styles--*/


@media(min-width:360px) and (max-width:576px){
   
}


@media(min-width: 360px) and (max-width: 490px){
    .login-page {margin-top: 55px;}
    .sign_up{margin-top: 55px;}

    .has-search .fasearch-icon1{top: 9px;left: 81px;font-size: 12px;width: 1rem;height: 2rem;}
    .search_frmbtn{padding: 4px;}
    .search_frmbtn .btn{font-size: 11px;padding: 0px 4px;}
    .btn-searchrating{font-size: 15px;}
    .btn-searchrating{padding: 8px 50px;}
    .search-vform .frm-btn .btn{font-size: 13px;padding:5px 12px;}

    .trade-dropd .select-selected{width: 72px;}
    .trade-dropd .select-selected span{left: -20px;font-size: 15px;}
    .trade-dropd .select-selected::after{border: 5px solid transparent;right: 6px;border-top-color: #000;}
    .trade-dropd {width: 78px !important;}
    .trade-dropd .select-selected img {width: 28px;height: 18px;}
    .trade-dropd .select-items img {width: 34px;height: 22px;margin-right: 4px;margin-top: 4px;}
    .trade-dropd .select-items div{font-size: 18px;}
    .trade-dropd .fasearch-icon2{width: 2rem;height: 2rem;top: 18px;left: 14px;font-size: 16px;}
    .has-search .form-control{padding-left: 2.2rem;}
    .has-search{padding: 4px;}
}


@media(min-width: 491px) and (max-width:767px){
    .search_frmbtn .btn{font-size: 15px;}
}

@media (min-width: 360px) and (max-width: 767px) {
    .cmp_searchmodal .has-search {width: 100%;}
    .has-search .form-control {font-size: 16px;height: 40px;}
    .search-vgcompany{padding: 25px 15px;}
    .search-vgcompany h3{font-size: 24px;}
    .search-vgcompany h3 br{display: none;}
    .search-vgcompany p{font-size: 16px;}
    .search-vgcompany p br{display: none;}
    .has-search{width: 100%;}
     
    
    .inner-p{padding: 25px 25px 25px;}
    .form_sec h3{font-size: 32px;margin-bottom: 10px !important;line-height: 38px;}
    .form_sec .para-title{line-height: 24px;}
    .frm-tbox{margin-top: 20px;}
    
}


@media(min-width:768px) and (max-width:991px){
    .cmp_searchmodal .has-search{width: 70%;}
    .search-vgcompany{padding: 50px 50px;}
    .search-vgcompany h3{font-size: 35px;}
    .search-vgcompany p{font-size: 18px;}
    .has-search{width: 80%;}
    .btn-searchrating{padding: 8px 50px;}
    
}


@media(min-width:992px) and (max-width:1024px){
    .cmp_searchmodal .has-search{width: 70%;}
    .search-vgcompany{padding: 60px 60px;}
    .has-search{width: 75%;}
    .search-vgcompany h3{font-size: 42px;}
    .search-vgcompany p{font-size: 18px;}
    .form_sec h3{font-size: 45px;line-height: 35px;}
    .frm-tbox{margin-top: 35px;}
}



@media(min-width:1025px) and (max-width:1199px){
    .cmp_searchmodal .has-search {width: 70%;}
    .search-vgcompany{padding: 65px 65px;}
    .has-search{width: 75%;}
    .search-vgcompany h3{font-size: 42px;}
    .search-vgcompany p{font-size: 18px;}
}


@media(min-width: 1200px) and (max-width: 1366px){
    .cmp_searchmodal .has-search {width: 55%;}
}




