/* ==================================================
   CONTENT FROM THE PRINCIPAL SITE 
================================================== */
#header{
	display: flex;
    justify-content: center;
    align-items: center;
}

#header .header-menu{
	display:none;
}

#header .header-side .login-btn{
	display:none;
}

#footer{
	display:none;
}

#header{
	position:fixed;
}

#header .header-content .burger{
	display:none;
}

#header .header-side {
    display: flex;
}

#header.sticky .logo img{
    width: 120px;
}

#header .header-side a {
	display:none;
}

#header .header-side .language a{
	display:flex;
}

/* ==================================================
   SCROLLER SECTIONS
================================================== */

#section3 {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#section3 .phrase{
	font-family:Roboto-Bold;
	color:#222831;
	font-size:16px;
	margin-bottom:40px;
}

/* Container das 5 secções com telefone */
.scroller {
    position: relative;
    height: 300vh; /* 5 secções x 100vh */
}

/* Secções */

.section1 {
    background: url(../images/landingpage/bg-section1.png);
}

.section {
    height: 911px;
    width: 100%;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
}

.section .experience{
	width:50vw;
	z-index:0;
	position:absolute;
}

.section-content {
    padding-left: 10%;
    padding-top: 40px;
    max-width: 452px;
	z-index:1;
}

#section1 .discount-button{
	border-radius: 32px;
    background: #ED4724;
    padding: 15px 0px 15px 0px;
    color: white;
    max-width: 452px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	gap:4px;
}

.download-buttons{
    border-radius: 66px;
    display: flex;
    gap: 20px;
    justify-content:left;
	padding-top:30px;
}

.between{
	margin-bottom: 0px !important;
    margin-top: 30px;
    text-align: left;
	font-family: 'Prometo-Light' !important;
}

.download-buttons a {
    background: white;
    border-radius: 66px;
    padding: 15px 60px;
    display: flex;
}

#section2{
	max-width:32vw;
	padding-top:0;
}

#section4{
	margin-top:50px;
	margin-bottom:50px;
}

#section3,
#section4,
#section5{
	max-width:36vw;
	padding-top:0;
}

.section-content h2 {
    font-size: 2.4vw;
    font-family:prometo-black;
    margin-bottom: 2vw;
    line-height: 1.2;
    color: white;
}

.section-content h4 {
	font-size: 1.6vw;
    font-family:prometo-black;
    margin-bottom: 24px;
    line-height: 1.2;
    color: #222831;
}	

.section-content p {
    font-size: 23px;
    line-height: 1.25;
    color: white;
	font-family:prometo-medium;
	margin-bottom:40px;
}

.section-content .note{
	font-family:prometo-regular;
	font-size:1.3vw;
	line-height:1.5;
}

.section-content .list{
	display:flex;
	flex-direction:column;
	gap:10px;
}

#section3 .option .text{
	color:#222831 !important;
	display: flex;
    flex-direction: column;
    gap: 5px;
}

#section3 .option .text .bold{
	font-weight:bold;
	font-size:18px;
	color:#222831 !important;
	font-family:roboto-regular;
	    margin-bottom: 0;
}

#section3 .option .text .bullet-text{
	font-size:14px;
	color:#222831 !important;
	font-family:roboto-regular;
}

#section4 .list .option{
	color:black;
}

#section4 .note{
	color:black;
	margin-bottom: 1.5vw;
}

#section5 .note{
	margin-bottom: 1.5vw;
}

.section-content .list .option{
	display:flex;
	gap:10px;
	font-family:roboto-regular;
	color:white;
	font-size:16px;
	align-items: baseline;
}

.section-content .list .option .icon{
	width:23px;
}


/* Telefone wrapper */
.phone-wrapper {
    position: absolute;
    right: 48px;
    top: 50vh;
    transform: translateY(-50%);
    z-index: 40;
}

.phone-container {
    position: relative;
}

.hand-image {
    width: 89.5vh;
    height: auto;
    display: block;
}

.phone-screen {
    position: absolute;
    top: 5.1vh;
    left: 29.1vh;
    width: 31.5vh;
    transition: opacity 0.3s ease;
}

