@font-face {
    font-family: sora-thin;
    src: url(../sora-3/Sora-Thin.ttf);
}

@font-face {
    font-family: sora-extra-light;
    src: url(../sora-3/Sora-ExtraLight.ttf);
}

@font-face {
    font-family: sora-light;
    src: url(../sora-3/Sora-Light.ttf);
}

@font-face {
    font-family: sora-regular;
    src: url(../sora-3/Sora-Regular.ttf);
}

@font-face {
    font-family: sora-semibold;
    src: url(../sora-3/Sora-SemiBold.ttf);
}

@font-face {
    font-family: sora-bold;
    src: url(../sora-3/Sora-Bold.ttf);
}

@font-face {
    font-family: sora-extrabold;
    src: url(../sora-3/Sora-ExtraBold.ttf);
}

a {
    text-decoration: none;
}

:root {
    /* *********color************ */
    --white-color: #ffffff;
    --blue-color: #09283B;
    --light-yellow: #FDB168;
    --light-grey: #747E84;
    --dark-yelllow: #F07905;
    --black-color: #000000;
    --darker-yelllow: #d87008;
    /* ***********font********** */
    --sora-thin: sora-thin;
    --sora-extra-light: sora-extra-light;
    --sora-light: sora-light;
    --sora-regular: sora-regular;
    --sora-semibold: sora-semibold;
    --sora-bold: sora-bold;
    --sora-extrabold: sora-extrabold;
}
/* For about page*/
.about-page .hero-text{
    padding-top: 0;
}
/* *********Glimpse section************ */
.a-glimpse-section {
    min-height: 0vh;
    padding: 10% 0 10% 0;
}
/* *********Values section************ */
.industry-experience-box {
    background-color: #f7f7f7;
    padding: 5.5%;
    border-radius: 0 14px 0 0;
    width: 78%;
    z-index: 1000;
    color:var(--blue-color);
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    align-items: center;
}
.about-page .industry-experience-box h2 {
    font-size: 140%;
    font-family: var(--sora-semibold);
    color: var(--dark-yelllow);
}

.about-page .industry-experience-box p{
    font-family:var(--sora-extrabold) ;
    font-size: 108%;
    margin-top: 10%;
}
.values-details h2{
    margin-top: 8%;
}
.value-paragraph{
    margin-top: 3%;
}
.value-paragraph p{
    font-size: 110%;
    margin-top: 2.5%;
    font-family: var(--sora-extra-light);
}
/* Service */
.service-box{
    position: relative;
    /* background: url(../Images/92612822885fe546dcd08710005c73e1.jpg); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 1px 2px 10px  rgb(213, 213, 213) ;
}
.service-details{
    position: absolute;
    bottom: 0;
    width: 57%;
    background-color: var(--dark-yelllow);
    left: 0;
    padding: 7.5% 4.5%;
    border-radius: 0 14px 0 14px;
}
.service-details h4{
    margin-top: 0;
    color: var(--white-color);
    font-size: 105%;
    font-family: var(--sora-light);
}
.service-details p{
    color: var(--white-color);
    font-size: 75%;
    font-family: var(--sora-extra-light);
    margin-top: 2%;
}
.service1{
    background-image: url(../Images/IMG-20240628-WA0010.jpg);
}
.service2{
    background-image: url(../Images/IMG-20240628-WA0011.jpg);
}
.service3{
    background-image: url(../Images/IMG-20240628-WA0012.jpg);
    /* background-position:bottom; */
}
.service4{
    background-image: url(../Images/IMG-20240706-WA0071.jpg);
}
.service5{
    background-image: url(../Images/IMG-20240706-WA0067\(1\).jpg);
}
.service6{
    background-image: url(../Images/Awoniyi\ Awodeyi\ guelphgas.jpg);
}
.team-member1{
    background-image: url(../Images/IMG-20240628-WA0011.jpg);
}
.team-member2{
    background-image: url(../Images/IMG-20240628-WA0012.jpg);
}
.team-member3{
    background-image: url(../Images/IMG-20240707-WA0007.jpg);
    background-size: cover;
}
.team-member4{
    background-image: url(../Images/IMG-20240630-WA0057.jpg);
}
.team-member5{
    background-image: url(../Images/IMG-20240628-WA0013.jpg);
}
.team-member6{
    background-image: url(../Images/IMG-20240630-WA0059.jpg);
}
.team-member7{
    background-image: transparent;
}

/* experts-team-section */
.experts-team-section{
    padding-top: 5%;
}

/* gallery carrousel */
.gallery-carousel-section{
    padding-bottom: 5%;
    /* display: none; */
}
#slider{
    width: 100%;
    position: relative;
}
.carousel-buttons{
    /* height: 100%; */
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    top:0;
    left: 0;
    position: absolute;
    /* z-index: 1000; */
    justify-content: space-between;
    padding: 0 6%;
}
.carousel-buttons button{
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5% 1%;
}

.slide{
    width: 100%;
    height: 120vh;
    display: none;
    animation-name:fading ;
    animation-duration: 1.5s;
    /* animation-iteration-count: infinite; */
}
.slide1{
    background:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../Images/chemical-plants-vibrant-red-tanks-stand-out-against-tangle-pipes-steel-structures.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slide2{
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../Images/images\ \(6\).jfif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slide3{
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../Images/images\ \(11\).jfif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slide4{
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../Images/images.jfif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slide5{
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../Images/images\ \(14\).jfif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slide6{
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../Images/images\ \(15\).jfif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.active{
    display: block;
}
.slide-details{
    background: var(--blue-color);
    position: absolute;
    bottom: 0;
    width: 57%;
    left: 0;
    padding: 1.7% 6%;
    border-radius: 0 14px 0 0;
}
.slide-details h4{
    color: var(--light-yellow);
    font-size: 130%;
    font-family: var(--sora-extra-light);
}
.slide-details p{
    color: var(--white-color);
    font-size: 110%;
    font-family: var(--sora-extra-light);
    margin-top: 2%;
}
@keyframes fading{
    0% {opacity: 0;}
    50%{opacity: 1;} 
    /* 100%{opacity: 0;} */
}
/* Responsiveness */
@media(max-width:1080px){
    .about-page .industry-experience-box h2 {
        font-size: 120%;
    }
    
    .about-page .industry-experience-box p{
        font-size: 95%;
    }
    /* Gallery carousel section */
    .slide-details{
        width: 70%;
    }
    .slide-details h4{
        font-size: 110%;
    }
    .slide-details p{
        font-size: 85%;
    }
}
@media(max-width:883px){
    .industry-experience-box{
        gap:1rem;
    }
    .about-page .industry-experience-box h2 {
        font-size: 110%;
    }
    
    .about-page .industry-experience-box p{
        font-size: 87%;
    }
}
@media(max-width:768px){
    .about-page .industry-experience-box{
        width: 100%;
    }
}
@media(max-width:596px){
    .industry-experience-box{
        flex-wrap: wrap;
    }
    .about-page .industry-experience-box h2 {
        font-size: 100%;
    }
    
    .about-page .industry-experience-box p{
        font-size: 77%;
    }
    /* Gallery carousel section */
    .slide-details{
        width: 80%;
    }
    .slide-details h4{
        font-size: 90%;
    }
    .slide-details p{
        font-size: 65%;
    }
}
@media(max-width:375px){
    .about-page .industry-experience-box h2 {
        font-size: 90%;
    }
    
    .about-page .industry-experience-box p{
        font-size: 67%;
    }
}