* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}


/* banner section css */

.mith-banner-container {
    width: 100%;
    height: 400px;
    position: relative;
}

.mith-banner-image {
    width: 100%;
    height: 100%;
}

.mith-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wpcf7 form .wpcf7-response-output{
	color: white;
}

form input{
	padding-left:4px;
/*     padding-right:12%; */
}
form textarea{
	padding:12px;
}
.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #181D31;
    opacity: 0.3;
}

.banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 14px 32px;
    background: #000000;
    opacity: 0.7;
}


.banner-text>h1 {

    font-size: 50px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    line-height: 1.6;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
}

/* banner section responsive */
@media(max-width:992px) {
    .banner-text>h1 {
        font-size: 32px;
    }

}

@media(max-width:768px) {
    .banner-text>h1 {
        font-size: 24px;
    }
}

@media(max-width:567px) {
    .banner-text>h1 {
        font-size: 18px;
    }
}

/* end of the banner section reponsive */

/* end of banner section */


/* contact form css */

.mith-contact-container {
    margin-top: 24px;
    margin-bottom: 32px;
}

.mith-contact-wrapper {
    max-width: 1200px;
    margin: auto;
}

.mith-get-in-touch {
    margin-top: 36px;
    margin-bottom: 54px;
}


.mith-get-in-touch-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;

}

.get-in-touch-title {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    line-height: 1.6;
    text-transform: uppercase;
    color: #181D31;
    margin-bottom: 24px;
}


.gtc-list>img {
    width: 12.5%;
    height: 12.5%;
    object-fit: cover;

}

.gtc-icons {
    margin-bottom: 12px;
}

.gtc-icons a {
    text-decoration: none;

}

a:hover {
    color: unset;
}

.mith-gtc {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: #000000;
}


.mith-gtc img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    margin-right: 22px;
}

.mith-contact2 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: #000000;
}


.follows-us-title {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    line-height: 1.6;
    text-transform: uppercase;
    color: #181D31;
    margin-top: 12px;
    margin-bottom: 24px;
}


.social-media-icon-container {
    display: flex;
    gap: 16px;
}

.social-media-icon img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}




/* form css */

.mith-contactus-form {
    width: 90%;
    margin: auto;
}

.mith-contact-heading, .iframe-title {
    font-size: 32px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase;
    color: #181D31;
}

.mith-contact-form-container {
    background: #181D31;

}



.contactus-form-wrapper {
    width: 90%;
    margin: auto;
    padding-top: 36px;
    padding-bottom: 36px;
}

.contactus-form-wrapper>label {

    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: #ffffff;
    margin-bottom: 7px;
}


.contactus-form-wrapper>input {

    width: 100%;
    height: 50px;
    border: none;
    margin-bottom: 12px;
}

.contactus-form-wrapper>textarea {
    width: 100%;
    border: none;
    margin-bottom: 12px;
}

.contactus-label-flex1 {
    display: flex;
    gap: 24px;
    padding-bottom: 12px;
    width: 100%;
}

.contactus-label-1 {
    width: 50%;
}

.contactus-label-2 {
    width: 50%;
}

.contactus-label-1>label {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: #ffffff;
    margin-bottom: 7px;
}

.contactus-label-1>input {
    width: 100%;
    height: 50px;
    border: none;
    margin-bottom: 12px;
}


.contactus-label-2>label {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: #ffffff;
    margin-bottom: 7px;
}


.contactus-label-2>input {
    width: 100%;
    height: 50px;
    border: none;
    margin-bottom: 12px;
}

.contactus-label-flex2 {
    display: flex;
    gap: 24px;
    padding-bottom: 12px;
    width: 100%;
}

.contactus-button-box {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}


.wpcf7 p label{
font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: #ffffff;
    margin-bottom: 7px;
}

.wpcf7 textarea{
width:100% !important;
}

.wpcf7 p input{
   width:100% !important;
    height: 50px;
    border: none;
    margin-bottom: 12px;
}

.contactus-button-box>p>input{
	width: fit-content !important;
}

.contactus-button {
    text-decoration: none;
    color: #000000;
    background: #ffffff;
    padding: 9px 32px;
    border: 2px solid #000000;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Quicksand", sans-serif;
}


.contactus-button:hover {
    background: #000000;
    color: #ffffff;
}



.star {
    color: #ffffff;
}


.iframe-container-wrapper iframe{
    width: 100% !important;
/* 	height: 450px; */
}


/* form responsive css  */
@media(max-width:992px) {

    .mith-contactus-form {
        width: 95%;
    }
}


@media(max-width:768px) {


    .mith-get-in-touch-wrapper {
        align-items: flex-start;
    }

    .mith-contactus-form {
        width: 100%;
        margin: unset;
    }

    .mith-get-in-touch {
        margin-top: 12px;
    }

    .get-in-touch-title {
        font-size: 25px;
        margin-bottom: 7px;
    }


    .follows-us-title {
        font-size: 25px;
        margin-bottom: 7px;
    }


    .mith-gtc {
        font-size: 18px;
    }

    .mith-gtc img {
        margin-right: 12px;
    }

    .mith-contact2 {
        font-size: 18px;
    }

    .mith-contact-heading, .iframe-title {
        font-size: 25px;
    }
}



@media(max-width:425px) {

    .contactus-form-wrapper>input {
        height: 40px;
    }

    .contactus-label-1>input {
        height: 40px;
    }

    .contactus-label-2>input {
        height: 40px;
    }
}



/* end of form responsive css */

/* end of contact form css */