/* Backgrounds das secções */
.bg-white {
    background-color: #ffffff;
}
.bg-gray-50 {
    background:rgba(34, 40, 49, 0.5);
}

.orange{
	color: #ED4724 !important;
}

.prom-medium{
	font-family:prometo-medium;
	font-weight: 100;
	color:white !important;
}

.hand-images{
	display:none;
}

.second-view{
	display:none;
}

.first-view{
	display:inline;
}

@media (min-width:1921px){
	.section-content {
        max-width: 23vw;
    }
	
	#section3{
        max-width:63vw;
    }
	.section-content h2 {
        font-size: 2vw;
    }
	
	.section-content h4 {
        font-size: 1.4vw;
    }
}

@media (max-width:1400px){
	#section1{
		padding-top: 0;
        max-width: 300px;
	}

    .download-buttons a {
    background: white;
    border-radius: 66px;
    padding: 15px 22px;
    display: flex;
    }
	
	#section1 h2{
		
	}
}

@media (max-width:1300px){
	.hand-image {
    width: 66.75vh;
    height: auto;
    display: block;
    }

   .phone-screen {
    position: absolute;
    top: 3.8vh;
        left: 21.7vh;
        width: 23.5vh;
    transition: opacity 0.3s ease;
    }
}

@media (max-width:1000px){
	.section-content h2{
    font-size: 25px;
	margin-bottom:25px;
    }
	
	.section-content p{
    font-size: 20px;
    line-height: 1.25;
    color: white;
    font-family: prometo-medium;
    margin-bottom: 25px;
    }
	
	.section1{
    background: url(../images/landingpage/ipad-bg.png) center / cover no-repeat;
	align-items:flex-start;
    }
	
	#section1 {
        padding-top: 125px;
        max-width: 80vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
	
	#section2{
		max-width:80vw;
		margin-top:50px;
	}
	
	#section2 .note{
		color:black;
		font-size:16px;
		margin-bottom: 50px;
	}
	
	#section2 h2{
	    color: #ED4724;
        font-size:25px;
        margin-bottom: 25px;		
	}
	
	#section3, #section4, #section5{
    max-width: 80vw;
    padding-top: 0;
    }
	
    .section-content h4{
    font-size: 24px;
    font-family: prometo-black;
    margin-bottom: 0px;
    line-height: 1.2;
    }
	
	#section3 h2{
		margin-top:100px;
	}
	
	#section4 {
		margin-bottom:0;
	}
	
	.phone-wrapper{
		display:none;
	}
	
	.hand-images{
		display:block;
		width:73vw;
	}
	
	.section {
    height: auto;
    }
   .experience{
	   display:none;
   }
   
   .section-content .note {
    font-family: roboto-regular;
    font-size: 16px;
    line-height: 1.5;
    }
	
	#section4 .note {
    color: black;
    margin-bottom: 25px;
    }
	#section5 {
		margin-top:100px;
	}
	
	.second-view{
		display:inline;
	}
	
	.first-view{
	    display:none;
    }
}

@media (max-width:550px){
	#section1 .discount-button{
        padding: 7.5px 0px 7.5px 0px;
    }
}

@media (max-width:440px){
    .download-buttons {
    padding-top: 20px;
    margin-bottom: 20px;
    }
    
    .between {
    margin-top: 20px;
    }	
}


/* ==================================================
   NORMAL SECTIONS
================================================== */

.normal-section{
	width:100%;
	float:left;
}

#total-control .content{
	width:80%;
	margin-left:10%;
	box-sizing:border-box;
	display: flex;
    align-items: flex-start;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	position:relative;
}

#total-control .content h2{
	color:#ED4724;
	font-family:prometo-black;
	font-size:50px;
	line-height:1.2;
	margin-top:100px;
}

#total-control .content p{
	color:#222831;
	font-family:roboto-regular;
    width: 70%;
    margin-top: 30px;
	margin-bottom:75px;
}

@media (max-width:1400px){
	#total-control .content h2 {
    font-size: 35px;
    }
}

@media (max-width:1000px){
	#total-control .content p {
    width: 100%;
    }
}

