/*
 Theme Name:   Astra Child
 Template:     astra
 Version:      1.0.0
 Description:  Custom child theme for Astra
 Author:       Opeyemi Henry
*/

body, html, .ast-container{
	margin: 0;
    padding: 0;
}


#hero-section {
	font-family: "Denim TRIAL";
	margin-top: -118px;
    padding-top: 192px;
    padding-bottom: 112px;
    width: 100vw !important;
    max-width: 100vw !important;
    background: linear-gradient(107deg, #F0F0FF 37.81%, #FBF4DA 100%) !important;
       
}

#hero-section .boxed{
	display: flex;
	align-items: flex-end;
	gap: 112px;
    max-width: 1240px;
    margin: auto;

}


.inner-hero .title{
	color: #293649;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
    margin-bottom: 16px;
}

.inner-hero .big-text{
	color: #000014;
	font-size: 60px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: -1.2px;
    margin-bottom: 16px;
}

.inner-hero .text{
	color: #293649;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
}

.increment_x{
	margin-top: 52px;
    margin-bottom: 12px !important;
}

#featured-section{
	background: white;
    padding-top: 112px;
    padding-bottom: 64px;
}

#featured-section .boxed{
    max-width: 1240px;
    margin: auto;

}

#featured-section .project-feature-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.project-feature-image img{
	width: 100%;
    height: auto;
    display: block;
    object-fit: cover
}
    


#about-section{
	background: white;
    padding-bottom: 155px;
}

#about-section .boxed{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
	gap: 125px;
    max-width: 1240px;
    margin: auto;

}

.inner-about .about-header{
	color: #000014;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.72px;
    margin-bottom: 32px;
}	

.inner-about strong{
	font-weight: 600;
}

.inner-about .about-txt{
	color: #000014;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.inner-about .team-section{
	background: #F5F5FF;
    border-radius: 30px;
    padding: 40px 40px 8px 40px;
    margin-bottom: 56px;
    width: 100%;
}

.inner-about .project-logo{
	margin-bottom: 32px;
}

.team-header{
	font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.6px;
    margin-bottom: 16px;
}

.border-text{
	display: flex;
    flex-wrap: wrap;
    gap: 13px 8px;
    width: 100%;
    margin-bottom: 32px;
}

.border-text p{
	padding: 4px 10px;
    border: 1px solid #000014;
    border-radius: 6px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0px;
}


#read-more{
	background: white;
    padding-bottom: 163px;
    color: #000014;
    font-family: "Denim TRIAL";
}

#read-more .boxed{
	max-width: 1240px;
    margin: auto;
    padding: 0px 56px;

}

#read-more p{
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
	margin-bottom: 12px;
}

#read-more h1{
	font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 72px */
    letter-spacing: -1.2px;
}

.next-button{
	display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-bottom: 24px;
}

.read-small{
	font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.review{
	display: flex;
	align-items: flex-start;
    gap: 20px;
    align-self: stretch;

}

.review-img img{
    border-radius: 16.327px;
    width: 300px;
    height: 200.798px;
    
}

.review-part{
	color: #000014;
	font-family: "Denim TRIAL";

}

.review-text{
	font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.48px;
    margin-bottom: 32px;
}

.star-rating span{
	font-size: 32px;
}

.reviewer_position{
	font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}







//***************************//
//*Animation style*//

/* Flip overlay setup */
#page-flip-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    transform: rotateY(90deg);
    transform-origin: left center;
    transition: transform 1s ease-in-out;
    z-index: 9999;
    backface-visibility: hidden;
    pointer-events: none;
}

/* On click – triggers page flip */
#page-flip-overlay.flip-active {
    transform: rotateY(0deg);
}

/* On page load – triggers flip-in */
body.flip-opening #page-flip-overlay {
    animation: page-flip-in 1s ease-in-out forwards;
}

/* Keyframes for entry flip */
@keyframes page-flip-in {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(90deg);
    }
}

/* Enable 3D flip */
html, body {
    perspective: 1200px;
    transform-style: preserve-3d;
}




























/************************/

@media (min-width: 1024px) {
    .inner-about .team-section {
        width: 531px;
    }
}