@import url("styles.css");

.home-banner-gl{position:relative; max-height: 570px; overflow: hidden;}
.home-banner-gl img { margin: 0 auto;}
.home-banner-gl .banner-text-gl { position: absolute;  width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.home-banner-gl .banner-text-gl h1{font-size:80px;font-family: "Roboto-Black";color:#fff;margin:0;}
.home-banner-gl .banner-text-gl p { font-size: 24px; font-family: "Roboto-Regular"; color: #fff; max-width: 680px; width: 100%; margin-bottom: 0;}
/****************************banner section end here*****************************/

.f-barrister-gl{padding:50px 0px;}
.f-barrister-gl h2{font-size:40px; font-family: "Roboto-Light";color:#324064;position:relative;margin:0;}
.f-barrister-gl h2 span{font-size:40px; font-family: "Roboto-Black";color:#324064;}
.f-barrister-gl h2:before{ content:"";position:absolute;bottom:0px;height:3px;background-color:#79c14f;width:70px;}
form.barrister-form-wrap-gl{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex;display:-ms-flex; width: 100%;align-items:flex-end;flex-flow:wrap; margin-top:30px;}
form.barrister-form-wrap-gl .f-form-left-gl{ width:65%;display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex;display:-ms-flex; justify-content: space-between;position:relative;}
form.barrister-form-wrap-gl .f-form-left-gl span.and-middle-gl{position:absolute; font-family:"Roboto-Medium"; top: 27px; left: 41%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  color: #324064;    font-size: 18px;}
form.barrister-form-wrap-gl .f-form-left-gl .form-group:nth-child(1){ max-width:286px;width:100%;}
form.barrister-form-wrap-gl .f-form-left-gl .form-group{ max-width:450px; width:100%; position:relative; margin-bottom: 0px;}
form.barrister-form-wrap-gl .f-form-left-gl .form-group label{font-size:18px;color:#324064;display:block;font-family: "Roboto-Bold";text-transform:uppercase; font-weight:unset;}
form.barrister-form-wrap-gl .f-form-left-gl .form-group input{ height: 57px; border: 1px solid #324064; width: 100%; padding: 0px 20px;  border-radius: 40px !important; color: #324064 !important; font-size: 18px !important; font-family:"Roboto-Bold" !important;}
form.barrister-form-wrap-gl .f-form-left-gl .form-group select { height: 57px; border: 1px solid #324064; width: 100%; padding: 0px 20px; border-radius: 40px !important; color: #324064 !important; font-size: 18px !important; font-family:"Roboto-Bold" !important; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important;     background-color: transparent;}
form.barrister-form-wrap-gl .f-form-left-gl .form-group select option{color:#324064;font-size:18px; font-family: "Roboto-Regular";}
form.barrister-form-wrap-gl .f-form-left-gl .form-group:nth-child(2):after{ content: ""; background-repeat: no-repeat; pointer-events: none; display: inline-block; top: 20px; right: 20px;
    width: 12px; height: 12px; border-bottom: 2px solid #324064; border-left: 2px solid #324064; position: absolute; transform: rotate(-45deg) skew(0deg); -o-transform: rotate(-45deg) skew(0deg); -ms-transform: rotate(-45deg) skew(0deg); -moz-transform: rotate(-45deg) skew(0deg);}
form.barrister-form-wrap-gl .f-form-left-gl .form-group input::-webkit-input-placeholder {  color:#324064;font-family:"Roboto-Bold";}
form.barrister-form-wrap-gl .f-form-left-gl .form-group input::-moz-placeholder {color:#324064;font-family:"Roboto-Bold";}
form.barrister-form-wrap-gl .f-form-left-gl .form-group input:-ms-input-placeholder {color:#324064;font-family:"Roboto-Bold";}
form.barrister-form-wrap-gl .f-form-left-gl .form-group input:-moz-placeholder { color:#324064;font-family:"Roboto-Bold";}
form.barrister-form-wrap-gl .f-form-right-gl{width:34%;text-align:right;}
form.barrister-form-wrap-gl .f-form-right-gl button{ max-width:386px; width:100%; background-color:#324064; height:57px; line-height:57px; border: 1px solid #324064; width: 100%; padding: 0px 20px; border-radius: 40px; color:#fff; text-transform:uppercase; font-size:20px; font-family:"Roboto-Bold";}
form.barrister-form-wrap-gl .f-form-right-gl button:hover, form.barrister-form-wrap-gl .f-form-right-gl button:focus{background-color:#79c14f;border:1px solid #79c14f;}