.parallex{
    position:fixed !important;
    top:0;
}

.absolute-position{
    bottom:0 !important;
    top:unset !important;
}

.header-area .main-header{
 background-color:rgba(26, 26, 26, 0.66) !important;   
}

.parallex img{
    width:100%;
}

.fixed-position{
    position:fixed !important;
}




.parallex .content{
    position:absolute;
    direction:rtl;
    text-align:right;
    top:34%;
    
}

.content span{
    position:relative;
     color:#131313;
    position:relative;
    z-index:2;
}

.content h1{
    font-family:Beirot,Ebrima;
    font-size:350%;
    font-weight:800;
    margin-bottom:50px;
}

.content h3{
    font-family:IranYekan,Ebrima;
    font-size:170%;
    margin-bottom:20px;
    
}

.content p{
    font-family:IranYekan;
    font-size:18px;
    
}

.squre{
   width:55px;
   height:55px;
   position:absolute;
   left:0;
   background-color:yellow;
   z-index:0;
   top:14%;
}

.letter{
    color:#131313;
    position:relative;
    z-index:2;
}

.section-2{
    position:absolute;
     box-shadow:0 7px 19px #000000a6;

}




.Section-2-BG img{
    width:100%;
}

.content-2{
        position:absolute;
    direction:rtl;
    text-align:right;
    width:27%;
    right:14%;
    top:20%;
   
}

.content-2 .squre{
   width:50px;
   height:50px;
   position:absolute;
   left:0;
   background-color:yellow;
   z-index:0;
   top:3%;
}

.content-2 span{
    position:relative;
     color:#282828;
    position:relative;
    z-index:2;
}

.content-2 h1{
    font-family:Beirot,Ebrima;
    font-size:250%;
    font-weight:800;
    margin-bottom:20px;
    color:#575757;
}

.content-2 h3{
    font-family:Beirot,Ebrima;
    font-size:330%;
    margin-bottom:20px;
    
}

.content-2 p{
    font-family:IranYekan;
    font-size:17px;
    color:#606060;
    line-height:35px;
    text-align:right;
    margin-bottom:35px;
    
}

.content-2 a{
    font-family:IranYekan;
    font-size:15px;
    border-radius:25px;
    background-color:#393939;
    color:white;
    padding:13px 30px;
    box-shadow:7px 10px 11px #00000054;
    transition:all 0.3s ease-in-out;
}

.content-2 a:hover{
    background-color:rgb(255,216,6);
    color:#282828;
}

.fixed-section-2{
    position:fixed;
    margin-top:0!important;
    top:0 !important;

}

.section-3{
    background:url("/media/images/NewStyle/img/Backup/BGPannel.png");
    background-size:cover;
    background-repeat:no-repeat;
    padding:11% 0 8%;
    position:relative;
    z-index:10;
   
}


.contactUs{
    position:absolute;
    top:0;
    left:0;
    width:65%;
    background-color:#4a4a4a;
    border-bottom-right-radius:100px;
    display:flex;
    box-shadow:0 5px 18px #00000075;
}

.contactUs p{
    direction:rtl;
    text-align:left;
    margin:0;
    font-size:18px;
    line-height:500%;
    padding-left:23%;
}

.line-height{
     line-height:500%;
}

.contactUs a{
    font-family:IranYekan;
    font-size:16px;
    border-radius:25px;
    background-color:#d2d2d2;
    color:#2f2f2f;
    padding:8px 28px;
    box-shadow:0 5px 5px #00000042;
    margin-left:30px;
    transition:all 0.3s ease-in-out;
}

.contactUs a:hover{
    background-color:rgb(255,216,6);
    
}


.container-3{
     width:1350px;
    margin:0 auto;

}

.form-col-6{
    flex:0 0 50%;
    max-width:50%;
       padding:15px;
}


.form-col-4{
    flex:0 0 33.33333%;
    max-width:33.33333%;
       padding:15px;
}

.form-col-3{
    flex:0 0 25%;
    max-width:25%;
        padding:15px;
}

form{
    direction:rtl;
    text-align:right;
    margin-top:35px;
}

.section-3{
    box-shadow:0 15px 30px #0000008a,0 -10px 30px #0003;
}


.content-3 span{
    position:relative;
     color:#131313;
    position:relative;
    z-index:2;
}

.content-3{
       
    direction:rtl;
    text-align:right;
   
}

.absolute-Image{
    position:absolute;
    width:100%;
    top:0;
    z-index:2;
}

.absolute-Image-2{
     position:absolute;
    width:100%;
    bottom:0;
    z-index:2;
}

.content-3 h1{
    font-family:Beirot,Ebrima;
    font-size:300%;
    font-weight:800;
    margin-bottom:10px;
    color:#424242;
}



.content-3 p{
    font-family:IranYekan;
    font-size:17px;
    color:#646363;
    margin-bottom:10px;
    
}

.content-3 .squre{
   width:50px;
   height:50px;
   position:absolute;
   left:0;
   background-color:yellow;
   z-index:0;
   top:11%;
}

.input--style-2{
    font-family:IranYekan,Ebrima;
    min-height:50px;
    padding:0 25px;
}

