:root {
	--color-blue: #0C283C;
	--color-dark-blue: #020E1C;
	--color-grey: #989898;
	--color-white: #fff;
	--font-work-sans: 'Work Sans', sans-serif;
	--font-helvetica-now: 'Helvetica Now Display';
	--full-height: 100vh;
}

/* header */

header {
	background-image: url(https://wpcdn.idp.edu.br/idpsiteportal/2022/05/sessao-01_optimized.jpg);
	background-repeat: no-repeat;
	height: calc(var(--full-height) - 1vh);
}

header .grad-logo {
	max-height: 80% !important;
}

header .grad-stars {
	color: var(--color-white);
	font-weight: 700;
	font-size: .8em;
	margin-top: 20px;
}

header .grad-stars .star {
	background-image: url(https://wpcdn.idp.edu.br/idpsiteportal/2022/04/idp-graduacao-star.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	letter-spacing: 0.1em;
	min-height: 60px;
	font-family: var(--font-helvetica-now);
}

header .grad-main-text {
	color: var(--color-white);
	font-weight: 700;
}

header .grad-main-text h2 {
	font-size: 5em ;
	font-weight: 900 !important;
	font-family: var(--font-helvetica-now);
	line-height: 1em;
	padding: 0 10% !important;
}

header .grad-sub-text h3 {
	color: var(--color-white);
	font-family: var(--font-helvetica-now);
	font-weight: 500;
}

header .grad-btn-inscricao a,
.all-cursos .grad-btn-inscricao a,
.grad-vida-idp .grad-btn-inscricao a {
	background-color: #4CF891 !important;
	color: #141229;
/* 	font-family: 'Montserrat' !important; */
	font-style: normal;
	font-weight: 700;
	font-size: 18.783px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	padding: 1em;
	width: 203.31px;
	text-decoration: none;
	font-family: var(--font-helvetica-now) !important;
}

header .grad-btn-inscricao-sub-text,
.all-cursos .grad-btn-inscricao-sub-text,
.grad-vida-idp .grad-btn-inscricao-sub-text {
	color: var(--color-white);
	font-family: var(--font-helvetica-now);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
}

/* body */

body {
	background-color: var(--color-dark-blue);
	font-family: var(--font-work-sans) !important;
}

/* main page graducao */

main .grad-cursos {
	color: var(--color-white) !important;
	font-family: var(--font-helvetica-now) !important;
}

.all-cursos {
	color: var(--color-white) !important;
	font-family: var(--font-helvetica-now) !important;
}

.all-cursos h2 {
	font-style: normal;
	font-family: var(--font-helvetica-now) !important;
	font-weight: 900;
	font-size: 55.72px;
	line-height: 95%;
	text-align: center;
	letter-spacing: -0.02em;
	padding: 5% 10% 2% !important
}

.all-cursos h3 {
	font-family: var(--font-helvetica-now) !important;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	text-align: center;
}

.all-cursos .item-cursos {
	border-radius: 40px !important;
	color: var(--color-white) !important;
	font-family: var(--font-helvetica-now) !important;
	height: 213.78px;
	width: 261.35px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	transition: all 0.1s ease;
	-webkit-transition: background 0.1s;
	/* For Safari 3.0 to 6.0 */
	transition: background 0.1s;
	/* For modern browsers */
}

.all-cursos .item-cursos .item-cursos-border {
	height: 11px;
	width: 100%;
	border-radius: 7.81889px;
}

.all-cursos .item-cursos .border-administracao,
.all-cursos .item-cursos .border-direito,
.all-cursos .item-cursos .border-economia {
	position: relative;
	bottom: -8%;
}

.all-cursos .item-cursos .border-administracao {
	background: linear-gradient(90deg, #EB501D 14.63%, #170099 161.79%);
}

.all-cursos .bg-administracao {
	background: linear-gradient(90deg, #EB501D 14.63%, #170099 161.79%);
	background-size: 0;
}

.all-cursos .item-cursos .border-arqui-urba {
	background: linear-gradient(90deg, #AA051A 14.41%, #16009A 166.23%);
}

.all-cursos .bg-arqui-urba {
	background: linear-gradient(90deg, #AA051A 14.41%, #16009A 166.23%);
	background-size: 0;
}

.all-cursos .item-cursos .border-cc {
	background: linear-gradient(90deg, #63E83B 25.75%, #1300A0 142.47%);
}

.all-cursos .bg-cc {
	background: linear-gradient(90deg, #63E83B 25.75%, #1300A0 142.47%);
	background-size: 0;
}

.all-cursos .item-cursos .border-direito {
	background: linear-gradient(90deg, #02E8F8 12.52%, #101BB3 131.56%);
}

.all-cursos .bg-direito {
	background: linear-gradient(90deg, #02E8F8 12.52%, #101BB3 131.56%);
	background-size: 0;
}

.all-cursos .item-cursos .border-economia {
	background: linear-gradient(90deg, #9B4F21 29.61%, #13009F 150.81%);
}

.all-cursos .bg-economia {
	background: linear-gradient(90deg, #9B4F21 29.61%, #13009F 150.81%);
	background-size: 0;
}

.all-cursos .item-cursos .border-engp {
	background: linear-gradient(90deg, #1c2774 29.61%, #ffed0c 150.81%);
}

.all-cursos .bg-engp {
	background: linear-gradient(90deg, #1c2774 29.61%, #ffed0c 150.81%);
	background-size: 0;
}

.all-cursos .item-cursos .border-engs {
	background: linear-gradient(90deg, #19B342 26.59%, #1301A0 197.24%);
}

.all-cursos .bg-engs {
	background: linear-gradient(90deg, #19B342 26.59%, #1301A0 197.24%);
	background-size: 0;
}

.all-cursos .item-cursos .border-pp {
	background: linear-gradient(90deg, #E23669 7.3%, #1300A0 161.73%);
}

.all-cursos .bg-pp {
	background: linear-gradient(90deg, #E23669 7.3%, #1300A0 161.73%);
	background-size: 0;
}

.all-cursos .item-cursos .border-ri {
	background: linear-gradient(90deg, #7C00A0 20.43%, #002FA0 171.91%);
}

.all-cursos .bg-ri {
	background: linear-gradient(90deg, #7C00A0 20.43%, #002FA0 171.91%);
	background-size: 0;
}

.all-cursos .item-cursos span,
.all-cursos .item-cursos a {
	display: block !important;
	opacity: 0;
	color: var(--color-white) !important;
}


.all-cursos .item-cursos a.item-cursos-cta-2 {
	display: block !important;
	opacity: 1;
	color: var(--color-white) !important;
	text-decoration: none !important;
}

.all-cursos .item-cursos .title {
	font-family: var(--font-helvetica-now) !important;
	font-style: normal;
	font-weight: 800;
	font-size: 32.2288px;
	line-height: 95%;
	text-align: center;
	letter-spacing: -0.02em;
}

.item-cursos-price {
	display: none !important;
}

.all-cursos .item-cursos .item-cursos-descri {
	font-size: .7em;
	font-weight: 400;
	border-bottom: 1px dotted var(--color-white);
	margin-top: -23px;
}

.all-cursos .item-cursos .item-cursos-cta {
	color: var(--color-white) !important;
	font-family: var(--font-helvetica-now) !important;
	font-style: normal;
	font-weight: 900;
	font-size: 11.7294px;
	line-height: 140%;
	text-align: center;
	text-decoration-line: underline;
	text-transform: uppercase;
}

.all-cursos .item-cursos:hover {
/* 	cursor: pointer; */
}

.all-cursos .item-cursos:hover .item-cursos-border {
	opacity: 0;
}

.all-cursos .bg-administracao:hover,
.all-cursos .bg-arqui-urba:hover,
.all-cursos .bg-cc:hover,
.all-cursos .bg-direito:hover,
.all-cursos .bg-economia:hover,
.all-cursos .bg-engp:hover,
.all-cursos .bg-engs:hover,
.all-cursos .bg-pp:hover,
.all-cursos .bg-ri:hover {
	background-size: 100%;
	/* 	-webkit-transition: background-size 1500ms ease-in-out;
    -moz-transition: background-size 1500 ease-in-out;
    -o-transition: background-size 1500 ease-in-out
    -ms-transition: background-size 1500ms ease-in-out;
    transition: background-size 1500ms ease-in-out; */
}

.all-cursos .item-cursos:hover .item-cursos-descri,
.all-cursos .item-cursos:hover .item-cursos-price,
.all-cursos .item-cursos:hover .item-cursos-cta {
	opacity: 1;
}

.item-cursos-price {
	display: none !important;
}

/* vida no idp */

.grad-vida-idp {
	min-height: 518px;
	margin-top: 10%;
}

.grad-vida-idp h3,
.grad-para-quem h3,
.grad-o-que-alunos-dizem h3,
.grad-como-ingressar h3,
.grad-inscricoes-abertas h3,
.grad-vida-idp p,
.grad-para-quem li {
	color: var(--color-white) !important;
	font-family: var(--font-helvetica-now) !important;
	font-style: normal !important;
}

.grad-vida-idp h3 {
	font-weight: 900;
	font-size: 5em;
	line-height: 95%;
	letter-spacing: -0.02em;
}

.grad-vida-idp p {
	font-weight: 400;
	font-size: 1em;
	line-height: 155%;
	letter-spacing: 0.03em;
}

/* end - vida no idp */

/* para quem é a graduação no idp */

.grad-para-quem h3 {
	font-weight: 900;
	font-size: 4em;
	line-height: 95%;
	letter-spacing: -0.02em;
}

.grad-para-quem ul {
	padding: 0 !important;
	margin-top: 5%;
}

.grad-para-quem li {
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 5%;
	list-style: none;
	padding: 0 8% 6% 7%;
	background-image: url(https://wpcdn.idp.edu.br/idpsiteportal/2022/04/arrow-2-graducao-idp.png);
}

/* end - para quem é a graduação no idp */

/* o que alunos dizem */

.grad-o-que-alunos-dizem h3,
.grad-como-ingressar h3 {
	font-weight: 900;
	font-size: 3em;
	line-height: 95%;
	text-align: center;
	letter-spacing: -0.02em;
}

.grad-o-que-alunos-dizem h3 {
	padding: 0 15% 3%;
}

.grad-o-que-alunos-dizem .card {
	background: #FFFFFF;
	border: 5px solid #92D4E9;
	box-sizing: border-box;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.26);
	border-radius: 74px;
	height: 447.15px;
	padding: 5%;
	margin-right: 10%;
}

.grad-o-que-alunos-dizem .carousel-item .col-md-3 {
	margin: 0 5% !important;
}

.grad-o-que-alunos-dizem .card-img img {
	border-radius: 36px;
}

.grad-o-que-alunos-dizem .carousel-item h3 {
	font-family: var(--font-helvetica-now) !important;
	font-style: normal;
	font-weight: 800;
	font-size: 18.01px;
	text-align: center;
	color: #252525 !important;
	padding: 50% 5% 5%;
	line-height: 1.3em;
}

.grad-o-que-alunos-dizem .card h5 {
	font-family: var(--font-helvetica-now) !important;
	font-style: normal;
	font-weight: 500;
	font-size: 0.8em !important;
	text-align: center;
	color: #252525;
}

.grad-o-que-alunos-dizem .carousel-item:hover {
	transform: scale(1)
}

/* end - o que alunos dizem */

/* como pode ingressar */

.grad-como-ingressar .ap-formas {
	background: #FFFFFF;
	color: #242424 !important;
	border: 3.45761px solid #5EABF2;
	box-sizing: border-box;
	box-shadow: 3.45761px 5.18642px 3.45761px rgba(0, 0, 0, 0.25);
	border-radius: 51.8642px;
	width: 270.98px;
	height: 294.21px;
	padding: 3% !important;
	margin: 0 1%;
	font-family: var(--font-helvetica-now) !important;
	font-style: normal;
}

.grad-como-ingressar .ap-formas h5 {
	font-family: var(--font-helvetica-now) !important;
	font-style: normal;
	font-weight: 900;
	font-size: 28.2957px;
	line-height: 100%;
	text-align: center;
}

.grad-como-ingressar .ap-formas p {
	font-family: var(--font-helvetica-now) !important;
	font-style: normal;
	font-weight: 500;
	font-size: 17.165px;
	line-height: 140%;
	text-align: center;
	padding-top: 6%;
}

/* end - como pode ingressar */

/* inscricoes abertas */

.grad-inscricoes-abertas h3 {
	font-weight: 900;
	font-size: 4em;
	line-height: 120%;
	text-align: center;
	letter-spacing: -0.02em;
	padding: 5% !important;
}

.grad-inscricoes-abertas h5 {
	color: var(--color-white) !important;
	font-family: var(--font-helvetica-now) !important;
	font-style: normal;
	font-weight: 800;
	font-size: 2em;
	line-height: 42px;
	text-align: center;
	padding: 0 10%;
}

.ap-color-grad-blue {
	background: linear-gradient(180deg, #0F13B0 0%, #02E7F7 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.ap-form {
	background: #0c46c22b;
	border-radius: 10%;
	padding: 3%;
}

/* end - inscricoes abertas */

/* faq */

.grad-faq {
	display: none !important;
}

.grad-faq h3 {
	color: var(--color-white) !important;
	font-family: var(--font-helvetica-now) !important;
	font-weight: 900;
	font-size: 3em;
	line-height: 95%;
	text-align: center;
	letter-spacing: -0.02em;
}

.grad-faq p {
	color: var(--color-white) !important;
	font-family: var(--font-helvetica-now) !important;
	font-weight: 400;
	font-size: 1em;
	line-height: 140%;
	text-align: center;
}

.grad-faq .accordion-item {
	color: var(--color-white) !important;
	font-family: var(--font-helvetica-now) !important;
	background-color: #fff0 !important;
	border: 2px solid #3287D5;
	box-sizing: border-box;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 24px;
	margin: 3% 0;
}

.grad-faq .accordion-button {
	background-color: #fff0;
	color: #fff;
}

.accordion-button:focus {
	border-color: #86b7fe00 !important;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%) !important;
}

.accordion-body {
	color: var(--color-white) !important;
	font-family: var(--font-helvetica-now) !important;
}

/* end - faq */

/* end - main page graducao */

/* footer */

footer {
	background-color: var(--color-blue);
	color: var(--color-white);
}

footer img {
	margin: 1%;
	max-width: 4%;
}

footer small {
	color: var(--color-grey) !important;
}

/* carousel */

@media (max-width: 767px) {
	.carousel-inner .carousel-item>div {
		display: none;
	}
	.carousel-inner .carousel-item>div:first-child {
		display: block;
	}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}

/* medium and up screens */

@media (min-width: 768px) {
	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(34%);
	}
	.carousel-inner .carousel-item-start.active,
	.carousel-inner .carousel-item-prev {
		transform: translateX(-34%);
	}
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
	transform: translateX(0);
}

.ap-img-d {
	width: 73% !important;
}

/* end - carousel */

.carousel-nav-icon {
	height: 48px;
	width: 48px;
}

.carousel-item {
	.col,
	.col-sm,
	.col-md {
		margin: 8px;
		height: 300px;
		background-size: cover;
		background-position: center center;
	}
}

.carousel-control-prev {
	left: -150px !important;
}

.carousel-control-next {
	right: -92px !important;
}

/* responsividade */

@media (min-width: 1366px)  and (max-width: 1440px) {
	
	header {
    background-position: bottom;
    background-size: cover;
	}
	
	header .grad-main-text h2 {
		font-size: 3m !important;
	}
	
	.ap-img-d {
    width: 100% !important;
	}
}


@media (max-width: 768px) {
	header {
		background-position: center top !important;
	  height: auto;
    padding-bottom: 48%;
	}

	header .grad-logo {
		max-width: 70%;
		margin-bottom: 20%;
		margin-left: 30%;
	}

	header .grad-main-text h2 {
		font-size: 2.3em !important;
		font-weight: 900 !important;
		font-family: var(--font-helvetica-now);
		line-height: 1em;
		padding: 33% 1% 8% !important;
	}
	
	header .grad-stars {
		margin-top: -50px !important;
		position: relative;
    top: 600px;
	}
	
	header .grad-stars .star {
		font-size: 0.9em;
		align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
	}
	header .grad-sub-text h3 {
		font-weight: 400;
		margin-top: -7%;
		font-size: 1.2em;
	}
	.grad-btn-inscricao {
		padding: 1em 3rem !important;
	}
	
	
	.all-cursos h2 {
		font-size: 2.1em;
		padding: 5% 0% 0% !important;
	}
	.all-cursos h3 {
		font-weight: 400;
	}
	
	.all-cursos .item-cursos {
		margin: 8% 0 !important;
	}
	
	.all-cursos .item-cursos .title {
		font-size: 22.23px !important;
	}
	
	.all-cursos .item-cursos .border-administracao {
		background: none !important;
	}
	.all-cursos .bg-administracao {
		background: linear-gradient(90deg, #EB501D 14.63%, #170099 161.79%);
		background-size: 100%;
	}
	.all-cursos .item-cursos .border-arqui-urba {
		background: linear-gradient(90deg, #AA051A 14.41%, #16009A 166.23%);
	}
	.all-cursos .bg-arqui-urba {
		background: linear-gradient(90deg, #AA051A 14.41%, #16009A 166.23%);
		background-size: 100%;
	}
	.all-cursos .item-cursos .border-cc {
		background: linear-gradient(90deg, #63E83B 25.75%, #1300A0 142.47%);
	}
	.all-cursos .bg-cc {
		background: linear-gradient(90deg, #63E83B 25.75%, #1300A0 142.47%);
		background-size: 100%;
	}
	.all-cursos .item-cursos .border-direito {
/* 		background: linear-gradient(90deg, #02E8F8 12.52%, #101BB3 131.56%); */
	}
	.all-cursos .bg-direito {
		background: linear-gradient(90deg, #02E8F8 12.52%, #101BB3 131.56%);
		background-size: 100%;
	}
	.all-cursos .item-cursos .border-economia {
    background: linear-gradient(90deg, #9b4f2100 29.61%, #13009f00 150.81%);
	}
	
	.all-cursos .bg-economia {
		background: linear-gradient(90deg, #9B4F21 29.61%, #13009F 150.81%);
		background-size: 100%;
	}
	.all-cursos .item-cursos .border-engp {
		background: linear-gradient(90deg, #1c2774 29.61%, #ffed0c 150.81%);
	}
	.all-cursos .bg-engp {
		background: linear-gradient(90deg, #1c2774 29.61%, #ffed0c 150.81%);
		background-size: 100%;
	}
	.all-cursos .item-cursos .border-engs {
		background: linear-gradient(90deg, #19B342 26.59%, #1301A0 197.24%);
	}
	.all-cursos .bg-engs {
		background: linear-gradient(90deg, #19B342 26.59%, #1301A0 197.24%);
		background-size: 100%;
	}
	.all-cursos .item-cursos .border-pp {
		background: linear-gradient(90deg, #E23669 7.3%, #1300A0 161.73%);
	}
	.all-cursos .bg-pp {
		background: linear-gradient(90deg, #E23669 7.3%, #1300A0 161.73%);
		background-size: 100%;
	}
	.all-cursos .item-cursos .border-ri {
		background: linear-gradient(90deg, #7C00A0 20.43%, #002FA0 171.91%);
	}
	.all-cursos .bg-ri {
		background: linear-gradient(90deg, #7C00A0 20.43%, #002FA0 171.91%);
		background-size: 100%;
	}
	.all-cursos .item-cursos span,
	.all-cursos .item-cursos a {
		display: block !important;
		opacity: 1;
	}
	.grad-vida-idp {
		margin-top: 0%;
		text-align: center;
	}
	
	.grad-vida-idp .grad-btn-inscricao-sub-text {
		margin: -25px 0 0 34px !important;
	}
	
	.grad-vida-idp h3,
	.grad-para-quem h3,
	.grad-o-que-alunos-dizem h3,
	.grad-como-ingressar h3,
	.grad-inscricoes-abertas h3 {
		font-size: 2.3em;
	}
	.grad-para-quem img {
		width: 100%;
	}
	.grad-vida-idp .col,
	.grad-para-quem .col {
		flex: auto;
		width: 100%;
		padding-top: 5%;
	}
	.grad-o-que-alunos-dizem {
		padding: 0 1em !important;
	}
	#recipeCarousel {
		margin-left: 10%;
	}
	.grad-o-que-alunos-dizem .card {
		height: 380.15px;
	}
	.ap-img-d {
		width: 100% !important;
	}
	.grad-o-que-alunos-dizem .carousel-item h3 {
		font-size: 16px;
		padding: 50% 5% 5%;
	}
	.grad-o-que-alunos-dizem h3 {
		padding: 0;
	}
	.carousel-control-prev {
		left: -30px !important;
	}
	.carousel-control-next {
		right: 0 !important;
	}
	.grad-como-ingressar .row:last-child {
		margin-left: 3%;
	}
	.grad-como-ingressar .ap-formas {
		height: 220.21px;
		padding: 8% !important;
		margin-bottom: 10%;
	}
	.grad-como-ingressar .ap-formas h5 {
		font-size: 18.2957px;
	}
	.grad-como-ingressar .ap-formas p {
		font-size: 16.165px;
	}
	.ap-form {
		border-radius: 20px;
		padding: 10%;
	}
	.grad-inscricoes-abertas h5 {
		font-size: 1.1em;
		line-height: 22px;
		padding: 0 0 5% 0;
	}
}

	


/* end - responsividade */