.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;}

.colorff7f00{color: #ff7f00}

.red-text{color: #e74d57;}

.color18212e{color: #18212e;}

.color9b9b9b{color: #9b9b9b;}

.semibold{font-weight:600; }

.py-120{padding: 120px 0;}

.ps-65{padding-left: 65px;}

.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: #231f20;}

.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: 146px;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: #ff7f00;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.detail_form .hvr-rectangle-out:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #ff7f00;

  -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;

}

.main_hero_header .hvr-rectangle-out:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #fff;

  -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;

}

.detail_form .hvr-rectangle-out:hover{color: #fff;}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {

  color: #231f20;

  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: #231f20;

  -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: #231f20;}

.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;}

.orange_box{background-color: #ff7f00;}

.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: #231f20;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: #231f20;}



/* 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: 110px;padding-top: 70px;}

    }

@media only screen and (max-width: 1499px){

    .main_logo{max-width: 250px;}

    .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: 220;}

    .font60 {font-size: 40px;}

    .hero_right_text .hero_main_title{line-height: 40px;margin-bottom: 50px;}

    .hero_right_text .main_logo{margin-bottom: 60px;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: 230px;}

    .font60 {font-size: 40px;}

    .hero_right_text .hero_main_title{line-height: 40px;margin-bottom: 50px;}

    .hero_right_text .main_logo{margin-bottom:50px;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: 200px;}

    .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;}

    .ps-65 {padding-left: 35px;}

    .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;}

    .ps-65{padding-left: 0px;}

    .step_box{padding: 52px 45px;}

}