.innerStyleInput{
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 0 5px #0003;
}

textarea{
    width:100%;
    border:none !important;
    padding:15px 25px !important;
    min-height:150px !important;
    resize: none;
}

.position-relative{
    position:relative;
}

.absoluteArrow{
    position:absolute;
    z-index:10;
    left:7%;
}

.absoluteArrow i{
    line-height:50px;
    font-size:28px;
    color:#8a8a8a
}

footer{
     z-index:19;
}

.fixed_footer{
    position:fixed;
    bottom:0;
    width:100%;
    z-index:19;
}

.submitBtn{
    text-align:center;
    margin-top:40px;
}

.footer-area{
    background:linear-gradient(0deg, rgb(38, 38, 38) 0%, rgb(96, 96, 96) 100%) !important;
}

.footer-area .footer-top{
    border-bottom:1px solid #777 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:50px;
    font-family:IranYekan,Ebrima;
    color:#8a8a8a;
}

.select2-container--default .select2-selection--single{
    min-height:50px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display:none
}

.select2-container--default .select2-results > .select2-results__options{
    direction:rtl;
    text-align:right;
     font-family:IranYekan,Ebrima;
    color:#8a8a8a;
}

.select2-container--default .select2-results > .select2-results__options,.select2-results,.select2-container--open .select2-dropdown--below{
    border-radius:15px;
}

.select2-search--dropdown{
    display:none;
}


.btnSend{
    font-family:IranYekan;
    font-size:15px;
    border-radius:25px;
    background-color:#393939;
    color:white;
    padding:13px 30px;
    box-shadow:7px 10px 11px #00000054;
    transition:all 0.3s ease-in-out;
}

.btnSend:hover{
    background-color:rgb(255,216,6);
    color:#282828;
    cursor:pointer;
}

.swal2-popup .swal2-title{
     font-family:Beirot,Ebrima;
}

.swal2-popup #swal2-content{
    font-family:IranYekan,Ebrima;
    color:#8a8a8a;
    direction:rtl;
}

.swal2-popup .swal2-styled.swal2-confirm{
    font-family:IranYekan;
    font-size:15px;
    border-radius:25px !important;
    background-color:#393939 !important;
    color:white;
    padding:10px 35px;
    box-shadow:7px 10px 11px #00000054;
    transition:all 0.3s ease-in-out;
}

.swal2-popup .swal2-styled.swal2-confirm:hover{
   background-color:rgb(255,216,6) !important;
    color:#282828;
    cursor:pointer;
}


.custom-file-label{
     font-family:IranYekan;
    font-size:15px;
    color:#8a8a8a !important;
    height:50px !important;
    line-height:50px !important;
    padding:0 19px !important;
    margin:0;
}


.custom-file{
    height:50px !important;
}

.custom-file-input{
    height:50px !important;
}

.custom-file-label:after{
    display:none !important;
}


.custom-file-label:before{
      position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 50px;
    padding: 0 15px 0 25px;
    line-height: 50px;
    color: #495057;
    content: "جستجو";
    background-color:#e9ecef;
    border-right: 1px solid #ced4da;
}

#warning{
    font-size:14px;
    color:#c80000;
    display:none;
    margin-bottom:10px;
}

textarea{
    resize:none !important
}

.garanteeShow{
    display:none;
}


@media only screen and (max-width:1650px){
    .parallex .content{
        top:40%;
    }
    
    .content h1{
        font-size:290%;
        margin-bottom:35px;
    }
    
    .squre{
        width:50px;
        height:50px;
    }
    
    .content h3{
        font-size:150%;
    }
    
    .content p{
        font-size:16px;
    }
    
    .content-2 h1{
        font-size:210%;
    }
    
    .content-2 .squre{
        width:41px;
        height:41px
    }
    
    .content-2 p{
        line-height:32px;
        font-size:16px;
    }
    
    .content-2 a{
        font-size:14px;
        padding:11px 21px
    }
    
    .contactUs a{
        font-size:14px;
    }
    
    .container-3{
        width:1150px;
    }
    
    .contactUs{
        width:70%;
    }
    .contactUs p{
        font-size:17px;
    }
    
    .content-3 h1{
        font-size:270%;
    }
    
    .absoluteArrow{
        left:11%;
    }
}

@media only screen and (max-width:1500px){
        .content-2 p{
        line-height:30px;
        font-size:15px;
    }
    
    .content-2{
        width:29%;
    }
    
        .content-2 a{
        padding:10px 18px
    }
    
    .contactUs{
        width:76%;
    }
}

@media only screen and (max-width:1400px){
    .container-3{
        width:1000px;
        
    }
    
    .form-col-3,.form-col-6{
        padding:7px;
    }
    
    .contactUs p{
        font-size:16px;
        padding-left:17%
    }
}


