@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
/*
	Theme Name: WP Bootstrap Starter Child
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Template: wp-bootstrap-starter
*/
@charset "UTF-8";
body {  font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; line-height: 160%; color: #808294; -webkit-font-smoothing: antialiased; }
.content-bg{ background-image: url(assets/images/clouds-new.png) !important; background-repeat: repeat-y;background-size:contain;}
.body-bg { background-color: #fbfbfc; }
h1, h2, h3, h4, h5, h6 { color: #181825; margin: 0px 0px 15px 0px; font-family: 'Circular Std Book'; }
h1 { font-size: 42px; line-height: 54px; letter-spacing: -1px; }
h2 { font-size: 34px; line-height: 44px; letter-spacing: -1px; }
h3 { font-size: 26px; line-height: 33px; letter-spacing: -1px; }
h4 { font-size: 20px; line-height: 31px; }
h5 { font-size: 16px; line-height: 21px; }
h6 { font-size: 13px; line-height: 21px; }
.h2 { font-size: 35px; line-height: 48px; letter-spacing: -1px; }
.h3, h3 {
font-size: 26px;
line-height: 38px;
}
p { margin: 0px 0px 24px 0px; }
p:last-child { margin: 0px; }
a { color: #3544ee; }
a:hover { color: #202db8; text-decoration: none; }
a:active, a:hover { outline: 0; text-decoration: none; }
a.text-primary:focus, a.text-primary:hover {color: #202db8!important;}
ol, ul { }
ol li, ul li { }
.z-index-0 { z-index: 0;}
::selection { background: rgba(255, 244, 147, .8); color: #272c30;}

.frame-txt-top{font-family: Poppins; font-style: normal; font-weight: 500; font-size: 24px; line-height: 36px; text-transform: capitalize; color: #5452F5;}
.slideup-head-txt span{font-family: Poppins; font-style: normal; font-weight: 600; font-size: 40px; line-height: 60px; text-align: center; padding-right: 50px; color: #5452F5; }
.frame-txt{display:table;}
.frame-txt span{font-family: Poppins; font-style: normal; font-weight: 600; font-size: 40px; line-height: normal; text-align: center; color: #5452F5; background-color:#F4F4FF; border-radius: 6px;cursor: pointer; width: 100px; height:106px; display:table-cell; vertical-align:middle; }
.frame-txt p { display: inline-block; padding:10px 20px; cursor: pointer; color: #6C7181; display:table-cell;vertical-align:middle;}
/*--------------------  Font Weight ---------------------*/
.fontweight-normal { font-family: 'Circular Std Book' !important; }
.fontweight-medium { font-family: 'Circular Std Medium' !important; }
.fontweight-bold { font-family: 'Circular Std Bold' !important; }

hr {margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgb(235, 237, 252);}
small { font-size: 14px; }
html body .font-16 { font-size: 16px; }
html body .font-12 { font-size: 12px; }
html body .font-15 { font-size: 15px; }
html body .font-14 { font-size: 14px; }
html body .font-10 { font-size: 10px; }
html body .font-18 { font-size: 18px; }
html body .font-20 { font-size: 20px; }
html body .font-21 { font-size: 21px; }
html body .font-22 { font-size: 22px; }
html body .font-24 { font-size: 24px; }
html body .display-4 { font-size: 60px; line-height: 70px; }
html body .display-5 { font-size: 3rem; }
html body .display-6 { font-size: 2.5rem; }
html body .display-7 { font-size: 2rem; }

/*-------------------------------------------------------------------
2. Forms
-------------------------------------------------------------------*/
label { display: inline-block; max-width: 100%; margin-bottom: 10px;  font-family: 'Poppins', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #6C7181;
}
.form-control{display: block;width:100%;line-height:1.42857143;height:50px;background-color:#ffffff;   border-radius:4px;border:1px solid #DBDEE7;font-family:Poppins;font-style:normal;font-weight:normal;font-size:16px;color:#ACB0BC;}
.form-control:focus{color:#9597a9;background-color:#fff;border-color:#7976fe;outline:0;box-shadow: 0 0 0 0.2rem rgba(215, 218, 252, .5);}
input[type=file] { color: #808294;background-color:#fff;border-color:#a7a7f0;outline: 0;box-shadow: 0 0 0 0.1rem rgba(214, 214, 255, .75);}
.col-form-label {font-size: 15px;}
input { }
button { }
button:focus {outline: 0;}
input::-webkit-input-placeholder { color: #808294 !important; }
input:focus::-webkit-input-placeholder { color: #3544ee !important; }
textarea::-webkit-input-placeholder { color: #808294 !important; }
textarea:focus::-webkit-input-placeholder { color: #3544ee !important; }
button.btn { }
button.btn-default { }
button.btn-primary { }
address { }
.form-group {margin-bottom: 12px;}
.form-control-lg {padding: 12px;}
.custom-select{display: inline-block;width: 100%; height: 50px; padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5;vertical-align: middle; border-radius: 2px; font-size: 14px; color: #9597a9; border: 1px solid #ceced8; background-color: #fbfbff;}
.custom-select:focus {color: #9597a9; border-color: #d0d1df; outline: 0; box-shadow: 0 0 0 0.1rem rgba(208, 209, 223, .5); background-color: #fff;}
.custom-control {position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem;}
.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color: #01d486; border-color: #01d486;}
.custom-control-input:checked~.custom-control-label::before{color: #ffffff;background-color:#01d486; border-color: #01d486;}
.custom-control-label::before{position: absolute;top:.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 2px solid #c6c6d1;}
.select-form-input{padding: 14px;background-color: #3544ee;border: transparent;border-bottom: 2px solid #fff; color: #fff;}
/*-------------------------------------------------------------------
3. Components
-------------------------------------------------------------------*/

/* -----------------------  Buttons -------------------------*/
.btn {padding: 11px 21px; border-radius: 4px; overflow: hidden; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; transition: .3s ease; font-family: Poppins !important; font-weight: 500; font-size: 16px !important;}

/*--- btn default --*/
.btn-brand {color: #fff; background-color: #01d486; border-color: #01d486; }
.btn-brand:hover{color: #fff; background-color: #08b072; border-color: #08b072; }
.btn-brand.focus, .btn-brand:focus {color: #fff; background-color: #08b072; border-color: #08b072; box-shadow: none;}

/*--- btn primary --*/
.btn-primary{color: #fff; background-color: #3544ee; border-color: #3544ee;}
.btn-primary:hover{color: #fff; background-color: #2834bd; border-color: #2834bd;}
.btn-primary.focus, .btn-primary:focus{color: #fff; background-color: #2834bd; border-color: #2834bd; box-shadow: 0 0 0 1px rgb(40, 52, 189);}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 1px rgb(40, 52, 189);}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff; background-color: #2834bd; border-color: #2834bd;}

/*--- btn secondary --*/
.btn-secondary {color: #fff; background-color: #ff5e3e; border-color: #ff5e3e;}
.btn-secondary:hover {color: #fff; background-color: #ea5132; border-color: #ea5132;}
.btn-secondary.focus, .btn-secondary:focus {color: #fff; background-color: #ea5132; border-color: #ea5132; box-shadow: 0 0 0 1px rgb(234, 81, 50);}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #ea5132; border-color: #ea5132; }
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1rem rgb(234, 81, 50); }

/*--- btn success --*/
.btn-success {color: #fff;background-color:#2ec551;border-color:#2ec551;}
.btn-success:hover {color: #fff;background-color:#21ae41;border-color:#21ae41;}
.btn-success.focus, .btn-success:focus {color: #fff;background-color: #21ae41;border-color: #21ae41; box-shadow: 0 0 0 1px rgb(18, 158, 50);}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {color: #fff; background-color: #21ae41; border-color: #21ae41;}

/*--- btn danger --*/
.btn-danger {color: #fff; background-color: #ef172c; border-color: #ef172c;}
.btn-danger:hover {color: #fff; background-color: #da0419; border-color: #da0419;}
.btn-danger.focus, .btn-danger:focus {color: #fff; background-color: #da0419; border-color: #da0419; box-shadow: 0 0 0 1px rgb(218, 4, 25);}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {color: #fff; background-color: #da0419; border-color: #da0419;}

/*--- btn warning --*/
.btn-warning {color: #2e2f39; background-color: #ffc108; border-color: #ffc108;}
.btn-warning:hover {color: #2e2f39; background-color: #f3b600; border-color: #f3b600;}
.btn-warning.focus, .btn-warning:focus {color: #2e2f39; background-color: #f3b600; border-color: #f3b600; box-shadow: 0 0 0 1px rgb(238, 182, 0);}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {color: #2e2f39; background-color: #f3b600; border-color: #f3b600;}

/*--- btn info --*/
.btn-info {color: #fff; background-color: #25d5f2; border-color: #25d5f2;}
.btn-info:hover {color: #fff; background-color: #17c0dc; border-color: #17c0dc;}
.btn-info.focus, .btn-info:focus {color: #fff; background-color: #17c0dc; border-color: #17c0dc; box-shadow: 0 0 0 1px rgb(238, 184, 22);}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {color: #fff; background-color: #17c0dc; border-color: #17c0dc;}

/*--- btn light --*/
.btn-light {color: #71738d; background-color: #f0f0f8; border-color: #f0f0f8;}
.btn-light:hover {color: #2e2f39; background-color: #d7d7df; border-color: #d7d7df;}
.btn-light.focus, .btn-light:focus {color: #2e2f39; background-color: #d7d7df; border-color: #d7d7df; box-shadow: 0 0 0 1px rgb(215, 215, 223);}

/*--- btn dark --*/
.btn-dark {color: #fff; background-color: #2e2f39; border-color: #2e2f39;}
.btn-dark:hover {color: #2e2f39; background-color: #d7d7df; border-color: #d7d7df;}
.btn-dark.focus, .btn-dark:focus {color: #fff; background-color: #d7d7df; border-color: #d7d7df; box-shadow: 0 0 0 1px rgb(46, 47, 57);}

/*--- btn outline brand --*/
.btn-outline-brand {color: #01d486; background-color: transparent; border-color: #01d486;}
.btn-outline-brand:hover {color: #fff; background-color: #01d486; border-color: #01d486;}
.btn-outline-brand.focus, .btn-outline-brand:focus {color: #01d486; background-color: transparent; border-color: #01d486; box-shadow: 0 0 0 1px rgb(1, 212, 134);}

/*--- btn outline primary --*/
.btn-outline-primary {color: #3544ee; background-color: transparent; border-color: #3544ee;}
.btn-outline-primary:hover {color: #fff; background-color: #3544ee; border-color: #3544ee;}
.btn-outline-primary.focus, .btn-outline-primary:focus{color: #fff; background-color: #3544ee; border-color: #3544ee; box-shadow: 0 0 0 1px rgb(53, 68, 238);}

/*--- btn outline secondary --*/
.btn-outline-secondary {color: #ff5e3e; background-color: transparent; border-color: #ff5e3e;}
.btn-outline-secondary:hover {color: #fff; background-color: #ff5e3e; border-color: #ff5e3e;}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {color: #fff; background-color: #ff5e3e; border-color: #ff5e3e; box-shadow: 0 0 0 1px rgb(255, 94, 62);}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {color: #fff; background-color: #ff5e3e; border-color: #ff5e3e;}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1rem rgb(255, 94, 62);}

/*--- btn outline success --*/
.btn-outline-success {color: #2ec551; background-color: transparent; border-color: #2ec551;}
.btn-outline-success:hover {color: #fff; background-color: #2ec551; border-color: #2ec551;}
.btn-outline-success.focus, .btn-outline-success:focus {color: #fff; background-color: #2ec551; border-color: #2ec551; box-shadow: 0 0 0 1px rgb(40, 167, 69);}

/*--- btn outline danger --*/
.btn-outline-danger {color: #ef172c; background-color: transparent; border-color: #f03c4d;}
.btn-outline-danger:hover {color: #fff; background-color: #ef172c; border-color: #ef172c;}
.btn-outline-danger.focus, .btn-outline-danger:focus {color: #fff; background-color: #ef172c; border-color: #ef172c; box-shadow: 0 0 0 1px rgb(239, 23, 44);}
.btn-outline-danger-light {color: #ef172c; background-color: #ffecec; border-color: #fedddd;}
.btn-outline-danger-light:hover {color: #fff; background-color: #ef172c; border-color: #ef172c;}
.btn-outline-danger-light.focus, .btn-outline-danger-light:focus {color: #fff; background-color: #ef172c; border-color: #ef172c; box-shadow: 0 0 0 1px rgb(239, 23, 44);}

/*--- btn outline warning --*/
.btn-outline-warning {color: #2e2f39; background-color: transparent; border-color: #ffc108;}
.btn-outline-warning:hover {color: #2e2f39; background-color: #ffc108; border-color: #ffc108;}
.btn-outline-warning.focus, .btn-outline-warning:focus {color: #2e2f39; background-color: #ffc108; border-color: #ffc108; box-shadow: 0 0 0 1px rgb(255, 193, 8);}

/*--- btn outline info --*/
.btn-outline-info { color: #25d5f2; background-color: transparent; border-color: #25d5f2; }
.btn-outline-info:hover { color: #fff; background-color: #25d5f2; border-color: #25d5f2; }
.btn-outline-info.focus, .btn-outline-info:focus { color: #fff; background-color: #25d5f2; border-color: #0998b0; box-shadow: 0 0 0 1px rgb(238, 184, 22); }

/*--- btn outline light --*/
.btn-outline-light { color: #7171a6; background-color: transparent; border-color: #e6e6f2; }
.btn-outline-light:hover { color: #808294 !important; background-color: #f0f0f8; border-color: #cacae0; }
.btn-outline-light.focus, .btn-outline-light:focus { color: #808294; background-color: #f0f0f8; border-color: #cacae0; box-shadow: 0 0 0 1px rgb(235, 235, 237); }



/*--- btn outline-dark --*/
.btn-outline-dark { color: #2e2f39; background-color: transparent; border-color: #2e2f39; }
.btn-outline-dark:hover { color: #fff; background-color: #2e2f39; border-color: #2e2f39; }
.btn-outline-dark.focus, .btn-outline-dark:focus { color: #fff; background-color: #2e2f39; border-color: #2e2f39; box-shadow: 0 0 0 1px rgb(46, 47, 57); }

/*--- btn outline white --*/
.btn-outline-white { color: #fff; background-color: transparent; border-color: rgba(255, 255, 255, 0.5); }
.btn-outline-white:hover { color: #353851 !important; background-color: #fff; border-color: #cacae0; }
.btn-outline-white.focus, .btn-outline-white:focus { color: #353851; background-color: #fff; border-color: #fff; box-shadow: 0 0 0 1px rgb(255, 255, 255); }

/*--- btn outline white --*/
.btn-white { color: #353851; background-color: #fff; border-color: rgba(255, 255, 255, 1); }
.btn-white:hover { color: #fff !important; background-color: #04d16f; border-color: #04d16f; }
.btn-white.focus, .btn-white:focus { color: #fff; background-color: #04d16f; border-color: #04d16f; box-shadow: 0 0 0 1px rgb(4, 209, 111, 1); }

/*--- btn size --*/
.btn-xs { padding: 4px 10px; font-size: 12px; }
.btn-sm { padding: 8px 18px; font-size: 14px; }
.btn-lg { padding: 11px 36px; font-size: 17px; }
.btn-lg-mod {padding: 9px 37px; }
.btn-lg-2{padding: 9px 55px; }
.btn-lg-4{padding: 17px 64px;}
/*--- btn brand link --*/
.btn-brand-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; }
.btn-brand-link:after { background-color: #01d486; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; }
.btn-brand-link:hover:after { background-color: #01d486; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; }
.btn-brand-link:hover { text-decoration: none; color: #181825; }

/*--- btn priamry link --*/
.btn-primary-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; }
.btn-primary-link:after { background-color: #3544ee; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; }
.btn-primary-link:hover:after { background-color: #3544ee; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; }
.btn-primary-link:hover { text-decoration: none; color: #181825; }

/*--- btn secondary link --*/
.btn-secondary-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; }
.btn-secondary-link:after { background-color: #fa5826; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; }
.btn-secondary-link:hover:after { background-color: #fa5826; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; }
.btn-secondary-link:hover { text-decoration: none; color: #181825; }

/*--- btn dark link --*/
.btn-dark-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; }
.btn-dark-link:after { background-color: #181825; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; }
.btn-dark-link:hover:after { background-color: #54545f; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; }
.btn-dark-link:hover { text-decoration: none; color: #181825; }

/*--- btn dark link --*/
.btn-light-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; }
.btn-light-link:after { background-color: #808294; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; }
.btn-light-link:hover:after { background-color: #808294; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; }
.btn-light-link:hover { text-decoration: none; color: #181825; }

/*--- btn primary arrow link --*/
.btn-primary-arrow-link { color: #3544ee; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-primary-arrow-link:hover { color: #2834bd; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-primary-arrow-link i { font-size: 10px; margin-left: 4px; }

/*--- btn brand arrow link --*/
.btn-brand-arrow-link { color: #01d486; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-brand-arrow-link:hover { color: #08b072; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-brand-arrow-link i { font-size: 10px; margin-left: 4px; }

/*--- btn secondary arrow link --*/
.btn-secondary-arrow-link { color: #fa5826; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-secondary-arrow-link:hover { color: #ea5132; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-secondary-arrow-link i { font-size: 10px; margin-left: 4px; }

/*--- btn dark arrow link --*/
.btn-dark-arrow-link { color: #181825; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-dark-arrow-link:hover { color: #282833; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-dark-arrow-link i { font-size: 10px; margin-left: 4px; }

/*--- btn dark arrow link --*/
.btn-light-arrow-link { color: #808294; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-light-arrow-link:hover { color: #5f606d; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-light-arrow-link i { font-size: 10px; margin-left: 4px; }

/*--- btn social --*/
.btn-facebook { color: #fff; background-color: #3c73df; border-color: #3c73df; }
.btn-google-plus { color: #fff; background-color: #eb5e4c; border-color: #eb5e4c; }
.btn-twitter { color: #fff; background-color: #2caeff; border-color: #2caeff; }
.btn-instagram { color: #fff; background-color: #9361fa; border-color: #9361fa; }
.btn-pinterest { color: #fff; background-color: #c8232c; border-color: #c8232c; }


/* ---------  Arrow List --------------  */
.arrow { position: relative; }
.arrow li { padding-left: 20px; line-height: 35px; }
.arrow li:before { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 12px; color: #22de99; content: '\f058'; font-style: initial; }
.angle-right { position: relative; }
.angle-right li { padding-left: 18px; line-height: 30px; }
.angle-right li:before { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 12px; color: #01d486; content: '\f105'; font-style: initial; }
.check { position: relative; }
.check li { padding-left: 24px; line-height: 30px; }
.check li:before {font-family: 'Font Awesome\ 5 Free';font-weight: 900;display: inline-block;position: absolute;left: 0;font-size: 12px;color: #80829a;content: '\f00c';font-style: initial;}
.close-icon { position: relative; }
.close-icon li { padding-left: 24px; line-height: 30px; }
.close-icon li:before { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 12px; color: #ec3636; content: '\f00d'; font-style: initial; }
.angle { position: relative; }
.angle li { padding-left: 20px; line-height: 30px; }
.angle li:before { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 13px; color: #d2d3d8; content: '\f061'; font-style: initial; }
.plus-circle { position: relative; }
.plus-circle li { padding-left: 20px; line-height: 35px; }
.plus-circle li:before { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 13px; color: #3544ee; content: '\f055'; font-style: initial; }


/*----- Bullet List -----*/
.bullet-list { }
.bullet-list ul { margin: 0px; padding: 0px; }
.bullet-list ul li { }
.divider-line { border: 1px solid transparent; }
.divider-dashed-line { border: 1px dashed transparent; }
.divider-primary { border-color: #032fdf; }
.divider-secondary { border-color: #fa5826; }
.divider-brand { border-color: #01d486; }
.divider-dark { border-color: #181825; }
.divider-light { border-color: #e0e0e6; }

/* -------------- Cards -------------------------*/
.card-box{box-shadow: 0px 5px 30px rgba(117, 136, 216, 0.25);}
.card {  border: none; position: relative; border-radius: 6px; margin-bottom: 21px; background-color: none; }
.card-header { background-color: #fff; border: none; padding: 0px 0px; }
.card-title { }
.card-subtitle { font-size: 14px; }
.card-body { font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; color: #6C7181; }
.card-text { }
.card-footer { border-top: 1px solid #ebedfc; background: #f6f6ff; padding: 20px 30px; line-height: 1.8; }
.card-link { }
.card-outline { border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.card-outline .card-footer { border-top: 2px solid #ebedfc; padding: 18px 30px; }
.card-outline:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }
.card-content-overlay { position: absolute; bottom: 10px; left: 10px; padding: 1.25rem; }
.thumbnail-small-block { }
.thumbnail-small-block .card-body { padding: 20px; }

/* --------------- card-block ------------------------*/
.card-block { margin-bottom: 30px; }
.card-block-img { margin-bottom: 20px; }
.card-block-content { }
.card-block-head { border-bottom: 1px solid #f3f3f6; margin-bottom: 10px; }
.card-block-head-title { font-size: 21px; line-height: 28px; margin-bottom: 10px; }


/*-----------------------  Background Color / Color -------------------------*/
.bg-primary { background-color: #3544ee !important;}
.bg-primary-dark{background-color: #1d2256 !important;}
.bg-brand { background-color: #01d486 !important; }
.bg-secondary { background-color: #fa5826 !important; color: #fff !important; }
.bg-success { background-color: #2ec551 !important; }
.bg-danger { background-color: #ef172c !important; }
.bg-warning { background-color: #ffc108 !important; }
.bg-info { background-color: #25d5f2 !important; }
.bg-light { background-color: #f9f9ff !important; }
.bg-dark { background-color: #2e2f39 !important; }
.bg-primary-light { background-color: #e4e6ff !important; color: #fff !important; }
.bg-primary-dark {background-color: #1d2256 !important;}
.bg-info-light { background-color: #dffaff !important; color: #fff; }
.bg-secondary-light { background-color: #ffd9d1 !important; }
.bg-danger-light { background-color: #fbd3d5 !important; }
.bg-brand-light { background-color: #ccf7f0 !important; }
.bg-success-light { background-color: #c5fad3 !important; }
.split-bg { background: linear-gradient(to right, #01d486 0%, #01d486 45%, #efeff3 40%, #efeff3 100%); height: 100%; width: 100%; }
.bg-gray { background-color: #ededf5 !important; }
.bg-brose-light { background-color: #fde9ff !important; }
.bg-brose-dark-light { background-color: #edc6ff !important; }
.bg-purple-light { background-color: #f0eaff !important; }
.bg-cyan-light { background-color: #e7f9fa !important; }
.bg-mehndi-light { background-color: #eaf9c4 !important; }
.bg-pink-light { background-color: #ffe1eb !important; }
.bg-warning-light { background-color: #fff8dd !important; }
.bg-orange-light { background-color: #ffede6 !important; }
.bg-blue-light { background-color: #d8fdff !important; }

/*---------- Color ------------------*/
.text-primary { color: #3544ee !important; }
.text-brand { color: #01d486 !important; }
.text-secondary { color: #ea5132 !important; }
.text-success { color: #2ec551 !important; }
.text-danger { color: #ef172c !important; }
.text-warning { color: #ffc108 !important; }
.text-info { color: #25d5f2 !important; }
.text-light { color: #afafb6 !important; }
.text-dark { color: #181825 !important; }
.text-gray { color: #868aa5 !important; }
.text-muted { color: #7171a6 !important; }
.rating-color { color: #ffa811; }
.text-brose { color: #ee46ff !important; }
.text-purple { color: #7e48f6 !important; }
.text-cyan { color: #22ced0 !important; }
.text-mehndi { color: #94ca00 !important; }
.text-pink { color: #f6256b !important; }
.text-orange { color: #fd672d !important; }
.text-blue { color: #01e3ef !important; }
.text-primary-light { color: #b2b8f9; }
.text-brand-light { color: #e0fcf2; }
.text-secondary-light { color: #fdd5c8; }

/*------------ Borders -------------*/
.border-boxes span { display: inline-block; width: 5rem; height: 5rem; margin: .25rem; background-color: #fbfbfd; }
.border { border: 1px solid #ebecf7 !important; }
.border-top { border-top: 1px solid #ebecf7 !important; }
.border-bottom { border-bottom: 1px solid #ebecf7 !important; }
.border-left { border-left: 1px solid #ebecf7 !important; }
.border-right { border-right: 1px solid #ebecf7 !important }
.border-top-primary { border-top-color: #3544ee !important; }
.border-2 { border-width: 2px !important; }
.border-secondary { border-color: #fa5826 !important; }
.border-brand { border-color: #01d486 !important; }
.border-info { border-color: #25d5f2 !important; }
.rounded { border-radius: 4px !important; }
.rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
.rounded-bottom { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.border-bottom-4 { border-bottom: 4px solid !important; }
.border-top-4 { border-top: 4px solid !important; }
.bb-brand-color { border-bottom-color: #01d486 !important; }
.bb-primary-color { border-bottom-color: #3544ee !important; }
.bb-danger-color { border-bottom-color: #ef172c !important; }
.bt-danger-color { border-top-color: #ef172c !important; }
.bb-orange-color { border-bottom-color: #ff9b5f !important; }
.bb-secondary-color { border-bottom-color: #ea5132 !important; }
.bb-info-color { border-bottom-color: #00cdec !important; }
.bb-success-color { border-bottom-color: #2ec551 !important; }
.bt-success-color { border-top-color: #2ec551 !important; }
.border-primary { border-color: #032fdf !important; }
.border-dark { border-color: #181825 !important; }
.border-light { border-color: #e0e0e6 !important; }
.border-dashed { border-style: dashed !important; }

/*------------ Borders -------------*/
.border-boxes span { display: inline-block; width: 5rem; height: 5rem; margin: .25rem; background-color: #fbfbfd; }
.border { border: 1px solid #363686 !important; }
.border-top { border-top: 1px solid #363686 !important; }
.border-bottom { border-bottom: 1px solid #363686 !important; }
.border-left { border-left: 1px solid #363686 !important; }
.border-right { border-right: 1px solid #363686 !important; }
.border-top-primary { border-top-color: #4747ff !important; }
.border-2 { border-width: 2px !important; }
.border-secondary { border-color: #fa5826 !important; }
.border-brand { border-color: #01d486 !important; }
.border-info { border-color: #25d5f2 !important; }
.rounded { border-radius: 4px !important; }
.rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
.rounded-bottom { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.border-bottom-4 { border-bottom: 4px solid !important; }
.border-top-4 { border-top: 4px solid !important; }
.bb-brand-color { border-bottom-color: #01d486 !important; }
.bb-primary-color { border-bottom-color: #4747ff !important; }
.bb-danger-color { border-bottom-color: #ef172c !important; }
.bt-danger-color { border-top-color: #ef172c !important; }
.bb-orange-color { border-bottom-color: #ff9b5f !important; }
.bb-secondary-color { border-bottom-color: #e54918 !important; }
.bb-info-color { border-bottom-color: #00cdec !important; }
.bb-success-color { border-bottom-color: #2ec551 !important; }
.bt-success-color { border-top-color: #2ec551 !important; }
.border-primary { border-color: #032fdf !important; }
.border-dark { border-color: #ffffff !important; }
.border-light { border-color: #e0e0e6 !important; }
.border-dashed { border-style: dashed !important; }



/*------------- Spinner ------------------*/
.spinner-xxl { width: 150px; height: 150px; }
.spinner-xl { width: 120px; height: 120px; }
.spinner-lg { width: 100px; height: 100px; }
.spinner-md { width: 80px; height: 80px; }
.spinner-sm { width: 60px; height: 60px; }
.spinner-xs { width: 30px; height: 30px; }
.dashboard-spinner { margin: 0px 8px; border-radius: 50%; background-color: transparent; border: 6px solid transparent; border-top: 6px solid #3544ee; border-left: 6px solid #3544ee; -webkit-animation: 1s spin linear infinite; animation: 1s spin linear infinite; display: inline-block; }
.spinner-primary { border-top-color: #3544ee; border-left-color: #3544ee; }
.spinner-secondary { border-top-color: #ff5e3e; border-left-color: #ff5e3e; }
.spinner-success { border-top-color: #2ec551; border-left-color: #2ec551; }
.spinner-danger { border-top-color: #dc3545; border-left-color: #dc3545; }
.spinner-warning { border-top-color: #ffc107; border-left-color: #ffc107; }
.spinner-info { border-top-color: #17a2b8; border-left-color: #17a2b8; }
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.profile-image {
  border-radius: 100px;
  height: 60px;
  width: 60px;
  margin-right: 5px;
  border: 5px solid #FFD24F;
}
/* .profile-image {
    border-radius: 100px;
    height: 44px;
    width: 44px;
    margin-right: 10px;
} */
.navbar-brand img {max-width: unset !important;}
/* ------------- 2.8  Tabs -------------------*/
.tab-regular { }
.tab-regular .nav.nav-tabs { border-bottom: transparent; }
.tab-regular .nav.nav-tabs .nav-item { }
.tab-regular .nav.nav-tabs .nav-link { display: block; padding: 17px 44px; color: #808294; background-color: #ededf1; margin-right: 1px; border-color: #ededf1; }
.tab-regular .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { }
.tab-regular .nav-tabs .nav-link.active { background-color: #fff; border-color: #e6e6f2 #e6e6f2 #fff; color: #3544ee; }
.tab-regular .tab-content { background-color: #fff; padding: 30px; border: 1px solid #e6e6f2; border-radius: 4px; border-top-left-radius: 0px }

/*----- Tabs Vertical CSS ----*/
.tab-vertical { }
.tab-vertical .nav.nav-tabs { float: left; display: block; margin-right: 0px; border-bottom: 0; }
.tab-vertical .nav.nav-tabs .nav-item { margin-bottom: 6px; }
.tab-vertical .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; background: #fff; padding: 17px 49px; color: #808294; background-color: #ededf1; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }
.tab-vertical .nav-tabs .nav-link.active { color: #3544ee; background-color: #fff !important; border-color: transparent !important; }
.tab-vertical .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 4px !important; border-top-right-radius: 0px !important; }
.tab-vertical .tab-content { overflow: auto; -webkit-border-radius: 0px 4px 4px 4px; -moz-border-radius: 0px 4px 4px 4px; border-radius: 0px 4px 4px 4px; background: #fff; padding: 30px; }

/*--- Outline Tabs ----*/
.outline-tab { }
.outline-tab .nav .nav-tabs { }
.outline-tab .nav-tabs { border-bottom: 1px solid #ebedfc; }
.outline-tab .nav-tabs .nav-item { margin-bottom: -1px; margin-top: 30px; }
.outline-tab .nav-tabs .nav-link { padding: 10px 30px; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #626582; }
.outline-tab .nav-tabs .nav-item.show .nav-link, .outline-tab .nav-tabs .nav-link.active { color: #3341e7; background-color: transparent; border-color: #ebedfc #ebedfc #fff; }
.outline-tab .tab-content { padding: 35px; }

/*-------------------  Tables ---------------------*/
.table { width: 100%; margin-bottom: 1rem; background-color: transparent; }
.table thead th { vertical-align: bottom; border-bottom: 2px solid #ebedfc; font-family: 'Circular Std Book'; }
.table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; }
.table-bordered td, .table-bordered th { border: 1px solid #ebedfc; }
table { font-size: 16px; }
table th { }
table td { }
.table th { color: #303443; font-family: 'Circular Std Book'; }
.table td, .table th { padding: .75rem; color: #626582; }
.table-striped tbody tr:nth-of-type(odd) { background-color: #fff; }
.table .thead-light th { color: #495057; background-color: #f3f6ff; border-color: #ebedfc; }

/*---------------- Data Tables ----------------------------------*/
div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; height: 42px; }
div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block; height: 42px; }

/* --------------------  Alert ---------------------*/
.alert-warning { color: #856404; background-color: #fffae7; border-color: #fee06e; }
.alert-primary { color: #004ebd; background-color: #d9eeff; border-color: #a2d5fe; }


/*------------------- 8. Footer ------------------------------*/
.footer-pattern-top { position: relative; z-index: 0; }
.footer-pattern-slide { -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%); clip-path: polygon(0 100%, 100% 80%, 100% 100%); background-color: #040446; position: absolute; bottom: -81px; width: 100%; height: 370px; }
.footer { background-color: #040446; padding-bottom: 80px; color: #a7ade4; font-size: 15px; line-height: 28px; position: relative; margin-top: 80px; padding-top: 110px; }
.footer-widget { margin-bottom: 40px; }
.footer-widget-title { color: #fff; font-size: 18px; margin-bottom: 24px; border-bottom: 0px; padding: 0px; letter-spacing: 0px; }
.footer-widget ul { }
.footer-widget ul li { margin-bottom: 0px; }
.footer-widget ul li a { color: #a7ade4; line-height: 28px; }
.footer-widget ul li a:hover {  text-decoration: none; }
.social-media-block { background-color: #39363d; padding-top: 18px; padding-bottom: 18px; }
.social-icons { margin-top: 2px; }
.icon-square { text-align: center; background-color: #302d34; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #7f7c7c; padding: 11px 12px; line-height: 1.3; font-size: 14px; }
.icon-square:hover { background-color: #ff4d4d; color: #fff; }
.icon-square-outline { text-align: center; background-color: transparent; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #6f6d72; padding: 11px 12px; line-height: 1.3; font-size: 14px; border: 1px solid #6f6f72; }
.icon-square-outline:hover { background-color: transparent; color: #ff4d4d; border-color: #ff4d4d; }
.facebook-outline { border-color: #3b5898; color: #3b5898; }
.twitter-outline { border-color: #1ea2f2; color: #1ea2f2; }
.googleplus-outline { border-color: #f75439; color: #f75439; }
.instagram-outline { border-color: #9361fa; color: #9361fa; }
.linkedin-outline { border-color: #0077b7; color: #0077b7; }
.pinterest-outline { border-color: #c8232c; color: #c8232c; }
.tiny-footer { background-color: #04043a; color: #a7ade4; font-size: 13px; padding-top: 15px; padding-bottom: 15px; line-height: 1.5; }
.tiny-footer ul { }
.tiny-footer ul li { float: left; }
.tiny-footer ul li a { color: #a7ade4; font-size: 13px; margin-right: 10px; }
.tiny-footer ul li a:hover { color: #01d486; text-decoration: none; }

/*----------------- 7. Headers ---------------------------------*/
.header-classic { background-color: #2c2c7a; }
/*----------------------- Sidebar Page Navigation scroll -------------------------*/
.sidebar-nav-fixed { position: sticky; top: 5rem; }
.sidebar-nav-fixed ul { }
.sidebar-nav-fixed ul li { }
.sidebar-nav-fixed ul li a { font-size: 14px; color: #71728e; display: block; padding: 5px 15px; background: transparent; border-radius: 4px; line-height: 1.8; }
.sidebar-nav-fixed ul li a:hover { color: #3544ee; }
.sidebar-nav-fixed ul li a.active { display: block; color: #3544ee; background: #e0e0fd; }

/*------------------- 8. Footer ------------------------------*/
.footer-pattern-top { position: relative;
z-index: 0; }
.footer-pattern-slide {
-webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%);
clip-path: polygon(0 100%, 100% 80%, 100% 100%);
background-color: #1d2256;
position: absolute;
bottom: -81px;
width: 100%;
height: 370px;
}

.footer {
background-color: #1E1E3A;
padding-bottom: 30px;
color: #a7ade4;
font-size: 15px;
line-height: 28px;
position: relative;
margin-top: -8px;
padding-top: 30px;
}
.footer-widget { margin-bottom: 40px; }
.footer-widget-title { color: #fff; font-size: 18px; margin-bottom: 24px; border-bottom: 0px; padding: 0px; letter-spacing: 0px; }
.footer-widget ul { }
.footer-widget ul li { margin-bottom: 0px; }
.footer-widget ul li a { color: #fff; line-height: 28px; font-weight: 500; }
.footer-widget ul li a:hover { color: #fff; text-decoration: none; }
.social-media-block { background-color: #39363d; padding-top: 18px; padding-bottom: 18px; }
.social-icons { margin-top: 2px; }
.icon-square { text-align: center; background-color: #302d34; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #7f7c7c; padding: 11px 12px; line-height: 1.3; font-size: 14px; }
.icon-square:hover { background-color: #ff4d4d; color: #fff; }
.icon-square-outline { text-align: center; background-color: transparent; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #6f6d72; padding: 11px 12px; line-height: 1.3; font-size: 14px; border: 1px solid #6f6f72; }
.icon-square-outline:hover { background-color: transparent; color: #ff4d4d; border-color: #ff4d4d; }
.facebook-outline { border-color: #3b5898; color: #3b5898; }
.twitter-outline { border-color: #1ea2f2; color: #1ea2f2; }
.googleplus-outline { border-color: #f75439; color: #f75439; }
.instagram-outline { border-color: #9361fa; color: #9361fa; }
.linkedin-outline { border-color: #0077b7; color: #0077b7; }
.pinterest-outline { border-color: #c8232c; color: #c8232c; }
.tiny-footer { background-color: #1E1E3A; color: #a7ade4; font-size: 13px; padding-top: 15px; padding-bottom: 15px; line-height: 1.5; }
.tiny-footer ul { }
.tiny-footer ul li { float: left; }
.tiny-footer ul li a { color: #a7ade4; font-size: 13px; margin-right: 10px; }
.tiny-footer ul li a:hover { color: #01d486; text-decoration: none; }
.copy-rights {
    width: 100%;
    text-align: center;
}
.modal-dialog {
    max-width: 775px;
    margin: 1.75rem auto;
}
/*----------------- 7. Headers ---------------------------------*/
.header-classic { background-color: #fff; border-bottom: 1px solid #ccc8c8; }

/* --------------------  Top Header  --------------------*/
.top-header { background-color: #fff; font-size: 14px; color: #626582; line-height: 30px; border-bottom: 1px solid #f0f1f9; border-top: 3px solid #3544ee; padding-bottom: 4px; padding-top: 4px; }
.top-header ul { margin-bottom: 0px; }
.top-header ul li { float: left; margin-left: 18px; }
.top-header ul li a { color: #626582; }
.top-header i { font-size: 10px; }
.top-header-social { }
.top-header-social i { font-size: 14px; }
.top-header-social ul { margin-left: 10px; }
.top-header-social ul li { float: left; margin-left: 8px; }
.top-header-social ul li a { color: #9d9ea7; }
.top-header-social ul li a:hover { color: #01d486; }

/*-------------------------------------------------------------------
8. Navigations
-------------------------------------------------------------------*/

/*--------------------  Navigation classic ---------------------*/
.navbar-classic { }
.navbar-classic.navbar-light .navbar-nav .nav-link { color: #181825; font-family: 'Circular Std Medium' !important; padding: 12px 16px; }

.navbar-classic .navbar-nav .nav-item .nav-link { 
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #7c7c7c;
padding: 0px 22px;
}
#navbar-classic .navbar-nav .menu-item a{font-family: Poppins;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;color: #7c7c7c;padding: 0px 15px;}
#navbar-classic .navbar-nav .nav-item a{font-family: Poppins;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;color: #7c7c7c;padding: 0px 22px;}
#navbar-classic .navbar-nav .menu-item a:hover{color:#FF6B17;}
#navbar-classic .navbar-nav .nav-item a:hover{color:#FF6B17;}
#navbar-classic .navbar-nav .nav-item.current_page_item a{color:#FF6B17 !important;}

.navbar-classic .navbar-nav .nav-item .nav-link:hover { color: #FF6B17; }
.navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after  {color: #3544ee;}
/* .navbar-classic.navbar { padding: 0px 0px 0px 0; } */
.navbar-classic .dropdown-toggle::after {margin-top: 1px; display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: -2px; content: "\f107"; border-top: none; border-right: none; border-bottom: none; border-left: none; color: #bdbebf; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; margin-right: 10px; font-size: 20px; float: right; }
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
border-bottom: 1px solid #f1f1f6;
border-radius: 0px;
}
.navbar-brand { display: inline-block; margin-right: initial; line-height: inherit; white-space: nowrap; }
.navbar{padding:0 !important;}
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 16rem; padding: 12px; margin: 18px 0px; font-size: 1rem; color: #808294; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgb(255, 255, 255); border-radius: 2px; -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); }
.dropdown-item {display: block;width: 100%;padding: 10px 15px;clear: both;font-weight: 400;color: #181825;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;font-size: 14px;font-family: 'Circular Std Book' !important;line-height: 15px;}
.dropdown-item:focus, .dropdown-item:hover { color: #4955ef; text-decoration: none; background-color: #eeeffd; border-radius: 4px; }
.dropdown-item:focus .dropdown-toggle::after, .dropdown-item:hover.dropdown-toggle::after { color: #4955ef; }
@media(min-width:992px) {
.dropdown .dropdown-menu {visibility: hidden; opacity: 0; -webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in }
.dropdown:hover>.dropdown-menu { visibility: visible; opacity: 1;-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
visibility: visible; }
.dropdown-submenu:hover .dropdown-menu { visibility: visible; opacity: 1; -webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
visibility: visible; }
}
.dropdown-submenu { position: relative; }
.dropdown-submenu a::after {transform: rotate(-90deg);position: absolute;right: 10px;top: 21px;}
.dropdown-submenu .dropdown-menu { top: 0px; left: 100%; margin-left: 13px; margin-right: .1rem; }
.caret-up { width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle; }
.mega-dropdown { position: unset; }
.mega-dropdown-menu { width: 100%; position: absolute; top: 63px; margin: 15px 0px; }
.mega-dropdown-menu ul { list-style: none; }

.nav-dropitem-arrow { position: relative; font-size: 12px; opacity: 0; padding-right: 10px; }
.nav-dropitem-arrow i { position: absolute;    /* top: -1px; */ }
.dropdown-item:focus, .dropdown-item:hover {color: #3544ee;text-decoration: none;background-color: #eeeffd;border-radius: 4px;}
.dropdown-item:hover .nav-dropitem-arrow { color: #4955ef; opacity: 1; margin-right: 5px; }
.navbar-classic .navbar-toggler, .navbar-boxed .navbar-toggler { padding: 17px 0; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid #eaeaf0; border-radius: .25rem; position: relative; }

/* mobile menu css */
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu { background: #fff; box-shadow: none; margin: 7px 0px; }
.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link { border-bottom: 1px solid #f1f1f6; }
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu 
.dropdown-item { border-bottom: 1px solid #f1f1f6; }
.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu { background: #fff; box-shadow: none; margin: 7px 0px; }
.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link { border-bottom: 1px solid #f1f1f6; }
.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu 
.dropdown-item { border-bottom: 1px solid #f1f1f6; }
.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu { background: #fff; box-shadow: none; margin: 7px 0px; }
.navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link {border-bottom: 1px solid #495bfb;}
.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu 
.dropdown-item { border-bottom: 1px solid #f1f1f6; }
.icon-bar { width: 21px; height: 3px; background-color: #3544ee; display: block; -webkit-transition: all 0.2s; transition: all 0.2s; margin-top: 4px }
.navbar-toggler:focus { outline: 0px; }
.navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 190%; background-color: #3544ee; }
.navbar-toggler .middle-bar { opacity: 0; }
.navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% -80%; background-color: #3544ee; }
.navbar-toggler.collapsed .top-bar { transform: rotate(0); background-color: #3544ee; }
.navbar-toggler.collapsed .middle-bar { opacity: 1; }
.navbar-toggler.collapsed .bottom-bar { transform: rotate(0); background-color: #3544ee; }

h1, h2, h3, h4, h5, h6 {

color: #6C7181;
margin: 0px 0px 20px 0px !important;
font-family: Poppins;
font-style: normal;
font-weight: normal;

}
html :where(img) {
  height: auto;
  max-width: 100%;
}
.exam-profile-container {padding: 5px 15px 25px;border-bottom: 2px solid #eee; overflow: hidden; display:table; width:100%;}
.exam-profile-container .tablecell {display: table-cell;vertical-align: top;}
.exam-profile-container .profile-image{float:left; width:78px; height:auto;margin: 0 0 0 0;border:0px !important; }
.exam-profile-container .current-level{position:absolute;top:80px;left: 34px;}
.exam-profile-container .profile-name{ display:block;}
.exam-profile-container .profile-email{display:block; }
.exam-profile-container .yellow-btn{display:inline-block !important; margin-top:10px;margin-bottom:0; border: solid 2px #FF6B17;border-radius: 300px; width:auto;color:#FF6B17 !important;width: 136px;height: 30px;font-weight: normal;font-size: 14px;line-height: 21px;}
.profile-container .dropdown-menu{min-width: 350px !important;}

.profile-name {font-family: Poppins;font-weight: 500;font-size: 14px;line-height: 21px;color: #151E42;}
.profile-email {font-family: Poppins;font-weight: normal;font-size: 12px;line-height: 18px;color: #6C7181;}


.exam-status-container{padding:15px 20px 0;border-bottom: 2px solid #eee;width:100%;}
.exam-status-container .current-exam{padding:5px; font-family: Poppins;font-weight: 500;font-size: 14px;line-height: 21px;color: #151E42;}
.exam-status-container .exam-info{padding: 0px;font-size: 20px; position:relative;}
.exam-status-container .exam-cstatus{padding:5px;color:#6C7181;font-family: Poppins;font-style: normal;font-weight: normal;font-size: 14px;line-height: 21px;}
.exam-status-container .exam-status-levels{width:100%;}
.exam-status-container .exam-info .dropdown-menu ul {margin: 0 !important;padding: 10px !important;width: auto;display: block !important;}
.exam-status-container .exam-info .dropdown-menu {min-width: 10px !important;padding: 5px 0 !important;margin: 0 !important;float: none;}
.exam-status-container .exam-info .dropdown-menu li {display: block;float: none;white-space: nowrap; padding: 5px 15px 5px 25px;position: relative;color:#6C7181;}
.current-exam-main span {display: inline-block;width: auto;padding: 0 !important;margin: 0 !important;}
.current-exam-main span a {display: inline-block !important;padding: 0 !important;}
.current-exam-main span a:after {display: none !important;}
.current-exam-main {margin: 0 0 15px;}
.exam-status-container .exam-status-levels ul li{display:inline-block;margin:0 5px;}
.exam-status-container .exam-status-levels ul li.active{display:inline-block;background-color:#E7EAF2;padding: 10px;}
.exam-status-container .exam-status-levels ul{text-align:center; padding:0;}
.dropdown-menu ul {
  list-style: none; /* Remove default bullets */
}
.exam-status-container .exam-info .dropdown-menu li:before {content: "";position: absolute;width: 15px;height: 15px;left: 5px;top: 10px;background: #000;border-radius: 10px; border:solid 1px #ccc;}
.exam-status-container .exam-info .dropdown-menu li.white-belt:before{background: #fff; border-color:#ccc;}
.exam-status-container .exam-info .dropdown-menu li.yellow-belt:before{background: #FFD24F;border-color:#FFD24F;}
.exam-status-container .exam-info .dropdown-menu li.orange-belt:before{background: #FF6600;border-color:#FF6600;}
.exam-status-container .exam-info .dropdown-menu li.blue-belt:before{background: #5452F5;border-color:#5452F5;}
.exam-status-container .exam-info .dropdown-menu li.black-belt:before{background: #211E1E;border-color:#211E1E;}
.menu-profile-submenu-container {border-bottom: 2px solid #eee;margin-bottom: 10px;}
.menu-profile-submenu-container ul {margin: 10px 0 0 !important;display: block;}
.menu-profile-submenu-container ul li {padding-bottom: 10px;}
/* The Loader */
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;overflow: hidden;}
.no-js #loader-wrapper {display: none;}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 100px;height: 100px;margin: -50px 0 0 -50px;border-radius: 50%;border: 3px solid transparent;border-top-color: #16a085;-webkit-animation: spin 1.7s linear infinite;animation: spin 1.7s linear infinite;z-index: 11;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #e74c3c;-webkit-animation: spin-reverse .6s linear infinite;animation: spin-reverse .6s linear infinite;}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #f9c922;-webkit-animation: spin 1s linear infinite;animation: spin 1s linear infinite;}

@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes spin-reverse {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(-360deg);}
}
@keyframes spin-reverse {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #222;z-index: 10;}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}

.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.loaded #loader {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.3s 1s ease-out;transition: all 0.3s 1s ease-out;}

@media (max-width:992px){
.ml-auto.head-icon {margin: 5px 25px;margin-left: 25px;}
.profile-container {position: relative;margin: 0px;}
.profile-container #profile_dropdownMenuButton{overflow: hidden;width: 100%;display: block;}
.menu-profile-submenu-container ul li{padding-bottom:0;}
.menu-profile-submenu-container ul{margin: 10px 0 !important;}
}
@media (max-width:400px){
.profile-container {
    width: auto !important;
}
.menu-titlebar-logged-in-container {
width: 56% !important;
margin-top: 0px !important;
}
.avtar-name{display:none;}
}
}
@media (max-width:350px){
.profile-container {
    width: auto !important;
}
.menu-titlebar-logged-in-container {
width: 56% !important;
margin-top: 0px !important;
}
.avtar-name{display:none;}
}

.logos-main {display: block;text-align: center;}
.logo-img {display: inline-block;margin: 16px 32px;}
@media (max-width:991px){
	.logo-img{max-width: 120px;margin: 16px 22px;}
	
}
@media (max-width:768px){
.profile-container {
    width: auto !important;
}
.menu-titlebar-logged-in-container {
    width: 66%;   
	margin-top: 0px !important;
}
.avtar-name{display:none;}	
}

/*** close new home -/ ***/