#content-main{
	margin-top: 6rem;
}
#nav2 {
	background: linear-gradient(to left, #ffffff, #ffffff);
	z-index: 600;
	height: 96px;
	box-shadow: 0px 16px 60px rgba(33, 105, 244, 0.13);

}

#nav2 .navbar-brand {
	margin-right: 20px;
}

#nav2 .navbar-brand .logo {
	width: 150px;
}

#nav2 .navbar-nav {
	font-size: 12px;
	align-items: center;
}

#nav2 .navbar-nav .nav-item {
	position: relative;
	z-index: 100;
}

#nav2 .navbar-nav .nav-item .nav-link {
	color: black;
	padding: 5px 15px;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}

#nav2 .navbar-nav .nav-item .btn-bandingkan {
	/* background-color: #1AADFF; */
	display: flex;
	flex-direction: column;
	padding: 14px 18px;
	margin: 10px;
	width: auto;
	height: 50px;
	right: 268px;
	top: 20px;
	background: #FFFFFF;
	box-shadow: 0px 12px 32px rgba(33, 105, 244, 0.18);
	border-radius: 14px;
	text-justify: inter-cluster;
	text-align: center;
	color: #FD7521;


}
.btn-sm-col{

  border:none;
  border-radius: 0.6em;
  color: #FD7521;
  cursor: pointer;
  width: max-content;
  display: flex;
}
#btn-round-car{
	background: #FD7521!important;
	color: #fff!important;
	/* height: 45px; */
	font-weight: bold;
	font-size: 14px;
	padding: 14px 18px;
	border:none;
	border-radius: 10px;
	cursor: pointer;
}
#nav2 .navbar-nav .nav-item .btn-masuk {
	/* background-color: #1AADFF; */
	/* display: flex; */
	flex-direction: column;
	padding: 14px 18px;
	margin: 10px;
	width: auto;
	height: 50px;
	right: 268px;
	top: 20px;
	background: #FD7521;
	box-shadow: 0px 12px 32px rgba(33, 105, 244, 0.18);
	border-radius: 14px;
	text-align: center;
	color: #ffffff;
}

#nav2 .navbar-nav .nav-item .nav-link.with-padding {
	padding: 5px 30px;
}

#nav2 .navbar-nav .nav-item .nav-link.with-border {
	border: 1px solid white;
	border-radius: 7.5px;
}

#nav2 .headerClickedSection {
	cursor: pointer;
}

#nav2 .headerDropdownSection {
	opacity: 0;
	top: 140%;
	right: 0;
	left: unset;
	width: 400px;
	padding: 20px;
	position: absolute;
	z-index: 600;
	border: none;
	font-weight: 600;
	background: white;
	border-radius: 10px;
	transform: translateY(50px);
	visibility: hidden;
	display: block;
	will-change: transform, opacity;
	transition: transform .27s ease, opacity .27s ease, visibility .27s ease;
}

#nav2 .headerDropdownSection.accountSection {
	padding: 0 0 10px 0;
	width: 250px;
	border-radius: 5px;
	box-shadow: 0px 1px 4px 1px #8e8e8e;
}

#nav2 .headerDropdownSection.accountSection ul {
	list-style-type: none;
	padding-left: 0;
}

#nav2 .headerDropdownSection.accountSection ul a {
	vertical-align: middle;
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#nav2 .headerDropdownSection.accountSection ul a li {
	padding: 10px 15px;
}

#nav2 .headerDropdownSection.accountSection ul a li img {
	width: 28px;
	margin-right: 5px;
}

#nav2 .headerDropdownSection.accountSection ul a:hover {
	color: #ffffff;
}

#nav2 .headerDropdownSection.accountSection ul a:hover li {
	background-color: #FF6C00;
}

#nav2 .headerDropdownSection.active {
	opacity: 1;
	visibility: visible;
	-ms-transform: translateY(0);
	transform: translateY(0);
}

#nav2 .headerDropdownSection.active:before {
	height: 20px;
	width: 20px;
	background-color: #ffffff;
	position: absolute;
	top: -3px;
	right: 3rem;
	content: " ";
	transform: rotate(45deg);
	z-index: -1;
}

