/* ========== B: Global Style ========== */
body {
    font-family: 'Roboto', sans-serif !important;
    color: #1a3066!important;
}
.container {
	max-width: 1240px !important;
	padding-right: 0px !important;
	padding-left: 0px !important; 
}
header {
	padding: 12px 0px;
    margin: 0 auto;
}
section {
	padding: 56px 0px;
}
.w-800 {
    width: 800px;
    margin: 0 auto;
    background-color: #33CCD6;
}
.r-set {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.bb1 {
    border-bottom: 2px solid #2FC5D2;
}

.b-l {
    border-right: 1px solid #64DEE7;
}
mb-0 {
    margin-bottom: 0px !important;
}
footer {
    background-image: url(../../assets/img/index-footer-background.svg);
    background-repeat: no-repeat;
    max-width: 100%;
    padding: 126px 0px;
    background-position: 50%;
}
ul, li {
  	display: inline-block;
  	margin: 0;
  	padding: 0;
}
ul, li, a {
    font-size: 15px;
	list-style: none;
	text-decoration: none !important;
}
.fc-8:hover {
	color: #fff !important;
}
.h-fixed {
	width: 100%;
}
.bb-3 {
    border-bottom: 1px solid #8bc5ff;
}
.c-btn:focus {
    outline: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.dropdown-item:hover {
    background-color: transparent !important;
}

/* B: column overwrite */
    .col-md-3-f {
    max-width: 20% !important;
}
.col-md-2-f {
    max-width: 13% !important;
}

/* E: column overwrite */

.mx-auto {
    margin-left: auto!important;
}
.mr-auto, .mx-auto {
    margin-right: auto!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.bg-1 {
	background-color: #007fff; 
}
.bg-2 {
	background-color: #FBFCFF;
}
.bgc-3 {
    background-color: #E9F4FF;
}
/*.bg-15 {
    background-color: #E9F4FF;
}*/
.bc-4 {
    background-color: #fcfcfc;
}
.bc-5 {
    background-color: #2FC5D2;
}
.bb-1 {
	border-bottom: 1px solid #C4C4C4;
}
.ff {
    font-family: 'Roboto', sans-serif;
}
.ff-c {
    font-family: 'Courier Prime', monospace;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
	font-size: 14px;
}
.fs-14 {
	font-size: 14px;
}
.fs-16 {
	font-size: 16px;
}
.fs-18 {
	font-size: 18px;
}
.fs-21 {
	font-size: 21px;
}
.fs-23 {
	font-size: 23px;
}
.fs-26 {
	font-size: 26px;
}
.fs-28 {
	font-size: 28px;
}
.fs-30 {
	font-size: 30px;
}
.fs-32 {
	font-size: 32px;
}
.fs-34 {
	font-size: 34px;
}
.fs-36 {
	font-size: 36px;
}
.fs-46 {
	font-size: 46px;
}
.fs-50 {
    font-size: 50px;
}
.fs-56 {
	font-size: 56px;
}
.fs-54 {
	font-size: 54px;
}
.fw-300 {
	font-weight: 300;
}
.fw-400 {
	font-weight: 400;
}
.fw-500 {
	font-weight: 500;
}
.fw-600 {
	font-weight: 600;
}
.fw-700 {
	font-weight: 700;
}
.lh-1 {
	line-height: 100%;
}
.lh-2 {
	line-height: 125%;
}
.lh-3 {
	line-height: 150%;
}
.fc-1 {
	color: #ffffff;
}
.fc-2 {
	color: #E3EDFF;
}
.fc-3 {
	color: #FFFFFF;
}
.fc-4 {
	color: #6296FF;
}
.fc-5 {
    color: #707070;
}
.fc-6 {
	color: #042B70;
}
.fc-7 {
	color: #FF0000;
}
.fc-8 {
	color: #777777;
}
.fc-9 {
    color: #FF4242;
}
.fc-10 {
    color: #020E28;
}
.fc-11 {
    color: #007fff;
}
.fc-12 {
    color: #40c8d4;
}
.fc-13 {
    color: #020E28;
}
.fc-14 {
    color: #273A65;
}
.fc-15 {
    color: #1a3066;
}
.fc-16 {
    color: #01d3dd;
}

.bc-1 {
    border-color: #E3EDFF;
}
.bc-t {
    background-color: #FFFFFF;
}
.bb-2 {
	border-bottom: 1px solid #fff;
	width: 70px;
}
.ta-l {
	text-align: left;
}
.ta-r {
	text-align: right;
}
.ta-c {
	text-align: center;
}
.ma-10 {
	margin: 10px;
}
.ma-56 {
    margin: 0px 56px
}
.mb-1 {
    margin-bottom: 1px;
}
.mb-12 {
	margin-bottom: 12px;
}
.mb-12 {
    margin-bottom: 14px;
}
.mb-24 {
	margin-bottom: 24px;
}
.-mb-24 {
    margin-bottom: -56px;
}
.-mb-56 {
    margin-bottom: -56px;
}
.-mt-56 {
    margin-top: -56px;
}
.mb-28 {
    margin-bottom: 28px;
}
.mb-2 {
    margin-bottom: 2px;
}
.mb-36 {
	margin-bottom: 36px;
}
.mb-34 {
    margin-bottom: 34px;
}
.mb-42 {
    margin-bottom: 42px;
}
.mb-46 {
    margin-bottom: 46px;
}
.mb-48 {
	margin-bottom: 48px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-52 {
    margin-bottom: 52px;
}
.mb-54 {
    margin-bottom: 54px;
}
.mb-56 {
    margin-bottom: 56px;
}
.sp-mb-56 {
    margin-bottom: 56px;
}
.sp-mb-96 {
    margin-bottom: 96px;
}
.mb-58 {
    margin-bottom: 58px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-62 {
    margin-bottom: 62px;
}
.mb-64 {
    margin-bottom: 64px;
}
.mb-66 {
    margin-bottom: 66px;
}
.mb-68 {
	margin-bottom: 68px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-74 {
    margin-bottom: 74px;
}
.mb-78 {
    margin-bottom: 78px;
}
.mb-84 {
    margin-bottom: 84px;
}
.mb-88 {
    margin-bottom: 88px;
}
.mb-96 {
	margin-bottom: 96px;
}
.mt-6 {
    margin-top: 6px;
}
.mt-12 {
	margin-top: 12px;
}
.mt-16 {
    margin-top: 16px;
}
.mt-24 {
	margin-top: 24px;
}
.mt-36 {
	margin-top: 36px;
}
.mt-48 {
	margin-top: 48px;
}
.mt-54 {
    margin-top: 54px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-160 {
    margin-top: 160px;
}
.mt-120 {
    margin-top: 120px;
}
.mt-82 {
    margin-top: 82px;
}
.ml-36 {
	margin-left: 36px;
}
.pa-8 {
	padding: 8px; 
}
.pa-10 {
    padding: 10px; 
}
.pa-12 {
	padding: 12px; 
}
.pa-24 {
	padding: 24px; 
}
.pa-96 {
	padding: 96px; 
}
.pa-98 {
    padding: 98px 98px;
}
.pt-8 {
    padding-top: 8px;
}
.pt-6 {
    padding-top: 6px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-12 {
	padding-top: 12px;
}
.pt-14 {
	padding-top: 14px;
}
.pt-24 {
	padding-top: 24px;
}
.pt-36 {
	padding-top: 36px;
}
.pt-48 {
	padding-top: 48px;
}
.pt-04 {
	padding-top: 4px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-96 {
    padding-top: 96px;
}
.pt-110 {
    padding-top: 110px;
}
.pt-130 {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
	padding-top: 130px;
}
.pt-200 {
    padding-top: 200px;
}
.pt-310 {
	padding-top: 310px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-12 {
	padding-bottom: 12px;
}
.pb-24 {
	padding-bottom: 24px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-36 {
	padding-bottom: 36px;
}
.pb-48 {
	padding-bottom: 48px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pl-12 {
	padding-left: 12px;
}
.pl-24 {
	padding-left: 24px;
}
.pl-36 {
	padding-left: 36px;
}
.pl-60 {
	padding-left: 60px;
}
.pl-80 {
	padding-left: 80px;
}
.pl-96 {
	padding-left: 96px;
}
.pl-56 {
    padding-left: 56px;
}
.pl-10 {
	padding-left: 10px;
}
.col {
    padding-right: 15px;
    padding-left: 0px !important;
}
.pr-24 {
	padding-right: 24px;
}
.pr-36 {
	padding-right: 36px;
}
.pr-12 {
	padding-right: 12px;
}
.pr {
    padding-right: 80px;
}   
.d-1 {
	display: inline-block;
}
.td {
	text-decoration: none;
}
.lst {
	list-style-type: none;
}
.va-t {
    vertical-align: text-top;
}

.line:hover a {
    border-left: 3px solid #007fff;
    margin-left: -3px;
}
.l-active {
    width: 100%;
}
.l-active a {
    border-left: 3px solid #007fff;
    margin-left: -3px;
    background-color: rgb(0 102 255 / 10%);
    border-radius: 0 1rem 1rem 0rem;
}

.br {
    border-right: 2px dashed #eaeaea;
}
.bt {
    border-bottom: 2px dashed #eaeaea;
}
.bp {
    padding: 24px;
}
.br-11 {
    border-right: 1px solid #eee;
}
.bl-11 {
    border-left: 1px solid #eee;
}
.bb-11 {
    border-bottom: 1px solid #eee;
}
.bl-12 {
    border-left: 1px solid #007fff;
}
/* ========== B: Date picker customize ========== */

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    color: #fff !important;
    background-color: #225CD0 !important;
}
.datepicker table tr td.active.active {
    background-color: #6296FF !important;
}
/* ========== B: Error handling Modal ========== */
.modal-header {
    border-bottom: none !important;
}

.modal-footer {
    display: revert !important;
    border-top: none !important;
}
.modal-dialog {
    margin: 6rem auto !important;
    max-width:705px!important;
}
.modal-body {
    padding: 0rem 2.5rem 2.5rem 2.5rem !important
}

.modal-content {
    border-radius: 1.5rem !important;
    border: none !important;
}
/* ========== B: Navigation Bar ========== */
.side-link {
    padding: 6px 12px ;
    display: block;
}
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.50rem !important;
    padding-left: 0.50rem !important;
}
.nav-link-style {
    color: #fff !important;
    text-decoration: none;
    background-color: transparent;
}
.nav-link-style:hover {
    color: #70f4ff !important;
}

#navbar .sticky .navbar-expand-sm .navbar-nav .dropdown-menu {
    width: 210px;
    color: #9c2828 !important;
    background-color: #fff;
    border: none;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}

.navbar {
  width: 100%;
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.fas-menu {
  font-size: 26px;
  color: #225CD0;
  padding: 8px;
}
.fas {
    padding: 0px 8px;
    font-size: 13px;
}
.float-right-md {
    float: right;
}
.dropdown-item {
    color: #ffffff !important;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
    width: 210px;
    color: #9c2828 !important;
    background-color: #52a9ff;
    border: none;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
#navbar.sticky .navbar-expand-sm .navbar-nav .dropdown-menu {
    width: 210px;
    color: #9c2828 !important;
    background-color: #fff;
    border: none;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
#navbar.sticky .dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #eaeaea;
}

    .m-ri {
    margin-right: 12px;
}
.m-le {
    margin-left: 12px;
}
.m-div {
    padding-top: 9px;
}
.btn {
	display: inline-block;
	border-radius: 2rem !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 8px 22px !important;
    margin-left: 12px;
}
.btn-signup {
	color: #fff !important;
    background-color: #225CD0 !important;
    border-color: #fff !important;
}
.btn-signup:hover {
    background-color: #007bff !important;
    border-color: #007bff !important;
}
.fas-menu {
    font-size: 26px;
    color: #225CD0;
    padding: 8px;
}
.fas-arrow {
    font-size: 32px;
    color: #225CD0;
}
.carousel-control-next-cus {
    width: 4% !important;
}
.carousel-control-prev-cus {
        width: 4% !important;
}
    /* ========== B: Banner Style ========== */
.btn2 {
	display: inline-block;
	border-radius: 0.50rem !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 14px 22px !important;
    text-align: center;
}
.btn2-inquire {
    color: #fff !important;
    background-color: #45DCE9 !important;
    width: 220px;
    height: 56px;
    /*box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);*/
}
.btn2-inquire:hover {
    background-color: #3ac1cc !important;
    /*border-color: #007bff !important;*/
    text-decoration: none;
}
.prl {
	padding: 15px 36px;
}
.td {
	text-decoration: none !important;
}

/* Carousel Indicator */
.carousel-indicators .active {
    width: 12px !important;
    height: 12px !important;
    background-color: 445dce9 !important;
}
.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 1.5rem;
    background-clip: border-box !important;
    border-bottom: none !important;
    box-sizing: inherit !important;
    background-color: #71fff6 !important;
}

.carousel-indicators {
    bottom: 4% !important;
}
/* ========== B: Button 3 - 5 Style ========== */
.btn3 {
    display: inline-block;
    border-radius: .50rem;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 22px;
    text-align: center;
}
.btn3-rate {
    color: #fff;
    background-color: #45DCE9;
    border-color: #fff;
    width: 260px;
    height: 56px;
    /*box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);*/
    /*border: solid 1px #ffffff;*/
}
.btn3-rate:hover {
    color: #fff;
    background-color: #3ac1cc;
    /*border-color: #007bff;*/
    text-decoration: none;
}
.btn3-learn {
    color: #fff;
    background-color: #45DCE9;
    border-color: #fff;
    width: 200px;
    height: 56px;
    /*box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);*/
    border: none;
}
.btn3-learn:hover {
	color: #fff;
	/*background-color: #3ac1cc;*/
	/*border-color: #007bff;*/
    text-decoration: none;
}
.btn4 {
	display: inline-block;
	border-radius: 0.5rem;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 22px;
    text-align: center;
}
.btn4-learn {
	color: #9BBFFF;
    background-color: #FFFFFF;
    border: 1px solid #E3EDFF;
    width: 200px;
    height: 56px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
}
.btn4-learn:hover {
	color: #007bff;
	background-color: #FFFFFF;
	border: 1px solid #9BBFFF;
    text-decoration: none;
}
.btn5 {
	display: inline-block;
	border-radius: .50rem;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 22px;
    text-align: center;
}
.btn5-contact {
    color: #fff;
    background-color: #45DCE9;
    border: 1px solid #8AE9F1;
    width: 220px;
    height: 56px;
    /*box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);*/
}
.btn5-contact:hover {
	color: #fff;
	background-color: #3ac1cc;
	border: 1px solid #8AE9F1;
    text-decoration: none;
    /*box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.30);*/
}
.btn6 {
	display: inline-block;
	border-radius: .50rem;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 22px;
    text-align: center;
}
.btn6-articles {
    color: #fff;
    background-color: #45DCE9;
    border-color: #fff;
    width: 200px;
    height: 56px;
}
.btn6-articles:hover {
	color: #fff;
	background-color: #3ac1cc;
	/*border-color: #007bff;*/
    text-decoration: none;
}
.btn7 {
	display: inline-block;
	border-radius: 2rem;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 22px;
    text-align: center;
}
.btn7-rate {
	color: #fff;
    background-color: #225CD0;
    border: 1px solid #E3EDFF;
    width: 220px;
    height: 56px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
}
.btn7-rate:hover {
	color: #fff;
	background-color: #007bff;
	border: 1px solid #9BBFFF;
    text-decoration: none;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.30);
}
.btn8-tryagain {
    color: #fff;
    background-color: #FF4242;
    border: 1px solid #E3EDFF;
    width: 220px;
    height: 56px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
}
.btn8-tryagain:hover {
    color: #fff;
    background-color: #FF4242;
    border: 1px solid #9BBFFF;
    text-decoration: none;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.30);
}
.btn9 {
    display: inline-block;
    border-radius: 0.5rem;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 22px;
    text-align: center;
}
.btn9-doc {
    color: #fff;
    background-color: #007fff;
    width: 520px;
    height: 56px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
}

.btn9-doc:hover {
    color: #fff;
    background-color: #036fdc;
    text-decoration: none;
}
.f-box {
    width: 26px;
    height: 26px;
    background-color: #45d0ff;
    border-radius: 1rem;
    margin: 0px 8px 0px 0px;
}

.br-t {
    border-right: 2px solid #CEE7FF;
}

.bb-t {
    border-bottom: 2px solid #CEE7FF;
}

.pa-t {
    padding: 10px;
}

.box-s {
    box-shadow: 0 4px 8px 0 rgb(206 231 255), 0 6px 20px 0 rgb(206 231 255);
}

.bp {
    padding: 24px;
}

/* ----------- Sticky Nav Style----------- */

.sticky {
 	position: fixed;
  	top: 0;
  	padding: 12px 0px;
  	margin: 0 auto;
  	z-index: 2000;
}

.bg-grey {
  	background-color: #fff !important;
  	box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.1);
  	transition: background .50s;
}
#navbar.sticky .logo {
    display:none;
}

#navbar.sticky .d-logo {
    display: block;
}

.d-logo {
    display: none;
}

#navbar.sticky ul li a {
    color: #1a3066 !important;
}

#navbar.sticky ul li a:hover {
    color: #45dce9 !important;
}

#navbar.sticky ul li a .dropdown-item a:hover {
    color: #fff !important;
}

.bprb {
    background-position: center;
}

.bi-1 {
    background-image: url(../../assets/img/index-main-background.svg);
    background-repeat: no-repeat;
    max-width: 100%;
    height: 738px;
    background-position: 50%;
}

.bi-2 {
    background-image: url(../../assets/img/index-main-background.svg);
    background-image: url(../../assets/img/index-main-background.svg);
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: 50% 100%;
    height: 420px;
}

.container-fluid {
	padding-right: 0px !important; 
    padding-left: 0px !important; 
}
.ab {
    border-radius: 24px;
    max-height: 642px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #dae6ff;
    background-color: #ffffff;
}
.lr-radius {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.wrapper {
	max-width: 840px;
    padding: 0px 15px;
    margin: 0 auto;
}
.icon-style {
    width: 36px;
    filter: invert(0.5);
    margin: 12px 12px 12px 0px;
}
.w-l {
    width: 49%;
}
.w-pad {
  margin-left: 10px;
}
input[type=text], select, textarea {
  width: 100%;
  color: #1c1e21;
  padding: 12px 4px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #B8B8B8;
}
input[type=email] {
    width: 100%;
    color: #1c1e21;
    padding: 12px 4px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #B8B8B8;
}
input[type=number] {
    width: 100%;
    color: #B8B8B8;
    padding: 12px 4px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #B8B8B8;
}
input[type=date] {
    width: 100%;
    color: #B8B8B8;
    padding: 12px 4px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #B8B8B8;
}
.select-2 {
  width: 100% !important;
}
.m-clear {
    margin: 0 auto !important
}
textarea {
    height: 160px;
}
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 2px solid #E3EDFF;
    border-radius: .25rem;
}

/* -----------Faq's Style----------- */

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: left;
    padding-top: 5px;
    color: #6296FF; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
    padding-top: 5px;
    color: #6296FF;
}
.card-title {
    font-family: 'Poppins', sans-serif;
    font-size: 21px;
    color: #007fff;
    font-weight: 500;
    padding-left: 24px;
    padding-left: 10px !important;
}
.card-title:hover {  
  text-decoration: none;
}
.card-header-cus {
    background-color: #fff !important;
    margin-bottom: 0px !important;
    border-bottom: 1px dashed rgba(0,0,0,.125) !important;
}
.card-cus {
  border: none !important;
}
.table-style {
    border-collapse: collapse;
    border-radius: 1em;
    overflow: hidden;
    background-color: #eee;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.mdr-tr {
    border-left: 1px solid #92B5FF !important;
    border-right: 1px solid #92B5FF;
    border-bottom: 1px solid #92B5FF;
    background-color: #fff;
}
.plan-500-box {
    border-radius: 6px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #dae6ff;
    background-color: #ffffff;
    max-height: 960px;
    border-top: 6px solid #225CD0;
}
.img-wrapper {
    padding: 24px;
    text-align: center;
    max-height: 246px;
}
.box-wrapper {
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 5px 10px 0 rgba(34, 92, 208, 0.15);
    border: 1px solid #E3EDFF;
}
.bg-3 {
    background-image: url(../../assets/img/partnership-bg.png);
    background-repeat: no-repeat;
    background-position: right -60px bottom -25px
}
.bg-4 {
    background-image: url(../../assets/img/corporation-bg.png);
    background-repeat: no-repeat;
    background-position: right -46px bottom -28px
}
.bg-5 {
    background-image: url(../../assets/img/sole-bg.png);
    background-repeat: no-repeat;
    background-position: right -32px bottom -15px
}
.bg-6 {
    background-image: url(../../assets/img/physical-bg.png);
    background-repeat: no-repeat;
    background-position: right -46px bottom -15px
}
.bg-7 {
    background-image: url(../../assets/img/ecommerce-bg.png);
    background-repeat: no-repeat;
    background-position: right -32px bottom -15px
}
.bg-8 {
    background-image: url(../../assets/img/online-bg.svg);
    background-repeat: no-repeat;
    background-position: right 0px bottom -15px
}
.bg-9 {
    background-image: url(../../assets/img/delivery-bg.svg);
    background-repeat: no-repeat;
    background-position: right 0px bottom -15px
}
.bg-10 {
    background-image: url(../../assets/img/maintenance-bg.svg);
    background-repeat: no-repeat;
    background-position: left 48px bottom -15px
}
.bg-11 {
    background-image: url(../../assets/img/customer-bg.svg);
    background-repeat: no-repeat;
    background-position: right 48px bottom -15px
}
.bg-12 {
    background-image: url(../../assets/img/orientation-bg.svg);
    background-repeat: no-repeat;
    background-position: left 48px bottom -15px
}
.bg-13 {
    background-image: url(../../assets/img/branding-bg.svg);
    background-repeat: no-repeat;
    background-position: right 48px bottom -15px
}
.bg-14 {
    background-image: url(../../assets/img/index-contact.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 1240px;
    height: auto;
    margin: 0 auto;
    padding: 122px;
}
.bg-16 {
    background-image: url(../../assets/img/artcard-bg2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 705px!important;
    height: 498px!important;
    margin: 0 auto;
}
.box-wrapper:hover {
    width: 100%;
    border: solid 1px #225cd0;
}
.sole-icon {
    padding: 24px;
    text-align: center;
}
label {
    display: inline !important;
    margin-bottom: .5rem;
}
d-ib {
    display:inline-block !important;
}
.icon:hover {
    filter: blue;
}
.t_active {
    filter: 
    invert(0.5)
    sepia(1)
    hue-rotate(200deg)
    saturate(4)
    brightness(1);
}
.t_active, .icon {
    color: #5f5f5f !important;
}
.b-line {
    width: 100%;
    height: 4px;
    background-color: #6296FF;
}
.l-s {
    letter-spacing: -.75px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #007fff;
    border-color: #007fff;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #225CD0;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.navbar-dark .navbar-toggler {
    border-color: transparent !important;
}

/* ----------- Faqs ----------- */
.t-hover {
    color: #007fff;
}
.fa-circle:before {
    content: "\f111";
    font-size: 5px;
    vertical-align: middle;
}

/* ----------- Register Button Style ----------- */
.reg-btn {
    width: 6rem;
    height: auto;
    color: #fff;
    background-color: #007fff9e;
    border-radius: 1.50rem;
}
.reg-btn:hover {
    color: #fff;
    background-color: #45dce9;
    border-radius: 1.50rem;
}
a.reg-btn.m-le {
    display: flex;
    padding: 0.46rem 0.75rem;
}
svg#Layer_1 {
    width: 0.625rem;
}
li.nav-item a svg#Layer_1 {
    fill: #fff;
}
#navbar.sticky ul li.nav-item a.reg-btn {
    width: 6rem;
    height: auto;
    color: #fff !important;
    background-color: #007fff;
    border-radius: 1.50rem;
    border: 1px solid #45dce9;
}
#navbar.sticky ul li.nav-item a.reg-btn:hover {
    width: 6rem;
    height: auto;
    color: #fff !important;
    background-color: #45dce9;
    border-radius: 1.50rem;
}
.td-bg {
    background-color: #dcedfd;
}
.td-bg2 {
    background-color: #cff0f3;
}
.fw-500 {
    font-weight: 500;
}

