@charset "utf-8";
/* CSS Document */
@font-face{font-family:'robotobold';src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'robotoregular';src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'robotolight';src: url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'robotomedium';src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'roboto_condensedbold';src: url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'roboto_condensedlight';src: url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-light-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'roboto_condensedregular';src: url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'robotothin';src: url('../fonts/roboto-thin-webfont.woff2') format('woff2'), url('../fonts/roboto-thin-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
    /* ____________ */
@font-face {font-family: 'segoe_uibold_italic';src: url('../fonts/segoe_ui_bold_italic-webfont.woff2') format('woff2'), url('../fonts/segoe_ui_bold_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'segoe_uibold';src: url('../fonts/segoe_ui_bold-webfont.woff2') format('woff2'), url('../fonts/segoe_ui_bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'segoe_uiitalic';src: url('../fonts/segoe_ui_italic-webfont.woff2') format('woff2'), url('../fonts/segoe_ui_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'segoe_uiregular';src: url('../fonts/segoe_ui-webfont.woff2') format('woff2'), url('../fonts/segoe_ui-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
/* ____________ */
/* ____________ */
@font-face {
  font-family: "open_sansbold";
  src: url("../fonts/opensans-bold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansbold_italic";
  src: url("../fonts/opensans-bolditalic-webfont.woff2") format("woff2"),
    url("../fonts/opensans-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansextrabold_italic";
  src: url("../fonts/opensans-extrabolditalic-webfont.woff2") format("woff2"),
    url("../fonts/opensans-extrabolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansitalic";
  src: url("../fonts/opensans-italic-webfont.woff2") format("woff2"),
    url("../fonts/opensans-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanslight";
  src: url("../fonts/opensans-light-webfont.woff2") format("woff2"),
    url("../fonts/opensans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanslight_italic";
  src: url("../fonts/opensans-lightitalic-webfont.woff2") format("woff2"),
    url("../fonts/opensans-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open_sansregular";
  src: url("../fonts/opensans-regular-webfont.woff2") format("woff2"),
    url("../fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansextrabold";
  src: url("../fonts/opensans-extrabold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanssemibold";
  src: url("../fonts/opensans-semibold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* ____________ */

html{scroll-behavior:smooth}
body{font-family:"robotoregular";font-weight:500;padding:0;margin:0;font-size:14px}
.white-txt{color: #fff;}
a.white-txt{position: relative;}
a.white-txt:hover{color: #fff;position: relative;}
a.white-txt:before{content: '';position: absolute;bottom: 0;left: 0;height: 1px;width: 0%;background:#fff;transition: 0.4s}
a.white-txt:hover:before{width: 100%;transition: 0.4s;}
.quick-btn {border: 1px solid #F4F4F4;border-radius: 5px;color: #000;background: #F4F4F4;font-size: 14px;padding: 8px 22px;}
.transprnt-btn{border: 1px solid #ccc;background:transparent;padding: 3px 19px;} 
.yellow-btn{background: #F27A0C;border-color:#F27A0C ;}
.banner-area .quick-btn:hover{color:#000;z-index:1;border-color:#FFF}
.banner-area .quick-btn:before, .banner-area .quick-btn:after{position:absolute;top:50%;content:"";width:20px;height:20px;background-color:#fff;border-radius:50%}
.quick-btn{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;border-radius:4px;position:relative;overflow:hidden}
.quick-btn:before{left:-20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.quick-btn:after{right:-20px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}
.quick-btn:before, .quick-btn:after{position:absolute;top:50%;content:"";width:20px;height:20px;background-color:#F27A0C;border-radius:50%}
.quick-btn:after, .quick-btn:before{z-index:-1;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s}
.quick-btn:hover{color:#fff;z-index:1}
.quick-btn:hover:before{-webkit-animation:criss-cross-left 0.8s both;animation:criss-cross-left 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
.quick-btn:hover:after{-webkit-animation:criss-cross-right 0.8s both;animation:criss-cross-right 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
@keyframes criss-cross-left {
    0%{left:-20px}
    50% {left:50%;width:20px;height:20px}
    100%{left:50%;width: 500px;height:375px}
}
@keyframes criss-cross-right {
    0%{right:-20px}
    50%{right:50%;width:20px;height:20px}
    100%{right:50%;width:375px;height:375px}
}
.purple-txt{color: #20006E;}
a{color: #000;}
a:hover{text-decoration:none}

/* CSS code to change text color on hover */
        .blue-hvr-btn {
            color: black !important;
        }

        .blue-hvr-btn:hover {
            color: black !important;
        }

        #btnSubmit:hover {
            color: white !important;
        }

/* preloader css Start */
.loading * { display: none; }
.dots-loader:not(:required) { opacity: 1; overflow: hidden; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; text-indent: -9999px; display: inline-block; width: 8px; height: 8px; background: transparent; border-radius: 100%; box-shadow: #b15ac5 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px; animation: dots-loader 5s infinite ease-in-out; transform-origin: 50% 50%;transform: scale(1); transition: .3s all;}
@keyframes dots-loader {  
0% { box-shadow: #F27A0C -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
8.33% { box-shadow: #F27A0C 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
16.67% { box-shadow: #F27A0C 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
25% { box-shadow: #F27A0C -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
33.33% { box-shadow: #F27A0C -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;}
41.67% { box-shadow: #F27A0C 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;}
50% { box-shadow: #F27A0C 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;}
58.33% { box-shadow: #F27A0C -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;}
66.67% { box-shadow: #F27A0C -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;}
75% { box-shadow: #F27A0C 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px -14px 0 7px, #44aaee 14px -14px 0 7px;}
83.33% { box-shadow: #F27A0C 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee 14px 14px 0 7px;}
91.67% { box-shadow: #F27A0C -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
100% { box-shadow: #F27A0C -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px;}
}
.loaded .dots-loader { opacity: 0; z-index: -1; pointer-events: none; transform: scale(0); }
/* preloader css End */
/* Top Header css Start */
.top-header{background: linear-gradient(45deg, #092e85, #092e85, #4490b5);padding:0}
.top-header ul li:last-child{border:none;padding-right:0}
.top-header ul{display:flex;margin-bottom:0;padding-left:0;align-items:center;justify-content:end}
.top-header ul li{padding:0 12px;line-height:1;display:flex;border-right:1px solid #fff}
.top-header ul li.login-btn {padding: 0;}
.top-header ul li.lang-select{border-right: none;}
.top-header ul li a{color:#fff;font-size:12px}
.custom-lang-select {font-size: 12px;padding: 0;border: none; color: #fff; background: transparent;height: fit-content !important}
.top-header ul li a:hover {color: #fad718;}
.top-left-nav ul{justify-content:flex-start}
li.text-size a{padding-right:9px}
li.text-size a:last-child{padding-right:0}
li.login-btn a{color:#fff!important;font-size:14px!important;padding: 11px 17px;background: #F27A0C;}
.top-left-nav{display:flex}
.top-header ul li a.whitebg {background: #fff;color: #fff;border: 1px solid #000;padding: 0px 3px;}
.top-header ul li a.blackbg {background: #000;color: #000;padding: 0px 3px;margin-left: 5px;}
li.login-btn a:hover, li.login-btn a:focus{background: linear-gradient(61deg, rgba(9,46,133,1) 16%, rgba(231,81,9,1) 84%, rgb(248 84 0) 100%);}
/* Top Header css End */
/* Logo Section Header css Start */
.logo-sec-wraper{padding:17px 0}
a.logo-align{text-decoration:none;display:flex;align-items:center}
a.logo-align img{width:50px}
.brand-text h4 {padding-left: 10px;font-size: 14px;color: #000;line-height: 14px;text-transform: uppercase;margin-bottom: 0;}
.brand-text h4 span {color: #000;display: block;font-size: 16px;line-height: normal;border-bottom: 1px solid #ededed;padding-bottom: 3px;font-weight:600;padding-top: 2px;}
.brand-text .sub-brand-txt {font-size: 17px;color: #000;padding-left: 10px;margin: 0;padding-top: 3px;letter-spacing: 1px;}
a.logo-align .brand-img img {width: 55px;}
/* Logo Section Header css End */
/* Footer Top Section css Start */
.footer-top-sec{background:#000000;padding:20px 0}
.footer-top-sec ul{padding:0;margin: 0;}
.footer-top-sec ul li:first-child {padding-left: 0;}
.footer-top-sec ul li{display:inline-block;margin-bottom:10px;padding:0 8px;border-right: 1px solid #ffffff85;line-height:1}
.footer-top-sec ul li a{color:#ffffff;font-size:14px;text-decoration:none}
.footer-top-sec ul li:last-child{border:0}
.visitor-sec p{font-size:14px}
.visitor-sec p {color: #fff;margin: 0;text-align: right;}
.copyright-sec p {margin-bottom: 0;color: #fff;}
.copyright-sec {padding-right: 0;}
/* Footer Top Section css End */

/* Login-CSS Start  */
.group{position:relative;margin-bottom:24px;}
.group input{font-size:10px!important;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);padding:8px 12px;}
.group input:focus{outline:none;border: 1px solid #00a2db;box-sizing: border-box;transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);box-shadow: none !important;}
.group label{color:rgba(0, 0, 0, .6);font-size:14px;font-weight:normal;margin: 0 !important;position:absolute;pointer-events:none;left:14px;top: 8px;transition:0.3s ease all;-moz-transition:0.3s ease all;-webkit-transition:0.3s ease all;}   
.group input:focus + label, .group input:not(:placeholder-shown) + label, .group input:active + label{top:-10px;left:14px;font-size:12px;padding: 0px 4px;color: #0087b7;background-color:#fff;}
.login-pg-area > .container > .row {justify-content: center;}
.captchaimage>.form-group>input.form-control{text-align:center;background:#fff;padding:7px 15px;cursor:none;}.captchaimage>.form-group>input::placeholder{color:rgb(255,255,255)!important;text-align:left;display:inline-block;}
.captchareload {margin-top: -15px;}
.captchareload .mdi-reload {font-size: 20px;}
.logn-frm-sec .quick-btn {width: 100%;padding: 8px 5px;line-height: 21px;}
.main-contnt-area .comnt-bx-sh .inner-title {margin: 0 0 30px 0;}
a.left-txt {display: block;text-align: right;}
.blue-hvr-btn:before, .blue-hvr-btn:after{background-color:rgba(9,46,133,1);}
.blue-hvr-btn{background-color:#F27A0C}
.comnt-bx-sh {/* margin:40px 0; */background: rgb(255 255 255 / 80%);border-radius: 16px;box-shadow: 0 4px 30px rgb(0 0 0 / 20%);padding: 40px 30px;}
.logn-frm-sec .loging-img img{width: 65%;margin: 0 auto;display: block;}
.login-pg-area{border-top:1px solid #e6e6e6;}

.login-root .main-contnt-area .container {
    height: 100%;
}

.login-root .main-contnt-area .container .row {
    height: 100%;
    align-items: center;
}
/* Login-CSS End  */


@media (max-width: 767px){
  .login-fullpg{height: auto !important;}
  .login-root .main-contnt-area {
    position: inherit;
}
    /* Top Header CSS Start  */
    .top-header .top-right-nav ul{display:inline-block;text-align:center;height:auto!important}
    .top-header .top-right-nav ul li{padding:0 4px;display:inline-block;margin:5px 0;}
    .top-header .top-left-nav{justify-content:center;margin:5px 0;}
    .top-header li.login-btn a{font-size:13px!important;padding:3px 7px;}
    /* Menu CSS Start  */
    .top-right-nav ul{display:inline-block;text-align:center;height:auto!important;}
    .top-right-nav ul li{padding:0 4px;display:inline-block;margin:5px 0;}
    .top-left-nav{justify-content:center;margin:5px 0;}
    .logo-sec-wraper .main-menu-area{justify-content:start;margin-top:10px;padding-top:5px;padding-bottom:5px;background: linear-gradient(129deg, rgba(242,122,12,1) 0%, rgba(248,84,0,1) 100%);}
    .logo-sec-wraper{padding:15px 0 0px;}
    .logo-sec-wraper .navbar-toggler{background:#fff;padding:3px 8px;font-size:16px;}
    .nav-wraper .custom-nav li a.active{/* background: #ffffff; */color: #fff;}
    .more-btn i{padding: 5px 10px;border-radius: 4px;font-size: 20px;}
    .left-men {position: absolute;right: 15px;top: 5px;}
    .nav-wraper .custom-nav li a {padding: 10px 5px !important;width: 100%;}
    .mbox {width: 18rem !important;top: 32px;right: 0;}
    .mob-ver-pl {padding-left: 15px !important;}
    .captchareload {margin-bottom: 15px;text-align:center;}
    .captchareload .mdi-reload {font-size: 32px;}

    .login-root { height: auto}
    .login-root2 { height: 600px;}
}


@media screen and (max-width: 991px) and (min-width: 768px){
  .login-root .main-contnt-area {
    position: inherit !important;
    padding: 30px 0;
}
  .login-root .main-contnt-area {
    position: inherit;
}
  .login-fullpg{height: auto !important;}
    /* Top Header Start  */
   .top-header ul li{padding:0 8px;}
   .top-header li.login-btn a{padding:11px 12px;}
   .top-right-nav{padding-left: 0!important;}
	 /* Menu Area CSS Start  */
	.nav-wraper .navbar-collapse{position:absolute;right:0;background:#fff;top:44px;z-index:9;box-shadow:0 0 10px #bbbbbb;}
	.custom-nav li{width:100%;}
	.main-menu-area{position:relative;}
	.nav-wraper .custom-nav li a{white-space:nowrap;width:100%;text-align:center;border-bottom:1px solid #e1e1e1}
	.nav-wraper .custom-nav li:last-child a{border-bottom:none;}
	.custom-nav{justify-content: end;}
	.logo-sec-wraper .main-menu-area .navbar-toggler{background:#fff;padding:7px 8px;font-size:16px;}
	.main-menu-area .nav-wraper{margin-right:30px;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
  .login-root .main-contnt-area {
    position: inherit !important;

    padding: 30px 0;
}
  .login-fullpg{height: auto !important;}
   /* Top Header Start  */
   .top-header ul li{padding:0 8px;}
   .top-header li.login-btn a{padding:11px 12px;}
   .top-right-nav{padding-left: 0!important;}
    /* Logo Area CSS Start  */
    .brand-text h4{font-size:21px;}
    .brand-text h4 span{font-size:21px;}
   /* Menu CSS Start  */
   .top-right-nav ul{display:inline-block;text-align:center;height:auto!important;}
   .top-right-nav ul li{padding:0 4px;display:inline-block;margin:5px 0;}
   .top-left-nav{justify-content:center;margin:5px 0;}
   .logo-sec-wraper .main-menu-area{justify-content:start;margin-top:10px;padding-top:5px;padding-bottom:5px;background: linear-gradient(129deg, rgba(242,122,12,1) 0%, rgba(248,84,0,1) 100%);}
   .logo-sec-wraper{padding:15px 0 0px;}
   .logo-sec-wraper .navbar-toggler{background:#fff;padding:3px 8px;font-size:16px;}
   .nav-wraper .custom-nav li a.active{/* background: #ffffff; */color: #fff;}
   .more-btn i{padding: 5px 10px;border-radius: 4px;font-size: 20px;}
   .left-men {position: absolute;right: 15px;top: 5px;}
   .nav-wraper .custom-nav li a {padding: 10px 5px !important;width: 100%;}
   .mbox {width: 18rem !important;top: 32px;right: 0;}
}
@media screen and (max-width:1430px) and (min-width: 1199px ){
  .login-root .main-contnt-area {
    position: inherit !important;

    padding: 30px 0;
}
  .login-fullpg{height: auto !important;}
  .comnt-bx-sh {padding: 18px 20px;}
  .main-contnt-area .comnt-bx-sh .inner-title {
    margin: 0 0 15px 0;
}
.main-contnt-area .comnt-bx-sh .inner-title .httxt{font-size: 22px;}
}



@media only screen and (max-width: 1430px){
    .container, .container-fluid{max-width:1300px!important}
}
.container, .container-fluid{width:100%;padding:0 15px;max-width:1430px;margin:0 auto}








/* Animated BackGround CSS Start  */
.circles{position:absolute;top:0;left:0;right:0;margin:auto;width:100%;height:100%;overflow:hidden;padding:0;z-index:0;list-style-type:none}
.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;/* background: #f27a0c47; */animation:animate 25s linear infinite;bottom:-150px;background: linear-gradient(61deg, rgba(9, 46, 133, 0.3) 16%, #e7510966 84%, #f8540070 100%);}
.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}
.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}
.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}
.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}
.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}
.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}
.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}
.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}
.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}
.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}
@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}
/* Animated BackGround CSS End  */


.login-fullpg{display:flex;flex-direction:column;height:100vh;}
.login-root{flex-grow:1;position: relative;background: #e1e1e157;}
.login-fullpg .login-root .box-root{height:100%;}
.login-fullpg .login-root .box-root .loginbackground{height:100%;}
.login-root .main-contnt-area{position:absolute;top:0;width:100%;height: 100%;}


/* SignUp Page Start  */
.main-contnt-area.signup-pg-area {
  position: inherit;padding: 15px 0;
}
.signup-pg-area{border-top:1px solid #e6e6e6;}
body.signup-fullpg .loginbackground {min-height: 1500px;}
.signup-inner .form-inner-title .httxt {font-size: 21px;margin-top: 8px;}
.cus-form-control:focus {outline: none;border: 1px solid #00a2db;box-sizing: border-box;transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);box-shadow: none !important;}
form .form-control{font-size: 14px !important;transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);padding: 8px 12px;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0px;}
.selectgroup {position: relative;margin-bottom: 24px;}
.selectgroup select {font-size: 14px!important;transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);padding: 8px 12px;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0px;}
.selectgroup select:focus + label, .selectgroup select:not(:placeholder-shown) + label{top: -10px;left: 14px;font-size: 12px;padding: 0px 4px;color: #00a2db;background-color: #fff;}
.group textarea:focus{outline: none;border: 1px solid #00a2db;box-sizing: border-box;transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);box-shadow: none !important;}
.form-label-title label{font-weight: 600;font-size: 14px;margin-bottom: 5px;}

.center-buttons {display: flex;justify-content: center;margin: 15px 0;}
.gray-btn {border: 1px solid #dddddd;border-radius: 5px;color: #000;background: #e9e9e9;font-size: 14px;padding: 8px 22px;transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;border-radius: 4px;position: relative;overflow: hidden;line-height: 1.5;}
.gray-btn.btn:hover{background-color:#e9e9e9;color: #000;}
.gray-btn:before{left:-20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.gray-btn:after{right:-20px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);}
.gray-btn:before, .gray-btn:after{position:absolute;top:50%;content:"";width:20px;height:20px;background-color:#c5c5c5;border-radius:50%}
.gray-btn:after, .gray-btn:before{z-index:-1;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s}
.gray-btn:hover{color:#fff;z-index:1}
.gray-btn:hover:before{-webkit-animation:criss-cross-left 0.8s both;animation:criss-cross-left 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
.gray-btn:hover:after{-webkit-animation:criss-cross-right 0.8s both;animation:criss-cross-right 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
.signup-inner .form-inner-title .httxt{position:relative;margin-bottom: 25px;color: #092e85;}
.signup-inner .form-inner-title .httxt:before {
    content: '';
    position: absolute;
    left: 2px;
    bottom: -11px;
    border-left: 7px solid #f27a0c;
    border-bottom: 7px solid #9b790000;
    transform: rotate(-136deg);
}
.signup-inner .form-inner-title .httxt:after {
    content: '';
    width: 60px;
    height: 2px;
    background: #f27a0c;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.signup-inner .inner-title .httxt{position:relative;margin-bottom: 25px;color: #092e85;font-size: 26px;}
.signup-inner .inner-title .httxt:before {
    content: '';
    position: absolute;
    left: 2px;
    bottom: -11px;
    border-left: 7px solid #f27a0c;
    border-bottom: 7px solid #9b790000;
    transform: rotate(-136deg);
}
.signup-inner .inner-title .httxt:after {
    content: '';
    width: 60px;
    height: 2px;
    background: #f27a0c;
    position: absolute;
    left: 0;
    bottom: -8px;
}
/* SignUp Page End  */
.file-drop-area{position: relative;display: flex;align-items: center;width: 450px;max-width: 100%;padding: 22px;border: 1px dashed rgb(183 182 182);border-radius: 0;transition: 0.2s;}
.file-drop-area.is-active{background-color: rgba(255, 255, 255, 0.05);}
.fake-btn {flex-shrink: 0;background-color: rgba(255, 255, 255, 0.04);border: 1px solid rgb(65 179 223);border-radius: 3px;padding: 8px 15px;margin-right: 10px;font-size: 12px;text-transform: uppercase;color: #006085;}
.file-msg{font-size: small;font-weight: 300;line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.file-input{position: absolute;left: 0;top:0;height: 100%;width: 100%;cursor: pointer;opacity: 0;}
.file-input:focus {outline: none;}
/* Pop Up CSS Start  */
.common-popup .modal-dialog {max-width: 600px;}
.common-popup .modal-dialog .modal-header {position: absolute;right: 0;border: none;z-index: 99999;}
.common-popup .modal-dialog .modal-body {padding: 40px;text-align: center;}
.common-popup .modal-dialog .modal-body img {margin-top: 15px;}
.common-popup .modal-dialog .modal-body button {margin-top: 15px;}
/* Pop Up CSS End  */