html {
    scroll-behavior: smooth;
}

body {
    font-family: "museo-sans", "sans-serif";
    font-weight: 400;
    line-height: 1.2;
    color: #633BB0;
}

a:hover {
    text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 0;
}

img {
    max-width: 100%;
}

b {
    font-weight: 700;
}

.gap-2 {
    gap: 2px;
}

.gap-12 {
    gap: 12px;
}

.gap-20 {
    gap: 20px;
}

.gap-30 {
    gap: 30px;
}

.gap-40 {
    gap: 40px;
}

.gap-60 {
    gap: 60px;
}

.title {
    font-size: 30px;
    letter-spacing: 0em;
    text-align: center;
}

.note {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
}


/* change_ad_banner section */

#change_ad_banner {
    padding: 20px 32px;
    overflow: hidden;
}

.change_ad_logo {
    width: 213px;
}

.header-text {
    font-size: 11px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0em;
}

.banner-wrapper {
    margin-top: -50px;
}

.banner-title {
    font-family: "CairoliNow Condensed";
    font-size: 133px;
    font-weight: 800;
    line-height: 0.84;
    letter-spacing: -0.015em;
}

.banner-note {
    font-size: 24px;
    font-weight: 400;
}

.banner-img {
    margin-right: -160px;
    width: 604px;
}


/* question section */

#question {
    padding: 32px 0;
}

.purple-box {
    padding: 50px;
    border-radius: 15px;
    background-color: #EFEBF7;
    flex: 1;
}

.flex-1 {
    flex: 1;
}

.question-title {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0em;
}

.question-link-btn {
    padding: 9px 27px;
    border-radius: 28px;
    color: white !important;
    background-color: #633BB0
}


/* learn-more section */

#learn-more {
    background-color: #EFEBF7;
    padding: 80px 0;
}

.step-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    display: block;
}

.step-note {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0em;
}

.carousel {
    width: 100%;
}

.carousel-control-next {
    opacity: 1 !important;
    width: 39px;
    right: -12px;
}

.text-wrapper {
    min-height: 100px;
}

.slide-text {
    display: none;
}

.text-active {
    display: block;
    animation: fade-effect 1s linear;
}

@keyframes fade-effect {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* view-list section */

#view-list {
    padding: 80px 0;
}

.list-note {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0em;
    color: #633BB0 !important;
}

.list-fill {
    border-bottom: 1px solid #D3D3D3;
}

.print-btn {
    background-color: #FACF05;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    padding: 9px 27px;
    border-radius: 28px;
    color: #633BB0 !important;
}


/* find-your-score section */

#find-your-score {
    background-color: #EFEBF7;
    padding: 80px 0;
}

.find-your-score-btn {
    background-color: #633BB0;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    padding: 9px 27px;
    border-radius: 28px;
    color: white !important;
}


/* footer section */

#footer {
    background-color: #633BB0;
    padding: 43px 0;
    font-size: 12px;
    line-height: 25px;
    color: white;
}

.footer-link {
    text-decoration: underline;
    color: white !important
}

.check {
    width: 60px;
}

.sanofi-logo-footer {
    width: 200px;
}

@media (max-width: 1499px) {
    .banner-img {
        margin-right: -48px;
        width: 500px;
    }
}

@media (max-width: 1199px) {
    .banner-img {
        margin-right: -32px;
        width: 420px;
    }
    .banner-title {
        font-size: 104px;
    }
}