/* ----------- Media Query ----------- */
@media (min-width: 320px) and (max-width: 480px) {
    .container {
        width: 100%;
        padding-right: 15px !important;
        padding-left: 15px !important;
        margin: 0 auto;
    }
    .bg-16 {
        background-image: url(../../assets/img/artcard-bg2.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 370px !important;
        height: 260px !important;
        margin: 0 auto;
    }

    .bi-2 {
        background-image: none;
        background-color: #007fff;
        background-repeat: no-repeat;
        max-width: 100%;
        background-position: 50% 100%;
        height: auto;
    }

    footer {
        background-image: none;
        background-color: #007fff;
        margin: 0 auto;
        padding: 108px 0px;
    }

    #navbar.sticky .d-logo {
        display: inline;
    }

    .navbar-toggler {
        padding: 0.75rem .75rem !important;
    }

    header {
        padding: 0px 0px;
        margin: 0 auto;
    }

    .fas-menu {
        color: #45DCE9;
    }

    .img-res {
        width: 240px;
    }

    .img-res3 {
        width: 200px;
    }

    .pos-img-res {
        width: 340px;
    }

    .w-800 {
        width: auto;
    }

    .b-l {
        border-right: none;
    }

    .br {
        border-bottom: 2px dashed #eaeaea;
    }

    .bt {
        border-bottom: 2px dashed #eaeaea;
    }

    .mb-sp {
        margin-bottom: 24px;
    }

    section {
        padding: 36px 0px;
        margin: 0px;
    }

    h2 {
        padding-top: 36px;
    }

    ul, li {
        padding-bottom: 12px;
        margin-bottom: 0px;
    }

    .navbar {
        padding: 0px !important;
    }

    .bi-1 {
        background-color: #007fff;
        background-repeat: no-repeat;
        max-width: 100%;
        height: auto;
        background-position: 0px 0px;
    }

    .bg-14 {
        background-image: none;
        background-color: #209bfa;
        width: auto;
        padding: 0px;
    }

    .fs-54 {
        font-size: 33px;
    }

    .fs-56 {
        font-size: 33px;
    }

    .sm-ta-l {
        text-align: center;
    }

    .fs-18 {
        font-size: 14px;
    }
    .fs-40 {
        font-size: 40px;
    }
    .fs-58 {
        font-size: 58px;
    }

    .btn5-contact, .btn2-inquire, .btn3-learn, .btn4-learn {
        width: 100%;
        margin-bottom: 24px;
    }

    .btn9-doc {
        width: 100%;
    }

    .btn9 {
        font-size: 14px;
        padding: 8px 0px;
        line-height: 50%;
    }

    .h-fixed {
        padding: 12px 0px;
        background-color: #007fff;
        z-index: 1;
    }

    .sm-mb {
        margin-bottom: 24px;
    }

    .fs-31 {
        font-size: 26px;
    }

    .mb-96 {
        margin-bottom: 56px;
    }

    .mb-74 {
        margin-bottom: 74px;
    }

    .fs-36 {
        font-size: 26px;
    }

    .fs-16 {
        font-size: 14px;
    }

    .fs-32 {
        font-size: 23px;
    }

    .fs-14 {
        font-size: 14px;
    }

    .fs-46 {
        font-size: 33px;
    }

    .pt-60 {
        padding-top: 0px;
    }

    .pt-96 {
        padding-top: 0px;
    }

    .pt-110 {
        padding-top: 110px;
    }

    .sp-36 {
        padding-top: 36px;
    }

    .sp-img {
        width: 250px;
    }

    .pl-96 {
        padding-left: 0px;
    }

    .pb-0 {
        padding-bottom: 0px;
    }

    .col {
        padding-right: 15px;
        padding-left: 15px !important;
    }

    .sm-img {
        width: 80%;
        margin-bottom: 24px;
    }

    .ml-36 {
        margin-left: 0px;
    }

    .bb-2 {
        width: 40px;
        margin: 0 auto;
        margin-bottom: 24px;
    }

    .sm-ta-c {
        text-align: center;
    }

    .sm-center {
        text-align: center;
    }

    .ta-r {
        text-align: center;
    }

    .flex {
        justify-content: center !important;
        display: flex !important;
    }

    .float-right-md {
        float: none;
    }

    .nav-link-style {
        font-size: 16px;
    }

    .r-position {
        float: right;
        padding-top: 4px;
    }

    .l-position {
        float: left;
        padding-top: 4px;
    }

    .f-box {
        width: 30px;
        height: 30px;
        margin: 12px;
    }

    .fs-12 {
        font-size: 15px;
    }

    .order-xs-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .d-xs-none {
        display: none !important
    }

    .pl-36 {
        padding-left: 0px;
    }

    .ls {
        letter-spacing: -1.25px;
    }

    .card-header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .accordion .card-header:after {
        font-size: 12px;
    }

    .accordion .card-header.collapsed:after {
        font-size: 12px;
    }

    .sm-24 {
        padding-bottom: 24px;
    }

    .m-le {
        margin-left: 0px;
    }

    .pa-96 {
        padding: 0px;
    }

    .mb-60 {
        margin-bottom: 36px;
    }

    .mb-48 {
        margin-bottom: 16px;
    }

    .mb-68 {
        margin-bottom: 68px;
    }

    label {
        margin: 0px !important;
    }

    .pl-56 {
        padding-left: 0px;
    }

    .pl-36, .pr-36 {
        padding: 0px;
    }

    .plan-500-box {
        max-height: 100%;
    }

    .mb-size {
        width: 220px;
    }

    .w-l {
        width: 100%;
    }

    .w-pad {
        margin-left: 0px;
    }

    .xs-24 {
        margin-bottom: 24px;
    }

    .pr {
        padding-right: 0px;
    }

    fs-50 {
        font-size: 36px;
    }

    .fs-23 {
        font-size: 20px;
    }

    .sp-ta-c {
        text-align: center;
    }

    .mt-160 {
        margin-top: 56px;
    }

    .mt-82 {
        margin-top: 0px;
    }

    .navbar-dark .navbar-toggler {
        border-color: transparent !important;
    }

    .sp-top {
        margin-top: 24px;
    }

    .btn3-rate {
        color: #fff;
        background-color: #45DCE9;
        border-color: #fff;
        width: 100%;
        height: 56px;
    }

    .mt-54 {
        margin-top: 0px;
    }

    .sp-mb-24 {
        margin-bottom: 24px;
    }

    .pt-200 {
        padding-top: 24px;
    }

    .mt-60 {
        margin-top: 36px;
    }

    .card-title {
        font-size: 16px;
    }

    #navbar.sticky .navbar-expand-sm .navbar-nav .dropdown-menu {
        width: 100%;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        width: 100%;
    }
    .reg-btn {
        width: 100%;
        height: auto;
        color: #fff;
        background-color: #1388ff;
        border-radius: 1.50rem;
    }
    .reg-btn:hover {
        color: #fff;
        background-color: #45dce9;
        border-radius: 1.50rem;
    }
    #navbar.sticky ul li.nav-item a.reg-btn {
        width: 100%;
        height: auto;
        color: #fff !important;
        background-color: #007fff;
        border-radius: 1.50rem;
        border: 1px solid #45dce9;
    }
    #navbar.sticky ul li.nav-item a.reg-btn:hover {
        width: 100%;
        height: auto;
        color: #fff !important;
        background-color: #45dce9;
        border-radius: 1.50rem;
    }
    .sp-mb-36 {
        margin-bottom: 36px;
    }
    .-mt-56 {
        margin-top: -12px;
    }
    .col-xs-1- {
        width: 25%!important;
    }
}