#nav2 .headerDropdownSection label {
	font-size: 14px;
	font-family: "MuliRegular", "Roboto", sans-serif;
}

#nav2 .headerDropdownSection input {
	height: 35px;
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#nav2 .headerDropdownSection .phone-input-prepend .input-group-prepend span {
	font-weight: 600;
	height: 35px;
	font-size: 14px;
	text-align: center;
	display: flex;
	align-items: center;
	background: #FF6C00;
	color: white;
	border-color: #FF6C00;
}

#nav2 .headerDropdownSection #remember-forgot-section .col {
	align-self: center;
}

#nav2 .headerDropdownSection #remember-forgot-section .col:first-child {
	height: 1.8rem;
}

#nav2 .headerDropdownSection #remember-forgot-section .custom-checkbox-orange {
	height: 1.8rem;
}

#nav2 .headerDropdownSection #remember-forgot-section #ingat-saya {
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#nav2 .headerDropdownSection #remember-forgot-section #ingat-saya span {
	vertical-align: middle;
}

#nav2 .headerDropdownSection #remember-forgot-section #lupa-sandi a {
	/* color: #1AADFF; */
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	vertical-align: middle;
}

#nav2 #bar-icon-container {
	background: transparent;
	border: none;
	outline: none;
}

#nav2 #bar-icon-container img {
	width: 22px;
}


.dropdown .dropbtn {
	font-size: 17px;
	border: none;
	outline: none;
	color: white;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffff;
	min-width: 160px;
	border-radius: 16px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	float: none;
	color: black;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.topnav a:hover, 
.dropdown:hover .dropbtn {
	color: white;
}
.dropdown a .dropbtn:hover{
	color: #000;
}
.dropdown-content a:hover {
	background-color:#ffffff;
	color: rgb(251, 140, 1);
}

.dropdown:hover .dropdown-content {
	display: block;
}
#footer-new{
	background-color: #F4F7FC;
	/* border:1px solid #000; */
}

#footer-container {
	background-color: #F4F7FC;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #333333;
}

#footer-container p {
	font-weight: 300;
}

#footer-container #footer-one h3 {
	font-family: "NunitoBlack", "Roboto", sans-serif;
}

#footer-container #footer-one p {
	font-family: "MuliRegular", "Roboto", sans-serif;
}

#footer-container #footer-one .input-group-text {
	background: #ffffff;
	border-right: 0;
	font-size: 1.2em;
	height: 45px;
	align-items: center;
}

#footer-container #footer-one .input-group-text i {
	color: #CCCCCC;
	font-size: 1.3em;
}

#footer-container #footer-one input {
	height: 45px;
	padding: 8px 10px;
	border-left: 0;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#footer-container #footer-one input::placeholder {
	color: #CCCCCC;
}

#footer-container #footer-one input:-ms-input-placeholder {
	color: #CCCCCC;
}

#footer-container #footer-one input::-ms-input-placeholder {
	color: #CCCCCC;
}

#footer-container #footer-one input::focus {
	box-shadow: none !important;
}

#footer-container #footer-one button {
	background-color: #FFE027;
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 600;
	font-size: 1.2em;
}

#footer-container #footer-two {
	margin-top: 30px;
}

#footer-container #footer-two #logo-footer {
	width: 38%;
	object-fit: contain;
	margin-bottom: 10px;
}

#footer-container #footer-two .small-font-roboto {
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
}

#footer-container #footer-two #call-us-icon {
	width: 28px;
	object-fit: contain;
}

#footer-container #footer-two #call-us .small-font-muli {
	font-size: 1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
}

#footer-container #footer-two #call-us p {
	margin-bottom: 0;
}

#footer-container #footer-two #call-us .medium-font-bold {
	font-size: 1.6em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#footer-container #footer-two .protected-icon img {
	width: unset;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 15px;
}

#footer-container #footer-two .menu-footer {
	list-style-type: none;
	padding-left: 0;
}

