@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200;300;400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


fonts{
    font-family: 'Montserrat', sans-serif;
    font-family: 'Oswald', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Roboto', sans-serif;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #716c80;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #716c80 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #716c80 !important;
}




/* ======== ############# input default placeholder stylesheet ############# ======== */
input::-webkit-input-placeholder {font-size: 1.0rem;}
input:-moz-placeholder {font-size: 1.0rem;} /* FF 4-18 */
input::-moz-placeholder {font-size: 1.0rem;} /* FF 19+ */
input:-ms-input-placeholder {font-size: 1.0rem;} /* IE 10+ */

/* ======== ############# input focus default stylesheet ############# ======== */
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;} /* FF 4-18 */
input:focus::-moz-placeholder {color:transparent;} /* FF 19+ */
input:focus:-ms-input-placeholder {color:transparent;} /* IE 10+ */
:focus{outline: none;}

/* ======== ############# selection stylesheet ############# ======== */
::-moz-selection { background: #9400ff; color: #fff;}
::selection { background: #9400ff; color: #fff;}



.navbar{padding: 0rem 3.5rem;}
.cursor-pointer{cursor: pointer;}


a{
	transform-origin: 0 0;
	/*-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;*/
}

.text-capitalize{text-transform: capitalize;}




.modal-content{border-radius: 2rem; background: #f3f4f6; padding: 2rem;}
.modal-header .close{width: 4rem; height: 4rem; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 3.6rem; color: #312783;margin: -4rem -4rem 0 0; opacity: 1.0;}
.modal-header .close:hover{opacity: 1.0 !important;}
.modal-header{border: 0; color: #312783;}
.modal-title{margin: 0 auto; border: 0; font-weight: 600; font-size: 1.6rem;}

#loginModal{}
.modal input{background: none; border-bottom: 1px solid !important;}
.modal a{color: #312783; font-weight: 600; text-decoration: underline;}
.login_option{position: relative;}
.login_option::after{content: ''; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; background: #312783;}
.login_option span{background: #f3f4f6; padding: 0 0.5rem; position: relative; z-index: 1;}
.social_login{}
.social_login li{width: 3rem; height: 3rem; border-radius: 50%; color: #fff; margin: 0 0.3rem; display: flex; align-items: center; justify-content: center; font-size: 1.8rem;}
.social_login li a{color: #fff !important;}
.social_login .bg-facebook{}
#signupModal .custom_checkbox input{}




/* ======== ############# custom radio button stylesheet ############# ======== */
.custom_radio.radio_img [type="radio"] {position: absolute; opacity: 0; width: 0; height: 0;}
.custom_radio label{padding: 2.0rem 0.5rem; border: 1px solid; border-color: rgba(0,0,0,0.2); margin: 0.5rem; width: calc(100% - 0.5rem); transition: 0.70s; font-weight: 400;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;}
.custom_radio label:hover{background: #ccc; cursor: pointer;}
.custom_radio label.active{background: #07447b; color: #fff;}


/* Hide the browser's default checkbox */
.custom_checkbox {position: relative;}
label.custom_checkbox{font-weight: 400 !important;}
.custom_checkbox input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background: #fff; border: 1px solid; border-color: #000; border-radius: 0;
}

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

/* When the checkbox is checked, add a blue background */
.custom_checkbox input:checked ~ .checkmark {
  background-color: #312783;
}

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

/* Show the checkmark when checked */
.custom_checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom_checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.panel-heading  a:before {font-family: 'Material Icons'; content: "\e5cf"; float: right;transition: all 0.5s; font-size: 2.5rem; line-height: 0.8;}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}


/*[data-toggle="collapse"] .fa:before {  
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}
*/


/* ======== ############# default fonts weaight stylesheet ############# ======== */
.font-200{font-weight: 200;}
.font-300{font-weight: 300;}
.font-400{font-weight: 400;}
.font-500{font-weight: 500;}
.font-600{font-weight: 600;}
.font-700{font-weight: 700;}
.font-800{font-weight: 800;}

/* ======== ############# default bottom padding stylesheet ############# ======== */
.pb_1{padding-bottom: 1rem;}
.pb_2{padding-bottom: 2rem;}
.pb_3{padding-bottom: 3rem;}
.pb_4{padding-bottom: 4rem;}
.pb_5{padding-bottom: 5rem;}

/* ======== ############# default top padding stylesheet ############# ======== */
.pt_1{padding-top: 1rem;}
.pt_2{padding-top: 2rem;}
.pt_3{padding-top: 3rem;}
.pt_4{padding-top: 4rem;}
.pt_5{padding-top: 5rem;}

/* ======== ############# default to margin stylesheet ############# ======== */
.mt_1{margin-top: 1rem;}
.mt_2{margin-top: 2rem;}
.mt_3{margin-top: 3rem;}
.mt_4{margin-top: 4rem;}
.mt_5{margin-top: 5rem;}
.mt_6{margin-top: 6rem;}
.mt_7{margin-top: 7rem;}
.mt_8{margin-top: 8rem;}
.mt_9{margin-top: 9rem;}
.mt_10{margin-top: 10rem;}

/* ======== ############# default bottom margin stylesheet ############# ======== */
.mb_1{margin-bottom: 1rem;}
.mb_2{margin-bottom: 2rem;}
.mb_3{margin-bottom: 3rem;}
.mb_4{margin-bottom: 4rem;}
.mb_5{margin-bottom: 5rem;}
.mb_6{margin-bottom: 6rem;}
.mb_7{margin-bottom: 7rem;}
.mb_8{margin-bottom: 8rem;}
.mb_9{margin-bottom: 9rem;}
.mb_9{margin-bottom: 10rem;}

/* ======== ############# default font scale stylesheet ############# ======== */
.font-b1{font-size: 105%;}
.font-b2{font-size: 110%;}
.font-b3{font-size: 115%;}
.font-b4{font-size: 120%;}
.font-b5{font-size: 125%;}
.font-b6{font-size: 130%;}
.font-b7{font-size: 135%;}
.font-b8{font-size: 140%;}
.font-b9{font-size: 145%;}
.font-b10{font-size: 150%;}

.font-s1{font-size: 95%;}
.font-s2{font-size: 90%;}
.font-s3{font-size: 85%;}
.font-s4{font-size: 80%;}
.font-s5{font-size: 75%;}

/* ======== ############# default text color stylesheet ############# ======== */
.text-primary{color: #0182ff !important;}
.text-orragne{color: #FFA019 !important;}
.text-green{color: #2cd44a !important;}
.text-gray{color: #f3f4f6 !important;}
.text-red{color: #ff214f !important;}
.text-dark{color: #141414 !important;}
.text-blue{color: #0534bf !important;}

/* ======== ############# default background color stylesheet ############# ======== */
.bg-primary{background: #0182ff !important;}
.bg-orragne{background: #FFA019 !important;}
.bg-green{background: #2cd44a !important;}
.bg-gray{background: #f3f4f6 !important;}
.bg-none{background: none !important;}
.bg-red{background: #ff214f !important;}
.bg-dark{background: #141414 !important;}
.bg-dark2{background: #1c1c1c !important;}
.bg-theme{background: #312783 !important;}
.bg-blue{background: linear-gradient(45deg, #004b64bd,#d32964) !important;}

/* ======== ############# default social icon color stylesheet ############# ======== */
.bg-facebook{background: #3b5998;}
.bg-twitter{background: #00aced;}
.bg-linkedin{background: #dc4a38;}
.bg-google{background: #dd4b39;}

/* ======== ############# text white opacity stylesheet ############# ======== */
.text-white-90 {color: rgba(255,255,255,.9) !important;}
.text-white-80 {color: rgba(255,255,255,.8) !important;}
.text-white-70 {color: rgba(255,255,255,.7) !important;}
.text-white-60 {color: rgba(255,255,255,.6) !important;}
.text-white-50 {color: rgba(255,255,255,.5) !important;}

/* ======== ############# text dark opacity stylesheet ############# ======== */
.text-black-90 {color: rgba(0,0,0,.9) !important;}
.text-black-80 {color: rgba(0,0,0,.8) !important;}
.text-black-70 {color: rgba(0,0,0,.7) !important;}
.text-black-60 {color: rgba(0,0,0,.6) !important;}
.text-black-50 {color: rgba(0,0,0,.5) !important;}


/*default text line stylesheet*/
.text-line-through{text-decoration: line-through !important;}

/* ======== ############# default line height stylesheet ############# ======== */
.line-height-1{line-height: 1.2;}
.line-height-2{line-height: 1.4;}
.line-height-3{line-height: 1.6;}

/* ======== ############# default height stylesheet ############# ======== */
.height-1{height: 1rem;}
.height-2{height: 2rem;}
.height-3{height: 3rem;}
.height-4{height: 4rem;}
.height-5{height: 5rem;}
.height-6{height: 6rem;}
.height-7{height: 7rem;}
.height-8{height: 8rem;}
.height-9{height: 9rem;}
.height-10{height: 10rem;}
.height-11{height: 11rem;}
.height-12{height: 12rem;}
.height-13{height: 13rem;}
.height-14{height: 14rem;}
.height-15{height: 15rem;}

/* ======== ############# default max height stylesheet ############# ======== */
.max-height-1{max-height: 1rem;}
.max-height-2{max-height: 2rem;}
.max-height-3{max-height: 3rem;}
.max-height-4{max-height: 4rem;}
.max-height-5{max-height: 5rem;}
.max-height-6{max-height: 6rem;}
.max-height-7{max-height: 7rem;}
.max-height-8{max-height: 8rem;}
.max-height-9{max-height: 9rem;}
.max-height-10{max-height: 10rem;}
.max-height-11{max-height: 11rem;}
.max-height-12{max-height: 12rem;}
.max-height-13{max-height: 13rem;}
.max-height-14{max-height: 14rem;}
.max-height-15{max-height: 15rem;}

/* ======== ############# default width stylesheet ############# ======== */
.width-3{width: 3rem;}
.width-4{width: 4rem;}
.width-5{width: 5rem;}


@media (max-width: 767.98px) {
    /*body, html{font-size: 12px;  line-height: 1.3;}
    section > .container{max-width: 100%;}
    .navbar-collapse .col-auto{margin: auto !important; width: 100% !important; padding: 0 !important;}
    .navbar-nav{justify-content: flex-start !important; border-top: 1px solid #333; padding-top: 1rem; background: #f1f1f1;}
    .navbar-nav li{width: 100%; text-align: left; padding: 0.5rem 1rem; border-bottom: 1px solid #fff;}*/
    
    /*navigation menu stylesheet*/
	.navbar{background: #fff;}
    .navbar-toggler{padding: 0 1rem 0 0; border: 0;}
    .navbar-toggler span{font-size: 2.5rem; color: #2cd44a;}
    .navbar-collapse.collapse{border-top: 1px solid; border-color: #e32131; background: #fff;}
    .navbar{padding-left: 0; padding-right: 0;}
    .navbar-brand{padding-left: 1rem;}
    .navbar-light .navbar-nav .nav-item{border-bottom: 1px solid; border-color: rgba(0,0,0,0.06);}
    .navbar-light .navbar-nav .nav-item .nav-link{padding: 0.8rem 1rem;}
    /*end of navigation menu stylesheet*/
    

    /*default padding bottom*/
    .pb_1{padding-bottom: 0.5rem;}
    .pb_2{padding-bottom: 1.0rem;}
    .pb_3{padding-bottom: 1.5rem;}
    .pb_4{padding-bottom: 2.0rem;}
    .pb_5{padding-bottom: 2.5rem;}

    /*default padding top*/
    .pt_1{padding-top: 0.5rem;}
    .pt_2{padding-top: 1.0rem;}
    .pt_3{padding-top: 1.5rem;}
    .pt_4{padding-top: 2.0rem;}
    .pt_5{padding-top: 2.5rem;}

    /*default margin top*/
    .mt_1{margin-top: 0.5rem;}
    .mt_2{margin-top: 1.0rem;}
    .mt_3{margin-top: 1.5rem;}
    .mt_4{margin-top: 2.0rem;}
    .mt_5{margin-top: 2.5rem;}
    .mt_6{margin-top: 3.0rem;}
    .mt_7{margin-top: 3.5rem;}
    .mt_8{margin-top: 4.0rem;}
    .mt_9{margin-top: 4.5rem;}
    .mt_10{margin-top: 5.0rem;}

    /*default margin botttom*/
    .mb_1{margin-bottom: 0.5rem;}
    .mb_2{margin-bottom: 1.0rem;}
    .mb_3{margin-bottom: 1.5rem;}
    .mb_4{margin-bottom: 2.0rem;}
    .mb_5{margin-bottom: 2.5rem;}
    .mb_6{margin-bottom: 3.0rem;}
    .mb_7{margin-bottom: 3.5rem;}
    .mb_8{margin-bottom: 4.0rem;}
    .mb_9{margin-bottom: 4.5rem;}
    .mb_9{margin-bottom: 5.0rem;}
    
    
}


/* ======== ############# default border radius stylesheet ############# ======== */
.border-radius-05{border-radius: 0.5rem !important;}
.border-radius-1{border-radius: 1.0rem !important;}
.border-radius-1-2{border-radius: 1.5rem !important;}
.border-radius-2{border-radius: 2.0rem !important;}
.border-radius-50{border-radius: 50% !important;}
.border-radius-none{border-radius: 0 !important;}

/* ======== ############# default height 100vh stylesheet ############# ======== */
.h_100{height: 100vh}

/* ======== ############# default img full width stylesheet ############# ======== */
.full_width_img > img{width: 100%;}

/* ======== ############# default formn stylesheet ############# ======== */
/*.form-group{margin-bottom: 1.2rem;}
.form-control:focus {border-color: #f3f4f6; box-shadow: none;}
.form-control {border-radius: 1rem; border: 0.4rem solid; border-color: #f3f4f6; min-height: 4rem; background: #fff; padding: 1rem;}*/

.form-group{margin-bottom: 2.5rem; text-align: left;}
.form-control:focus {border-color: #f3f4f6; box-shadow: none;}
.form-control {border-radius: 0rem; border: 0rem solid; border-bottom: 1px solid; border-color: #000; min-height: 3rem; background: #fff; padding:  0.7rem 0rem;}

.form-group label{color: #000; font-weight: 600;}





.form_card{box-sizing:border-box;}
.main{display:none; margin-top: 2rem; background: #fff; border-radius: 1.5rem; padding: 3rem;}
.main.active{display:block !important;}
.progress-bar{background: transparent; flex-direction: row; justify-content: space-between;}
.progress-bar li{position:relative; list-style:none;     color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2; width: 100%;}
.progress-bar li:last-child{width: auto;}
.progress-bar li figure{width: 4rem; height: 4rem; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center;}
.progress-bar li figure img{max-width: 2.2rem; max-height: 2.2rem;}
.progress-bar li figure.img_white{display: none;}
.progress-bar li.active figure{background: #167efd;}
.progress-bar li.active figure.img_black{display: none;}
.progress-bar li.active figure.img_white{display: flex;}
.progress-bar li span{}
.progress-bar li.active span{}
.progress-bar li::before{position:absolute; height:25px; width:25px; background-color:#f2edd1; border-radius:50%; line-height:25px; text-align:center; z-index:10; font-size:12px;}
.progress-bar li::after{content:''; position: absolute; width: 100%; height: 3px; background-color:#fff; top:2rem; right:-25px}
.progress-bar li:last-child::after{display: none;}
/*.progress-bar li:nth-child(1)::after{display:none;}*/
.progress-bar li.active::after{background-color:#167efd; transition:all 0.5s;}
.progress-bar li.active::before{background-color:#167efd !important; color:#fff; font-weight:700; font-size:12px;}
.progress-bar li>div{width: 7rem; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 100;}
/*.nextbtn .next-button{background: #e30613; color: #fff; font-weight: 600; border-radius: 2rem; padding: 0.5rem 1rem 0.5rem 2.5rem; position: relative; border: 0; font-size: 1.2rem; line-height: 1.0;}
.nextbtn .next-button::before{content: ''; position: absolute; width: 1.5rem; height: 1.5rem; background: #fff; border-radius: 50%; left: 5px; top: 5px;}*/

fieldset .gj-dropdown{margin-top: 0.7rem;}

.slider_counter_cmn{font-size: 1.3rem; color: rgba(0,0,0,0.5); margin: 0.39rem 0 0;}
input[type=range] {
	 width: 100%;
	 -webkit-appearance: none;
}
 input[type=range]:focus {
	 outline: none;
}
 input[type=range]::-webkit-slider-runnable-track {
	 width: 10px;
	 height: 1px;
	 background: #000;
	 border-radius: 100px;
	 cursor: pointer;
}
 input[type=range]::-webkit-slider-thumb {
	 width: 15px;
	 height: 15px;
	 background:#fff;
	 border: solid 1px #000;
	 margin-top: -8px;
	 border-radius: 100%;
	 -webkit-appearance: none;
	 cursor: pointer;
}
 input[type=range]::-moz-range-track {
	 height: 1px;
	 background: #000;
	 border-radius: 100px;
	 cursor: pointer;
	 width: 100%;
}
 input[type=range]::-moz-range-thumb {
	 width: 5px;
	 height: 5px;
	 background: #fff; border: 1px solid; border-color: #000;
	 margin-top: -5px;
	 border-radius: 100%;
	 -webkit-appearance: none;
	 cursor: pointer;
}
 input[type=range]::-ms-track {
	 width: 100%;
	 height: 8.4px;
	 cursor: pointer;
	 animate: 0.2s;
	 background: transparent;
	 border-color: transparent;
	 border-width: 16px 0;
	 color: transparent;
}
 input[type=range]::-ms-fill-lower {
	 width: 10px;
	 height: 10px;
	 background: #ccc;
	 border-radius: 100px;
	 cursor: pointer;
	 width: 100%;
}
 input[type=range]::-ms-fill-upper {
	 width: 10px;
	 height: 10px;
	 background: #ccc;
	 border-radius: 100px;
	 cursor: pointer;
	 width: 100%;
}
 input[type=range]::-ms-thumb {
	 width: 20px;
	 height: 20px;
	 background: #888;
	 margin-top: -5px;
	 border-radius: 100%;
	 -webkit-appearance: none;
	 cursor: pointer;
	 margin-top: -2.5px;
}





/*form styles*/

#msform {text-align: center; position: relative; margin-top: 20px;}



#msform fieldset .form-card {background: white; border: 0 none; border-radius: 0px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2); padding: 20px 40px 30px 40px; box-sizing: border-box; width: 94%; margin: 0 3% 20px 3%; position: relative;}



fieldset {background: #fff; border: 0 none; border-radius: 1.2rem; box-sizing: border-box; width: 100%; margin: 0; position: relative; padding: 2.5rem;}
/*Hide all except first fieldset*/

#msform fieldset:not(:first-of-type) {display:none;}
#msform fieldset .form-card {text-align: left; color: #9E9E9E;}

/*Blue Buttons*/

.btn-default:hover, #msform .action-button:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;}
.btn-default{background: #e30613; color: #fff; font-weight: 600; border-radius: 2rem; padding: 0.7rem 1rem 0.8rem 2.5rem !important; position: relative; border: 0; font-size: 1rem; line-height: 1.0; transition: 0.30s;
    -webkit-transition: 0.30s;
    -moz-transition: 0.30s;
    -ms-transition: 0.30s;
    -o-transition: 0.30s;}

.btn-default::before{content: ''; position: absolute; width: 1.5rem; height: 1.5rem; background: #fff; border-radius: 50%; left: 5px; top: 0.5rem;
transition: ease-in-out 0.50s;
  -webkit-transition: ease-in-out 0.50s;
  -moz-transition: ease-in-out 0.50s;
  -ms-transition: ease-in-out 0.50s;
  -o-transition: ease-in-out 0.50s;}

.btn-default:hover::before {content: ''; position: absolute; width: 1.5rem; height: 1.5rem; background: #fff; border-radius: 50%; top: 0.5rem; left: calc(100% - 1.8rem);}
.btn-default:hover {
  padding: 0.7rem 2.5rem 0.8rem 1rem !important;
}

/*Previous Buttons*/
#msform .action-button-previous {background: #000; color: #fff; font-weight: 600; border-radius: 2rem; padding: 0.5rem 1rem 0.5rem 1rem; position: relative; border: 0; font-size: 1rem; line-height: 1.0;}
#msform .action-button-previous:hover, #msform .action-button-previous:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;}



.gj-dropdown-md [role="presenter"] {line-height: 2.3 !important;}
.btn:focus{outline: none;}







/* ======== ############# default transition stylesheet ############# ======== */
.trans{
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
}
/* ======== ############# default mouse hover scale effect stylesheet ############# ======== */
.scale1_2:hover{transform: scale(1.1);}




/* ======== ############# ibootstrap select stylesheet ############# ======== */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;}
.dropdown-item.active, .dropdown-item:active{color: #fff !important;}

/* ======== ############# default button stylesheet ############# ======== */
.btn{transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;}

.btn-rounded{border-radius: 2rem;}
.btn-theme{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1ad58b+0,0086ff+100 */
background: #1ad58b; /* Old browsers */
background: -moz-linear-gradient(left,  #1ad58b 0%, #0086ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1ad58b 0%,#0086ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1ad58b 0%,#0086ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ad58b', endColorstr='#0086ff',GradientType=1 ); /* IE6-9 */
}




/* ======== ############# animate button stylesheet ############# ======== */
.animate-bottom {
  position: relative;
  animation: animatebottom 0.4s;
}

@keyframes animatebottom {
  from {bottom: -300px; opacity: 0;}
  to {bottom: 0; opacity: 1;}
}

@media (min-width: 768px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}






body, html{font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 300; line-height: 1.4; color: #141414;}


/* ======== ############# header stylesheet ############# ======== */
header{width: 100%; z-index: 9999; background: #fff;}
header.header{position: absolute;}

/* ======== ############# sticky header stylesheet ############# ======== */
header.header-alt{position: fixed; background: #f6f6fa; border-bottom: 0px solid; border-color: #ff214f; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	transform-origin: 0 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
header.header-alt .navbar-brand{padding: 0.5rem 0;}



/* ======== ############# navbar stylesheet ############# ======== */
.navbar-brand{padding: 0; width: 11.7rem;}
.navbar-brand img{width: 100%;}
/* ======== ############# navbar dropdown stylesheet ############# ======== */
.navbar-expand-lg .navbar-nav .dropdown-menu{z-index: 99999; background: #f3f4f6; padding: 0.5rem 0; border-left: 0px solid; border-color: #fd3c39;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li{margin: 0 0.7rem;}

.navbar .dropdown-menu {border-radius: 0; padding: 0;}
.navbar .navbar-toggler {width: 3.5rem;}
.navbar .navbar-toggler img{width: 100%;}
.navbar {
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
}


.navbar-nav .nav-item .nav-link {height: 100%; color: #000; padding: 3.0rem 0.5rem 2.6rem; display: block; position: relative; font-size: 1.040rem; 
-webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;}
.navbar-nav .nav-item.active .nav-link, .navbar-nav .nav-item:hover .nav-link{color: #fd3c39; border-bottom: 0.5rem solid; border-color: #e30613;}

/*.dropdown > a{position: relative;}
.dropdown > a::before{position: absolute; font-family: 'Material Icons'; content: "\e5cf"; transition: all 0.5s; font-size: 2.5rem; line-height: 0.8; right: -2rem;}*/

/* ======== ############# navbar dropdown menu stylesheet ############# ======== */
.navbar .dropdown-menu {border: none; margin-top: -0.01rem; border-radius: 0; min-width: 20rem;}
.navbar .dropdown-menu .nav-item .nav-link {color: #ffffff;padding: 6px 0;}
.navbar .dropdown-menu.active {display: block;}
.navbar .navbar-toggler:focus {
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.navbar .dropdown-submenu.dropdown>.dropdown-item:before {content: ''; position: absolute; top:0; bottom: 0; left: 0; width: 0;  border-top: 1px solid #F3F3F3;  border-bottom: 1px solid #F3F3F3;  transition: all 0.3s ease-in-out;}
.profile_dropdown.nav-item:hover .nav-link{border: 0 !important;}

.navbar .dropdown-menu .dropdown-item {line-height: 1.6; color: #000; padding: 0.5rem 1.0rem; position: relative; transition: 0.70s; border-radius: 0.5rem;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;}
.navbar .dropdown-menu .dropdown-item:hover, .navbar .dropdown-menu .dropdown-item:active{color: #232323; color: #312783; background: #fff;}
/*.navbar .dropdown-item:focus, .navbar .dropdown-item:hover,
.navbar .dropdown-submenu.dropdown:hover>.dropdown-item {
  color: #FF424C;
  background: transparent;
}*/

/* ======== ############# dropdown multilevel submenu stylesheet ############# ======== */
.nav-item.dropdown > .nav-link.dropdown-toggle::after{display: none;}
.custom_nav .navbar-nav li:hover > ul.dropdown-menu {display: block;}
.navbar-nav li:hover > ul.dropdown-menu {border-radius: 0; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); transition:.5s ease all; min-width: 20rem;}
.dropdown-submenu {position:relative;}
.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-top:0;}
.dropdown-toggle::after{display: flex; content: "chevron_right"; font-family: 'Material Icons'; right: 0; position: absolute; height: 100%; justify-content: center; align-items: center; top: 0; border: 0; font-size: 1.6rem;}
/*.navbar-nav li.dropdown-submenu:hover .dropdown-toggle::after{display: flex;}*/



/*=====  End of navigation  ======*/
/*====================================
=            media quries            =
====================================*/
@media screen and (min-width: 992px) {
  /*.navbar .dropdown {position: static;}*/
  /*.navbar {padding-top: 0px; padding-bottom: 0px;}
  .navbar .dropdown-menu {z-index: 5; background-color: #fff; border-radius: 0; border: none; display: block; opacity: 0; right: 0; top: 96%; visibility: hidden; min-width: 230px; background: #ffffff; margin: 0;
	  
	-webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
	box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);

	transform: scale(1 , 0);
	transform-origin: 0 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
  }
  .navbar .dropdown:hover > .dropdown-menu {opacity: 1; visibility: visible; transform: scale(1);}*/
}

/*@media screen and (max-width: 991px) {
  .navbar-collapse { position: absolute; top: 100%; background-color: #ffffff; padding-left: 20px; padding-right: 20px; left: 0px; right: 0px; max-height: 70vh; overflow-y: auto; z-index: 9; clear: both; box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);}

  .navbar .mega-menu-title {margin: 0 !important;}
  .navbar .dropdown-menu {padding: 0; margin-top: 0;}
  .navbar .navbar-container {justify-content: flex-start; position: relative;}
  .navbar .navbar-nav .nav-item .nav-link {padding: 13px 0;}
  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {padding: 15px 0; font-size: 18px; border-top: 1px solid #F3F3F3;}
  .navbar .navbar-collapse .navbar-nav .nav-item:first-child .nav-link {border-top: none;}
  .navbar .dropdown-submenu.dropdown>.dropdown-item:before {display: none;}
  .navbar .dropdown-menu .row {padding: 0 15px;}
}
@media screen and (max-width: 767px) {
  .navbar .mega-dropdown-list {display: none;}
  .navbar .mega-dropdown-list.active {display: block;margin-bottom: 10px;}
  .navbar .mega-menu-title {border-bottom: 1px solid #F3F3F3;; padding: 12px 0; position: relative; font-size: 16px; cursor: pointer;}
  .navbar .mega-menu-title:after {content: "\f107"; float: right; font-family: fontawesome; line-height: 44px; position: absolute; right: 0; top:0; }
}
*/
/*=====  End of media quries  ======*/


/*.navbar-nav{font-size: 1.1rem; font-weight: 600;}
.navbar-nav .nav-link{padding: 0.5rem 1rem;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{color: #0182ff;}*/


/* ======== ############# breadcrumb stylesheet ############# ======== */
/*.breadcrumb_wraper{background: #003566; padding: 0.8rem 0;}
.breadcrumb_wraper .breadcrumb{margin-bottom: 0;}
.breadcrumb_wraper h3{font-size: 1.2rem; font-weight: 600;}
.breadcrumb_wraper .breadcrumb-item + .breadcrumb-item::before {display: inline-block; padding-right: .5rem; color: rgba(255,255,255,0.7); font-family: 'Material Icons'; content: "navigate_next"; -webkit-font-feature-settings: 'liga';}
.breadcrumb_wraper .breadcrumb-item {color: rgba(255,255,255,1.0);}
.breadcrumb_wraper .breadcrumb-item a{color: rgba(255,255,255,0.7);}*/



@media (min-width: 768px) and (max-width: 991.98px) {
    /*section > .container{max-width: 95%;}*/
    .navbar-toggler{padding: 0 1rem 0 0; border: 0;}
    .navbar-toggler span{font-size: 2.5rem; color: #2cd44a;}
    .navbar-collapse.collapse{border-top: 1px solid; border-color: #e32131; background: #fff;}
    .navbar{padding-left: 0; padding-right: 0;}
    .navbar-brand{padding-left: 1rem;}
    .navbar-light .navbar-nav .nav-item{border-bottom: 1px solid; border-color: rgba(0,0,0,0.06);}
    .navbar-light .navbar-nav .nav-item .nav-link{padding: 0.8rem 1rem;}
    .container {max-width: 1550px;}
}

@media (max-width: 767.98px) {
    /*body, html{font-size: 12px;  line-height: 1.3;}
    section > .container{max-width: 100%;}
    .navbar-collapse .col-auto{margin: auto !important; width: 100% !important; padding: 0 !important;}
    .navbar-nav{justify-content: flex-start !important; border-top: 1px solid #333; padding-top: 1rem; background: #f1f1f1;}
    .navbar-nav li{width: 100%; text-align: left; padding: 0.5rem 1rem; border-bottom: 1px solid #fff;}*/
    
    /*navigation menu stylesheet*/
	.navbar{background: #fff;}
    .navbar-toggler{padding: 0 1rem 0 0; border: 0;}
    .navbar-toggler span{font-size: 2.5rem; color: #2cd44a;}
    .navbar-collapse.collapse{border-top: 1px solid; border-color: #e32131; background: #fff;}
    .navbar{padding-left: 0; padding-right: 0;}
    .navbar-brand{padding-left: 1rem;}
    .navbar-light .navbar-nav .nav-item{border-bottom: 1px solid; border-color: rgba(0,0,0,0.06);}
    .navbar-light .navbar-nav .nav-item .nav-link{padding: 0.8rem 1rem;}
	.form-group{margin-bottom: 1.5rem; text-align: left;}
    /*end of navigation menu stylesheet*/
}


@media (max-width: 575.98px) {
    body, html{font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 400; line-height: 1.4; color: #000;}
	.loan_offers .heading1, .loan_offers .heading2 {
    font-size: 0.9rem;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /*section > .container{max-width: 95%;}*/
    .navbar-toggler{padding: 0 1rem 0 0; border: 0;}
    .navbar-toggler span{font-size: 2.5rem; color: #2cd44a;}
    .navbar-collapse.collapse{border-top: 1px solid; border-color: #e32131; background: #fff;}
   /* .navbar{padding-left: 0; padding-right: 0;}*/
	.navbar {
    padding-left: 1em;
    padding-right: 0;
    padding: 1.5rem 1.5rem;
}
    .navbar-brand{padding-left: 1rem;}
    .navbar-light .navbar-nav .nav-item{border-bottom: 1px solid; border-color: rgba(0,0,0,0.06);}
    .navbar-light .navbar-nav .nav-item .nav-link{padding: 0.8rem 1rem;}
    .container {max-width: 1550px;}
	
}

/* ======== ############# custom owl slider stylesheet ############# ======== */
.owl-nav{text-align: center; position: absolute; top: calc(50% - 1px); width: 100%; height: 0;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{position: absolute; font-size: 0rem; color: #2185f4; background: #d32967 !important; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 50%; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center;}
.owl-carousel .owl-nav button.owl-prev{left: 0rem;}
.owl-carousel .owl-nav button.owl-next{right: -0.5rem;}
.owl-carousel .owl-nav button.owl-prev::after, .owl-carousel .owl-nav button.owl-next::after {font-family: 'Material Icons'; -webkit-font-feature-settings: 'liga'; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; position: absolute; left: 2px; top: 0; height: 100%; width: 100%;}
.owl-carousel .owl-nav button.owl-prev::after {content: "arrow_back_ios";}
.owl-carousel .owl-nav button.owl-next::after {content: "arrow_forward_ios";}
.owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled{opacity: 0.4;}
.owl-dots {text-align: center; position: relative; width: 100%; margin-top: 1rem; z-index: 100;}
.owl-dots .owl-dot {display: inline-block;}
.owl-dots .owl-dot span {background-color: #2185f4;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px; 
    border-radius: 30px; display: block; height: 10px; margin: 5px 7px; width: 10px; filter: Alpha(Opacity=500);/*IE7 fix*/ opacity: 0.3;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1;}
.owl-carousel button:focus{border: 0; outline: none;}

@media (max-width: 575.98px) {
    .owl-nav{text-align: center; position: absolute; top: calc(50% - 1px); width: 100%; height: 0;}
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{position: absolute; font-size: 0rem; color: #2185f4; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 50%; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center;}
    .owl-carousel .owl-nav button.owl-prev{left: 0rem;}
    .owl-carousel .owl-nav button.owl-next{right: 0rem;}
    .owl-carousel .owl-nav button.owl-prev::after, .owl-carousel .owl-nav button.owl-next::after {font-family: 'Material Icons'; -webkit-font-feature-settings: 'liga'; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; position: absolute; left: 2px; top: 0; height: 100%; width: 100%;}
    .owl-carousel .owl-nav button.owl-prev::after {content: "arrow_back_ios";}
    .owl-carousel .owl-nav button.owl-next::after {content: "arrow_forward_ios";}
    .owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled{opacity: 0.4;}
    .owl-dots {text-align: center; position: relative; width: 100%; margin-top: 1rem;}
    .owl-dots .owl-dot {display: inline-block;}
    .owl-dots .owl-dot span {background-color: #2185f4;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px; 
        border-radius: 30px; display: block; height: 10px; margin: 5px 7px; width: 10px; filter: Alpha(Opacity=500);/*IE7 fix*/ opacity: 0.3;}
    .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1;}
    .owl-carousel button:focus{border: 0; outline: none;}
}

/* ======== ############# custom scroller stylesheet ############# ======== */
@media (max-width: 575.98px) {
    .mCSB_draggerContainer{background: #f5f5f5 !important; width: 10rem; margin: auto; height: 7px !important; border-radius: 7px;}
    .mCSB_dragger_bar{background: #656565 !important; margin: 0 auto !important; border-radius: 7px !important; height: 7px !important; width: 3rem !important;}
}



@media (min-width: 1280px) {
}

@media (min-width: 1440px) {
}

@media (min-width: 1680px) {
    body, html{font-size: 15px;}
}

@media (min-width: 1920px) {
}



/* ======== ############# default footer stylesheet ############# ======== */
footer {
  color: #fff;
  background-position: 50% 90%;
  font-size: 0.9rem;}
footer h2{font-size: 1.6rem; padding: 0 0rem 0rem; border-bottom: 2px solid; border-color: #fff; font-weight: 300;}

footer .footer_logo{width: 11rem;}
footer .footer_logo img {width: 100%;}

footer .ftr_links p{}
footer .ftr_links ul li{padding: 0.0rem 0; line-height: 1.8;}
footer .ftr_links ul li a {color: #fff;}

footer .social_links li{margin-right: 0.7rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid; border-color: #fff; width: 2.5rem; height: 2.5rem; font-size: 1.4rem;}
footer .social_links li a{color: #fff;}
footer .text_whatsapp {font-size: 1.3rem; font-weight: 700;}