@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: #cc4538 !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: #fff !important;}
.bg-dark{background: #141414 !important;}
.bg-dark2{background: #1c1c1c !important;}
.bg-theme{background: #312783 !important;}
.bg-blue{background: #fff !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*/

    /*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;
}






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

* ======== Header Styles ======== */
header {
    width: 100%; 
    z-index: 9999; 
    background: #fff;
}

header.header {
    position: absolute;
}

.navbar-header {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ======== Sticky Header ======== */
header.header-alt {
    position: fixed; 
    background: #fff; 
    border-bottom: 0px solid; 
    border-color: #ff214f; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header.header-alt .navbar-brand {
    padding: 0.5rem 0;
}

/* ======== Navbar Styles ======== */
.navbar {
    padding: 1rem 1.5rem;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.navbar-brand {
    padding: 0.5rem 0;
    width: auto;
    transition: all 0.3s ease;
}

.navbar-brand img {
    max-width: 200px;
    height: auto;
    transition: all 0.3s ease;
}

/* ======== Navigation Links ======== */
.navbar-nav {
    font-size: 1rem;
    font-weight: 500;
    align-items: center;
}

.navbar-nav .nav-link {
    color: #333 !important;
    font-weight: 500;
    padding: 8px 15px !important;
    transition: all 0.3s ease;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.navbar-nav .nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: linear-gradient(135deg, #0041a0 0%, #1a54aa 100%);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-50%);
    border-radius: 3px 3px 0 0;
}

.navbar-nav .nav-link:hover::before {
    width: 80%;
}

.navbar-nav .nav-link:hover {
    color: #0041a0 !important;
    background: linear-gradient(135deg, rgba(0, 65, 160, 0.05) 0%, rgba(26, 84, 170, 0.05) 100%);
    transform: translateY(-2px);
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: #0041a0 !important;
    font-weight: 600;
}

/* ======== Auth Buttons Container ======== */
.navbar-nav .nav-item.auth-buttons {
    margin-left: 5px;
}

/* ======== Desktop User Profile Styling - Enhanced with Text Truncation ======== */
.user-profile-nav .user-name-display {
    background: linear-gradient(135deg, #0041a0 0%, #1a54aa 50%, #0041a0 100%);
    background-size: 200% 100%;
    color: #fff !important;
    padding: 10px 22px !important;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 65, 160, 0.3);
    animation: subtle-pulse 3s ease-in-out infinite;
    display: flex !important;
    align-items: center;
    border: none;
    max-width: 250px;
    white-space: nowrap;
}

/* Remove hover underline effect for user profile */
.user-profile-nav .user-name-display::before {
    display: none !important;
}

.user-profile-nav .user-name-display .user-name-text {
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.user-profile-nav .user-name-display::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s;
}

.user-profile-nav .user-name-display:hover::after {
    left: 100%;
}

.user-profile-nav .user-name-display:hover {
    background-position: 100% 0;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 65, 160, 0.5), 
                0 0 20px rgba(26, 84, 170, 0.4);
    animation: none;
}

.user-profile-nav .user-name-display i {
    margin-right: 10px;
    font-size: 18px;
    display: inline-block;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.user-profile-nav .user-name-display:hover i {
    transform: rotate(360deg) scale(1.2);
}

@keyframes subtle-pulse {
    0%, 100% {
        box-shadow: 0 4px 15px rgba(0, 65, 160, 0.3);
    }
    50% {
        box-shadow: 0 4px 20px rgba(0, 65, 160, 0.5);
    }
}

/* ======== Desktop User Profile Styling - Enhanced with Text Truncation ======== */
/* ======== Desktop User Profile Styling - Enhanced with Text Truncation ======== */
.signup-btn-nav .user-name-display {
    background: linear-gradient(135deg, #00c9ff 0%, #92fe9d 100%);
    color: #000 !important;
    padding: 6px 14px !important;
    border-radius: 20px;
    font-weight: 500;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 65, 160, 0.2);
    display: flex !important;
    align-items: center;
    border: none;
    max-width: 200px;
    white-space: nowrap;
}

/* Remove hover underline effect for user profile */
.signup-btn-nav .user-name-display::before {
    display: none !important;
}

.signup-btn-nav .user-name-display .user-name-text {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.signup-btn-nav .user-name-display i {
    margin-right: 8px;
    font-size: 14px;
    display: inline-block;
    flex-shrink: 0;
}


/* ======== Login Button Styling - Enhanced (No hover underline) ======== */
.login-btn-nav {
    background: linear-gradient(135deg, #0041a0 0%, #1a54aa 50%, #0041a0 100%);
    background-size: 200% 100%;
    color: #fff !important;
    padding: 10px 22px !important;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 65, 160, 0.3);
    animation: glow-blue 2s ease-in-out infinite alternate;
    border: none;
    display: inline-block;
}

/* Remove the blue underline hover effect */
.login-btn-nav::before {
    display: none !important;
}

.login-btn-nav::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.login-btn-nav:hover::after {
    width: 300px;
    height: 300px;
}

.login-btn-nav:hover {
    background-position: 100% 0;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 65, 160, 0.5),
                0 0 20px rgba(26, 84, 170, 0.4);
    animation: none;
    color: #fff !important;
}

.login-btn-nav i {
    margin-right: 8px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.login-btn-nav:hover i {
    transform: translateX(-3px);
    animation: bounce-left 0.6s ease;
}

@keyframes glow-blue {
    from { box-shadow: 0 4px 15px rgba(0, 65, 160, 0.3); }
    to { box-shadow: 0 4px 20px rgba(0, 65, 160, 0.6); }
}

@keyframes bounce-left {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(-5px); }
}


/* ======== Dropdown Menu Styles ======== */
.navbar-expand-lg .navbar-nav .dropdown-menu {
    z-index: 99999; 
    background: #fff; 
    padding: 0.8rem 0; 
    border: none;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.15);
    min-width: 240px;
    animation: dropdown-appear 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    margin-top: 10px;
    overflow: hidden;
}

@keyframes dropdown-appear {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.navbar .dropdown-menu {
    border-radius: 15px; 
    padding: 0.8rem 0;
    border: none;
}

.navbar .navbar-toggler {
    width: 3.5rem;
    border: none;
}

.navbar .navbar-toggler img {
    width: 100%;
}

.navbar .navbar-toggler:focus {
    outline: 0;
    box-shadow: none;
}

/* ======== Dropdown Items ======== */
.navbar .dropdown-menu .dropdown-item {
    line-height: 1.6; 
    color: #333; 
    padding: 12px 25px; 
    position: relative; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 8px;
    margin: 0 10px;
    font-weight: 500;
}

.navbar .dropdown-menu .dropdown-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(135deg, #0041a0, #1a54aa);
    transform: translateX(-4px);
    transition: transform 0.3s ease;
    border-radius: 0 4px 4px 0;
}

.navbar .dropdown-menu .dropdown-item:hover::before {
    transform: translateX(0);
}

.navbar .dropdown-menu .dropdown-item:hover, 
.navbar .dropdown-menu .dropdown-item:active {
    color: #0041a0; 
    background: linear-gradient(90deg, rgba(0, 65, 160, 0.08) 0%, transparent 100%);
    padding-left: 30px;
}

.navbar .dropdown-menu .dropdown-item i {
    margin-right: 12px;
    width: 22px;
    text-align: center;
    transition: transform 0.3s ease;
    display: inline-block;
}

.navbar .dropdown-menu .dropdown-item:hover i {
    transform: scale(1.2) rotate(5deg);
}

.navbar .dropdown-divider {
    margin: 10px 15px;
    background: linear-gradient(90deg, transparent, #dee2e6, transparent);
    height: 2px;
    border: none;
}

/* ======== Dropdown Multilevel Submenu ======== */
.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: 15px; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    transition: .3s 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;
}

/* ======== Staggered Dropdown Animation ======== */
.user-profile-nav .dropdown-item:nth-child(1) {
    animation: slide-in 0.3s 0.05s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}

.user-profile-nav .dropdown-item:nth-child(2) {
    animation: slide-in 0.3s 0.1s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}

.user-profile-nav .dropdown-item:nth-child(3) {
    animation: slide-in 0.3s 0.15s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}

.user-profile-nav .dropdown-item:nth-child(5) {
    animation: slide-in 0.3s 0.2s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}

@keyframes slide-in {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ======== Mobile Menu ======== */
.mobile_menu {
    display: none;
    list-style: none;
    background: #fff;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 9998;
    padding: 0;
    margin: 0;
}

.mobile_menu li {
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.mobile_menu a {
    display: block;
    padding: 15px 20px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
}

.mobile_menu a:hover {
    background: linear-gradient(90deg, rgba(0, 65, 160, 0.08) 0%, transparent 100%);
    color: #0041a0;
    padding-left: 30px;
}

.mobile_menu a i {
    margin-right: 10px;
    width: 20px;
    display: inline-block;
}

/* ======== Mobile User Section with Text Truncation ======== */
.mobile-user-section .mobile-user-name {
    background: linear-gradient(135deg, #0041a0 0%, #1a54aa 50%, #0041a0 100%);
    background-size: 200% 100%;
    color: #fff !important;
    padding: 14px 22px;
    font-weight: 700;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.mobile-user-section .mobile-user-name .mobile-user-name-text {
    display: inline-block;
    max-width: calc(100vw - 100px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-user-section .mobile-user-name::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.5s ease;
}

.mobile-user-section .mobile-user-name:active::after {
    transform: translate(-50%, -50%) scale(2);
}

.mobile-user-section .mobile-user-name:active {
    background-position: 100% 0;
}

.mobile-user-section .mobile-user-name i {
    margin-right: 12px;
    font-size: 20px;
    flex-shrink: 0;
}

/* ======== Mobile Login Button ======== */
.mobile-login-section .mobile-login-btn {
    background: linear-gradient(135deg, #0041a0 0%, #1a54aa 50%, #0041a0 100%);
    background-size: 200% 100%;
    color: #fff !important;
    padding: 14px 22px;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 65, 160, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border-radius: 0;
}

.mobile-login-section .mobile-login-btn:active {
    background-position: 100% 0;
    transform: scale(0.98);
}

.mobile-login-section .mobile-login-btn i {
    margin-right: 12px;
}

/* ======== Mobile Signup Button ======== */
.mobile-signup-section .mobile-signup-btn {
    background: linear-gradient(135deg, #e30613 0%, #c10512 50%, #e30613 100%);
    background-size: 200% 100%;
    color: #fff !important;
    padding: 14px 22px;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 4px 15px rgba(227, 6, 19, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border-radius: 0;
}

.mobile-signup-section .mobile-signup-btn:active {
    background-position: 100% 0;
    transform: scale(0.98);
}

.mobile-signup-section .mobile-signup-btn i {
    margin-right: 12px;
}

/* ======== Responsive Adjustments ======== */
@media (max-width: 991px) {
    .navbar-nav {
        align-items: flex-start;
    }

    .auth-buttons {
        width: 100%;
        margin: 5px 0;
    }

    .login-btn-nav,
    .signup-btn-nav {
        display: block;
        text-align: center;
        margin: 5px 15px;
    }
}

/* ======== Desktop Media Queries ======== */
@media screen and (min-width: 992px) {
    body {
        padding-top: 80px;
    }
}

/* ======== Tablet Media Queries ======== */
@media (min-width: 768px) and (max-width: 991.98px) {
    body {
        padding-top: 75px;
    }
    
    .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;
        margin-top: 15px;
    }
    
    .navbar {
        padding: 1rem 1.5rem;
    }
    
    .navbar-brand {
        padding-left: 0;
    }
    
    .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;
    }
    
    .user-profile-nav .user-name-display {
        padding: 8px 18px !important;
        font-size: 14px;
    }
    
    .login-btn-nav {
        padding: 8px 18px !important;
        font-size: 14px;
    }
    
    .container {
        max-width: 1550px;
    }
}

/* ======== Mobile Media Queries ======== */
@media (max-width: 767.98px) {
    body {
        padding-top: 70px;
    }
    
    .navbar {
        background: #fff;
        padding: 0.8rem 0;
    }
    
    .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;
        margin-top: 15px;
    }
    
    .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;
    }
    
    .navbar-nav .nav-link::before {
        display: none;
    }
    
    .user-profile-nav .user-name-display,
    .login-btn-nav {
        border-radius: 0;
        width: 100%;
        text-align: left;
    }
    
    .form-group {
        margin-bottom: 1.5rem; 
        text-align: left;
    }
}

/* ======== Small Mobile Media Queries ======== */
@media (max-width: 575.98px) {
    body, html {
        font-size: 14px; 
        font-family: 'Montserrat', sans-serif; 
        font-weight: 400; 
        line-height: 1.4; 
        color: #000;
    }
    
    .navbar-brand img {
        max-width: 160px;
    }
}

/* ======== Accessibility - Reduce Motion ======== */
@media (prefers-reduced-motion: reduce) {
    .user-profile-nav .user-name-display,
    .login-btn-nav,
    .dropdown-item,
    .mobile-user-name,
    .mobile-login-btn,
    .navbar-nav .nav-link {
        animation: none !important;
        transition: none !important;
    }
}

/* ======== Page Layout Adjustment ======== */
.dashboard-container {
    margin-top: 30px;
}


/* ======== ############# 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: #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: -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) {
}