@media (max-width:440px){
	#total-control .content h2 {
    font-size: 24px;
    }
}

/* DISCOUNT */

#offer {
    background: rgba(34, 40, 49, 0.05);
    align-items: flex-start;
    display: flex;
    gap: 40px;
    width: 100%;
    float: left;
}

#offer .content {
    width: 80%;
    margin-left: 10%;
    display: flex;
    gap: 236px;
    align-items: flex-start;
    margin-top: 75px;
    margin-bottom: 75px;
}

#offer .info {
    flex: 1;
}

#offer h1 {
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #222831;
}

#offer .highlight {
    color: #ff4d00;
}

#offer .brand {
    color: #d4a574;
}

#offer .big-exclusive{
	width: 325px;
}

#offer .list{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-bottom:60px;
	color:black;
}

#offer .list .option{
	display:flex;
	gap:10px;
	font-family:roboto-regular;
}

#offer .list .option .icon{
	width:23px;
}

#offer .cta-section {
    margin-top: 40px;
}

#offer .cta-section h2 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #222831;
	font-family:prometo-black;
}

#offer .disclaimer {
    font-weight: normal;
    margin-top: 10px;
	font-size:30px;
	color:#222831;
}

#offer .disclaimer strong {
    color: #ff4d00;
}

#offer .price-card {
    background: linear-gradient(180deg, rgba(221, 153, 64, 0.7) 0%, rgba(255, 255, 255, 0.2) 34%);
    border-radius: 20px;
    padding: 80px 30px;
    text-align: center;
    width: 320px;
}

#offer .subscribe-text {
    font-size: 33px;
    margin-bottom: 35px;
    color: #222831;
    font-family: prometo-black;
	line-height:1;
}

#offer .plan-name {
    margin-bottom: 40px;
}

#offer .old-price {
    font-family:roboto-regular;
	color:black;
    font-size: 18px;
    margin-bottom: 5px;
	position:relative;
}

#offer .before{
	color:#DD9940;
	position:absolute;
	left:80px;
}

#offer .price-old {
    font-size: 55px;
	position: relative;
    display: inline-block;
	font-family:roboto-black;
	line-height:1;
}

#offer .price-old::before {
    content: "✕";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #f4b800;
    font-size: 70px;
    font-weight: bold;
}

#offer .price-new {
    font-size: 100px;
    color: #DD9940;
    margin: 10px 0;
	font-family:roboto-black;
	line-height:1;
}

#offer .price-period {
    font-size: 0.4em;
	font-family: roboto-regular;
}

#offer .validity {
    font-family: roboto-regular;
    font-weight: normal;
    font-size: 18px;
    color: #DD9940;
    margin-top: 10px;
}

@media (max-width: 1400px) {
	#offer .content{
    gap: 93px;
    }
	
    #offer h1{
    font-size: 35px;
    }
	
	#offer .cta-section h2{
    font-size: 21px;
    }
	
	#offer .disclaimer{
    font-size: 21px;
    }
}

@media (max-width: 1000px) {
	#offer .content{
        gap: 93px;
        flex-direction: column-reverse;
        align-items: center;
    }
}

@media (max-width:440px){
	#offer .price-card {
    width: 260px;
    }
	
	#offer h1{
        font-size: 24px;
    }
	
	#offer .list .option{
    font-size: 14px;
    }
}

/* DISCOUNT */

#discount {
    text-align: center;
	margin-top:75px;
	margin-bottom:75px;
	 width: 100%;
    float: left;
}

#discount .content {
    display: block;
	
}

.form-image{
	width:150px;
}

.discount-title {
    font-size: 50px;
    margin-bottom: 20px;
    color: #222831;
	font-family:prometo-black;
}

.discount-subtitle {
    font-family: roboto-regular;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 30px;
    color: #222831;
}

.highlight-price {
    color: #ff4d00;
    font-weight: bold;
}

.discount-info {
    font-size: 30px;
	font-family:prometo-black;
    line-height: 1.4;
    margin: 30px auto 40px;
    max-width: 900px;
    color: #222831;
}

