.input_text_filed::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #041e3b;
}
.input_text_filed::-moz-placeholder { /* Firefox 19+ */
  color: #041e3b;
}
.input_text_filed:-ms-input-placeholder { /* IE 10+ */
  color: #041e3b;
}
.input_text_filed:-moz-placeholder { /* Firefox 18- */
  color: #041e3b;
}

@font-face {
    font-family: 'gothambook';
    src: url('fonts/gotham_book_regular-webfont.woff2') format('woff2'),
         url('fonts/gotham_book_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novabold';
    src: url('fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
         url('fonts/proxima_nova_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaregular';
    src: url('fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('fonts/proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.font60{font-size: 62px;}
.font30{font-size: 30px;}
.font32{font-size: 32px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.font20{font-size: 20px;}
.font50{font-size: 50px;}
.orange{color: #ffda2f;}
.red{color: #d42c2c;}
.color333{color: #333;}
.color041e3b{color: #041e3b;}
.color3a3a3a{color: #3a3a3a;}
.red-text{color: #e74d57;}
.color18212e{color: #18212e;}
.color9b9b9b{color: #9b9b9b;}
.semibold{font-weight:600; }
.py-120{padding: 120px 0;}
.gothambook{font-family: 'gothambook';}
.proxima_novabold{font-family: 'proxima_novabold';}
.proxima_novaregular{font-family: 'proxima_novaregular';}
.covered_by_your_grace{font-family: 'Covered By Your Grace', cursive;}
.Poppins{font-family: 'Poppins', sans-serif;}

/* hero header */
.bg-blue{background-color: #041e3b;}
.reqeust_now_btn{font-family: 'proxima_novabold';font-size: 16px;color: #fff;padding: 22px 36px;background-color: #d42c2c;}
/*.reqeust_now_btn:hover{}*/
.hero_right_text .main_logo{margin-bottom: 160px;padding-top: 111px;}
.hero_right_text .hero_main_title{margin-bottom: 45px;letter-spacing: -1px;line-height: 65px;}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #d42c2c;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffda2f;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: #041e3b;
  text-decoration: unset;
  cursor: pointer;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #d42c2c;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
  text-decoration: unset;
  cursor: pointer;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.submit_ur_det{border:1px solid #999999;padding: 14px 34px;}
.submit_ur_det:hover{border-color: #d42c2c;}
.all_steps{background:url(../images/steps-bg.jpg) no-repeat;background-size: cover;padding: 75px 0;background-position: center center;}
.step_box{background-color: #fff;padding: 52px 45px;}
.yellow_box{background-color: #ffda2f;}
.submit_det_bg{background:url(../images/sumit-below-bg.jpg) no-repeat;
    background-size: cover;background-position: center center;padding: 201px 0px 205px;}
.submit_det_bg h5{letter-spacing: -1px;}
.input_text_filed{border:1px solid #a3a3a3;height: auto;font-size: 14px;padding: 13px 20px 13px;}
.detail_form{padding-top: 80px;padding-bottom: 65px;}
.submit_btn{font-size: 12px;color: #fff;background-color: #041e3b;padding-top: 15px;padding-bottom: 15px;width: 100%;border:0px;}
.footer{padding-top: 32px;padding-bottom: 32px;background-color: #f0f0f0;}
/* custom radio btn */
.radio_btn_main {display: inline-block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;
  font-size: 14px;-webkit-user-select: none;-moz-user-select: none;
  -ms-user-select: none;user-select: none;}

/* Hide the browser's default radio button */
.radio_btn_main input {position: absolute;opacity: 0;cursor: pointer;}

/* Create a custom radio button */
.checkmark {position: absolute;top: 0;left: 0;height: 22px;width: 22px;background-color: #f0f0f0;border-radius: 50%;}

/* On mouse-over, add a grey background color */
.radio_btn_main:hover input ~ .checkmark {background-color: #ccc;}

/* When the radio button is checked, add a blue background */
.radio_btn_main input:checked ~ .checkmark {background-color: #041e3b;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_btn_main input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio_btn_main .checkmark:after {
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
input:focus::-webkit-input-placeholder {
    color: #fff;
    opacity: 0;
}
input:focus:-moz-placeholder {
    color: #fff;
    opacity: 0;

}
input:focus::-moz-placeholder {
    color: #fff;
    opacity: 0;
}
input:focus:-ms-input-placeholder {
    color: #fff;
    opacity: 0;
}
.form-control:focus{border-color: #041e3b;box-shadow: unset;}
@media only screen and (max-width: 1799px){
    .hero_right_text .hero_main_title{margin-bottom: 40px;}
    .font60 {font-size: 54px;}
    .hero_right_text .main_logo{margin-bottom: 150px;padding-top: 70px;}
    }
@media only screen and (max-width: 1499px){
    .main_logo{max-width: 200px;}
    .font60 {font-size: 52px;}
    .hero_right_text .hero_main_title{line-height: 55px;margin-bottom: 50px;}
    .hero_right_text .main_logo{margin-bottom: 100px;padding-top: 70px;}
    .reqeust_now_btn{font-size: 15px;padding: 18px 35px;margin-bottom: 70px;}
    }
@media only screen and (max-width: 1199px){
    .main_logo{max-width: 180px;}
    .font60 {font-size: 40px;}
    .hero_right_text .hero_main_title{line-height: 40px;margin-bottom: 50px;}
    .hero_right_text .main_logo{margin-bottom: 80px;padding-top: 60px;}
    .reqeust_now_btn{font-size: 15px;padding: 12px 30px;margin-bottom: 50px;}
    .py-120{padding: 90px 0;}
    .step_box{height: 100%;padding: 52px 40px;}
    .font50 {font-size: 40px;}
    }
@media only screen and (max-width: 1024px){
    .main_logo{max-width: 180px;}
    .font60 {font-size: 40px;}
    .hero_right_text .hero_main_title{line-height: 40px;margin-bottom: 50px;}
    .hero_right_text .main_logo{margin-bottom: 80px;padding-top: 60px;}
    .reqeust_now_btn{font-size: 15px;padding: 12px 30px;margin-bottom: 50px;}
}
@media only screen and (max-width: 991px){
    .main_logo{max-width: 180px;}
    .font60 {font-size: 30px;}
    .hero_right_text .hero_main_title{line-height: 40px;margin-bottom: 40px;}
    .hero_right_text .main_logo{margin-bottom: 30px;padding-top: 30px;}
    .reqeust_now_btn{font-size: 15px;padding: 12px 30px;margin-bottom: 30px;}
    .font30{font-size: 24px;}
    .font16{font-size: 15px;}
    .font32{font-size: 28px;}
    .submit_ur_det{padding: 12px 28px;}
    .py-120{padding: 60px 0;}
    .step_box{padding: 30px 22px;height: 100%;}
    .footer{padding-top: 20px;padding-bottom: 20px;}
    .submit_det_bg{background-position: top right -120px;padding: 80px 0px 80px;}
    .font50 {font-size: 35px;}
    .detail_form {padding-top: 60px;padding-bottom: 50px;}
    .radio_btn_main{padding-left: 32px;}
    }
@media only screen and (max-width: 767px){
    .main_logo{max-width: 200px;}
    .font60 {font-size: 40px;padding: 0 20px;}
    .hero_right_text .hero_main_title{line-height: 40px;margin-bottom: 40px;}
    .hero_right_text .main_logo{margin-bottom: 60px;padding-top: 60px;}
    .reqeust_now_btn{font-size: 15px;padding: 18px 30px;margin-bottom: 60px;}
    
    .font30 {font-size: 24px;}
    .font32 {font-size: 28px;}
    .submit_det_bg{background-position: top right -188px;padding: 70px 0px 70px;}
    .font50 {font-size: 24px;}
    
    .step_box{padding: 52px 45px;}
}