#footer-container #footer-two .menu-footer .header-list {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color: #1B273F;
}

#footer-container #footer-two .menu-footer li {
	margin-bottom: 6px;
}

#footer-container #footer-two .menu-footer li a {
	color: #333333;
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 154%;
	letter-spacing: 0.01em;
	color: #58647C;
}
.col-desc{

font-family: 'Gilroy';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 154%;
text-justify: auto;
text-align: justify;
/* or 25px */

letter-spacing: 0.01em;

/* Text / Body */

color: #58647C;
opacity: 0.8;
}
.small-font-roboto2{
	font-size: 14px;
	color:#1B273F;
}
.small-font-roboto2-about{
	font-family: 'Gilroy';
	font-size: 14px;
	font-weight: bold;
}
.small-font-roboto2-tel{
	font-style: normal;
	font-size: 14px;
	color: #58647C;
}
.small-font-roboto2-cp{
	font-weight: bold;
	font-size: 14px;
	color: #FD7521;
}
#round-img{
	padding: 0.5rem;
	background-color: #FD7521;
	border:1px solid #ccc;
}
/* #round-img img{
	border-radius: 16px;
	padding: 0.01rem; */

}
/* .flex-img{
	justify-content: baseline;
} */
#footer-container #footer-two .menu-footer li a:hover {
	text-decoration: underline !important;
}

#footer-container #footer-two #footer-description {
	font-family: Gilroy;
}

#footer-copyright {
	padding-top: 30px;
}

#footer-copyright #footer-copy p {
	color: #FF6C00;
	font-family: Gilroy;
	margin: 0;
	text-align: left;
	font-weight: 300;
}

#footer-copyright #footer-medsos {
	text-align: right;

}

#footer-copyright #footer-medsos p {
	display: inline-block;
	margin: 0 10px 0 0;
	font-family: "MuliRegular", "Roboto", sans-serif;
	vertical-align: middle;
}

#footer-copyright #footer-medsos ul {
	display: inline-block;
	padding-left: 0;
	margin-bottom: 0;
}

#footer-copyright #footer-medsos ul li {
	display: inline-block;
	margin-right: 10px;
}

#footer-copyright #footer-medsos ul li a img {
	width: 30px;
}

#footer-container #footer-one {
	text-align: center;
}

#footer-container #footer-one h3 {
	font-size: 14px !important;
}

#footer-container #footer-one p {
	font-size: 12px !important;
}

#footer-container #footer-one .subscribe-button .input-group {
	width: 80%;
	margin: auto;
}

#footer-container #footer-one .subscribe-button .input-group .input-group-text {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#footer-container #footer-one .subscribe-button .input-group input {
	font-size: 12px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#footer-container #footer-one .subscribe-button button {
	width: 80%;
	display: block;
	margin: auto;
}

#footer-container #footer-two {
	padding-left: 20px;
	padding-right: 20px;
}

#footer-container #footer-two #logo-footer {
	width: 40%;
}

#footer-container #footer-two .small-font-roboto {
	font-size: 14px !important;
}

#footer-container #footer-two .medium-font-bold {
	font-size: 15px;
}

#footer-container #footer-two .fm-muli-b {
	font-size: 12px;
}

#footer-container #footer-two .protected-icon {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

#footer-container #footer-two #footer-description {
	font-size: 12px;
}

