/*
Theme Name: PMO Engineer 2025
Theme URI: 
Author: Arash Aryan
Author URI: 
Description: 
Version: 1.0
License: Free
License URI:
Tags: 
Text Domain: 
*/
body {
    font-family: IBM_Plex_Sans;
}
@font-face {
	font-family: IBM_Plex_Sans;
	font-style: normal;
	font-weight: 400;
	src: url('fonts/ibm-plex-sans-400.woff2');
}
@font-face {
	font-family: IBM_Plex_Sans;
	font-style: normal;
	font-weight: 700;
	src: url('fonts/ibm-plex-sans-700.woff2');
}
@font-face {
	font-family: bootstrap-icons;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/bootstrap-icons.woff2');
}
.site-main {
    min-height: calc(100vh - 221px);
}
section {
    padding: 30px 0;
}
a {
    text-decoration: none;
}
.btn-1 {
    background: #f84616;
    padding: 3px 3px 3px 10px;
    border-radius: 30px;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    display: inline-flex;
    font-style: italic;
}
.btn-1:hover {
    color: #FFF;
}
.btn-1 i {
    background: rgba(255,255,255,0.5);
    width: 21px;
    height: 21px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.navbar-toggler {
    padding: 0 5px;
}
.navbar-toggler i {
    font-size: 36px;
}
.section-title-1 {
    margin-bottom: 50px;
}
.section-title-1 h2 {
    color: #2673ab;
    text-align: center;
    font-weight: bold;
}
/************** Header Start **************/
.home-site-header {
    background: #d1ecff;
    padding-top: 15px;
}
.home-site-header .nav-parent {
    background: #FFF;
    border-radius: 20px 20px 0 0;
}
.home-site-header .nav-parent .nav-link {
    color: #000;
    font-weight: bold;
}
.home-site-header .navbar-brand .text-logo {
    display: none;
}
.inner-site-header {
    background: #2673ab;
}
.inner-site-header .nav-parent {
    margin-top: 0;
    background: transparent;
    border-radius: 0;
}
.inner-site-header .navbar-toggler i {
    color: #FFF;
}
.inner-site-header .nav-parent .nav-link {
    color: #FFF;
    font-weight: bold;
}
.nav-parent .nav-link:hover {
    color: #f84616;
}
.navbar-brand {
    display: flex;
}
.navbar-brand .text-logo {
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.navbar-brand .text-logo strong {
    font-size: 18px;
    line-height: 22px;
    color: #d1ecff;
}
.navbar-brand .text-logo span {
    font-size: 10px;
    color: #d1ecff;
}
/************** Header End **************/
/************** Section Hero Start **************/
.hero {
    background: #d1ecff;
    padding: 0;
}
.hero-inner-section {
    position: relative;
    z-index: 2;
}
.hero-inner-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 10%;
    left: 0;
    background: #FFF;
    border-radius: 0 0 20px 20px;
    z-index: -1;
}
.hero-image img {
    width: 100%;
    height: auto;
}
.hero-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.hero-text h2 {
    font-weight: 700;
    font-size: 80px;
    margin: 0;
    line-height: 50px;
    color: #2673ab;
} 
.hero-text span {
    font-weight: bold;
    font-size: 40px;
    color: #2673ab;
}
.hero-text p {
    font-weight: bold;
    font-size: 20px;
    color: #4c4c4c;
    margin-top: 20px;
}
.hero-text .btn-1 {
    margin-top: 20px;
}
/************** Section Hero End **************/

/************** Section Our Services Start **************/
/************** Section Our Services End **************/
/************** Section About Us Start **************/
.about-us {
    background: #d1ecff;
    position: relative;
    z-index: 1;
}
.about-us-inner-section {
    position: relative;
    aspect-ratio: 3 / 1.7;
    display: flex;
    align-items: center;
}
.about-us-bg {
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.about-us-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-us-text-box {
    background: rgba(255,255,255,0.8);
    width: 40%;
    padding: 20px;
    position: relative;
    z-index: 3;
}
.about-us-text-box-title {
    margin-bottom: 30px;
}
.about-us-text-box-title h2 {
    color: #2673ab;
    font-weight: bold;
}
.about-us-text-box-summary {
    margin-bottom: 30px;
}
.about-us-text-box-summary p {
    color: #4c4c4c;
}
/************** Section About Us End **************/

/************** Archive Post Box 1 Start **************/
.archive-post-box-1 .archive-post-box-title {
    color: #2673ab;
    display: flex;
    height: 70px;
    font-size: 20px;
}
.archive-post-box-1 .archive-post-box-title span {
    color: #f84616;
    margin-right: 5px;
}
.archive-post-box-1 .archive-post-box-thumb {
    display: block;
    margin-bottom: 15px;
}
.archive-post-box-1 .archive-post-box-thumb img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.archive-post-box-1 .archive-post-box-summary {
    color: #7d8081;
}
/************** Archive Post Box 1 End **************/
/************** Inner Pages Start **************/
.inner-page-main {
    background: #d1ecff;
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
}
.inner-page-main::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    background:  #2673ab;
    top: 0;
}
.inner-page-main-wrapper {
    min-height: calc(100vh - 275px);
    position: relative;
    padding-top: 50px;
    padding-bottom: 300px;
    display: flex;
    align-items: start;
    flex-direction: column;
}
.inner-page-main-wrapper .container-related-post {
    z-index: 3;
}
.inner-page-main-wrapper .container-related-post .archive-post-box-1 {
    background: rgba(255,255,255,0.8);
}
.inner-page-main-wrapper .container-related-post .archive-post-box-1 .archive-post-box-title {
    padding: 15px;
    height: 90px;
}
.inner-page-main-wrapper .container-related-post .archive-post-box-1 .archive-post-box-thumb {
    padding: 0 15px;
}
.inner-page-main-wrapper .container-related-post .archive-post-box-1 .archive-post-box-summary {
    padding: 0 15px 15px 15px;
}
.inner-page-main-bg {
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.inner-page-main-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner-page-main-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner-page-main-text-box {
    background: rgba(255,255,255,0.8);
    width: 60%;
    padding: 20px;
    position: relative;
    z-index: 3;
}
.inner-page-main-text-box-title {
    margin-bottom: 30px;
}
.inner-page-main-text-box-title h1 {
    color: #f84616;
    font-weight: bold;
}
.inner-page-main-thumb img {
    width: 100%;
    height: auto;
}
.inner-page-main-text-box-content {
    margin-bottom: 30px;
}
.inner-page-main-text-box-content p {
    color: #4c4c4c;
}
/************** Inner Pages End **************/
/************** Footer Start **************/
.site-footer {
    background: #2673ab;
    padding: 20px 0;
}
.footer-menu {
    display: flex;
}
.footer-menu ul {
    padding: 0;
    margin: 0 0 0 25px;
    display: flex;
    align-items: center;
}
.footer-menu ul li {
    list-style-type: none;
}
.footer-menu ul li a {
    color: #FFF;
    font-weight: bold;
    margin-right: 15px;
    padding: 0;
    transition-duration: .2s;
}
.footer-menu ul li a:hover {
    color: #f84616;
}
.footer-contact strong {
    color: #FFF;
}
.footer-contact ul {
    padding: 0;
    margin: 0;
}
.footer-contact ul li {
    list-style-type: none;
    color: #FFF;
}

/************** Footer End **************/


@media (max-width: 991px) {
    /************** Home Page Start **************/
    .about-us-text-box {
        width: 60%;
    }
    /************** Home Page End **************/
}

@media (max-width: 767px) {
    /************** Home Page Start **************/
    .about-us-inner-section {
        padding: 15px 0;
    }
    .about-us-text-box {
        width: 100%;
    }
    /************** Home Page End **************/
    /************** Inner Pages Start **************/
    .inner-page-main-wrapper {
        min-height: calc(100vh - 311px);
        padding-bottom: 50px;
    }
    .inner-page-main-text-box {
        width: 100%;
    }
    .archive-post-box-1 .archive-post-box-title {
        height: 100px;
    }
    /************** Inner Pages End **************/
    /************** Footer Start **************/
    .footer-menu {
        margin-bottom: 30px;
    }
    .footer-menu ul {
        flex-wrap: wrap;
    }
    /************** Footer End **************/
}