/* 
 Theme Name:   Isoft
 Theme URI:    https://dev1.isoft-digital.net/metal/homepage/
 Description:  Isoft Child Theme
 Author:       admin
 Author URI:   https://dev1.isoft-digital.net/metal
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

.green-color{
	color: #81CB74;
}

.sus-border-line::before {
    background-image: url(https://dev1.isoft-digital.net/metal/wp-content/uploads/2025/08/sus-border-scaled.png) !important;
    content: "";
    display: block;
    background-size: 100% 100%;
    background-position: center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0px;
    position: absolute;
}

.sus-btn{
	position: absolute;
    top: 40px;
    width: 38%;
    right: 1%;
    height: 100px;
}

.sus-border-line {
    height: calc(100% + 270px) !important;
    position: relative;
    bottom: 5px;
    z-index: 10000;
}

.sus-mbl-cont{
	display: none;
}

/* .....Trade Form...... */
.trade-form br {
    display: none;
}

.trade-form .wpcf7 form p {
	width: 100%;
}

.trade-form .wpcf7-form-control-wrap {
    display: inline-block;
    flex: 1;
    min-width: 19%;
    margin-right: 1%;
    vertical-align: top;
}

.trade-form select {
    width: 100%;
    box-sizing: border-box;
	background-color: #222222;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    border: none;
}

/* ......Trade Form Select Arrow........ */
/* Default arrow hide */
.trade-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* Custom down triangle (SVG) */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1l5 6 5-6' fill='%2381CB74'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;  /* Safari/Chrome */
  background-size: 12px 8px;

  padding-right: 40px;
  box-sizing: border-box;
}

/* Edge/IE default arrow hide */
.trade-form select::-ms-expand {
  display: none;
}

/* Firefox align tweak */
@-moz-document url-prefix() {
  .trade-form select {
    background-position: calc(100% - 12px) center;
  }
}

/* Optional: hover/focus states */
.trade-form select:focus {
  outline: 2px solid #81CB74;
  outline-offset: 1px;
}

@media (max-width: 3840px) {
.mbl-hdg-84 h2{
	font-size: 84px !important;
	line-height: 70px !important;
}
.mbl-hdg-44 h2{
	font-size: 44px !important;		
}
}

@media (max-width: 2560px) {
.sus-btn{
    height: 100px;
}
.sus-hdg h2 {
    font-size: 62px !important;
	margin-top: 7%;
}
.mbl-hdg-84 h2{
	font-size: 84px !important;
	line-height: 70px !important;
}
.mbl-hdg-44 h2{
	font-size: 44px !important;		
}
}

@media (max-width: 1920px) {
.sus-btn{
    height: 100px;
}
.sus-hdg h2 {
    font-size: 62px !important;
	margin-top: 7%;
}
.mbl-hdg-84 h2{
	font-size: 84px !important;
	line-height: 70px !important;
}
.mbl-hdg-44 h2{
	font-size: 44px !important;		
}
}

@media (max-width: 1024px) {
.sus-btn {
        height: 115px;
}
.sus-hdg h2 {
    font-size: 62px !important;
	margin-top: 7%;
}
}

@media (max-width: 960px) {
.sus-hdg h2 {
        font-size: 55px !important;
    }
}

@media (max-width: 840px) {
.sus-btn {
        height: 160px;
}
.sus-hdg h2 {
        font-size: 40px !important;
        margin-top: 24%;
}
}

@media (max-width: 768px) {
	.trade-form p {
        flex-direction: column;
    }
    .trade-form .wpcf7-form-control-wrap {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 660px) {
.sus-btn {
    position: unset;
	width: 100%;
}
.sus-mbl-empty-col{
		display: none;
}
.sus-border-line{
	display: none;		
}
.sus-mbl-cont {
    border: solid 3px #61CE70;
    border-radius: 5px;
}
.sus-mbl-hdg h2{
	font-size: 30px !important;		
}
.sus-old-hdg h2{
	font-size: 30px !important;
}
.sus-main-mbl {
    padding-right: 85px;
    padding-left: 85px;
}
.sus-mbl-cont{
		display: block;
}
.inner-hero-hdg h2 {
    font-size: 50px !important;
    line-height: 60px !important;
}
}