#footer-copyright #footer-copy p {
	font-size: 12px;
}
.img-footer{
	width:100%;
}
.text-orange{
	color: #FD7521;
}
@media (max-width: 969px) {
	#content-main{
		margin-top: 3rem;
	}
}
@media (max-width: 975px) {
	
	#nav2 {
		background: linear-gradient(to left, #ffffff, #ffffff);
		z-index: 600;
		height: 60px;
		box-shadow: 0px 16px 60px rgba(33, 105, 244, 0.13);
	
	}
	#content-main{
		margin-top: 3rem;
	}
	
}
@media (max-width: 1199px) {
	#content-main{
		margin-top: 3rem;
	}
	#nav2 {
		background: linear-gradient(to left, #ffffff, #ffffff);
		z-index: 600;
		height: 60px;
		box-shadow: 0px 16px 60px rgba(33, 105, 244, 0.13);
	
	}
	#nav2 .navbar-nav .nav-item .nav-link {
		color: black;
		padding: 5px 15px;
		/* font-family: "MuliExtraBold", "Roboto", sans-serif; */
		font-family: Gilroy;
		font-style: normal;
		font-weight: bold;
		font-size: 12px;
		line-height: 20px;
	}
	#nav2 .navbar-nav .nav-item .btn-bandingkan {
		/* background-color: #1AADFF; */
		display: flex;
		flex-direction: column;
		padding: 10px 14px;
		margin: 10px;
		width: auto;
		height: 40px;
		right: 268px;
		top: 20px;
		background: #FFFFFF;
		box-shadow: 0px 12px 32px rgba(33, 105, 244, 0.18);
		border-radius: 16px;
		text-justify: inter-cluster;
		text-align: center;
		color: #FD7521;
	
	
	}
	
	#nav2 .navbar-nav .nav-item .btn-masuk {
		/* background-color: #1AADFF; */
		display: flex;
		flex-direction: column;
		padding: 10px 14px;
		margin: 10px;
		width: auto;
		height: 40px;
		right: 268px;
		top: 20px;
		background: #FD7521;
		box-shadow: 0px 12px 32px rgba(33, 105, 244, 0.18);
		border-radius: 16px;
		text-justify: inter-cluster;
		text-align: center;
		color: #FFFFFF;
		
	}
	.circle-insurend{
		padding: 1rem;
	}
	.cirle-dev{
		text-align: center;
		justify-content: center;
		padding: 1rem;
	}
	.img-circle{
		background-color: none;
		border-radius: 50%;
		padding: 8px;
		/* opacity: 0.2; */
		display: inline-block;
	
	
	}
	
	.img-brand{
		
		height: auto;
		color: #FD7521;
	}
	#md4{
	
		color:#FD7521;
	}
	
}

.img-circle-mb{
		background-color: none;
		border-radius: 50%;
		padding: 8px;
	
		display: inline-block;
}
/*-----nav mobile------------*/
#custom-nav-mobile {
	padding-top: 2rem;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	position: fixed;
	background-color: #FD7521;
	color:#ffffff;
	top: 0;
	right: -100%;
	width: 100%;
	z-index: 601;
	bottom: 0;
	overflow-y: auto;
	height: 100%;
	transition: right 1s ease;
	-webkit-transition: right 1s ease;
	-moz-transition: right 1s ease;
	-o-transition: right 1s ease;
}

#custom-nav-mobile.show {
	right: 0;
}

#custom-nav-mobile #section-header #close-container {
	display: block;
	margin: auto 0 auto auto;
	text-align: right;
}

#custom-nav-mobile #section-header #close-container img {
	width: 22px;
	margin-right: 5px;
}

#custom-nav-mobile #section-header p {
	font-family: "NunitoBold", "Roboto", sans-serif;
	font-size: 20px;
	margin-bottom: 0;
	color: #ffffff;
}
#mobile-menu-navbar .panel-default .panel-heading a p {
	font-family: "NunitoBold", "Roboto", sans-serif;
	font-size: 20px;
	margin-bottom: 0;
	color: #ffffff;
}
#menu-custom-1 .panel-body ul li{
	color:#ffffff;
	border-bottom: #ffffff 1px dotted;
}
#menu-custom-1 .panel-body ul li a span{
	color:#ffffff;
}
#custom-nav-mobile #mobile-menu-navbar .panel-heading {
	position: relative;
}

#custom-nav-mobile #mobile-menu-navbar .panel-heading p {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 14px;
	margin-bottom: 0;
}

#custom-nav-mobile #mobile-menu-navbar .panel-heading.accordion-header:after {
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 14px;
}

#custom-nav-mobile #mobile-menu-navbar .panel-heading.accordion-header.activated:after {
	content: "\f077";
}