@media (max-width: 991px) {
    #change_ad_banner {
        padding: 20px 0;
    }
    .banner-wrapper {
        margin-top: -24px;
    }
    .banner-img {
        margin-right: -18px;
        width: 320px;
    }
    .banner-title {
        font-size: 72px;
    }
    .banner-note {
        font-size: 18px;
    }
    .purple-box {
        padding: 18px;
    }
    .question-title {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .banner-wrapper {
        margin-top: 0px;
        gap: 30px;
        padding: 30px 0;
    }
    .banner-img {
        margin-right: 0px;
        width: 100%;
    }
    .banner-title {
        font-size: 60px;
    }
    .banner-note {
        font-size: 11px;
    }
}
/* 20250122 */
.font-700{
	font-weight: 700;
}
#change_ad_banner{
	background-image: url("img/Banner.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    height: 935px;
	color: #fff;
}
#change_ad_banner .text-right p{
	padding-bottom:20px;
}
#change_ad_banner .text-right p a{
	color:#fff;
	font-size: 20px;
}
#change_ad_banner .banner-bar{
	margin-top: 30px;
    background: rgba(99, 59, 176, .6);
    padding: 10px 20px;
    border-radius: 15px;
    font-size: 24px;
    text-align: center;
}	
#change_ad_banner .banner-bar .getStarted{
	background: #633BB0;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 30px;
    margin-left: 20px;
	display: inline-block;
}
#question{
	padding: 80px 0;
}
#question .content{
	padding: 0 20px;
}
#learn-more-2{
	padding: 40px 0;
	background: #633BB0;
	color:#fff;
}
#learn-more-2 h2{
	font-family: "CairoliNow Condensed";
    font-size: 60px;
    line-height: 1;
}
#learn-more-2 h2 span{
	background:#FACF05;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding:9px 12px 0px 12px;
  border-radius:5px;
}
#learn-more-2 .getStarted{
	background: #fff;
    color: #633BB0;
    font-size: 22px;
    padding: 10px 20px;
    border-radius: 30px;
	font-weight:bold;
	margin-top: 20px;
    display: inline-block;
}
#learn-more-3{
	padding: 80px 0;
}
#learn-more-3 p{
	font-size:24px;
}
#learn-more-3 .greenBox{
	background: #dff9f8;
    border-radius: 10px;
    padding: 30px;
}
#learn-more-3 .learnMoreBtn{
	background: #633BB0;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
	font-weight:bold;
    display: inline-block;
	line-height: 1.2;
	font-size:16px;
}
#footer{
	background-color: #312056;
}
#footer p a{
	color:#fff;
}
#footer p a:hover{
	text-decoration:underline;
}
#footer p span{
	padding:0px 10px;
}
.owl-carousel{
	padding-top:60px;
}
.owl-carousel .owl-dots{
	text-align:center;
}
.owl-carousel .owl-prev{
	    position: absolute;
    top: 50%;
    left: -15%;
}
.owl-carousel .owl-next{
	 position: absolute;
    top: 50%;
    right: -15%;
}
.owl-carousel .single-slide p{
	padding: 20px 0px;
}
.owl-carousel .single-slide span{
	font-weight:bold;
	display:inline-block;
	width:100%;
	line-height:1;
	padding: 10px 0px;
	font-family: "CairoliNow Condensed";
	font-size: 60px;
}
.owl-carousel button.owl-dot {
  width: 14px;
  height: 14px;
  border: 1px solid #633bb0;
  border-radius: 50px;
  margin-right: 10px;
}

.owl-carousel button.owl-dot.active {
  background: #633bb0;
}
.owl-carousel .owl-item img{
	width:auto;
	height: 300px;
}
.owl-carousel .rotate-1{
	transform: rotate(-3deg);
}
.owl-carousel .rotate-2{
	transform: rotate(3deg);
}
@media (max-width: 991px) {
	#change_ad_banner{
		height: 600px;
	}
	#change_ad_banner .banner-bar {
		font-size: 100%;
		margin-top:0px;
		padding:10px;
	}
	#change_ad_banner .banner-bar span{
		width:100%;
		display:inline-block;
		line-height:1.2;
		font-size: 14px;
	}
	#change_ad_banner .banner-bar .getStarted{
		margin-left:0px;
		font-size: 14px;
	}
	#change_ad_banner .text-center img{
		width: 80%;
	}
	.owl-nav{
		display:none;
	}
	.change_ad_logo {
        width: 180px;
        height: 100%;
    }
}