.roboto-100 {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-300 {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-400 {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-500 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-700 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-900 {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}


.header-main {
    position: relative;
}
.header {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 30px;
    z-index: 9;
    background: linear-gradient(180deg, rgb(0 0 0 / 50%) 0%, rgba(255, 255, 255, 0) 100%);
}
.header-logo-with-menu {
    display: flex;
    align-items: center;
}
.header-logo {
    margin-right: 20px;
}
ul.navbar-nav {
    flex-direction: row;
}
ul.navbar-nav li.nav-item a.nav-link {
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    color: #FFFFFF;
    margin: 0px 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    padding-left: 0;
    padding-right: 0;
}
ul.navbar-nav li.nav-item:first-child a.nav-link {
    margin-left: 0px !important;
}
ul.navbar-nav li.nav-item:last-child a.nav-link {
    margin-right: 0px !important;
}
.header-ctcbtn-section {
    display: flex;
    align-items: center;
}

.phone-icon-bg {
    -webkit-mask: url(../img/phone-icon.svg) no-repeat center; 
    mask: url(../img/phone-icon.svg) no-repeat center; 
    -webkit-mask-size: 100%; 
    mask-size: 100%;
}
.email-icon-bg {
    -webkit-mask: url(../img/email-icon.svg) no-repeat center; 
    mask: url(../img/email-icon.svg) no-repeat center; 
    -webkit-mask-size: 100%; 
    mask-size: 100%;
}
.btn-arrow-icon-bg {
    -webkit-mask: url(../img/btn-arrow-icon.svg) no-repeat center; 
    mask: url(../img/btn-arrow-icon.svg) no-repeat center; 
    -webkit-mask-size: 100%; 
    mask-size: 100%;
}
.banner-right-arrow-icon-bg {
    -webkit-mask: url(../img/banner-right-arrow-icon.svg) no-repeat center; 
    mask: url(../img/banner-right-arrow-icon.svg) no-repeat center; 
    -webkit-mask-size: 100%; 
    mask-size: 100%;
}
.right-arrow-icon-bg {
    -webkit-mask: url(../img/right-arrow-icon.svg) no-repeat center; 
    mask: url(../img/right-arrow-icon.svg) no-repeat center; 
    -webkit-mask-size: 100%; 
    mask-size: 100%;
}

.what-we-offer-btn {
    display: inline-block;
}

.button-with-icon {
    width: 50px;
    height: 50px;
    border: 2px solid #FFFFFF54;
    background: transparent;
    border-radius: 50px;
    padding: 0;
    margin: 0px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    text-decoration: none;
}
.button-with-icon .button-icon-bg {
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    transition: 0.5s;
}

.button-with-icon:hover {
    border: 2px solid #FF6422;
}
.button-with-icon:hover .button-icon-bg {
    background: #FF6422;
}

.button-text-with-right-icon {
    background: #FFFFFF;
    border: 2px solid #fff;
    padding: 12px 24px;
    margin: 0px 5px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    transition: 0.5s;
    text-decoration: none;
}
.button-text-with-right-icon span {
    color: #333333;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    transition: 0.5s;
}
.button-text-with-right-icon .button-text-right-icon-bg {
    width: 12px;
    height: 10px;
    background: #333333;
    margin-left: 10px;
    transition: 0.5s;
}
.button-text-with-right-icon:hover {
    background: #FF6422;
    border: 2px solid #FF6422;
}
.button-text-with-right-icon:hover span {
    color: #fff;
}
.button-text-with-right-icon:hover .button-text-right-icon-bg {
    background: #fff;
    transform: rotate(45deg);
}

.banner-section {
    height: 100vh;
}
.banner-slider {
    position: relative;
    height: 100vh;
}
.banner-slider button.slick-prev.slick-arrow {
    position: absolute;
    bottom: 5px;
    z-index: 1;
}

.banner-slider.slick-initialized .slick-slide {
    height: 100vh;
}

.banner-slider-main {
    padding-top: 12%;
    padding-left: 2%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
}
.banner-slider-contain {
    /* position: absolute; */
    z-index: 1;
    bottom: 0;
    width: 50%;
    /* height: 224px; */
    padding: 42px 32px 42px 50px;
    /* background: #73191CE5; */
}
.banner-slider-title {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 700;
    line-height: 43px;
    text-align: left;
    margin-bottom: 16px;
}
.banner-slider-text {
    color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    margin-bottom: 16px;
}

.banner-section .banner-button {
    border: 1px solid #fff;
    padding: 10px 20px;
    border-radius: 100px;
    width: 162px;
    justify-content: center;
    text-decoration: none;
}
.banner-button {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    transition: 0.5s;
}
.banner-button span {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    transition: 0.5s;
}
.banner-button .banner-button-right-icon-bg {
    width: 12px;
    height: 10px;
    background: #fff;
    margin-left: 10px;
    transition: 0.5s;
}
.banner-button:hover .banner-button-right-icon-bg {
    background: #fff;
    transform: rotate(45deg);
}

.banner-arrow {
    position: absolute;
    z-index: 1;
    bottom: 45%;
    left: 14px;
}
.banner-arrow.banner-next-arrow-main {
    left: unset;
    right: 14px;
}
.banner-arrow .slide-arrow {
    width: 111px;
    height: 111px;
    border: none;
    background: #73191C54;
}


.what-we-offer-section {
    background: url(../img/what-we-offers-bg.png);
    padding-top: 100px;
    padding-bottom: 100px;
    background-position: center center;
    background-size: cover;
}
.what-we-offer-main {
    padding-left: 10px;
}
.what-we-offer-card-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.what-we-offer-card-list {
    text-align: center;
    width: 44%;
    box-shadow: 15px 15px 20px 5px #3333331A;
    margin: 15px;
    background: #FFFFFF;
    padding: 145px 24px;
    height: 562px;
}
.what-we-offer-card-img {
    margin-bottom: 24px;
    height: 80px;
}
.what-we-offer-card-title {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #1C242A;
}
.what-we-offer-card-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 24px;
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    color: #999999;
}
.text-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.what-we-offer-card-btn {
    display: flex;
    break-after: column;
    justify-content: center;
}
.what-we-offer-card-btn .button-with-icon {
    border: 2px solid #E5E5E5;
}
.what-we-offer-card-btn .button-icon-bg {
    width: 7px;
    height: 12px;
    background: #73191C;
}

.section-title {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    text-align: left;
    color: #FF6422;
    display: inline-block;
    background-image: linear-gradient(0deg, #FF6422, #FF6422), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    margin-bottom: 24px;
    text-transform: uppercase;
}
.section-subtitle {
    font-family: 'Roboto';
    font-size: 36px;
    font-weight: 700;
    line-height: 42.19px;
    text-align: left;
    color: #73191C;
}
.section-text {
    font-family: 'Roboto';
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    text-align: left;
    color: #73191C;
    margin-bottom: 24px;
}
.what-we-offer-text, .what-we-offer-contain p {
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #333333;
    margin-bottom: 16px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-24 {
    margin-top: 24px;
}
.btn-border-gray {
    background: transparent;
    border: 2px solid #E5E5E5;
}
.btn-border-gray .button-text-right-icon-bg {
    background: #FF6422;
}

.btn-border-black {
    background: transparent;
    border: 2px solid #1C242A !important;
}
.btn-border-black .button-text-right-icon-bg {
    background: #FF6422;
}

.btn-border-orenge {
    background: transparent;
    border: 2px solid #FF6422 !important;
}
.btn-text-orenge {
    color: #FF6422 !important;
}
.button-text-with-right-icon:hover .btn-text-orenge {
    color: #fff !important;
}
.btn-border-orenge .button-text-right-icon-bg {
    background: #FF6422;
}

.brief-aboutus-section {
    padding-top: 100px;
    padding-bottom: 190px;
}

.section-list-ul-title {
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #333333;
    margin-bottom: 16px;
}
.section-list-li {
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #333333;
}



.brief-aboutus-img {
    text-align: right;
    position: relative;
}
.img-aboutus2 {
    position: absolute;
    left: 0;
    bottom: -80px;
    width: 390px;
}
.aboutus-circle {
    position: absolute;
    top: 0;
    right: 0;
    /* top: 165px;
    left: 56px; */
    z-index: 1;
    animation: aboutusCircle 10s linear infinite;
}
@keyframes aboutusCircle {
    0%{
       transform: rotate(0deg);
    }
    100%{
       transform: rotate(360deg);
    }
}
.circle-text-main {
	position: relative;
    width: 160px;
    height: 160px;
    border-radius: 100vmax;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(115 25 28 / 90%);
}
.circle-text-dot {
    width: 7px;
    height: 7px;
    background: #FFFFFF;
    border-radius: 100px;
}
.circle-text {
	position: absolute;
    width: 100%;
    height: 100%;
    font-family: Roboto;
    color: #fff;
    font-size: 17px;
}
.circle-text span {
	position: absolute;
    left: 50%;
    top: 7%;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transform-origin: 0 70px;
}

.text-colo-white {
    color: #FFFFFF !important;
}
.our-projects-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #73191C;
}

.our-projects-slider {
    margin: 0px 15px;
}
.our-projects-slider img {
    width: 100%;
}
.our-projects-slider-title {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    color: #fff;
    margin-top: 16px;
    margin-bottom: 36px;
}

.section-title-with-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.our-projects-arrow {
    position: absolute;
    top: -140px;
    right: 135px;
    z-index: 1;
}
.our-projects-arrow.our-projects-prev-arrow-main.slick-arrow {
    right: 190px;
}
.our-projects-arrow .slide-arrow {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 2px solid #FFFFFF33;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-projects-btn {
    position: absolute;
    right: 250px;
}
.white-bg-slider .section-title-with-btn {
    position: relative;
}
.white-bg-slider .our-projects-btn {
    right: 112px;
}
.our-projects-btn .button-text-with-right-icon {
    border: 2px solid #E5E5E533;
}

.investor-relations-section {
    padding-top: 75px;
    padding-bottom: 75px;
    background: url(../img/who-we-are-bg.png);
    background-position: center center;
    background-size: cover;
}
.investor-relations-img .img-relations {
    width: 100%;
}
.investor-relations-section .row {
    align-items: center;
}
.investor-relations-main {
    padding-left: 16px;
}
.investor-relations-img {
    position: relative;
}
.download-pdf-main {
    width: 210px;
    height: 210px;
    background: #73191C;
    padding: 40px 60px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none;
    cursor: pointer;
}
.download-pdf-img {
    padding: 11px;
    margin-bottom: 12px;
}
.download-pdf-text {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.latest-news-post-section {
    padding-top: 100px;
    padding-bottom: 100px;
    border-top: 1px solid #0000001A;
}
.latest-news-post-section.border-none {
    border-top: none !important;
}
.latest-news-post-slider {
    margin: 0px 15px;
}
.latest-news-post-slider img {
    width: 100%;
}
.latest-news-post-arrow {
    position: absolute;
    top: -140px;
    right: 0%;
    z-index: 1;
}
.latest-news-post-arrow.latest-news-post-prev-arrow-main.slick-arrow {
    right: 55px;
}
.latest-news-post-arrow .slide-arrow {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 2px solid #1C242A;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.latest-news-post-date {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    text-align: left;
    color: #1C242A;
    margin-top: 16px;
    margin-bottom: 0;
}
.latest-news-post-slider-title {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.13px;
    text-align: left;
    color: #1C242A;
    margin-top: 16px;
    margin-bottom: 0;
    transition: 0.5s;
    cursor: pointer;
}
.latest-news-post-slider-title:hover {
    color: #73191C;
}

.footer {
    background: #73191C;
    padding-top: 100px;
}
.footer-logo-main {
    margin-bottom: 30px;
}
.footer-about-text {
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #fff;
    margin-bottom: 24px;
}
.footer-title {
    font-family: 'Roboto';
    font-size: 36px;
    font-weight: 600;
    line-height: 42.19px;
    text-align: left;
    color: #fff;
    margin-bottom: 30px;
}
.footer-contect {
    display: flex;
    margin-bottom: 16px;
}
.footer-contect-icon {
    width: 16px;
    height: 16px;
    margin-right: 16px;
}
.footer-text {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    color: #fff;
    margin-bottom: 0;
}
li.footer-link-li a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}
li.footer-link-li::marker {
    color: #fff;
}
li.footer-link-li a:hover {
    color: #FF6422;
}
.socialmedia-btn-main {
    display: flex;
}
.socialmedia-btn {
    border: 2px solid #FFFFFF;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    border-radius: 100px;
    text-decoration: none;
}
.footer-copyright-section {
    border-top: 1px solid rgb(255 255 255 / 10%);
    margin-top: 70px;
}
.footer-copyright-text {
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 400;
    line-height: 19.92px;
    text-align: left;
    color: #fff;
    margin-bottom: 0;
    padding: 24px 0px;
}

.aboutus-section {
    padding-top: 134px;
    padding-bottom: 134px;
}
.aboutus-img {
    position: relative;
}
.img-aboutus1 {
    width: 80%;
}
.aboutus-img .aboutus-circle {
    /* right: 48px; */
    left: 0;
    right: unset;
    /* top: 175px; */
}
.aboutus-img .img-aboutus2 {
    position: absolute;
    left: unset;
    right: 0;
    bottom: -80px;
    width: 390px;
}

.page-header-main {
    height: 700px;
    background-size: cover !important;
    position: relative;
}
.page-header-overlay {
    background: rgb(0 0 0 / 40%);
    height: 100%;
}

.page-header-contain {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 570px;
    padding: 42px 32px 42px 50px;
    background: #73191CE5;
}
.page-header-title {
    color: #FF6422;
    margin-bottom: 24px;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 600;
    line-height: 23.44px;
    text-align: left;
}
.page-header-subtitle {
    font-family: 'Roboto';
    font-size: 50px;
    font-weight: 700;
    line-height: 58.59px;
    text-align: left;
    color: #fff;
    margin-bottom: 0;
}
.aboutus-section .row {
    align-items: center;
}
.aboutus-main {
    padding-left: 24px;
}
.text-color-org li.section-list-li {
    color: #FF6422;
}

.who-we-are-section {
    background: url(../img/who-we-are-bg.png);
    padding-top: 134px;
    padding-bottom: 134px;
    background-position: center center;
    background-size: cover;
}
.who-we-are-section .row {
    align-items: center;
}
.who-we-are-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.who-we-are-img-sub {
    width: 44%;
    margin: 15px;
}
.who-we-are-img-sub img {
    width: 100%;
}

.explore-tenders-section {
    padding-top: 100px;
    padding-bottom: 100px;
}
.explore-tenders-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.explore-tenders-list {
    border: 1px solid #F1F1F1;
    background: #FFFFFF;
    box-shadow: 15px 15px 20px 5px #3333331A;
    margin: 24px 15px;
    width: 258px;
    padding: 20px;
}
.explore-tenders-list:hover .explore-tenders-title {
    color: #FF6422;
}
.explore-tenders-title {
    font-family: 'Roboto';
    font-size: 21px;
    font-weight: 600;
    line-height: 24.61px;
    text-align: left;
    color: #000000;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E5E5E5;
    transition: 0.5s;
}
.explore-tenders-ul {
    margin-bottom: 13px;
    padding-left: 20px;
}
.explore-tenders-li {
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 400;
    line-height: 27.5px;
    text-align: left;
    color: #999999;
    margin: 5px 0px;
}
.contact-section {
    background: url(../img/who-we-are-bg.png);
    padding-top: 100px;
    padding-bottom: 100px;
    background-position: center center;
    background-size: cover;
}
.contact-map-main {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background: url(../img/map-img.png);
    background-position: center center;
    background-size: cover;
}
.address-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    /* position: absolute;
    top: 29%;
    left: 16%; */
}
.address-sub {
    box-shadow: 15px 15px 20px 5px #5555550D;
    background: #FFFFFF;
    padding: 30px;
    margin: 16px;
    width: 390px;
}
.address-title {
    font-family: Roboto;
    font-size: 21px;
    font-weight: 700;
    line-height: 24.61px;
    text-align: left;
    color: #1C242A;
    margin-bottom: 24px;
}
.address-details {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.address-icon {
    margin-right: 16px;
}
.address-text {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    color: #1C242A;
    margin-bottom: 0;
}

.contact-form-section {
    padding-top: 75px;
    padding-bottom: 75px;
}
.form-field {
    background: #F9F9F9;
    border: none;
    width: 100%;
    margin: 15px 0px;
    padding: 20px;
    border-radius: 100px;
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 500;
    line-height: 19.92px;
    text-align: left;
    color: #1C242A;
}
.border-radius-20 {
    border-radius: 20px;
}

.contact-button-text-with-right-icon {
    background: #FFFFFF;
    padding: 15px 24px;
    margin: 0px 5px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    transition: 0.5s;
    border: 2px solid #FF6422;
    width: 100%;
    justify-content: center;
    margin-top: 15px;
}
.contact-button-text-with-right-icon span {
    color: #FF6422;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    transition: 0.5s;
}
.contact-button-text-with-right-icon .contact-button-text-right-icon-bg {
    width: 12px;
    height: 10px;
    background: #FF6422;
    margin-left: 10px;
    transition: 0.5s;
}
.contact-button-text-with-right-icon:hover {
    background: #FF6422;
    border: 2px solid #FF6422;
}
.contact-button-text-with-right-icon:hover span {
    color: #fff;
}
.contact-button-text-with-right-icon:hover .contact-button-text-right-icon-bg {
    background: #fff;
    transform: rotate(45deg);
}

.common-section {
    background: url(../img/who-we-are-bg.png);
    padding-top: 75px;
    padding-bottom: 75px;
    background-position: center center;
    background-size: cover;
}

.commanders-wheel-img-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.commanders-wheel-img-sub {
    border: 1px solid #F1F1F1;
    background: #FFFFFF;
    box-shadow: 15px 15px 20px 5px #3333331A;
    margin: 24px 15px;
    padding: 20px 24px;
    width: 30%;
    text-align: center;
}
.commanders-wheel-img-sub .img-commanders-wheel {
    /* height: 380px; */
    width: 70%;
}
.commanders-wheel-info-name {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    color: #333333;
    margin-top: 16px;
    margin-bottom: 0px;
}
.commanders-wheel-info-pos {
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #333333;
    margin-bottom: 0;
}

.latest-tenders-section {
    padding-top: 150px;
    padding-bottom: 150px;
    background: url(../img/who-we-are-bg.png);
    background-position: center center;
    background-size: cover;
}
.latest-tenders-img .img-relations {
    width: 100%;
}
.latest-tenders-section .row {
    align-items: center;
}
.latest-tenders-main {
    padding-left: 16px;
}


/* .explore-tenders-inner-section {
    padding-top: 134px;
    padding-bottom: 134px;
} */
.explore-tenders-inner-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.explore-tenders-inner-list {
    background: #FFFFFF;
    box-shadow: 4px 4px 20px 0px #3333331A;
    margin: 15px;
    width: 31%;
    padding: 20px;
    border-radius: 5px;
}
.explore-tenders-date {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    text-align: left;
    color: #FF6422;
    margin-bottom: 10px;
}
.explore-tenders-inner-title {
    font-family: Roboto;
    font-size: 21px;
    font-weight: 700;
    line-height: 24.61px;
    text-align: left;
    color: #1C242A;
    margin-bottom: 10px;
}
.explore-tenders-link-text {
    display: block;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #333333;
    margin-bottom: 10px;
}
.explore-tenders-text {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #333333;
    margin-bottom: 10px;
}
.explore-tenders-due-date {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin-bottom: 10px;
}
.explore-tenders-due-date span {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}
.explore-tenders-tender-value {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin-bottom: 10px;
}
.explore-tenders-tender-value span {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}
.explore-tenders-inner-list .button-text-with-right-icon {
    margin-top: 16px;
}


.product-listing-section {
    padding-top: 100px;
    padding-bottom: 100px;
}
.product-listing-bg {
    background: #F7F9FA;
    /* background: url(../img/who-we-are-bg.png);
    background-position: center center;
    background-size: cover; */
}
.product-listing-img .img-relations {
    width: 100%;
}
.product-listing-section .row {
    align-items: center;
}
.product-listing-specification {
    display: flex;
    justify-content: space-between;
    box-shadow: 15px 15px 20px 5px #3333331A;
    margin-top: 31px;
    padding: 45px 30px;
    background: #FFFFFF;
}
.pl-specification-text {
    font-family: 'Roboto';
    font-size: 54px;
    font-weight: 600;
    line-height: 63.28px;
    text-align: left;
    color: #FF6422;
    margin-bottom: 9px;
}
.pl-specification-title {
    font-family: 'Roboto';
    font-size: 21px;
    font-weight: 600;
    line-height: 24.61px;
    text-align: left;
    color: #000000;
    margin-bottom: 0;
}


.services-we-offer {
    background: url(../img/who-we-are-bg.png);
    padding-top: 134px;
    padding-bottom: 134px;
    background-position: center center;
    background-size: cover;
}
.services-maintenance {
    background: url(../img/ro-who-we-are-bg.png) !important;
    border-top: 1px solid #33333340;
}
.services-we-offer-tab .accordion-item {
    border: none;
    background-color: transparent !important;
    margin: 0 0px 24px 0px;
}
.services-we-offer-tab .accordion-button {
    display: block;
    border: none;
    background-color: transparent;
    border-radius: 0 !important;
    padding: 0;
    box-shadow: none;
}
.services-we-offer-tab .accordion-button::after {
    display: none;
}
.services-we-offer-tab-num {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #FF6422;
    margin-bottom: 16px;
}
.services-we-offer-tab-title {
    font-family: 'Roboto';
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    text-transform: capitalize;
    color: #1C242A;
    padding-bottom: 20px;
    border-bottom: 1px solid #D7DBDE;
    margin-bottom: 0;
}
.services-we-offer-tab-title::after {
    content: '';
    width: 30px;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    background: #1C242A;
}
.services-we-offer-tab .accordion-item .accordion-collapse {
    padding-top: 24px;
}
.services-we-offer-tab-text {
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #333333;
    margin-bottom: 0;
    padding-bottom: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.services-offer-tab-read-more {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
    text-decoration: none;
    color: #333333;
    text-transform: uppercase;
    margin-top: 16px;
    display: block;
}
.accordion-button:focus {
    box-shadow: none;
}

.our-clients-section {
    padding-top: 100px;
    padding-bottom: 100px;
    border-top: 1px solid #0000001A;
}
.our-clients-bg {
    background: #FFFFFF;
    border: 1px solid #F9F9F9;
    box-shadow: 15px 15px 34px -5px #3333330D;
    margin: 0px 15px 33px 15px;
    min-height: 115px;
    text-align: center;
    display: flex;
    justify-content: center; 
    align-items: center;     
}
.our-clients-bg img {
    width: 100%;
}


.services-details-section {
    padding-top: 134px;
    padding-bottom: 134px;
}
.padding-right-24 {
    padding-right: 24px;
}
.padding-left-24 {
    padding-left: 24px;
}
.img-services-details {
    width: 100%;
}
.bg-with-img {
    background: url(../img/who-we-are-bg.png);
    background-position: center center;
    background-size: cover;
}

.three-server-img {
    display: flex;
    align-items: center;
    gap: 30px;
}
.one-server-img-sub {
    width: 50%;
}
.tow-server-img-sub {
    width: 50%;
}
.one-server-img-sub .img-services-details {
    width: 100%;
    height: 520px;
}
.tow-server-img-sub .img-services-details {
    width: 100%;
    height: 245px;
    margin: 15px 0px;
}
.text-align-right {
    text-align: right;
}

.life-emsl-section {
    padding-top: 100px;
    padding-bottom: 100px;
}
.img-life-emsl {
    width: 100%;
}

.opportunity-section {
    padding-top: 100px;
    padding-bottom: 100px;
}
.opportunity-main {
    display: flex;
    gap: 30px;
}
.opportunity-card {
	position: relative;
    width: 31%;
    background: #000000;
}
.opportunity-card img {
    width: 100%;
}
.opportunity-card-intro {
	position: absolute;
	height: 95px;
	width: 100%;
	bottom: 0;
	overflow: hidden;
	padding: 10px 39px 40px 39px;
	color: #fff;
	/* background-color: rgba(27, 27, 27, .5); */
	transition: all .3s ease-in-out;
}
.opportunity-card:hover .opportunity-card-intro {
	height: 260px;
	bottom: 0;
	/* background-color: #000; */
}
.opportunity-card:hover .opportunity-text {
	opacity: 1;
	visibility: visible;
}
.opportunity-title {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 700;
    line-height: 35.16px;
    text-align: left;
    color: #FFFFFF;
    height: 70px;
    margin-bottom: 15px;
}
.opportunity-text {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 400;
    line-height: 19.92px;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 0;
}


.looking-for-section {
    padding-top: 100px;
    padding-bottom: 100px;
}
.looking-for-main {
    display: flex;
    gap: 44px;
    margin-top: 70px;
}
.looking-for-list {
    width: 31%;
}
.looking-for-list-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
}
.looking-for-list-icon img {
    width: 100%;
}
.looking-for-list-title {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.13px;
    text-align: left;
    color: #1C242A;
    margin-bottom: 20px;
}
.looking-for-list-text {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #333333;
    margin-bottom: 0px;
}


.photo-gallery-section {
    padding-top: 100px;
    padding-bottom: 100px;
}
.prev, .next {
	position: fixed;
	top: 37%;
	width: 15%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	z-index: 999;
	color: rgba(255,255,255,.5);
	font-size: 8rem;
	font-family: monospace;
	transition: all .2s;
}

.prev:hover,
.next:hover {
	color: rgba(255,255,255,.8);
}

.prev {left: -25%;}
.next {right: -25%;}

.active .prev {left: 0;}
.active .next {right: 0;}

.photo-gallery-list {
    max-width: 100%;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: 250px;
    grid-auto-flow: dense;
    margin-top: 70px;
}
.photo-gallery-list .photo-gallery {
	text-align: center;
	padding: 1rem 0;
	color: white;
	font-size: 3rem;
	text-transform: uppercase;
	background: rgba(0,0,0,.2);
	overflow: hidden;
	padding: 0;
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.photo-gallery-list .photo-gallery img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	transition: all .5s;
}

.photo-gallery-list .photo-gallery.show::before {
	content: '';
	display: block;
	position: fixed;
	z-index: 555;
	width: 100vw;
	height: 100vh;
	top: 0; left: 0;
	background: rgba(0,0,0,.6);
}

.photo-gallery-list .photo-gallery.show img {
	position: fixed;
	top: 0; left: 0;
	margin: 30px;
	align-self: center;
	object-fit: contain;
	z-index: 666;
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	filter: drop-shadow(0 3px 15px black);
	cursor: url(close-button.png), grab; /* custom cursor to signal close on click */
}

.photo-gallery-list .photo-gallery:not(.show):hover img {
	cursor: pointer;
}


.horizontal {
	grid-column: span 2;
}

.vertical {
	grid-row: span 2;
}

.big {
	grid-column: span 2;
	grid-row: span 2;
}

.active .photo-gallery-list .photo-gallery:not(.show) img {
	filter: blur(3px);
}

.banner-slider ul.slick-dots {
    list-style: none;
    display: flex;
    justify-content: space-around;
    background: url(../img/road-slider.png);
    background-size: contain;
    background-repeat: repeat;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 54px;
    height: 40px;
}
.banner-slider ul.slick-dots li {
    position: relative;
    width: 45px;
}
.banner-slider ul.slick-dots li.slick-active button {
    transform: scale(1.5);
    top: -30px;
}
.banner-slider ul.slick-dots li button {
    border: none;
    background: #711f22 !important;
    width: 45px;
    height: 40px;
    -webkit-mask: url(../img/map-marker.svg) no-repeat center;
    mask: url(../img/map-marker.svg) no-repeat center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: absolute;
    top: -20px;
    transition: 0.5s;
}

ul.portfolio-item {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}
.portfolio-item-list {
    position: relative;
    width: 32%;
}
.portfolio-item-list img {
    width: 100%;
}
.portfolio-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: all 0.5s;
    transform: scale(0);
}
.portfolio-item li:hover .portfolio-overlay {
    visibility: visible;
    transform: scale(1);
}
.portfolio-item li:hover .portfolio-title-main {
    visibility: hidden;
}
.overlay-content .portfolio-title {
    margin-bottom: 10px;
    width: 100%;
}
.portfolio-title-main {
    position: absolute;
    bottom: 0;
    background: #0000006b;
    width: 100%;
    padding: 10px;
}
.portfolio-title {
    color: #fff;
    font-family: Roboto;
    font-size: 21px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin: 0;
}
.overlay-content {
    padding: 24px;
}
.portfolio-overlay-text {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #fff;
    margin-bottom: 5px;
}
.portfolio-overlay-text .text-bold {
    font-weight: 600;
}
.portfolio-menu {
    margin-bottom: 30px;
    text-align: center;
}
.portfolio-menu-btn {
    background: transparent;
    border: 2px solid #E5E5E5;
    color: #333333;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    padding: 12px 19px;
    margin: 0px 5px;
    border-radius: 100px;
    transition: 0.5s;
}
.portfolio-menu-btn.mixitup-control-active {
    border: 2px solid #FF6422;
    color: #FF6422;
}
.portfolio-menu-btn:hover {
    border: 2px solid #FF6422;
    color: #FF6422;
}


@media (max-width: 1399px) {
    .portfolio-item-list {
        position: relative;
        width: 45%;
    }
    .opportunity-card-intro {
        padding: 10px 30px 40px 30px;
    }
    .opportunity-title {
        font-family: Roboto;
        font-size: 25px;
        font-weight: 700;
        line-height: 30.16px;
        text-align: left;
        color: #FFFFFF;
        height: 70px;
        margin-bottom: 15px;
    }
}
@media (max-width: 1199px) {
    .opportunity-card-intro {
        padding: 10px 15px 30px 15px;
    }
    .opportunity-title {
        font-size: 20px;
        line-height: 25.16px;
    }
    .opportunity-card:hover .opportunity-card-intro {
        height: 230px;
        bottom: 0;
        /* background-color: #000; */
    }    
    .img-aboutus2 {
        width: 60% !important;
        bottom: -160px !important;
    }
    .page-header-main {
        height: 550px;
    }
    .what-we-offer-card-list {
        padding: 60px 24px;
        height: auto;
        width: 80%;
    }
    .socialmedia-btn {
        width: 44px;
        height: 44px;
        margin-right: 10px;
    }
}
@media (max-width: 1024px) {
    .banner-slider-contain {
        width: 70%;
    }
    .header-menu {
        position: absolute;
        right: 8px;
        top: 0;
    }
    ul.navbar-nav li.nav-item a.nav-link {
        margin: 0px;
        padding: 12px 8px;
    }
    .navbar-dark .navbar-toggler-icon {
        background-image: url(../img/mobile-app-menu-icon.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .navbar-expand-sm {
        justify-content: space-between !important;
        flex-wrap: nowrap;
    }
    .navbar-expand-sm .navbar-toggler {
        display: block !important;
        margin-right: 0;
        padding: 2px 7px;
        z-index: 99;
    }
    .collapse:not(.open-nav) {
        right: -100% !important;
        transition: 0.5s !important;
        height: 100vh !important;
        /* display: none !important; */
    }
    .accordion-item .collapse:not(.open-nav) {
        height: auto !important;
    }
    .navbar-expand-sm .navbar-collapse {
        right: 0;
        transition: right 0.5s;
        height: 100vh !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        position: fixed;
        top: 0;
        background: #73191C;
        z-index: 9;
        /* border-radius: 3px; */
        padding: 40px 20px 20px 20px;
        box-shadow: 0px 0px 10px 0px #00000066;
        width: 300px;
        display: block !important;
    }
    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    .navbar-dark .navbar-toggler {
        color: rgb(0 0 0);
        border-color: transparent;
        outline: none !important;
        background: #fff;
        box-shadow: none;
    }

    #pencet span{
        background-color: #333;
        width: 23px;
        height: 2px;
        margin: 0.26em 0;
        display: block;
        transition: all .4s ease;
        transform-origin: 0 0;
    }
    
    .btn-close span:nth-child(1) {
        transform: rotate(37deg) translate(1px, -1px);
    }
    
    .btn-close span:nth-child(2) {
        Transform: scaleX(0);
    }
    
    .btn-close span:nth-child(3) {
        transform: rotate(-37deg) translate(1px, 0);
    }
    button.navbar-toggler.close-nav {
        color: rgb(255 255 255);
        border-color: rgb(255 255 255);
    }
    .close-nav #pencet span {
        background-color: transparent;
    }
    .btn-close {
        width: 21px;
        height: 24px;
        padding: 1px;
        --bs-btn-close-color: #333;
        --bs-btn-close-opacity: 1;
    }
}

@media (max-width: 991px) {
    .portfolio-item-list {
        position: relative;
        width: 70%;
    }
    .banner-slider-main {
        padding-top: 17%;
    }    
    .photo-gallery-list {
        margin-top: 30px;
    }
    .opportunity-main {
        flex-wrap: wrap;
        justify-content: center;
    }
    .opportunity-card {
        width: 47%;
    }
    .looking-for-list {
        width: 46%;
    }
    .looking-for-main {
        flex-wrap: wrap;
        justify-content: center;
    }
    .explore-tenders-inner-list {
        width: 45%;
    }
    .padding-right-24 {
        padding-right: 0px;
    }
    .padding-left-24 {
        padding-left: 0px;
    }
    .socialmedia-btn {
        width: 50px;
        height: 50px;
        margin-right: 16px;
    }
    .img-aboutus2 {
        bottom: -80px !important;
    }
    .margin-botto-30 {
        margin-bottom: 50px !important;
    }
    .what-we-offer-card-list {
        padding: 60px 24px;
        height: auto;
        width: 44%;
    }
    .aboutus-main {
        margin-top: 130px;
    }
    .commanders-wheel-img-sub {
        width: 44%;
    }
    .aboutus-section, .who-we-are-section, .explore-tenders-section, .latest-news-post-section,
    .what-we-offer-section, .our-projects-section,
    .contact-section,
    .product-listing-section,
    .services-we-offer,
    .services-details-section,
    .life-emsl-section,
    .opportunity-section, .looking-for-section {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .brief-aboutus-section {
        padding-top: 75px;
        padding-bottom: 145px !important;
    }
    .photo-gallery-section {
        padding-top: 75px;
    }
    .footer {
        padding-top: 75px;
    }
    .footer-copyright-section {
        margin-top: 20px;
    }
    .brief-aboutus-img {
        margin: 0px 20px;
    }
    .our-projects-btn {
        right: 157px;
    }
    .our-projects-arrow {
        right: 46px;
    }
    .our-projects-arrow.our-projects-prev-arrow-main.slick-arrow {
        right: 100px;
    }

    .white-bg-slider .section-text {
        margin-bottom: 30px;
    }
    .white-bg-slider .our-projects-btn {
        right: 112px;
        top: 120px;
    }
    .latest-news-post-arrow {
        top: -68px;
    }
}
@media (max-width: 767px) {
    .portfolio-item-list {
        position: relative;
        width: 95%;
    }
    .opportunity-card {
        width: 75%;
    }
    .opportunity-card-intro {
        padding: 10px 25px 40px 25px;
    }
    .opportunity-card:hover .opportunity-card-intro {
        height: 260px;
    }
    .opportunity-title {
        font-size: 25px;
        line-height: 30.16px;
    }
    .looking-for-list {
        width: 90%;
    }
    .explore-tenders-inner-list {
        width: 90%;
    }

    .page-header-contain {
        width: 68%;
        padding: 32px 22px 32px 42px;
    }
    .page-header-subtitle {
        font-size: 35px;
        line-height: 38px;
    }
    .aboutus-img .img-aboutus2 {
        width: 55%;
    }
    .mobile-view-none {
        display: none;
    }
    .banner-slider-main {
        padding-top: 20%;
    }
    .banner-slider-contain {
        width: 90%;
        padding: 32px 22px 32px 42px;
    }
    .section-subtitle {
        font-size: 27px;
        line-height: 35px;
    }
    .section-text {
        font-size: 35px;
        line-height: 42px;
    }
    .our-projects-main {
        position: relative;
    }
    .our-projects-main .section-text {
        margin-bottom: 30px;
    }
    .our-projects-btn {
        right: 155px;
        top: 103px;
    }
    .our-projects-arrow {
        top: -68px;
    }
    .white-bg-slider .our-projects-btn {
        top: 103px;
    }
    .pl-specification-text {
        font-size: 38px;
        line-height: 43.28px;
    }
    .pl-specification-title {
        font-size: 17px;
        line-height: 20.61px;
    }
}

@media (max-width: 550px) {
    .banner-slider-main {
        padding-top: 30%;
    }
    .header-ctcbtn-section button.button-text-with-right-icon {
        display: none;
    }
    .banner-slider-contain {
        width: 90%;
        padding: 32px 22px 32px 42px;
    }
}
@media (max-width: 523px) {
    .photo-gallery-list .photo-gallery {
        grid-column: span 2;
        grid-row: span 2;
    }
    .opportunity-card-intro {
        padding: 10px 15px 30px 15px;
    }
    .opportunity-title {
        font-size: 20px;
        line-height: 25.16px;
    }
    .what-we-offer-card-list {
        width: 90%;
    }
    .commanders-wheel-img-sub {
        width: 70%;
    }
    .who-we-are-img-sub {
        width: 60%;
    }
    .pl-specification-text {
        font-size: 30px;
        line-height: 33.28px;
    }
    .pl-specification-title {
        font-size: 14px;
        line-height: 17.61px;
    }
}
@media (max-width: 417px) {
    .white-bg-slider.big-title .our-projects-btn {
        top: 145px;
    }
}