.brand-web {
    color: #ff4d00;
    font-style: italic;
}

.form-label {
    text-align: left;
    font-size: 16px;
    margin-bottom: 15px;
    color: #222831;
	font-family:roboto-regular;
}

.discount-form {
    max-width: 900px;
    margin: 0 auto;
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.captcha-row{
	display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.img-captcha{
	width:140px;
}

.captcha-row input{
	padding: 15px 20px;
    border: 2px solid #ddd;
    border-radius: 30px;
    font-size: 16px;
    outline: none;
}

.form-row input {
    flex: 1;
    padding: 15px 20px;
    border: 2px solid #ddd;
    border-radius: 30px;
    font-size: 16px;
    outline: none;
}

.form-row input::placeholder,
.captcha-row input::placeholder {
    font-family: prometo-light;
}


.form-row input:focus,
.captcha-row input:focus {
    border-color: #ff4d00;
}

.submit-btn {
    background-color: #ED4724;
    color: white;
    border: none;
    padding: 15px 40px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    font-family: prometo-regular;
    transition: background-color 0.3s;
}

.submit-btn:hover {
    background-color: #e64400;
}


.discount-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); 
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}


.discount-box {
    background: #fff;
    padding: 30px;
    max-width: 700px;
    width: 70%;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
	position:relative;
}

/* Title */
.popup-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
	color:#ED4724;
}

/* Text */
.popup-text {
    font-size: 15px;
    margin-bottom: 20px;
	font-family:roboto-regular;
	color:black;
}

.popup-close-x {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #333;
}

.popup-close:hover {
    opacity: 0.8;
}


@media (max-width:1200px){
	.discount-title {
    font-size: 35px;
    }
	
	.discount-info {
    font-size: 21px;
    }
	
	#discount .content{
    display: block;
    width: 80%;
    margin-left: 10%;
    }
}

@media (max-width:650px){
	.form-row{
    flex-direction: column;
    }
}

@media (max-width:480px){
	.captcha-row {
    display: flex;
    align-items: unset;
    justify-content: center;
    margin-bottom: 20px;
    flex-direction: column;
    gap: 20px;
    }
	
	.discount-title {
        font-size: 27px;
    }
}


/* HOW TO ACTIVATE */

#activate {
    text-align: center;
	
	width: 100%;
    float: left;
	background: rgba(34, 40, 49, 0.05);
	color:#222831;
}

#activate .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
	width:80%;
	margin-left:10%;
	margin-top:75px;
	margin-bottom:75px;
	gap:70px;
	align-items: center;
}

#activate .content .title{
	font-size:50px;
	font-family:prometo-black;
} 

.activate-timeline{
	display:flex;
	align-items: center;
}

.bar{
	width:4%;
	height: 7px;
	background:#222831;
}

.activate-timeline .step{
	border-radius:98px;
	background-color:white;
	padding:5px;
	color:#222831;
	font-family:roboto-bold;
	text-align:center;
	width: 22%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	height: 200px;
}

.activate-timeline .step .inside-step{
	border-radius:98px;
	background: rgba(34, 40, 49, 0.05);
	height: 100%;
}

.activate-timeline .step .inside-step a{
	color: #ED4724;
	text-decoration: underline;
}

.activate-timeline .step .inside-step .text{
	padding:0 10%;
	height:110px;
}

#activate .number{
	position: relative;
    top: -25px;
}

#activate .baloons{
	position: relative;
    top: 17px;
}

.download{
	background:#222831;
	border-radius:66px;
	display:flex;
	gap:20px;
	padding:25px;
}

.download a{
	background:white;
	border-radius:66px;
	padding:15px 40px;
	display: flex;
}

#activate .subtitle{
	font-family:prometo-black;
	font-size:30px;
}

@media (max-width:1660px){
	.activate-timeline .step .inside-step .text{
    padding: 0 10%;
    font-size:14px;
    }
}

@media (max-width:1440px){
	.activate-timeline .step .inside-step .text{
    padding: 0 10%;
    font-size:13px;
    }
}

