.tsk_contactHead{
width: 90%;
margin: 2vw auto;
}

.tsk_contactHead p{
color: black;
text-align: center;
font-size: 2vw;
margin-bottom: 1vw;
}

.contact_tel:hover{
color:#00A6FC;
transition: .6s;
}

.tsk_contactHead_flex{
display: flex;
margin: 1vw auto;
justify-content: center;
align-items: center;
}

.tsk_numberBox{
width: 5vw;
height: 5vw;
background-color: #00A6FC;
transform: rotate(45deg);
display: flex;
justify-content: center;
align-items: center;
color: white;
margin-left: 1vw;
}

.tsk_contactHead_flex b{
transform: rotate(-45deg);
font-size: 3vw;
}

.tsk_contactHead_flex p{
font-size: 1.5vw;
margin-left: 2vw;
width: 5vw;
}

.whiteBorder{
border-bottom: none;
}

.contact_company_txt{
color: black;
}

.contact_nav_li{
color: black;
border-bottom: 2px solid black;
}

.contact_nav_a{
color: black;
}

.contact_dorwer_btn span{
background-color: black;
}


.tsk_contactForm_section{
width: 100%;
margin: 2vw 0;
}

.tsk_contactForm_section h2{
font-size: 1.5vw;
margin-left: 5vw;
}
.tsk_contactForm_section strong{
font-size: 1.5vw;
color: red;
font-weight: bold;
}

.tsk_formArea{
width: 90vw;
margin: 0 auto 2vw;
background-color: #F3F3F3;
padding: 2vw;
}

.tsk_formhead_flex{
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 4vw;
}

.tsk_formhead_flex p{
font-size: 1.2vw;
}

.tsk_formhead_flex b{
font-size: 1.2vw;
color: red;
font-weight: bold;
}

.tsk_formhead_box p{
font-size: 1.2vw;
margin-left: 4vw;
}

.tsk_inputBox{
width: 90%;
display: flex;
justify-content: center;
align-items: center;
height: 4vw;
border: .5px solid black;
margin: 0 auto 1vw;
}

.tsk_inputBox input{
border: none;
height: 100%;
width: 100%;
display: flex;
align-items: center;
padding-top: .3vw;
}

::placeholder {
color: rgb(118, 118, 118);
font-size: 1.5vw;
display: flex;
align-items: center;
padding-left: 1vw;
}


.tsk_formArea h4{
font-size: 1.1vw;
margin-left: 5vw;
margin-top: -1vw;
margin-bottom: 2vw;
}

select{
width: 25vw;
height: 4vw;
margin-left: 4.3vw;
margin-bottom: 1vw;
font-size: 1.2vw;
}

option{
font-size: 1.5vw;
}

.tsk_textArea_box{
width: 90%;
height: 25vw;
display: flex;
justify-content: center;
align-items: center;
border: .5px solid black;
margin: 0 auto 1vw;
}

.tsk_textArea_box textarea{
border: none;
height: 100%;
width: 100%;
display: flex;
align-items: center;
padding-top: .3vw;
}

.tsk_formButtom_flex{
width: 80%;
margin: 1.5vw auto;
display: flex;
justify-content: center;
align-items: center;
}

.tsk_formButton_1{
height: 4vw;
width: 20vw;
background-color: #00A6FC;
border: .2vw solid #00A6FC;
font-size: 2vw;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
transition: all .5s;
border-radius: .5vw;
margin-right: 1vw;
}

.tsk_formButton_1 input{
height: 100%;
width: 100%;
border: none;
background-color: inherit;
font-size: 2vw;
color: white;
border-radius: .5vw;
}

.tsk_formButton_2{
height: 4vw;
width: 20vw;
background-color: white;
border: .2vw solid #00A6FC;
color: black;
font-size: 2vw;
display: flex;
justify-content: center;
align-items: center;
transition: all .5s;
border-radius: .5vw;
margin-left: 1vw;
}

.tsk_formButton_2 input{
height: 100%;
width: 100%;
border: none;
background-color: inherit;
font-size: 2vw;
border-radius: .5vw;
}

.tsk_formButton_1:hover{
background-color: white;
color: black;
transition: .4s;
}

.tsk_formButton_2:hover{
background-color: #00A6FC;
color: white;
transition: .4s;
}

.tsk_formButton_1 input:hover{
color: black;
transition: .4s;
}

