* {
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	height: auto;
	background-color: #fff;
	font-family: 'Poppins';
	color: black;
	font-size: 18px;
	line-height: 33px;
	font-weight: normal;
	text-align: left;
}
h1,h2,h3,
h4,h5,h6 {
	font-size: inherit;
	line-height: inherit;
	font-family: 'Poppins';	
}
h1,h2,h3,
h4,h5,h6,p,ul,li,a,span {
	margin:0;
}
a {
	text-decoration: none;
	color:black;
	cursor: pointer;
}
.main-container {
	max-width: 1920px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;	
}
.inside-container {
	max-width: 940px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 15px;
}
.sections-detail {
	margin: 0 0 55px;
}
.section-title {
	font-family: 'Poppins';
	font-size: 37px;
	line-height: 40px;
	letter-spacing: 0.84px;
	font-weight: 700;
	color: #42145f;
	text-align: center;
}

.section-title-bis {
	font-family: 'Poppins';
	font-size: 26px;
	line-height: 40px;
	letter-spacing: 0.84px;
	font-weight: 700;
	color: #212529;
	text-align: center;
}

.section-title-desc {
	font-size: 15px;
	line-height: 40px;
	font-weight: 400;
	letter-spacing: 0.45px;
	color: #666;
	text-align: center;
}
/*Banner*/
.cogedim-landing .banner {
	background-image: url(/images/realisations-cover.jpeg);
	background-repeat: no-repeat; 
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: auto;
	color:#fff;
	position: relative;
}
.cogedim-landing .banner .banner-overlay {
	position: absolute;
	top: 0;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    background-color: rgba(0,0,0,.5);
    z-index: 2;
}
.cogedim-landing .banner .top-bar{
	padding:26px 15px; 
	border-bottom: 1px solid #fff;
}
.cogedim-landing .banner .top-bar-left ,
.top-bar-right {
	padding-top: 24px;	
	z-index: 3;
}
.cogedim-landing .banner .top-bar-left a {
	color:#fff;
	font-size: 18px;
	letter-spacing: 0.18px;
	font-family: 'Poppins';
	font-weight: 400;
	vertical-align: middle
}
.cogedim-landing .banner .logo {
	text-align: center;
	z-index: 3;
}
.cogedim-landing .banner .top-bar-right {
	text-align: right;
}
.cogedim-landing .banner .top-bar-right a {
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size: 18px;
	letter-spacing: 0.18px;
	font-weight: 400;
	vertical-align: middle
}
.cogedim-landing .banner .top-bar-left a:hover,
.cogedim-landing .banner .top-bar-right a:hover{
	color:#42145f;
	text-decoration: none;
}
.cogedim-landing .banner .top-bar-left i,
.top-bar-right i {
	font-size: 16px;
    background-color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    color: #3e2d40;
    vertical-align: middle;
    padding-top: 5px;
}
.cogedim-landing .banner .banner-content {
	padding: 126px 15px 70px;
}
.cogedim-landing .banner .banner-content .content-col {
	text-align: center;
	z-index: 3;
}
.cogedim-landing .site-title {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 70px;
	line-height: 75px;
	font-weight: 700;
	margin-bottom: 18px;
	padding-right: 15px;
}
.cogedim-landing .banner .banner-content .site-title-desc {
	font-size: inherit;
	line-height: 25px;
	letter-spacing: 0.45px;
	margin-bottom: 51px;
	width: 97%;
}
.cogedim-landing a.banner-btn {
	font-family: 'Poppins';
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.6px;
	font-weight: 700;
	padding: 21px 32px 19px;
	background-color: #42145f;
	color:#fff;
	border-radius: 3px;
	text-transform: uppercase;
}
.cogedim-landing  a.banner-btn:hover {
	background-color: #a1217d !important;
	text-decoration: none;
	color: #fff;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
}


