.content 
{
    margin-top: 2.5vw;
    margin-bottom: 9vw;
    padding: 0vw 5vw;
    color: #FFFFFF;
}

.breadcrumb 
{
    display: flex;
    align-items: center;
}

.breadcrumb a 
{
    cursor: pointer;
    text-decoration: none;
    color: #7B8C93;
}

.breadcrumb li 
{
    color: #FFFFFFCC;
    font-weight: 300;
    font-size: 14px;
    text-align: right;
    vertical-align: middle;
    margin: 0px 12px;
}

.icon1 
{
    margin-right: 0px !important;
}

.icon2 
{
    font-weight: 400 !important;
    font-size: 14px !important;
}

.textbox 
{
    margin-top: 5vw;
    height: auto;
}

.tbox1 
{
    float: left;
    padding-right: 0px;
    padding-left: 10vw;
}

.tbox1 h2
{
    margin-top: 3vw;
    margin-bottom: 2vw;
    font-weight: 700;
    font-size: 2.7vw;
    text-align: right;
    vertical-align: middle;
    line-height: 3.8vw;
}

.tbox1 p
{
    font-size: 1.3vw;
    line-height: 2vw;
    text-align: justify;
    vertical-align: middle;
}

.tbox1 h4
{
    font-weight: bold;
}

.tbox2 
{
    height: auto;
    width: auto;
    padding-left: 0px;
    height: 24vw;
}

.tbox2 img
{
    width: 21vw;
    border-radius: 4px;
}

.rowfounder
{
    margin-top: 15vw;
    display: flex;
    justify-content: center;
    height: 38vw;
}

.area
{
    border: 1px solid #949494;
    display: flex;
    justify-content: center;
}

.area2
{
    height: 34vw;
    border: 1px solid #949494;
    margin-top: 2vw;
    transform: rotate(45deg);
}


.titlefa .row
{
    display: flex;
    justify-content: center;
    margin-top: 3vw;
}

.titlefa .row .m-4
{
    margin: 1.1vw ;
}

.title1
{
    background: #9494944D;
    border-radius: 0.7vw;
    border: 1px solid #c7c1c1;
    width: auto;
    height: auto;
    z-index: 1;
}

.title2
{
    background: #94949480;
    border-radius: 0.7vw;
    border: 1px solid #c7c1c1;
    width: auto;
    height: auto;
    z-index: 1;
}

.title3
{
    background: #FFFFFFCC;
    border-radius: 0.7vw;
    border: 1px solid #c7c1c1;
    color: #000;
    width: 8vw;
    height: 8vw;
    z-index: 1;
}

.title3 p
{
    font-size: 1.3vw;
    font-weight: bold;
    margin-top: 0.1vw;
    line-height: 2vw;
}

.container85 
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    margin-top: 24vw;
}
  
.square 
{
    width: 680px;
    height: 680px;
    border: 3px solid #949494;
    position: relative;
}
  
.diamond 
{
    width: 470px;
    height: 470px;
    border: 3px solid #949494;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    display: flex;
    justify-content: center;
    align-items: center;
}
  
.diamond-content 
{
    transform: rotate(-45deg);
    color: #fff;
}
  
.boxt1t 
{
    width: 40px;
    height: 40px;
    background: #ff5252;
    position: absolute;
}
  
  /* بالا */
.top-left   { top: -20px; left: 0; }
.top-center { top: -20px; left: 50%; transform: translateX(-50%); }
.top-right  { top: -20px; right: 0; }
  
  /* وسط */
.middle-left   { top: 50%; left: 0; transform: translateY(-50%); }
.middle-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.middle-right  { top: 50%; right: 0; transform: translateY(-50%); }
  
  /* پایین */
.bottom-left   { bottom: -20px; left: 0; }
.bottom-center { bottom: -20px; left: 50%; transform: translateX(-50%); }
.bottom-right  { bottom: -20px; right: 0; }

.title1
{
    background: #9494944D;
    border-radius: 0.7vw;
    border: 1px solid #c7c1c1;
    width: 19.5vw;
    height: 19.5vw;
}

