/* Menu Open Box */
.menu-box {
    width: 600px;
    padding: 12px 32px;
    background: #000000;
    position: fixed;
    top:24px;
    right: 12px;
    border-radius: 24px;
    z-index: 999;
    display: none;
}
.menu-box-mobile {
    width: 375px;
    padding: 12px 32px;
    background: #000000;
    position: fixed;
    top:24px;
    right: 12px;
    border-radius: 24px;
    z-index: 999;
    display: none;
}
.close-text {
    color: #FFFFFF;
    font-family: 'tn-regular';
    font-size: 18px;
}
.close-text-mobile {
    color: #FFFFFF;
    font-family: 'tn-regular';
    font-size: 16px;
}
.menu-text {
    font-family: 'tn-condensed-medium';
    font-size: 24px;
    color: #FFFFFF;
}
.menu-links-box {
    margin-top: 32px;
}
.menu-link {
    font-size: 40px;
    font-family: 'tn-regular';
    color: #FFFFFF;
}
.menu-link-mobile {
    font-size: 24px;
    font-family: 'tn-regular';
    color: #FFFFFF;
}
.link {
    margin-top: 28px;
}
.menu-footer {
    margin-top: 32px;
    font-family: 'tn-regular';
    color: #FFFFFF;
}
.menu-footer-link {
    font-size: 24px;
}
.menu-footer-link-mobile {
    font-size: 16px;
}

/* header styling*/
.header {
    padding-top: 16px;
    background: #241BDC;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-bottom: 16px;
    z-index: 998;
}
.header-right {
    text-align: end;
    color: #FFFFFF;
}
.header-btn {
    margin-right:16px !important;
    font-family: 'tn-condensed-medium';
    text-transform: uppercase;
}
.header-btn:hover {
    background:#000000;
    color:#FFFFFF;
}
.btn-icon {
    height: 20px;
    margin-top: -4px;
}
.menu-text, .menu-text-mobile {
    font-family: 'tn-condensed-medium';
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.menu-text:hover, .menu-icon:hover {
    cursor: pointer;
}
.close-text:hover, .close-icon {
    cursor: pointer;
}
/* Hero Section */
.hero-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:80px;
    padding-bottom:80px;
}
.hero-title {
    font-size: 120px;
    font-family: 'tn-condensed-medium';
    text-transform: uppercase;
}
.hero-title-mobile {
    font-size: 62px;
    font-family: 'tn-condensed-medium';
    text-transform: uppercase;
}
.hero-img-row {
    margin-top: 60px;
}
.hero-para {
    margin-top: 160px;
    font-size: 28px;
    line-height: 140%;
    padding-left: 24px;
}
.hero-para-mobile {
    margin-top: 20px;
    font-size: 18px;
    line-height: 140%;
    padding-left: 24px;
}

/* Services List Section */
.services-list-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:80px;
    padding-bottom:80px;
}
.number-label {
    font-size: 24px;
    margin-top: 16px;
    font-family: 'ivy-presto-light';
}
.service-title {
    font-size: 46px;
    font-family: 'tn-medium';
}
.service-title-mobile {
    font-size: 24px;
    font-family: 'tn-medium';
}
.service-description {
    font-size: 24px;
    color: #696A6E;
    font-family: 'tn-regular';
    margin-top: 30px;
}
.service-description-mobile {
    font-size: 16px;
    color: #696A6E;
    font-family: 'tn-regular';
    margin-top: 30px;
}
.left-col {
    margin-top: 100px;
}
.left-col-mobile {
    margin-top: 24px;
}
.service-row {
    margin-top: 100px;
}