@media (min-width: 415px) and (max-width: 768px) {
    .container {
        width: 100%;
        padding-right: 15px !important;
        padding-left: 15px !important;
        margin: 0 auto;
    }
    .bg-16 {
        background-image: url(../../assets/img/artcard-bg2.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 370px !important;
        height: 260px !important;
        margin: 0 auto;
    }
    .bg-14 {
        background-image: none;
        background-color: #209bfa;
        width: auto;
        padding: 0px;
    }
    .bi-2 {
        background-image: none;
        background-color: #007fff;
        background-repeat: no-repeat;
        max-width: 100%;
        background-position: 50% 100%;
        height: auto;
    }
    footer {
        background-image: none;
        background-color: #007fff;
        margin: 0 auto;
        padding: 108px 0px;
    }
    .img-res {
        width: 240px;
    }
    .img-res2 {
        width: 340px;
    }
    .img-res3 {
        width: 200px;
    }
    .pos-img-res {
        width: 340px;
    }
    .w-800 {
        width: auto;
    }
    .b-l {
        border-right: none;
    }
    .sp-ta-c {
        text-align: center;
    }
    #navbar.sticky .d-logo {
        display: inline;
    }

    .navbar-toggler {
        padding: 0.75rem .75rem !important;
    }

    header {
        padding: 0px 0px;
        margin: 0 auto;
    }

    .fas-menu {
        color: #45DCE9;
    }

    .br {
        border-bottom: 2px dashed #eaeaea;
    }

    .bt {
        border-bottom: 2px dashed #eaeaea;
    }

    .bp {
        padding: 24px;
    }

    .mb-sp {
        margin-bottom: 24px;
    }

    section {
        padding: 24px 0px;
        margin: 0px;
    }

    h2 {
        padding-top: 36px;
    }

    ul, li {
        padding-bottom: 12px;
        margin-bottom: 0px;
    }

    .navbar {
        padding: 0px !important;
    }

    .bi-1 {
        background-color: #007fff;
        background-repeat: no-repeat;
        max-width: 100%;
        height: auto;
        background-position: 0px 0px;
    }
    .fs-54 {
        font-size: 33px;
    }

    .fs-56 {
        font-size: 33px;
    }

    .sm-ta-l {
        text-align: center;
    }

    .fs-18 {
        font-size: 14px;
    }

    .pt-130 {
        padding-top: 24px;
    }

    .btn5-contact, .btn2-inquire, .btn3-learn, .btn4-learn {
        width: 100%;
        margin-bottom: 24px;
    }

    .btn9-doc {
        width: 100%;
    }

    .btn9 {
        font-size: 14px;
        padding: 8px 0px;
        line-height: 50%;
    }

    .h-fixed {
        padding: 12px 0px;
        background-color: #007fff;
        z-index: 1;
    }

    .sm-mb {
        margin-bottom: 24px;
    }

    .fs-31 {
        font-size: 26px;
    }

    .mb-96 {
        margin-bottom: 26px;
    }

    .mb-74 {
        margin-bottom: 74px;
    }

    .fs-36 {
        font-size: 26px;
    }

    .fs-16 {
        font-size: 14px;
    }

    .fs-32 {
        font-size: 23px;
    }

    .fs-14 {
        font-size: 14px;
    }

    .fs-46 {
        font-size: 33px;
    }

    .pt-60 {
        padding-top: 0px;
    }

    .pt-96 {
        padding-top: 0px;
    }

    .sp-36 {
        padding-top: 36px;
    }

    .sp-img {
        width: 250px;
    }

    .pl-96 {
        padding-left: 0px;
    }

    .pb-0 {
        padding-bottom: 0px;
    }

    .col {
        padding-right: 15px;
        padding-left: 15px !important;
    }

    .sm-img {
        width: 80%;
        margin-bottom: 24px;
    }

    .ml-36 {
        margin-left: 0px;
    }

    .bb-2 {
        width: 40px;
        margin: 0 auto;
        margin-bottom: 24px;
    }

    .sm-ta-c {
        text-align: center;
    }

    .sm-center {
        text-align: center;
    }

    .ta-r {
        text-align: center;
    }

    .flex {
        justify-content: center !important;
        display: flex !important;
    }

    .float-right-md {
        float: none;
    }

    .nav-link-style {
        font-size: 16px;
    }

    .r-position {
        float: right;
        padding-top: 4px;
    }

    .l-position {
        float: left;
        padding-top: 4px;
    }

    .f-box {
        width: 30px;
        height: 30px;
        margin: 12px;
    }

    .fs-12 {
        font-size: 15px;
    }

    .order-xs-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .d-xs-none {
        display: none !important
    }

    .pl-36 {
        padding-left: 0px;
    }

    .ls {
        letter-spacing: -1.25px;
    }

    .card-header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .accordion .card-header:after {
        font-size: 12px;
    }

    .accordion .card-header.collapsed:after {
        font-size: 12px;
    }

    .sm-24 {
        padding-bottom: 24px;
    }
    .sm-36 {
        padding-bottom: 36+px;
    }
    .m-le {
        margin-left: 0px;
    }

    .pa-96 {
        padding: 0px;
    }

    .mb-60 {
        margin-bottom: 36px;
    }

    .mb-48 {
        margin-bottom: 16px;
    }

    .mb-68 {
        margin-bottom: 68px;
    }

    label {
        margin: 0px !important;
    }

    .pl-56 {
        padding-left: 0px;
    }

    .pl-36, .pr-36 {
        padding: 0px;
    }

    .plan-500-box {
        max-height: 100%;
    }

    .mb-size {
        width: 220px;
    }

    .w-l {
        width: 100%;
    }

    .w-pad {
        margin-left: 0px;
    }

    .xs-24 {
        margin-bottom: 24px;
    }

    .pr {
        padding-right: 0px;
    }

    fs-50 {
        font-size: 36px;
    }

    .fs-23 {
        font-size: 20px;
    }
    .mt-160 {
        margin-top: 56px;
    }
    .mt-82 {
        margin-top: 0px;
    }
    .navbar-dark .navbar-toggler {
        border-color: transparent !important;
    }
    .sp-top {
        margin-top: 24px;
    }
    .btn3-rate {
        color: #fff;
        background-color: #45DCE9;
        border-color: #fff;
        width: 100%;
        height: 56px;
    }
    .mt-54 {
        margin-top: 0px;
    }
    .sp-mb-24 {
        margin-bottom: 24px;
    }
    .pt-200 {
        padding-top: 24px;
    }
    .mt-60 {
        margin-top: 36px;
    }
    .card-title {
        font-size: 16px;
    }
    #navbar.sticky .navbar-expand-sm .navbar-nav .dropdown-menu {
        width: 100%;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        width: 100%;
    }
    .reg-btn {
        width: 100%;
        height: auto;
        color: #fff;
        background-color: #1388ff;
        border-radius: 1.50rem;
    }
    .reg-btn:hover {
        color: #fff;
        background-color: #45dce9;
        border-radius: 1.50rem;
    }
    #navbar.sticky ul li.nav-item a.reg-btn {
        width: 100%;
        height: auto;
        color: #fff !important;
        background-color: #007fff;
        border-radius: 1.50rem;
        border: 1px solid #45dce9;
    }
    #navbar.sticky ul li.nav-item a.reg-btn:hover {
        width: 100%;
        height: auto;
        color: #fff !important;
        background-color: #45dce9;
        border-radius: 1.50rem;
    }
    .sp-mb-36 {
        margin-bottom: 36px;
    }
    .-mt-56 {
        margin-top: -12px;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .container {
        width: 100%;
        padding: 13px 15px 12px 15px;
        margin: 0 auto;
    }
    .mb-36 {
        margin-bottom: 0px;
    }
    .bi-2 {
        background-image: none;
        background-color: #007fff;
        background-repeat: no-repeat;
        max-width: 100%;
        background-position: 50% 100%;
        height: auto;
    }
    .navbar-toggler {
        padding: 0.75rem .75rem !important;
    }
    
    header {
        padding: 0px 0px;
        margin: 0 auto;
    }

    .fas-menu {
        color: #45DCE9;
    }

    /*.br {
        border-bottom: 2px dashed #eaeaea;
    }*/

    .bt {
        border-bottom: 2px dashed #eaeaea;
    }

    .bp {
        padding: 24px;
    }

    .mb-sp {
        margin-bottom: 24px;
    }

    section {
        padding: 24px 0px;
        margin: 0px;
    }

    h2 {
        padding-top: 36px;
    }

    ul, li {
        padding-bottom: 12px;
        margin-bottom: 0px;
    }

    .navbar {
        padding: 0px !important;
    }

    .bi-1 {
        background-color: #007fff;
        background-repeat: no-repeat;
        max-width: 100%;
        height: auto;
        background-position: 0px 0px;
    }

    .fs-54 {
        font-size: 33px;
    }

    .fs-56 {
        font-size: 33px;
    }

    .sm-ta-l {
        text-align: center;
    }

    .fs-18 {
        font-size: 14px;
    }

    .pt-130 {
        padding-top: 24px;
    }

    .btn5-contact, .btn2-inquire, .btn3-learn, .btn4-learn {
        width: 100%;
        margin-bottom: 24px;
    }

    .btn9-doc {
        width: 100%;
    }

    .btn9 {
        font-size: 14px;
        padding: 8px 0px;
        line-height: 50%;
    }

    .h-fixed {
        padding: 12px 0px;
        background-color: #007fff;
        z-index: 1;
    }

    .sm-mb {
        margin-bottom: 24px;
    }

    .fs-31 {
        font-size: 26px;
    }

    .mb-96 {
        margin-bottom: 56px;
    }

    .mb-74 {
        margin-bottom: 74px;
    }

    .fs-36 {
        font-size: 26px;
    }

    .fs-16 {
        font-size: 14px;
    }

    .fs-32 {
        font-size: 23px;
    }

    .fs-14 {
        font-size: 14px;
    }

    .fs-46 {
        font-size: 33px;
    }

    .pt-60 {
        padding-top: 0px;
    }

    .pt-96 {
        padding-top: 0px;
    }

    .sp-36 {
        padding-top: 36px;
    }

    .sp-img {
        width: 250px;
    }

    .pl-96 {
        padding-left: 0px;
    }

    .pb-0 {
        padding-bottom: 0px;
    }

    .col {
        padding-right: 15px;
        padding-left: 15px !important;
    }

    .sm-img {
        width: 80%;
        margin-bottom: 24px;
    }

    .ml-36 {
        margin-left: 0px;
    }

    .bb-2 {
        width: 40px;
        margin: 0 auto;
        margin-bottom: 24px;
    }

    .sm-ta-c {
        text-align: center;
    }

    .sm-center {
        text-align: center;
    }

    .ta-r {
        text-align: center;
    }

    .flex {
        justify-content: center !important;
        display: flex !important;
    }

    .float-right-md {
        float: none;
    }

    .nav-link-style {
        font-size: 16px;
    }

    .r-position {
        float: right;
        padding-top: 4px;
    }

    .l-position {
        float: left;
        padding-top: 4px;
    }

    .f-box {
        width: 30px;
        height: 30px;
        margin: 12px;
    }

    .fs-12 {
        font-size: 15px;
    }

    .order-xs-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .d-xs-none {
        display: none !important
    }

    .pl-36 {
        padding-left: 0px;
    }

    .ls {
        letter-spacing: -1.25px;
    }

    .card-header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .accordion .card-header:after {
        font-size: 12px;
    }

    .accordion .card-header.collapsed:after {
        font-size: 12px;
    }

    .sm-24 {
        padding-bottom: 24px;
    }

    .sm-36 {
        padding-bottom: 36+px;
    }

    .m-le {
        margin-left: 0px;
    }

    .pa-96 {
        padding: 0px;
    }

    .mb-60 {
        margin-bottom: 36px;
    }

    .mb-48 {
        margin-bottom: 16px;
    }

    .mb-68 {
        margin-bottom: 68px;
    }

    label {
        margin: 0px !important;
    }

    .pl-56 {
        padding-left: 0px;
    }

    .pl-36, .pr-36 {
        padding: 0px;
    }

    .plan-500-box {
        max-height: 100%;
    }

    .mb-size {
        width: 220px;
    }

    .w-l {
        width: 100%;
    }

    .w-pad {
        margin-left: 0px;
    }

    .xs-24 {
        margin-bottom: 24px;
    }

    .pr {
        padding-right: 0px;
    }

    fs-50 {
        font-size: 36px;
    }

    .fs-23 {
        font-size: 20px;
    }

    .mt-160 {
        margin-top: 56px;
    }

    .mt-82 {
        margin-top: 0px;
    }

    .col-md-2 {
        flex: none !important;
        max-width: none !important;
    }
    .navbar-expand-sm .navbar-toggler {
        display: inline !important;
    }
    .navbar-dark .navbar-toggler {
        border-color: none !important;
    }
    .mt-54 {
        margin-top: 0px;
    }
    .card-title {
        font-size: 16px;
    }
    #navbar.sticky .navbar-expand-sm .navbar-nav .dropdown-menu {
        width: 100%;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        width: 100%;
    }
    .reg-btn {
        width: 100%;
        height: auto;
        color: #fff;
        background-color: #1388ff;
        border-radius: 1.50rem;
    }
    .reg-btn:hover {
        color: #fff;
        background-color: #45dce9;
        border-radius: 1.50rem;
    }
    #navbar.sticky ul li.nav-item a.reg-btn {
        width: 100%;
        height: auto;
        color: #fff !important;
        background-color: #007fff;
        border-radius: 1.50rem;
        border: 1px solid #45dce9;
    }
    #navbar.sticky ul li.nav-item a.reg-btn:hover {
        width: 100%;
        height: auto;
        color: #fff !important;
        background-color: #45dce9;
        border-radius: 1.50rem;
    }
    .-mt-56 {
        margin-top: -12px;
    }
}