@media only screen and (max-width:1300px){
    .content h1{
        font-size:250%;
        margin-bottom:30px;
    }
    
    .squre{
        width:42px;
        height:42px;
    }
    
    .content h3{
        font-size:120%;
        margin-bottom:10px;
    }
    
    .content p{
        font-size:14px;
    }
    
    .content-2 h1{
        font-size:180%;
    }
    
    .content-2{
        top:18%;
    }
    
    .content-2 p{
        line-height:27px;
        font-size:14px;
        margin-bottom:25px;
    }
    
    .content-2 a{
        font-size:13px;
    }
    
    .content-2 .squre{
        width:35px;
        height:35px;
    }
    
    .line-height{
        line-height:400%;
    }
    
    
    .contactUs p{
        line-height:400%
    }
    
    .contactUs{
        width:88%;
    }
    
    .content-3 h1{
        font-size:200%;
    }
    
    
    .content-3 .squre{
        height:36px;
        width:36px;
    }
    
    
    .content-3 p{
        font-size:16px;
    }
    
    .container-3{
        width:900px;
    }
}

@media only screen and (max-width:1250px){
    .content-2{
        width:37%;
    }
}

@media only screen and (max-width:1150px){
    .container-3{
        width:850px;
    }
    .content-2{
        top:17%;
    }
    
    .content-2 a{
        font-size:12px;
    }
}

@media only screen and (max-width:1000px){
   .contactUs{
       width:92%;
   }
}


@media only screen and (max-width:991px){
   .content-2{
       top:12%;
       width:76%;
   }
   
   .content-2 h1{
       font-size:150%;
   }
   
   .content-2 .squre{
       width:30px;
       height:30px;
   }
   
   .content-2 p{
       font-size:13px;
   }
   
   .contactUs{
       width:100%;
   }
   
   .container-3{
       width:720px;
   }
   
   .input--style-2,.select2-container .select2-selection--single, .select2-results__option {
       font-size:13px;
   }
   
   
   .content-3 h1{
       font-size:170%;
   }
   
   .content-3 .squre{
       width:30px;
       height:30px;
   }
   
   .content-3 p{
       font-size:15px;
   }
   
   .input--style-2,.select2-container--default .select2-selection--single{
       min-height:40px;
   }
   
   .select2-container--default .select2-selection--single .select2-selection__rendered, .absoluteArrow i{
       line-height:40px;
   }
   
   .form-col-3, .form-col-6{
       padding:5px 3px;
   }
   
   .btnSend{
       padding:7px 25px;
   }
   
   .custom-file, .custom-file-input, .custom-file-label{
       height:40px !important;
       line-height:40px !important;
       font-size:13px;
   }
   
   .custom-file-label::before{
       font-size:13px;
       line-height:40px;
       height:40px !important;
   }
   
   .section-3{
       padding:14% 0 8%;
   }
   
   .contactUs p{
       padding:0;
       font-size:13px;
       line-height:50px;
   }
   
   .contactUs a{
       font-size:13px;
       padding:5px 21px;
   }
   
   .line-height{
    line-height:50px
       
   }
   
   .contactUs{
       justify-content:center;
   }
}

@media only screen and (max-width:850px){
    .container-3{
        width:600px;
    }
    
    .form-col-3{
        flex:0 0 50%;
        max-width:50%;
    }
}

@media only screen and (max-width:800px){
  .content h1{
      font-size:200%;
      margin-bottom:20px;
  }
  
  .squre{
      width:34px;;
      height:34px;
  }
  
  .content h3{
      font-size:100%;
      font-weight:700;
  }
  
  .content p{
      font-size:13px;
  }
  
  .content-2 h1{
      margin-bottom:10px;
  }
  
  .content-2 p{
      margin-bottom:20px;
  }
}

@media only screen and (max-width:700px){
    .content-2 a{
        PADDING:7px 13px;
    }
    
    .container-3{
        width:73%;
    }
    
    .section-3{
        padding:17% 0 11%;
    }
    
    .content-2 p{
        line-height:24px;
        margin-bottom:10px;
        
    }
    
    form{
        margin-top:20px;
    }
}

@media only screen and (max-width:650px){
    .content-2 h1{
        margin-bottom:22px;
    }
    
    .content-2 p{
        line-height:31px;
        font-size:15px;
         margin-bottom:22px;
    }
    
    .content-2{
        top:17%
    }
    
    .section-3{
        padding:20% 0 14%;
    }
    
    #contactUsA{
        display:none;
    }
    
    .contactUs a{
        margin:0 3px;
        padding:5px 13px;
        font-size:12px;
    }
    
}

@media only screen and (max-width:576px){
    .squre{
        width:28px;
        height:28px;
    }
    
    .content h1{
        font-size:160%;
    }
    
    
    .parallex .content{
        width:75%;
    }
    
    .content-2{
        top:14%;
    }
}

@media only screen and (max-width:500px){
    .content-2 p{
        line-height:27px;
        font-size:15px;
        margin-bottom:20px;
    }
    
    .content-2{
        width:84%;
        right:8%;
    }
    
    .container-3{
        width:84%;
    }
    
    .parallex .content{
        width:84%;
        right:8% !important;
    }
    
    .form-col-3, .form-col-6{
        flex:0 0 100%;
        max-width:100%;
    }
    
    form{
        padding:0 7%;
    }
    
    .absoluteArrow{
        left:6%;
    }
}

@media only screen and (max-width:400px){
    .section-3{
        padding-top:30%;
    }
}