html {
    scroll-behavior: smooth;
}
body {
	font-family: vazir;
    margin:0;
    padding:0;
    /* background-color: #e7e7e7; */ 
}
img {
    max-width: 100%;
}
button , input , select , textarea{
    font-family: vazir;
}

.content {
    width: 86%;
    background-color: #fff;
    margin: 5% 5%;
    padding: 2%;
    border-radius: 10px;
}

.title-box {
    width: 96%;
    background-color: #e2aaab;
    padding: 2%;
    border-radius: 20px;
    color: #fff;
    position: relative;
    height: 400PX;
    overflow: hidden;

}
.img-title-box {
    POSITION: ABSOLUTE;
    LEFT: 0;
    HEIGHT: 100%;
    TOP: 0;
}

.title-content h4 {
    font-size: 2vw;
}
.title-content h3 {
    font-size: 3vw;
}
.title-content h2 {
    font-size: 3.5vw;
    margin: 0;
}
.title-content {
    width: 36%;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 2%;
}

.form-box p {
    color: #fff;
    font-size: 25px;
    margin: 15px;
}
.form-box {
    background-color: #94a6d6;
    padding: 2%;
    margin-top: 3%;
    border-radius: 20px;
    display: table;
    width: 96%;
}
.submitform {
    width: 14%;
    border: none;
    height: 70px;
    float: right;
    border-radius: 10px;
    margin-right: 1%;
    background-color: #0c6a83;
    color: #fff;
    font-size: 20px;
}
.phonenumberinput {
    width: 85%;
    height: 70px;
    border-radius: 10px;
    border: none;
    float: right;
}

.before-after-box {
    display: table;
    width: 100%;
    margin-top: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.before-after-box img {
    width: 50%;
    float: right;
}


.laminate-table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    border-radius: 20px;
    overflow: hidden;
}
  
  .laminate-table td, .laminate-table th {
    border: 1px solid #ddd;
    padding: 8px;
  }
  
  .laminate-table tr:nth-child(even){background-color: #f2f2f2;}
  
  .laminate-table tr:hover {background-color: #ddd;}
  
  .laminate-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #4b5e91;
    color: white;
    text-align: center;
  }

  .composite-table th {
  
    background-color: #ff0000;


  }


  .composite-table th {
    background-color: #ab6a6b;
}


@media all and (max-width:1024px){ 


    .laminate-table {
        font-size: 4vw;
    }

    .title-content {
        position: relative;
        z-index: 9999;
        width: 50%;
    }
    .title-content h2 {
        font-size: 5vw;
    }
    .title-content h3 {
        font-size: 4vw;
    }

    .form-box p {
        font-size: 4vw;
    }

    .title-content h4 {
        font-size: 3vw;
    }
    .phonenumberinput {
        width: 100%;
        height: 100px;
        font-size:4.5vw;
    }

    .submitform {
        width: 100%;
        margin-right: 0;
        margin-top: 3%;
        font-size: 4vw;
        height: 100px;
    }

    .laminate-table tr td:nth-child(2){display: none;}
    .laminate-table tr th:nth-child(2){display: none;}


}