.tsk_formButton_2 input:hover{
color: white;
transition: .4s;
}

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

    .tsk_contactHead{
        width: 90%;
        margin: 15px auto;
        }
        
        .tsk_contactHead p{
        color: black;
        text-align: center;
        font-size: 17px;
        margin-bottom: 0px;
        }
        
        .tsk_contactHead_flex{
        display: flex;
        margin-left: 50px;
        justify-content: center;
        align-items: center;
        }
        
        .tsk_numberBox{
        width: 45px;
        height: 45px;
        background-color: #00A6FC;
        transform: rotate(45deg);
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        margin-left: 10px;
        }
        
        .tsk_contactHead_flex b{
        transform: rotate(-45deg);
        font-size: 18px;
        }
        
        .tsk_contactHead_flex p{
        font-size: 15px;
        margin-left: 15px;
        width: 40px;
        }
        
        .tsk_contactForm_section{
        width: 100%;
        margin: 15px 0;
        }
        
        .tsk_contactForm_section h2{
        font-size: 17px;
        margin-top: 30px;
        margin-left: 20px;
        }
        .tsk_contactForm_section strong{
        font-size: 17px;
        color: red;
        font-weight: bold;
        }
        
        .tsk_formArea{
        width: 90vw;
        margin: 0 auto 2vw;
        background-color: #F3F3F3;
        padding: 2vw;
        }
        
        .tsk_formhead_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: 20px;
        }
        
        .tsk_formhead_flex p{
        font-size: 14px;
        }
        
        .tsk_formhead_flex b{
        font-size: 14px;
        color: red;
        font-weight: bold;
        }
        
        .tsk_formhead_box p{
        font-size: 14px;
        margin-left: 20px;
        }
        
        .tsk_inputBox{
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        border: 0.5px solid black;
        margin: 0 auto 11px;
        }
        
        .tsk_inputBox input{
        border: none;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        padding-top: .3vw;
        }
        
        ::placeholder {
        color: rgb(118, 118, 118);
        font-size: 15px;
        display: flex;
        align-items: center;
        padding-left: 8px;
        }
        
        
        .tsk_formArea h4{
        font-size: 12px;
        margin-left: 20px;
        margin-top: -10px;
        margin-bottom: 6px;
        }
        
        select{
        width: 180px;
        height: 25px;
        margin-left: 22px;
        margin-bottom: 9px;
        font-size: 13px;
        }
        
        option{
        font-size: 1.5vw;
        }
        
        .tsk_textArea_box{
        width: 90%;
        height: 125px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: .5px solid black;
        margin: 0 auto 1vw;
        }
        
        .tsk_textArea_box textarea{
        border: none;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        padding-top: .3vw;
        }
        
        .tsk_formButtom_flex{
        width: 80%;
        margin: 1.5vw auto;
        display: flex;
        justify-content: center;
        align-items: center;
        }
        
        .tsk_formButton_1{
        height: 45px;
        width: 135px;
        background-color: #00A6FC;
        border: 2px solid #00A6FC;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        transition: all .5s;
        border-radius: 0.5vw;
        margin-right: 10px;
        }
        
        .tsk_formButton_1 input{
        height: 100%;
        width: 100%;
        border: none;
        background-color: inherit;
        font-size: 18px;
        color: white;
        border-radius: .5vw;
        }
        
        .tsk_formButton_2{
        height: 45px;
        width: 135px;
        background-color: white;
        border: 2px solid #00A6FC;
        color: black;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .5s;
        border-radius: .5vw;
        margin-left: 10px;
        }
        
        .tsk_formButton_2 input{
        height: 100%;
        width: 100%;
        border: none;
        background-color: inherit;
        font-size: 18px;
        border-radius: .5vw;
        }
        
        .tsk_formButton_1:hover{
        background-color: white;
        color: black;
        }
        
        .tsk_formButton_2:hover{
        background-color: #00A6FC;
        color: white;
        }
        
        .tsk_formButton_1 input:hover{
        color: black;
        }
        
        .tsk_formButton_2 input:hover{
        color: white;
        }
}

@media all and (max-width:391px){
textarea::placeholder{
font-size: 13px;
}

.tsk_contactHead_flex{
display: flex;
margin-left: 5px;
justify-content: center;
align-items: center;
}

.tsk_numberBox{
width: 35px;
height: 35px;
background-color: #00A6FC;
transform: rotate(45deg);
display: flex;
justify-content: center;
align-items: center;
color: white;
margin-left: 7px;
}
}