/* Recent Projects Section */
.other-projects-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:80px;
    padding-bottom: 80px;
}
.other-projects-title {
    font-size: 72px;
    font-family: 'tn-condensed-medium';
    text-transform: uppercase;
}
.other-projects-list {
    margin-top: 40px;
}
#projectImgBox1 {
    width: 100%;
    height: 412px;
    background: url('../../assets/projects/01-zenith-project.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
}
#projectTexBox1 {
    margin-top: 48px;
}
#projectImgBox2 {
    width: 100%;
    height: 412px;
    background: url('../../assets/projects/02-bloom-project.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
}
#projectTexBox2 {
    margin-top: 48px;
}
.project-title {
    font-size: 32px;
    font-family: 'tn-medium';
}
.project-text {
    font-size: 18px;
    font-family: 'tn-regular';
    color: #404145;
    line-height: 140%;
}

/* Pre Footer Section */
.pre-footer-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:120px;
    padding-bottom:120px;
}
.pre-footer-center-box {
    width: 638px;
    height: 638px;
    background: #FFB62B;
    border-radius: 600px;
    margin: auto;
    padding-top: 140px;
}
.pre-footer-center-box-mobile {
    padding-top:44px;
    width: 330px;
    height: 330px;
    background: #FFB62B;
    border-radius: 300px;
    margin: auto;
}
#leftImg, #rightImg {
    margin-top: 151px;
}
.left-col {
    padding-right: 0px;
}
.right-col {
    padding-left: 0px;
}
.pre-footer-title {
    font-size: 90px;
    line-height: 100%;
}
.pre-footer-title-mobile {
    font-size: 52px;
    line-height: 100%;
}
.pre-footer-para {
    font-size: 28px;
    font-family: 'tn-regular';
    line-height: 140%;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 30px;
}
.pre-footer-para-mobile {
    font-size: 16px;
    font-family: 'tn-regular';
    line-height: 140%;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 16px;
}
.font-condensed {
    font-family: 'tn-condensed-medium';
}
.font-display {
    font-family: 'ivy-presto-light';
}
.pre-footer-cta {
    margin-top: 30px;
    background: transparent;
    border: 1px solid #000000;
    text-transform: uppercase;
    color: #000000 !important;
    font-size: 24px;
    padding-left: 24px;
    padding-right: 12px;
    font-family: 'tn-medium';
}
.pre-footer-cta-mobile {
    margin-top: 16px;
    background: transparent;
    border: 1px solid #000000;
    text-transform: uppercase;
    color: #000000 !important;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 12px;
    font-family: 'tn-medium';
}
.pre-footer-cta:hover {
    background-color: transparent;
    color: #000000;
    border: 1px solid #000000;
}
.pre-footer-contact-arrow-icon {
    transition: transform 0.3s ease-in-out;
}
.pre-footer-contact-arrow-icon.rotated {
    transform: rotate(45deg);
}

/* Footer */
.footer-section {
    padding-top: 80px;
    padding-bottom: 30px;
    color: #FFFFFF;
    font-family: 'tn-regular';
}
.quick-links {
    margin-right: 100px;
}
.footer-title {
    font-size: 20px;
    font-family: 'tn-medium';
}
.footer-links {
    margin-top: 32px;
    font-family: 'tn-regular';
}
.footer-link {
    margin-top: 16px;
    font-size: 18px;
}
.newsletter-box {
    padding: 24px 24px;
    background-color: #333333;
    border-radius: 20px;

}
.subscribe-to-text {
    font-family: 'tn-medium';
    font-size: 20px;
    line-height: 100%;
}
.newsletter-text {
    font-family: 'ivy-presto-light';
    font-size: 80px;
    line-height: 72px;
    margin-top: 20px;
}
.email-form {
    margin-top: 28px;
}
.email-input {
    width: 250px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    color: #FFFFFF
}
.subscribe-btn {
    background: #FFB62B;
    text-transform: uppercase;
    color: #000000;
    font-size: 20px;
    padding-left: 24px;
    padding-right: 12px;
    font-family: 'tn-regular';
}
.subscribe-btn:hover {
    background: #FFB62B;
    color: #000000;
}
.subscribe-contact-arrow-icon {
    transition: transform 0.3s ease-in-out;
}
.subscribe-contact-arrow-icon.rotated {
    transform: rotate(45deg);
}

.footer-end-row {
    margin-top: 60px;
}