@media (max-width:1260px){
	.activate-timeline {
    display: flex;
    align-items: center;
    flex-direction: column;
	    gap: 75px;
    }
	
	.bar{
		display:none;
	}
	
	.activate-timeline .step {
    width: 325px;
    }
	
	.activate-timeline .step .inside-step .text {
        font-size: 14px;
    }
}

@media (max-width:860px){
	#activate .content .title{
    font-size: 35px;
    }
	
	#activate .subtitle{
    font-family: prometo-black;
    font-size: 21px;
    }	
}

@media (max-width:500px){
	.download {
    padding: 25px 77.5px;
    flex-direction: column;
	}
	
}


/* MIRROR SLIDER */

#copy {
    width: 100%;
    float: left;
    margin-top: 75px;
    margin-bottom: 210px;
    overflow: hidden;
}

#copy .experience {
    width: 50vw;
    position: absolute;
}

#copy .content {
    width: 80%;
    margin-left: 10%;
    position: relative;
}

#copy .content {
}

#copy .content .text {
    display: flex;
    flex-direction: column;
    gap: 2.5vw;
    width: 34vw;
    margin-top: 7.5vw;
    line-height: 1.1;
}

#copy .content .text .title {
    font-family: prometo-black;
    font-size: 2.4vw;
    line-height: 1.2;
}

#copy .content .text .note {
    font-family: roboto-regular;
    font-size: 1vw;
}

#copy .content .text .list {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

#copy .content .text .list .option {
    display: flex;
    gap: 1vw;
    font-family: roboto-regular;
    font-size: 1vw;
}

#copy .content .text .list .option .icon{
	width:23px;
}

#copy .content .mirror-container {
    position: absolute;
    right: -37px;
    top: 0px;
    align-items: center;
    width: 1px;
    justify-content: space-around;
}

@media (max-width: 1600px) {
    #copy .content .mirror-container .mirror-content {
        position: absolute;
        width: 600px;
        height: 450px;
        margin: 0;
        right: 20%;
        overflow: hidden;
        top: unset;
    }

    #copy .content .mirror-container .mirror-content img {
        width: unset;
    }
}

@media (max-width: 1430px) {
    #copy .content .mirror-container .mirror-content {
        position: absolute;
        width: 310px;
        height: 300px;
        margin: 0;
        right: 20%;
        overflow: hidden;
        top: unset;
    }

    #copy .content .mirror-container .mirror-content img {
        width: 300px;
    }
}

@media (max-width: 1250px) {
    #copy .content .mirror-container {
        justify-content: unset;
        height: 100%;
        position: absolute;
    }
}

@media (max-width: 1050px) {
    #copy {
        margin-bottom: 75px;
    }

    #copy .experience {
        display: none;
    }

    #copy .content {
        display: flex;
        flex-direction: column;
        gap: 50px;
        justify-content: center;
        align-items: center;
    }

    #copy .content .text {
        display: flex;
        flex-direction: column;
        gap: 30px;
        width: 100%;
        margin-top: 0;
        line-height: 1.1;
        color: black;
    }

    #copy .content .text .title {
        font-size: 35px;
        line-height: 1.2;
        color: #ed4724;
    }

    #copy .content .text .note {
        font-size: 16px;
    }

    #copy .content .text .list {
        gap: 10px;
    }

    #copy .content .text .list .option {
        font-size: 16px;
    }

    #copy .content .mirror-container {
        position: relative;
        width: 500px;
        height: 308px;
        right: unset;
    }

    #copy .content .mirror-container .mirror-content {
        right: 20%;
    }
	
	#copy .content .text .list .option {
        gap: 10px;
    }
}

@media(max-width:768px){
	#copy .content .text .list .option {
        font-size: 14px;
    }
}


/* FAQS */

#faq-app {
    width: 100%;
    float: left;
}

#faq-app .content {
    width: 80%;
    margin-left: 10%;
    display: flex;
    flex-direction: column;
    gap: 70px;
}

#faq-app .content .info {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#faq-app .content .info .title {
    font-family: prometo-black;
    font-size: 50px;
    color: #222831;
    width: 80%;
    text-align: center;
    margin-left: 10%;
    line-height: 1.2;
}