@media (min-width: 992px) and (max-width: 1142px) { 
    .container {
        width: 100%;
        padding: 13px 15px 12px 15px;
        margin: 0 auto;
    }
    ul, li, a {
        font-size: 12px;
        list-style: none;
        text-decoration: none !important;
    }
    .img-fluid-m {
        max-width: 100%;
        height: auto;
    }
    .mt-54 {
        margin-top: 0px;
    }

    .sp-mb-24 {
        margin-bottom: 24px;
    }
}

@media (min-width: 1142px) and (max-width: 1200px) {
    .img-fluid-m {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 1200px) {
    .container-md-- {
        max-width: 960px!important;
        margin: 0 auto;
    }
    .container-1080 {
        max-width: 1080px !important;
        margin: 0 auto;
    }
    .container-860 {
        max-width: 860px !important;
        margin: 0 auto;
    }
    .container-740 {
        max-width: 740px !important;
        margin: 0 auto;
    }

}

@media (min-width: 1240px) { 


}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 705px!important;
    }
}


/* ----------- Sticky Nav Style----------- */

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 100;
    display: none;
}

.cnt223 a {
    text-decoration: none;
}

.popup {
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 101;
}

.cnt223 {
    min-width: 600px;
    width: 600px;
    min-height: 150px;
    margin: 100px auto;
    background: #f3f3f3;
    position: relative;
    z-index: 103;
    padding: 15px 35px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
}

    .cnt223 p {
        clear: both;
        color: #555555;
        /* text-align: justify; */
        font-size: 20px;
        font-family: sans-serif;
    }

        .cnt223 p a {
            color: #d91900;
            font-weight: bold;
        }

    .cnt223 .x {
        float: right;
        height: 35px;
        left: 22px;
        position: relative;
        top: -25px;
        width: 34px;
    }

        .cnt223 .x:hover {
            cursor: pointer;
        }