.cogedim-landing a.call-to-btn {
	font-family: 'Poppins';
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.6px;
	font-weight: 700;
	padding: 21px 32px 19px;
	background-color: white;
	color: rgb(80, 40, 130);
	border-radius: 3px;
	text-transform: uppercase;
}
.cogedim-landing  a.call-to-btn:hover {
	text-decoration: none;
	color: rgb(80, 40, 130);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
}


/*Service*/
.cogedim-landing .service-section {
	padding: 8px 15px 62px;
}
.cogedim-landing .service-section .service-detail {
	text-align: center;
}
.cogedim-landing .service-section .service-detail a:hover {
	text-decoration: none;
}
.cogedim-landing .service-section .service-detail a:hover .service-title{
	text-decoration: none;
	color: #42145f;
}
.cogedim-landing .service-section .service-title {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 25px;
	line-height: 40px;
	font-weight: 700;
	letter-spacing: 0.75px;
	color: #000;
	margin-bottom: 15px;
}
.cogedim-landing .service-section .service-desc {
	font-family: inherit;
	font-size: inherit;
	line-height: 25px;
	font-weight: 400;
	letter-spacing: 0.40px;
}
.cogedim-landing .service-section .service-detail-img {
	max-width: 90px;
 	height: auto;
}

.cogedim-landing .best-class-club .detail-col-club{
	padding-bottom: 10px;
}
.cogedim-landing .best-class-club .best-class-club-desc {
	background-color: #f5f5f5;
	padding: 60px 15px;
}
.cogedim-landing .best-class-club .best-class-club-desc .club-section-title {
    font-family: 'Poppins';
    font-size: 28px;
    line-height: 40px;
    color: #42145f;
    font-weight: 600;
}
.cogedim-landing .best-class-club .best-class-club-desc ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 13px;
}
.cogedim-landing .best-class-club .best-class-club-desc ul li {
  padding-left: 1.3em;
  margin-bottom: 10px;
}
.cogedim-landing .best-class-club .best-class-club-desc ul li:before {
  content:"\f0e7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-left: -1.3em; 
  width: 1.3em;
  font-size: 12px;
  line-height: 40px;
  color: #42145f; 
}
.cogedim-landing .best-class-club .quiz-img {
	background-image: url(/images/quiz-cover.jpg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
	min-height: 20rem !important;
}
.cogedim-landing .best-class-club .designers-img {
	background-image: url(/images/designers-cover.PNG);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
	min-height: 20rem !important;
}
.cogedim-landing .best-class-club .livrables-img {
	background-image: url(/images/livrables-cover.PNG);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
	min-height: 20rem !important;
}
/*Advantages*/
.cogedim-landing .white-section {
	padding: 60px 15px;
}
.cogedim-landing .purple-section {
	background: linear-gradient(71deg, black, #42145f, black) !important;
	padding: 30px 0;
}
.cogedim-landing .white-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.cogedim-landing .white-section .advantages-detail a:hover {
	text-decoration: none;
}
.cogedim-landing .white-section .advantages-detail a:hover .advantages-detail-title {
	text-decoration: none;
	color: #42145f;
}
.cogedim-landing .white-section .advantages-detail-title {
	font-family: 'Poppins';
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.6px;
	font-weight: 600;
	color: #444;
}
.cogedim-landing .white-section .advantages-detail-desc {
	font-family: inherit;
	font-size: inherit;
	line-height: 25px;
	letter-spacing: 0.45px; 
	color: #666;
}
.cogedim-landing .white-section .advantages-detail-img svg{
	max-width: 50px;
	height: auto;
}
.cogedim-landing .white-section .advantages-detail-soul,
.cogedim-landing .white-section .advantages-detail-health,
.cogedim-landing .white-section .advantages-detail-relax {
	text-align: right;
	width: 50%;	
}
.cogedim-landing .white-section .advantages-detail-soul {
	margin: 0 0 24px auto; 
}
.cogedim-landing .white-section .advantages-detail-health {
	margin: 0 auto 24px;
}
.cogedim-landing .white-section .advantages-detail-energy,
.cogedim-landing .white-section .advantages-detail-mind,
.cogedim-landing .white-section .advantages-detail-meditat {
	width: 50%;	
}
.cogedim-landing .white-section .advantages-detail-energy {
	margin-bottom: 24px;
}
.cogedim-landing .white-section .advantages-detail-mind {
	margin: 0 auto 24px;
}
.cogedim-landing .white-section .advantages-detail-meditat {
	margin-left: auto; 
}

.cogedim-landing .grey-section {
	padding: 60px 15px;
	background-color: #f5f5f5;
	text-align: center;
}
.cogedim-landing .grey-section .landing-img {
	width: 145px;
    height: 145px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto 18px;
    overflow: hidden;
}
.cogedim-landing .grey-section .landing-img .landing-in-img {
	max-width: 145px;
    border-radius: 50%;
}
.cogedim-landing .grey-section .landing-col a:hover {
	text-decoration: none;
}
.cogedim-landing .grey-section .landing-col a:hover .landing-title {
	text-decoration: none;
	color: #42145f;
}
.cogedim-landing .grey-section .landing-title {
	font-family: 'Poppins';
	font-size: 22px;
	line-height: 40px;
	letter-spacing: 0.88px;
	font-weight: 600;
	color: #434343;
}
.cogedim-landing .grey-section .landing-desc {
	font-family: inherit;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.45px;
	font-weight: 400;
	color: #666;
}
/*Contact us*/
.cogedim-landing .contact-section {
	padding: 60px 15px; 
}
.cogedim-landing .contact-section .appointment {
 	border: 1px solid #666; 
 	border-radius: 3px;
 	padding: 30px 28px 25px;
}
.cogedim-landing .contact-section .appointment .appointment-title {
	font-family: 'Poppins';
	font-size: 30px;
	line-height: 40px;
	font-weight: 600;
	letter-spacing: 0.6px;
	text-align: center;
	color:#42145f;
}
.cogedim-landing .contact-section .appointment .appointment-desc {
	font-family: inherit;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.56px;
	color:#888;
	text-align: center;
}
 .cogedim-landing .contact-section .appointment .appointment-form {
 	margin-top: 40px;
 }
.cogedim-landing .contact-section .appointment 
.appointment-form  .appointment-form-input {
	border: 1px solid #999;
	height: 38px;
	margin-bottom: 9px;
	font-size: 12px;
	line-height: 40px;
	letter-spacing: 0.48px;
}
.cogedim-landing .contact-section .appointment 
.appointment-form  .data-input {
	text-transform: uppercase;
}
.cogedim-landing .contact-section .appointment 
.appointment-form .appointment-form-text {
	border: 1px solid #999;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 40px;
	letter-spacing: 0.48px;
}
.cogedim-landing .contact-section .appointment 
.appointment-form .box-select::before {
    content: "\f0dd";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 41%;
    right: -5%;
    width: 35px;
    height: 38px;
    text-align: center;
    font-size: 14px;
    line-height: 37px;
    color: rgb(255, 255, 255);
    background-color: rgb(123, 108, 213);
    font-weight: 600;
    border-radius: 3px;
    transform: translate(-50%, -50%);
}
.cogedim-landing .contact-section .appointment 
.appointment-form .appointment-form-col-left {
	padding-right: 7px;
}
.cogedim-landing .contact-section .appointment 
.appointment-form .appointment-form-col-right {
	padding-left: 7px;
    padding-right: 7px;
}

.cogedim-landing .contact-section .appointment 
.appointment-form .appointment-form-btn {
	width: 100%;
    padding: 18px 0 13px;
    background-color: #42145f;
    border: 1px solid #42145f;
    border-radius: 3px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.cogedim-landing .contact-section .open-time {
	text-align: center;
}
.cogedim-landing .contact-section .open-time .weekdays {
	margin-top: 50px;
}
.cogedim-landing .contact-section .open-time .weekends {
	margin-top: 40px;
}
.cogedim-landing .contact-section .open-time .open-time-title {
	font-family: 'Poppins';
	font-size: 25px;
	line-height: 40px;
	font-weight: 600;
	letter-spacing: 0.25px;
	color: #42145f;
	margin-bottom: 5px;
}
.cogedim-landing .contact-section .open-time .open-time-clock {
	font-family: inherit;
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 0.72px;
	font-weight: 600;
	color:#444;
}
.cogedim-landing .contact-section .open-time .open-time-course {
	font-family: inherit;
	font-size: inherit;
	line-height: 40px;
	letter-spacing: 0.6px;
	color: inherit;
}
/* Trainers*/
.cogedim-landing .trainer-section {
	padding: 60px 15px;
	background-color: #f5f5f5;
	text-align: center;
}
.cogedim-landing .trainer-section .trainer-col {
	margin-bottom: 40px;
}
.cogedim-landing .trainer-section .trainer-img {
	width: 182px;
    height: 182px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto 12px;
    overflow: hidden;
    border: unset;
} 
.cogedim-landing .trainer-section .trainer-img .trainer-in-img {
	max-width: 182px;
	border-radius: 50%;
}
.cogedim-landing .trainer-section .trainer-col a:hover {
	text-decoration: none;
}
.cogedim-landing .trainer-section .trainer-col a:hover .trainer-title {
	text-decoration: none;
	color: #42145f;
}
.cogedim-landing .trainer-section .trainer-title {
	font-family: 'Poppins';
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 0.8px;
	font-weight: 600;
	color: #444;
}
.cogedim-landing .trainer-section .trainer-desc {
	font-family: inherit;
	font-size: 15px;
	line-height: 40px;
	letter-spacing: 0.45px;
	font-style: italic;
	font-weight: 400;
	color: #666;
}
/*Join Us*/
.cogedim-landing .join-us-section {
	border-bottom: 1px solid black;
	padding: 25px 15px;
	text-align: center;
}
.cogedim-landing .join-us-section .join-us-btn {
	font-family: 'Poppins';
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.6px;
	font-weight: 700;
	color:#fff;
	text-transform:uppercase; 
	background-color: #42145f;
	border: 1px solid #42145f;
	border-radius: 3px;
	padding: 21px 52px 19px 53px;
}
.cogedim-landing .join-us-section .join-us-btn:hover {
	text-decoration: none;
	color: #42145f;
}
.join-us-call {
	font-family: inherit;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 0.64px;
	color: black;
}
.cogedim-landing .join-us-section .join-us-phone-nr {
	font-family: inherit;
	font-size: 18px;
	line-height: inherit;
	letter-spacing: inherit;
	font-weight: 600;
	color: #222;
}
.cogedim-landing .join-us-section .join-us-phone-nr:hover {
	text-decoration: none;
	color: #42145f;
}
/*Copyright*/
.cogedim-landing .footer .copyright {
	font-family: inherit;
	font-size: 12px !important;
	line-height: 26px;
}
.cogedim-landing .footer .copyright a {
	color: black;
}
.cogedim-landing .footer .copyright a:hover {
	text-decoration: none;
	color: #5e6473;
}
.cogedim-landing .footer .copyright .created-by {
	color: #fff;
}
.cogedim-landing .footer .copyright .created-by:hover {
	color: #42145f;
	text-decoration: none;
}
.cogedim-landing .footer .copyright .social {
	text-align: right;
	font-size: 14px;
	line-height: 26px;
}
.cogedim-landing .footer .copyright .social a {
	color: #fff;
}
.cogedim-landing .footer .copyright .social a:hover {
	color: #42145f;
}
.cogedim-landing .footer .copyright .social .fab {
	padding-left: 14px;
}
.instagram-social:hover {
	color: #d62976;
}

.pinterest-social:hover {
	color: #ff2c4f;
}

.call-to-action-container {
	width: 50%;
}
.best-sm {
	display: none !important;
}

.best-md {
	display: flex !important;
}

.conditions {
	text-align: right !important;
}

.call-to-action-btn {
	display: block;
	width: auto;
    max-width: 425px;
    padding: 18px 0 13px;
    background-color: #42145f;
    border: 1px solid #42145f;
    border-radius: 3px;
    color: #fff;
    font-family: 'Poppins';
	font-weight: bold;
    font-size: 20px;
    line-height: 21px;
    letter-spacing: 0.6px; 
	border: none;
	border-radius: 15px;
    /* text-transform: uppercase;  */
	
}

.call-to-action-btn:hover {
	/* background-color: #a1217d !important; */
	text-decoration: none !important;
	color: #fff !important;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
}

.offres_pipcke .col-md-4 {
	transition: all 150ms ease-out;
}
@media screen and (max-width: 992px) {
	.offres_pipcke .col-md-4 {
		margin-bottom: 30px;
   }
}
.offres_pipcke .pricing-item {
	border-radius: 20px;
	transition: all 150ms ease-out;
}
.offres_pipcke .pricing-item .h6 {
	display: block;
	margin-top: 0px;
	font-size: 12px;
	font-style: italic;
}
.offres_pipcke .pricing-item:hover {
	transform: scale(1.05);
}
.offres_pipcke .pricing-item:hover .card-body {
	box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.05);
}
.offres_pipcke .pricing-item .card-body {
	padding: 20px 10px;
	margin-top: 10px;
	background: white;
	border-radius: 20px;
}
.offres_pipcke .pricing-item ul li {
	margin-bottom: 10px;
}
.offres_pipcke .pricing-item .pricing-divider {
	border-radius: 20px;
	background: #000;
	padding: 10px;
	position: relative;
}
.offres_pipcke .pricing-item .pricing-divider h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 30px;
}
.offres_pipcke .pricing-item .pricing-divider h4, .offres_pipcke .pricing-item .pricing-divider .h4 {
	margin-top: 0;
	margin-bottom: 20px;
}
.offres_pipcke .pricing-item .btn-black {
	background: white;
	color: #5e6473;
	border: 1px solid #5e6473;
}
.offres_pipcke .pricing-item small {
	font-size: 14px !important;
	margin-top: 10px;
	display: inline-block;
}
.offres_pipcke .pricing-item.color-1 h3, .offres_pipcke .pricing-item.color-1 h4, .offres_pipcke .pricing-item.color-1 .h4, .offres_pipcke .pricing-item.color-1 .h3, .offres_pipcke .pricing-item.color-1 .h6 {
	color: white;
	font-weight: bold;
}
.offres_pipcke .pricing-item.color-1 .pricing-divider {
	background: #5e6473;
	background: black;
}
.offres_pipcke .pricing-item.color-1 .btn-black:hover {
	background: black;
	color: white;
}
.offres_pipcke .pricing-item.color-2 .btn {
	color: #f6ded3;
}
.offres_pipcke .pricing-item.color-2 .btn:hover {
	color: black;
}
.offres_pipcke .pricing-item.color-2 h3, .offres_pipcke .pricing-item.color-2 h4, .offres_pipcke .pricing-item.color-2 .h4, .offres_pipcke .pricing-item.color-2 .h3, .offres_pipcke .pricing-item.color-2 .h6 {
	color: #f6ded3;
	font-weight: bold;
}
.offres_pipcke .pricing-item.color-2 .btn-black:hover, .offres_pipcke .pricing-item.color-2 .pricing-divider {
	background: #0e6b8a;
	background: black;
}
.offres_pipcke .pricing-item.color-2 .btn-black:hover {
	background: black;
	color: #f6ded3;
}
.offres_pipcke .pricing-item.color-3 .btn {
	color: #d8ad7f;
}
.offres_pipcke .pricing-item.color-3 .btn:hover {
	color: black;
}
.offres_pipcke .pricing-item.color-3 h3, .offres_pipcke .pricing-item.color-3 h4, .offres_pipcke .pricing-item.color-3 .h4, .offres_pipcke .pricing-item.color-3 .h3, .offres_pipcke .pricing-item.color-3 .h6 {
	color: #d8ad7f;
	font-weight: bold;
}
.offres_pipcke .pricing-item.color-3 .pricing-divider {
	background: #d8ad7f;
	background: black;
}
.offres_pipcke .pricing-item.color-3 .btn-black:hover {
	background: black;
	color: #d8ad7f;
}
.offres_pipcke .pricing-item .btn-custom {
	background: #f6ded3;
	color: #d8ad7f !important;
	color: #fff;
	border-radius: 8px;
}
.container-offres {
	width: 65% !important;
}

@import url("https://fonts.googleapis.com/css2?family=Vollkorn&display=swap");


.l-card {
	width: auto;
	min-width: 250px;
	max-width: 450px;
	margin: auto;
	height: auto;
	background: #f5f5f5;
	color: #272727;
	padding: 50px;
	box-shadow: 0px 7px 24px rgba(100, 100, 100, 0.4);
}

.l-card__text p {
	font-size: 20px;
	font-weight: 400;
	text-align: left;
}

.l-card__text p::after {
	content: "\201D";
	display: inline;
	color: #999;
}

.l-card__text p::before {
	content: "\201C";
	display: inline;
	color: #999;
}

.l-card__user {
	display: flex;
	flex-direction: row;
	padding-top: 24px;
	margin-top: 12px;
	/* border-top: 1px solid #c1c1c1; */
	align-items: center;
}
.l-card__userImage {
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 50%;
}

.l-card__userImage img {
	width: 100%;
	height: 100%;
	object-filt: cover;
}

.l-card__userInfo {
	display: flex;
	flex-direction: column;
	margin-left: 16px;
}

.l-card__userInfo span:nth-child(1) {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 14px;
	color: #3f3f55;
}
.l-card__userInfo span:nth-child(2) {
	color: #adada6;
	font-family: sans-serif;
	font-size: 12px;
	margin-top: 2px;
}

.user {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-size: cover !important;
	background-position: 50% 50%;
	display: inline-block;
	margin: 0 auto;
	border: 1px solid #e8e8e8
}

.name {
	font-weight: bold;
	font-size: 16px;
	padding-top: 10px;
}



.gradient-cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
	padding: 30px;
	@media screen and (max-width: 991px) {
	  grid-template-columns: 1fr;
	}
  }
  
  .container-title {
	text-align: center;
	padding: 0 !important;
	margin-bottom: 40px;
	font-size: 40px;
	color: #fff;
	font-weight: 600;
	line-height: 60px;
  }
  
  .card {
	max-width: 550px;
	border: 0;
	width: 100%;
	margin-inline: auto;
  }
  
  .container-card {
	position: relative;
	border: 2px solid transparent;
	background: linear-gradient(71deg, black, #42145f, black);
	background-clip: padding-box;
	border-radius: 45px;
	padding: 25px 40px 40px;
	max-height: 475px !important;
	height: 365px;
	img {
	  margin-bottom: 32px;
	}
  }
  .vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  }
  .bg-green-box,
  .bg-white-box,
  .bg-yellow-box,
  .bg-blue-box {
	position: relative;
  }
  
  .bg-green-box::after,
  .bg-white-box::after,
  .bg-yellow-box::after,
  .bg-blue-box::after {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	content: "";
	z-index: -1;
	border-radius: 45px;
  }
  
  .bg-green-box::after {
	background: linear-gradient(71deg, #0d1212, #3da077, #0d1212);
  }
  
  .bg-white-box::after {
	background: linear-gradient(71deg, #121013, #b0afb0, #121013);
  }
  
  .bg-yellow-box::after {
	background: linear-gradient(71deg, #110e0e, #afa220, #110e0e);
  }
  
  .bg-blue-box::after {
	background: linear-gradient(71deg, #0c0a0e, #5f6fad, #0c0a0e);
  }
  
  .card-title {
	font-weight: 600;
	color: white;
	font-style: normal;
	font-size: 26px;
	padding-top: 8px;
  }
  
  .card-description {
	font-weight: 200;
	line-height: 32px;
	color: #fff;
	font-size: 16px;
	max-width: 470px;
  }