#faq-app .content .info .subtitle {
    color: #222831;
    font-family: roboto-regular;
    font-size: 16px;
    text-align: center;
    width: 60%;
    margin-left: 20%;
}

.faq-container {
    margin: 0 auto;
    background: white;
    overflow: hidden;
	margin-bottom: 75px;
}

.faq-item {
    border-bottom: 1px solid #222831;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 32px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    user-select: none;
}

.faq-question-text {
    font-size: 16px;
    color: #222831;
    font-weight: 400;
    flex: 1;
    margin-right: 20px;
    text-align: center;
    font-family: roboto-regular;
}

.faq-arrow {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.faq-arrow.rotated {
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 32px;
}

.faq-answer.open {
    max-height: 500px;
    padding: 24px 32px 24px 32px;
	position:relative;
}

.faq-answer.open::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 60%;
    height: 1px;
    background-color: #222831;
    transform: translateX(-50%);
}

.faq-answer-text {
    font-size: 16px;
    color: #222831;
    line-height: 1.2;
    font-family: roboto-regular;
	text-align: center;
}


@media (max-width:1050px){
	#faq-app .content .info .title {
    font-size: 35px;
    }
} 

@media (max-width:768px){
	#faq-app .content .info .title {
	    width:100%;
	    margin-left:unset;
    }
	
	#faq-app .content .info .subtitle {
    width: 100%;
    margin-left: 0%;
    }
}

@media (max-width:480px){
	#faq-app .content .info .title {
    font-size: 27px;
    }
}


/* LANDING FOOTER */

#landing-footer{
	width:100%;
	float:left;
	background-color:#222831;
}

#landing-footer .middle{
	
}

#landing-footer .middle .content{
	padding-top:50px;
	padding-bottom:50px;
	display:flex;
    justify-content: space-between;
	width:80%;
	margin-left:10%;
	font-family:roboto-regular;
}

#landing-footer .middle .content a {
	color: #ED4724;
}

#landing-footer .middle .content .testimonies{
	width:40%;
	display:flex;
	flex-direction:column;
	gap:20px;
}

#landing-footer .middle .content .partners{
	width:40%;
	display:flex;
	flex-direction:column;
	gap:20px;
}

#landing-footer .middle .content .title{
	color:#ED4724;
	font-family:Roboto-Bold;
	font-size:18px;
}

#landing-footer .middle .content .description{
	font-size:16px;
}

@media (max-width:768px){
	#landing-footer .middle .content {
    flex-direction: column;
	gap:50px;
    }
	
	#landing-footer .middle .content .testimonies {
    width: 100%;
    }
	
	#landing-footer .middle .content .partners{
    width: 100%;
    }
}


/* LANDING COPYRIGHT */

#landing-copyright{
	width:100%;
	float:left;
	background-color: #1B1F24;
	font-family:roboto-regular;
}    


#landing-copyright .bottom {
   width:80%;
   margin-left:10%;
}

#landing-copyright .bottom .content{
	font-size:12px;
}

#landing-copyright .bottom .content{
	display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}

#landing-copyright .bottom .content .links{
    display: flex;
    gap: 10px;
	
}

#landing-copyright .bottom .content .links a{
	color: white;
}

#landing-copyright .bottom .content .links a:hover{
	color:#ED4724;
}

#landing-copyright .bottom .content .copyright{
	display: flex;
	gap: 10px;	
}

@media (max-width:1030px){
	#landing-copyright .bottom .content{
    display: flex;
    flex-direction:column;
    text-align:center;
    justify-content: center;
    align-items: center;
    }
}

@media (max-width:570px){
	#landing-copyright .bottom .content .copyright {
        flex-direction: column;
        align-items: center;
		text-align:center;
    }
	
	#landing-copyright .bottom .content .copyright .divider{
		display:none;
	}
	
	#landing-copyright .bottom .content {
        gap: 12px;
    }
}


@media(max-width:440px){

	#landing-copyright .bottom .content .links {
        flex-direction: column;
    }
	
	#landing-copyright .bottom .content .links .divider{
		display:none;
	}
}