.title2
{
    background: #94949480;
    border-radius: 0.7vw;
    border: 1px solid #c7c1c1;
    width: 18.2vw;
    height: 18.2vw;
}

.title3
{
    background: #FFFFFFCC;
    border-radius: 0.7vw;
    border: 1px solid #c7c1c1;
    color: #000;
    width: 16.7vw;
    height: 16.7vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title3 p
{
    font-size: 1.3vw;
    font-weight: bold;
    margin-top: 0.1vw;
    line-height: 2vw;
}



.title11
{
    background: #9494944D;
    border-radius: 0.7vw;
    border: 1px solid #c7c1c1;
    width: 16.5vw;
    height: 16.5vw;
}

.title22
{
    background: #94949480;
    border-radius: 0.7vw;
    border: 1px solid #c7c1c1;
    width: 15.2vw;
    height: 15.2vw;
}

.title33
{
    background: #FFFFFFCC;
    border-radius: 0.7vw;
    border: 1px solid #c7c1c1;
    color: #000;
    width: 13.7vw;
    height: 13.7vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title33 p
{
    font-size: 1.3vw;
    font-weight: bold;
    margin-top: 0.1vw;
    line-height: 2vw;
}


.b1l 
{
    position: absolute;
    top: -22px !important;     
    left: -25px !important; 
    transform: translate(-50%, -50%); 
}

.b1r 
{
    position: absolute;
    top: -21px;
    right: -24px;
    transform: translate(50%, -50%);
}

.b1m 
{
    position: absolute;
    top: -21px;
    right: 58px;
    transform: translate(-50%,-50%);
}


.b2l 
{
    position: absolute;
    top: 47%;
    left: -149px;
    transform: translateY(-50%);
}

.b2m 
{
    position: absolute;
    top: 47%; 
    left: 47%;
    transform: translate(-50%, -50%);
}

.b2r 
{
    position: absolute;
    top: 47%;
    right: -22%;
    transform: translateY(-50%);
}

.b3l 
{
    position: absolute;
    top: 50%;
    left: -172px;
    transform: translateY(55%);
}

.b3m
{
    position: absolute;
    top: 47%; 
    left: 47%;
    transform: translate(-50%, 82%);
}

.b3r
{
    position: absolute;
    top: 96%;
    right: -26%;
    transform: translateY(-50%);
}

.form1
{
    margin-top: 18vw;
}

.form1 p
{
    margin-top: 1vw;
    color: #FFFFFF80;
}

.form1 a
{
    color: #FFFFFF !important;
    cursor: pointer;
    text-decoration: none;
}

.form12
{
    margin-top: 3vw;
}

.form12 input
{
    margin-top: 1vw;
    background-color: #1E1C1D;
    color: #fff;
    border-radius: 5px;
    height: 3vw;
    border: 1px solid #FFFFFF80;
}

.form13
{
    margin-top: 3vw;
}

.form13 h6
{
    margin-bottom: 1vw;
}

.form13 textarea
{
    height: 15vw;
    background-color: #1E1C1D;
    border: 1px solid #7B8C93;
    border-radius: 5px;
}

.form14
{
    margin: 2vw 0px;
    border-radius: 6px;
    border: 2px dashed #C2C5C6;
    height: 15vw;
    background: #9494941A;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.form14 h6
{
    color: #FFFFFF80;
    text-align: center;
    margin-bottom: 1vw;
}

.form14 input
{
    background: #1E1C1D;
    border-radius: 5px;
}

.form14 label
{
    border: 1px solid;
    padding: 0.5vw 1vw;
    border-radius: 5px;
    cursor: pointer;
}

.btnsuccess
{
    border: 2px solid #fff;
    border-radius: 5px;
    height: 3vw;
    cursor: pointer;
    transition: all 0.3s;
    background-color: #9494941A;
    color: #fff;
}

.btnsuccess:hover
{
    background-color: #fff;
    color: #000;
    transition: all 0.3s;
}

@media(max-width:650px)
{
    .breadcrumb li 
    {
        font-size: 2.5vw !important;
        margin: 0px 5px;
    }

    .tbox2 
    {
        height: 35vw;
        width: 100%;
        margin-top: 6vw;
    }

    .tbox2 video 
    {
        background-color: #D9D9D9;
        margin-right: 19vw;
    }

    .tbox1 h2 
    {
        text-align: center;
        margin-top: 25vw;
        font-size: 3.2vw;
        margin-bottom: 8vw;
    }

    .h4238
    {
        display: none;
    }

    .tbox1
    {
        margin-top: 25vw;
        text-align: center;
        padding-left: 0px;
    }

    .fonth4
    {
        font-size: 4vw;
    }

    .square
    {
        width: 65vw;
        height: 65vw;
    }

    .diamond 
    {
        width: 47vw;
        height: 44vw;
    }

    .b2l 
    {
        position: absolute;
        top: 39%;
        left: -26%;
        transform: translateY(-50%);
    }

    .b2m 
    {
        position: absolute;
        top: 39%;
        left: 38%;
        transform: translate(-50%, -50%);
    }

    .b2r 
    {
        position: absolute;
        top: 41%;
        right: -26%;
        transform: translateY(-50%);
    }

    .b3l 
    {
        position: absolute;
        top: 45%;
        left: -31%;
        transform: translateY(55%);
    }

    .b3m
    {
        position: absolute;
        top: 49%;
        left: 40%;
        transform: translate(-50%, 82%);
    }

    .b3r
    {
        position: absolute;
        top: 90%;
        right: -33%;
        transform: translateY(-50%);
    }

    .b1m 
    {
        position: absolute;
        top: -21px;
        right: 25px;
        transform: translate(-50%, -50%);
    }

    .title1
    {
       width: 27vw;
        height: 27vw;
        padding: 0px !important;
    }

    .title2
    {
        width: 24.2vw;
        height: 24.2vw;
    }

    .title3
    {
        width: 21.7vw;
        height: 21.7vw;
        margin: 0px !important;
    }

    .title3 p
    {
        font-size: 1.8vw;
        margin-bottom: 0px;
    }

    .title11
    {
        width: 19.5vw;
        height: 19.5vw;
        padding: 0px !important;
    }

    .title22
    {
        width: 17vw;
        height: 16.8vw;
    }

    .title33
    {
        width: 14.4vw;
        height: 14vw;
        margin: 0px !important;
    }

    .title33 p
    {
        font-size: 2vw;
        margin-bottom: 0px;
    }

    .container85
    {
        height: 45vh;
        margin-top: 13vw;
    }

    .form1 h4
    {
        font-size: 3vw;
        margin-bottom: 4vw;
    }

    .form1 p
    {
        font-size: 2vw;
    }

    .form1 h6
    {
        font-size: 3vw;
        margin-bottom: 0px;
    }

    .form1 input
    {
        height: 7vw;
    }

    .form1 .col-6
    {
        padding: 0.9vw;
    }

    .form13 h6
    {
        margin-bottom: 3vw;
    }

    .form13 textarea
    {
        height: 50vw;
    }

    .form14
    {
        height: 30vw;
    }

    .form14 label 
    {
        font-size: 2vw;
    }

    .form14 svg
    {
        height: 3vw;
    }


    .form13 textarea::placeholder
    {
        font-size: 3vw;
    }

    .form1 input::placeholder
    {
        font-size: 3vw;
    }

    .br23
    {
        display: none;
    }

    .tbox1 p
    {
        font-size: 3vw;
        line-height: 5vw;
    }

    .tbox2 
    {
    
        text-align: center;
    }
    
    .tbox2 img 
    {
        display: inline-block; 
        margin: 0 auto;
        height: 54vw;
        width: 45vw;
    }

    .form14 h6
    {
        font-size: 2.6vw;
        margin-bottom: 5vw;
    }

    .btnsuccess
    {
        height: 10vw;
        font-size: 3vw;
    }

}