#custom-nav-mobile #mobile-menu-navbar .panel-heading.accordion-header.activated.collapsed:after {
	content: "\f078";
}

#custom-nav-mobile #mobile-menu-navbar .panel-body ul {
	list-style-type: none;
	padding-left: 15px;
}

#custom-nav-mobile #mobile-menu-navbar .panel-body ul li {
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 15px;
}

#custom-nav-mobile #mobile-menu-navbar .panel-body ul li img {
	width: 30px;
	margin-right: 5px;
}

#custom-nav-mobile #mobile-menu-navbar .panel-body ul.regular-content li {
	font-family: "MuliRegular", "Roboto", sans-serif;
}
.circle-insurend{
	padding: 2rem;
}
.cirle-dev{
	text-align: center;
	justify-content: center;
	padding: 1rem;
}
.img-circle{
	background-color: none;
	border-radius: 50%;
	padding: 10px;
	/* opacity: 0.2; */
	display: inline-block;


}
.img-brand{
	
	height: auto;
	color: #FD7521;
}
#md4{

	color:#FD7521;
}
.mb-bandingkan{
	border: #ffffff solid 1px;
	margin-bottom: 1rem;
	border-radius: 8px;
	padding: 1rem;
	width: 132px;
}
.mb-masuk{
	background-color: #FFFFFF;
	margin-bottom: 2rem;
	border-radius: 8px;
	color: #FD7521;
	padding: 1rem;
	width: 132px;
}

.custom-checkbox .custom-checkbox-orange {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.custom-checkbox .custom-control-label {
	margin-left: 5px;
}

.custom-checkbox .custom-control-label:before {
	top: 0;
	width: 1rem;
	height: 1rem;
	background-color: transparent;
	border: 2px solid #FF6C00;
	border-radius: 0;
}

.custom-checkbox .custom-control-label:after {
	top: 0;
	width: 1rem;
	height: 1rem;
	background-size: 70%;
}

.custom-checkbox-orange:checked~.custom-control-label::before {
	width: 1rem;
	height: 1rem;
	background-color: #FF6C00 !important;
}

.custom-checkbox-orange:checked~.custom-control-label::after {
	background-image: url("../../frontend/icon/check-box-icon.png");
}
.radio-custom-container input:checked~.label-radio-text:after {
	display: block;
}

.radio-custom-container .label-radio-text {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.5rem;
	width: 1.5rem;
	background-color: #ffffff;
	border-radius: 50%;
	border: 2px solid #000000;
}

.radio-custom-container .label-radio-text:after {
	content: "";
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
	background: #000000;
	transform: translate(-50%, -50%);
}

.radio-custom-container.orange-color input:checked~.label-radio-text {
	border: 2px solid #FF6C00;
}

.radio-custom-container.orange-color .label-radio-text {
	background-color: #ffffff;
	border: 2px solid #333333;
}

.radio-custom-container.orange-color .label-radio-text:after {
	background: #FF6C00;
}
.btn{

	box-shadow: 0px 12px 32px rgba(33, 105, 244, 0.18)!important;
	border-radius: 16px!important;
	font-size:16px!important;
	font-weight: bold!important;
	/* color: #FD7521!important; */
  
  }
  
  .btn:active{
	box-shadow: none!important;
  }
  .btn-button{
	padding: 18px 32px!important;
	/* White */
	background: #FFFFFF!important;
	/* Shadow Button */
	box-shadow: 0px 12px 32px rgba(33, 105, 244, 0.18)!important;
	border-radius: 16px!important;
	font-size:16px!important;
	font-weight: bold!important;
	color: #FD7521!important;
  
  }
  
  .btn2:active{
	box-shadow: none!important;
  }
  
  .btn-card{
	padding: 18px 32px!important;
	/* White */
	background: #FFFFFF!important;
	font-size:16px!important;
	font-weight: bold!important;
	color: #FD7521!important;
	border: none;
  
  }

  .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group>.card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card .card-header {
	margin-bottom: -1px
}
.sm-card{
	margin-top: 2.5rem;
}