@font-face {
    font-family: sans-serif, Helvetica;
    src: url(../Fonts/SFPRODISPLAYBLACKITALIC.OTF)
}

/* || RESET */
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

input,
button,
textarea {
    font: inherit;
}

body {
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

/* HEADER SECTION / NAV */

.header__content {
    display: flex;
    padding: 0.3rem 2rem;
    width: 100%;
    background: rgb(27, 43, 52);
    align-items: space-evenly;
    justify-content: space-evenly;
}

.content__img-container {
    display: flex;
    width: 270px;
    flex-direction: row;
    justify-content: space-evenly;
    place-items: center;
    /* padding-left: 0.5rem; */
    text-decoration: none;
}

.content__img-container:hover,
.content__img-container:focus {
    text-decoration: none;
    font-weight: 750;
}

/* .content__img-container .companyName_image {
    margin-top: 0.1rem;
} */



.content__img {
    width: 80px;
    height: 80px;
}

.companyName_container {
    width: 200px;
    display: flex;
    flex-direction: column;
    margin-left: -0.5rem;
}

.companyName_container p {
    color: white;
    font-weight: 700;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 15px;
}

.content__img-container .companyName_container .phrase2 {
    margin-top: -0.1rem;
}

.content__nav-section {
    display: flex;
    flex-direction: row;
    width: 700px;
    margin-left: 1rem;
    justify-content: space-evenly;
    place-items: center;
}

.content__ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    justify-content: space-evenly;
    /* gap: 1.4rem !important; */
}


.content__li {
    text-decoration: none;
    margin-right: 1.4rem;
}

.li__item-2 {
    white-space: nowrap;
}

.content__li-a {
    text-decoration: none;
    color: white;
}

.content__li-a:hover,
.content__li-a:focus {
    color: rgb(179, 199, 250);
    font-weight: bolder;
    text-decoration: underline;
}


.call__number {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    place-items: center;
    margin-left: 7.1rem;
    position: relative;
    width: 300px;
    margin-left: 1.4rem;
}

.content__call-number-image {
    width: 33px;
    height: 33px;
}

.content__call-number-number {
    font-size: 1.4rem;
    color: white;

}

.call__to-action {
    color: white;

}

.call__number .callNumber_image_andNumber-container {
    display: flex;
    flex-direction: row;
    margin-top: -1.5rem;
}

.call__number .callNumber_image_andNumber-container .content__call-number-image {
    display: block;
    margin-top: -0.2rem;
}

.ham_menu--container .ham-menu {
    display: none;
}


/* || HERO SECTION */

.container {
    position: relative;
}

.container .slide-container .slide {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: 10;
}

.container .slide-container .slide video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    object-fit: cover;
    animation: fadeIn .4s linear;

}

@keyframes fadeIn {
    0% {
        transform: scale(1.5);
    }
}

.container .slide-container .slide .content {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    /* background: rgba(0,0,0,0.7); */
    text-align: center;
}


.container .slide-container .slide .content h3 {
    font-size: 50px;
    margin-bottom: 0.3em;
    color: #fff;
    text-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    animation: animate .4s linear .4s backwards;
    /* margin-top: 240px; */
}

.container .slide-container .slide .content p {
    font-size: 30px;
    line-height: 0.6em;
    color: #eee;
    padding: 5px 0;
    font-weight: lighter;
    text-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    max-width: 700px;
    animation: animate .4s linear .6s backwards;
    white-space: nowrap;
}

.container .slide-container .slide .content .p-1,
.container .slide-container .slide .content .p-2,
.container .slide-container .slide .content .p-3 {
    color: rgb(120, 203, 237);
    font-size: 27px;
}

.container .slide-container .slide .content .btn {
    display: inline-block;
    padding: 9px 30px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    color: #333;
    font-weight: bold;
    border-radius: 14px;
    font-size: 17px;
    margin-top: 9px;
    transition: .2s linear;
    animation: animate .4s linear 1s backwards;
    text-decoration: none;

}

.container .slide-container .slide .content .btn:hover {
    letter-spacing: 2px !important;
    background: rgba(193, 86, 5, 0.9) !important;
    color: white;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: scale(.5) translateY(-50px);
    }
}

.container .slide-container {
    display: none;
}

.container .slide-container.active {
    display: block;
}

.container #next,
.container #prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    background: #fff;
    color: #333;
    font-weight: bold;
    height: 60px;
    width: 50px;
    line-height: 55px;
    font-size: 30px;
    cursor: pointer;
    text-align: center;
}

.container #next {
    right: 0;
}

.container #prev {
    left: 0;
}


/* || CONTENT SECTION */

.body__content-container {
    margin: 0 0;
    width: 100%;
}

.new_content h2 {
    font-size: 30px;
    width: 600px;
    text-align: center;
    margin: auto;
    margin-top: 4.6rem;
    margin-bottom: 4.6rem;
    display: none;
}

.content__1 {
    margin-top: 3rem;
    background: rgb(245, 245, 247);
    display: flex;
    position: relative;
    padding-top: 7rem;
    padding-bottom: 7rem;
    padding-left: 1.5rem;
}

.content__1 img {
    width: 250px;
    height: 500px;
    margin-right: 13px;
}

.content__1 h2 {
    font-size: 30px;
    padding: 0 5.4rem;
    margin-top: 80px;
}

.content__1 p {
    position: absolute;
    font-size: 18px;
    width: 13rem;
    margin-top: 230px;
    margin-left: 860px;
    font-weight: lighter;
    color: #333;
}

.content__2 {
    padding-top: 3.4rem;
    text-align: center;
}

.content__2 h2 {
    font-size: 39px;
    width: 700px;
    margin: 0 auto;
    margin-bottom: 18px;
}

.content__2 p {
    font-size: 23px;
    width: 900px;
    margin: 0 auto;
    font-weight: lighter;
    color: #333;
    margin-bottom: 40px;
}

.content__3 {
    padding-left: 14rem;
    display: flex;
}

.content__3 img {
    width: 220px;
    height: 450px;
}

.content__3 h2 {
    margin-top: 170px;
    font-size: 30px;
    width: 430px;
    padding-left: 6rem;
    margin-bottom: 195px;
}

.content__4 {
    padding-left: 15.8rem;
    display: flex;
    position: relative;
}

.content__4 .img__1 {
    width: 220px;
    height: 450px;
}

.content__4 .img__2 {
    padding-top: 2.8rem;
}

.content__4 h2 {
    margin-left: 425px;
    padding-top: 12rem;
    position: absolute;
    font-size: 30px;
}

.content__4 p {
    font-size: 18px;
    color: #333;
    font-weight: lighter;
    position: absolute;
    padding-top: 14.6rem;
    width: 13rem;
    margin-left: 425px;
}

.content__5 {
    background: rgb(113, 210, 252);
    display: flex;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
    position: relative;
    margin-bottom: 3.7rem;
}

.content__5 img {
    width: 330px;
    height: 180px;
}

.content__5 h2 {
    padding-top: 1.5rem;
    margin-left: 11.8rem;
    width: 620px;
    text-align: center;
}

.content__5 p {
    position: absolute;
    margin-left: 658px;
    font-size: 18px;
    padding-top: 5rem;
    color: #333;
    font-weight: lighter;
}

.content__5 a {
    position: absolute;
    margin-left: 751px;
    margin-top: 7rem;
    text-decoration: none;
    padding: 9px 30px;
    border-radius: 14px;
    background: #45a2c0;
    transition: .2s linear;
}

.content__5 a:hover,
.content__5 a:focus {
    letter-spacing: 2px;
    background: white;
    color: rgb(106, 106, 218);
}

.content__6 {
    display: flex;
    position: relative;
    margin-bottom: 2.5rem;
}

.content__6 img {
    padding-left: 1rem;
}

.content__6 h2 {
    width: 374px;
    padding-top: 2.4rem;
    font-size: 30px;
    margin-left: 4.5rem;
}

.content__6 p {
    position: absolute;
    width: 300px;
    margin-left: 46.7rem;
    font-size: 18px;
    color: #333;
    font-weight: lighter;
    margin-top: 7.3rem;
}

.content__7 {
    display: flex;
    position: relative;
    margin-bottom: 0.8rem;
}

.content__7 img {
    width: 220px;
    height: 464px;
}

.content__7 .img__1 {
    margin-left: 790px;
}

.content__7 h2 {
    position: absolute;
    font-size: 30px;
    margin-left: 80px;
    padding-top: 6rem;
}

.content__7 p {
    position: absolute;
    font-size: 18px;
    width: 300px;
    margin-left: 80px;
    padding-top: 8.7rem;
    color: #333;
    font-weight: lighter;

}

.content__8 {
    position: relative;
    display: flex;
    padding-left: 2.5rem;
    margin-bottom: 1.7rem;
}

.content__8 .img__1 {
    width: 220px;
    height: 464;
}

.content__8 .img__2 {
    width: 213px;
    height: 400px;
    margin-top: 6.6rem;
}

.content__8 h2 {
    width: 300px;
    margin-left: 305px;
    margin-top: 12rem;
}

.content__8 p {
    font-size: 18px;
    position: absolute;
    width: 300px;
    color: #333;
    font-weight: lighter;
    margin-left: 735px;
    margin-top: 14.5rem;
}

.content__9 {
    display: flex;
    position: relative;
    padding-left: 2rem;
    background: #45a2c0;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.content__9 img {
    width: 350px;
    height: 350px;
    margin-top: 2rem;
}

.content__9 h2 {
    margin-top: 90px;
    margin-left: 253px;
}

.content__9 p {
    position: absolute;
    font-size: 18px;
    margin-top: 120px;
    margin-left: 557px;
    color: #333;
    font-weight: lighter;

}

.content__9 a {
    position: absolute;
    margin-top: 157px;
    margin-left: 692px;
    text-decoration: none;
    padding: 9px 30px;
    border-radius: 14px;
    color: white;
    background: rgb(250, 90, 3);
    transition: .2s linear;
}

.content__9 a:hover,
.content__9 a:focus {
    letter-spacing: 2px;
    background: white;
    color: rgb(106, 106, 218);
}

/* || OTHER BUSINESS BRANDS HERO SECTION */

main {
    overflow: hidden;
}

.slider {
    margin: 0;
    padding: 0;
}

.figure-container {
    position: relative;
    width: 300%;
    margin: 0;
    left: 0;
    animation: 20s figure-container infinite;
}

.slider .figure-container figure {
    overflow: hidden;
    position: relative;
    float: left;
    width: 33.3%;
    height: 100vh;
    margin: 0;
    background: #000;
}

.slider .figure-container figure h2 {
    position: absolute;
    margin-top: 15rem;
    font-size: 6rem;
    width: 800px;
    color: white;
    margin-left: 3rem;
}

.slider .figure-container figure a {
    position: absolute;
    margin-top: 30.8rem;
    margin-left: 18rem;
    font-size: 20.7px;
    text-decoration: none;
    padding: 9px 28px;
    background: rgb(250, 90, 3);
    border-radius: 30px;
    color: white;
    transition: .2s linear;

}

.slider .figure-container figure a:hover,
.slider .figure-container figure a:focus {
    letter-spacing: 2px;
}

.slider .figure-container .figure-img-1 {
    object-fit: cover;
    width: 100%;
    object-position: bottom right;
}

.slider .figure-container figure .payment-image-1 {
    width: 280px;
    height: 590px;
    position: absolute;
    margin-top: 7.9rem;
    right: 10rem;
}

.slider .figure-container figure .payment-image-2 {
    position: absolute;
    margin-top: 15.4rem;
    left: 56rem;
}


@keyframes figure-container {
    0% {
        left: 0;
    }

    33% {
        left: 0;
    }

    40% {
        left: -100%;
    }

    80% {
        left: -100%;
    }

    100% {
        left: -200%;
    }

}


/* || OHTER BUSINESS BRANDS CONTENT SECTION | */

.new__quote-section {
    margin-top: 49rem;
}

.new__quote-section h2 {
    font-size: 5rem;
    width: 600px;
    text-align: center;
    margin: auto;
}

.quote-section {
    padding-right: 20rem;
    padding-left: 20rem;
    margin-top: 5rem;
    text-align: center;
    margin-bottom: 6rem;
}

.page-title {
    font-size: 1.65rem;
    font-weight: bolder;
    margin-bottom: 1.7rem;
}

.quote-section h2 {
    font-size: 4rem;
    margin-bottom: 1.7rem;
    background: linear-gradient(90deg, rgb(247, 65, 4), rgb(246, 22, 76), rgb(241, 109, 31));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.quote-section-paragraph1 {
    font-size: 1.4rem;
    margin-bottom: 2rem;
}

.quote-section a {
    text-decoration: none;
}

.brands-content-1 {
    display: flex;
    place-content: center;
    margin-bottom: 2rem;
    gap: 2rem;

}

.brands-content-1 a {
    display: block;
    width: 459px;
    height: 492px;
    border-radius: 1.0035rem;
    background: rgb(242, 242, 242);
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.brands-content-1 a div .image-container {
    height: 246px;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    margin-bottom: 1.5rem;
}

.brands-content-1 a div .image-container img {
    object-fit: fill;
    width: 459px;
    height: 400px;
    transition: all 1.1s;


}

.brands-content-1 a:hover div .image-container img {
    transform: scale(1.05);
}

.brands-content-1 a div h2,
.brands-content-1 a div p {
    padding-left: 1rem;
}

.brands-content-1 a div h2 {
    margin-bottom: 1.5rem;
}

.brands-content-2 {
    display: flex;
    place-content: center;
    margin-bottom: 2rem;
    gap: 2rem;

}

.brands-content-2 a {
    display: block;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    width: 459px;
    height: 492px;
    border-radius: 1.0035rem;
    background: rgb(242, 242, 242);
}

.brands-content-2 a div .image-container {
    height: 246px;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    margin-bottom: 1.5rem;
}

.brands-content-2 a div .image-container img {
    object-fit: fill;
    width: 459px;
    height: 400px;
    transition: all 1.1s;
}

.brands-content-2 a:hover div .image-container img {
    transform: scale(1.05);
}

.brands-content-2 a div h2,
.brands-content-2 a div p {
    padding-left: 1rem;
}

.brands-content-2 a div h2 {
    margin-bottom: 1.5rem;
}

.brands-content-3,
.brands-content-4 {
    display: flex;
    place-content: center;
    margin-bottom: 2rem;
    gap: 2rem;

}

.brands-content-3 a,
.brands-content-4 a {
    display: block;
    width: 288px;
    height: 312px;
    border-radius: 1.0035rem;
    background: rgb(242, 242, 242);
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

.brands-content-3 a div .image-container,
.brands-content-4 a div .image-container {
    height: 146px;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    margin-bottom: 1.3rem;
}

.brands-content-3 a div .image-container img,
.brands-content-4 a div .image-container img {
    object-fit: cover;
    width: 288px;
    height: 146px;
    transition: all 1.1s;


}

.brands-content-3 a:hover div .image-container img,
.brands-content-4 a:hover div .image-container img {
    transform: scale(1.05);
}

.brands-content-3 a div h2,
.brands-content-3 a div p {
    padding-left: 1rem;
    padding-right: 2.6rem;
}

.brands-content-4 a div h2,
.brands-content-4 a div p {
    padding-left: 1rem;
    padding-right: 2.6rem;
}

.brands-content-3 a h2,
.brands-content-4 a h2 {
    margin-bottom: 1rem;
    font-size: 18px;
}

.brands-content-4 {
    margin-bottom: 7rem;
}

.brands-content-5 {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1.5rem;
}

.brands-content-5 h2,
.brands-content-5 p {
    max-width: 400px;

}

.brands-content-5 h2 {
    margin-bottom: 1.5rem;
}

.brands-content-5 p {
    color: #333;
}

.fa-bullseye {
    font-size: 50px;
    margin-bottom: 1.4rem;
    color: #b1b4b9;
}

.brands-content-6 {
    background: rgb(244, 94, 13);
    background-image: url(../img/content-6-image.jpeg);
    background-repeat: no-repeat;
    padding-top: 10.6rem;
    padding-bottom: 9.4rem;
    background-position: bottom;
    background-size: cover;
    padding-left: 1.5rem;
    margin-bottom: 3rem;
}

.brands-content-6 a,
.brands-content-6 h2 {
    color: white;
}

.brands-content-6 a {
    text-decoration: none;
    padding: 0 0.4rem;
    border-radius: 8px;
    background-color: rgb(14, 94, 198);
    display: inline-block;
    margin-bottom: 2rem;
}

.brands-content-6 h2 {
    font-size: 3rem;
}

.brands-content-7,
.brands-content-8 {
    display: flex;
    place-content: center;
    margin-bottom: 2rem;
    gap: 2rem;

}

.brands-content-7 a,
.brands-content-8 a {
    display: block;
    width: 288px;
    height: 312px;
    border-radius: 1.0035rem;
    background: rgb(242, 242, 242);
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.brands-content-7 a div .image-container,
.brands-content-8 a div .image-container {
    height: 146px;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    margin-bottom: 1.3rem;
}

.brands-content-7 a div .image-container img,
.brands-content-8 a div .image-container img {
    object-fit: cover;
    width: 288px;
    height: 146px;
    transition: all 1.1s;


}

.brands-content-7 a:hover div .image-container img,
.brands-content-8 a:hover div .image-container img {
    transform: scale(1.05);
}

.brands-content-7 a div h2,
.brands-content-7 a div p {
    padding-left: 1rem;
    padding-right: 2.6rem;
}

.brands-content-8 a div h2,
.brands-content-8 a div p {
    padding-left: 1rem;
    padding-right: 2.6rem;
}

.brands-content-7 a h2,
.brands-content-8 a h2 {
    margin-bottom: 1rem;
    font-size: 18px;
}

.brands-content-8 {
    margin-bottom: 3rem;
}

.brands-content-9 {
    text-align: center;
    margin-bottom: 6.9rem;
}

.brands-content-9 a {
    display: inline-block;
    text-decoration: none;
    font-size: 17px;
    padding: 7.4px 15px;
    color: black;
    border-radius: 19px;
    outline: 2px solid #1d1d1f;

}

.brands-content-9 a:hover,
.brands-content-9 a:focus {
    background: black;
    color: white;
}

.brands-content-10 {
    text-align: center;
}

.brands-content-10 h2 {
    font-size: 2rem;
    background: linear-gradient(90deg, rgb(110, 14, 179), rgb(43, 12, 180), rgb(52, 9, 193));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

:root {
    color-scheme: light dark;
}

.pgw-content-1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    background: rgb(245, 245, 247);
    padding-top: 1.6rem;
    padding-bottom: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 3.5rem;
}

.pgw-content-1 .img-container {
    width: 1000px;
    margin-left: 6rem;
}

.pgw-content-1 .img-container .img-1 {
    width: 230px;
    height: 475px;
    margin-bottom: 2.5rem;
}

.pgw-content-1 .img-container .img-2 {
    width: 650px;
    height: 550px;
    margin-left: -6rem;
    padding-top: 5rem;
}

.pgw-content-1 div {
    width: 300px;
    text-align: center;
    margin-left: -16rem;
    margin-top: 11.8rem;
}

.pgw-content-1 div h2 {
    margin-bottom: 2.5rem;
}

.pgw-content-1 div p {
    color: #333;

}

.pgw-content-2 {
    text-align: center;
    margin-bottom: 2.6rem;
}

.pgw-content-2 .header2 {
    font-size: 30px;
    width: 30rem;
    margin-bottom: 1.4rem;


}

.pgw-content-2 p {
    font-size: 18px;
    color: #333;
    width: 300px;
}

.pgw-content-2 h2,
.pgw-content-2 p {
    margin: 0 auto;
}

.pgw-content-3 {
    text-align: center;
    margin-bottom: 4rem;
}

.pgw-content-3 .header2 {
    font-size: 30px;
    width: 30rem;
    margin-bottom: 1.4rem;

}

.pgw-content-3 p {
    font-size: 18px;
    color: #333;
    width: 600px;
}

.pgw-content-3 h2,
.pgw-content-3 p {
    margin: 0 auto;
}

.pgw-content-4 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    margin-bottom: 3.1rem;
}

.pgw-content-4 .img-container {
    width: 600px;
    margin-left: 3rem;
}

.pgw-content-4 .img-container img {
    width: 520px;
    height: 374px;
}

.pgw-content-4 .cnt__container {
    width: 30rem;
    text-align: center;
    margin-top: 5rem;
    margin-left: 5rem;
}

.pgw-content-4 .cnt__container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content-4 .cnt__container p {
    color: #333;
}

.pgw-content-5 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
    margin-bottom: 2.4rem;
}

.pgw-content-5 .image-container {
    width: 350px;
    margin-right: 2.6rem;
}

.pgw-content-5 .image-container img {
    width: 260px;
    height: 528px;
}

.pgw-content-5 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 11rem;
    margin-left: 6.5rem;

}

.pgw-content-5 .ctn-container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content-5 .ctn-container p {
    color: #333;
}

.pgw-content-6 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
}

.pgw-content-6 .image-container {
    width: 350px;
    margin-left: 7.4rem;
}

.pgw-content-6 .image-container img {
    width: 260px;
    height: 528px;
}

.pgw-content-6 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 13.5rem;
    margin-right: 5.4rem;
}

.pgw-content-6 .ctn-container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content-6 .ctn-container p {
    color: #333;
}

.pgw-content-7 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
    margin-top: -1rem;
}

.pgw-content-7 .image-container {
    width: 500px;
    margin-right: 8.5rem;
}

.pgw-content-7 .image-container img {
    width: 750px;
    height: 600px;
}

.pgw-content-7 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 16.7rem;
    margin-left: 5.4rem;
}

.pgw-content-7 .ctn-container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content-7 .ctn-container p {
    color: #333;
}

.pgw-content-8 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
    margin-bottom: 2.3rem;
    margin-top: -0.1rem;
}

.pgw-content-8 .image-container {
    width: 500px;
    margin-left: 7rem;
}

.pgw-content-8 .image-container img {
    width: 230px;
    height: 499px;
}

.pgw-content-8 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 12.1rem;
    margin-right: 4.5rem;
}

.pgw-content-8 .ctn-container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content8 .ctn-container p {
    color: #333;
}

.pgw-content-9 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
    margin-bottom: 1rem;
}

.pgw-content-9 .image-container {
    width: 500px;
    margin-right: -9.8rem;
}

.pgw-content-9 .image-container img {
    width: 230px;
    height: 499px;
}

.pgw-content-9 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 13.1rem;
    margin-left: 1rem;
}

.pgw-content-9 .ctn-container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content9 .ctn-container p {
    color: #333;
}

.pgw-content-10 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
    margin-bottom: 1rem;
}

.pgw-content-10 .image-container {
    width: 500px;
    margin-left: 3.1rem;
}

.pgw-content-10 .image-container img {
    width: 261px;
    height: 502px;
}

.pgw-content-10 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 13.1rem;
    margin-right: 0.9rem;
}

.pgw-content-10 .ctn-container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content-10 .ctn-container p {
    color: #333;
}

.pgw-content-11 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
    margin-bottom: 8.7rem;
    margin-left: 1.3rem;
}

.pgw-content-11 .image-container {
    width: 500px;
    margin-right: 3.8rem;
}

.pgw-content-11 .image-container img {
    width: 520px;
    height: 410px;
}

.pgw-content-11 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 13.1rem;
    margin-left: 2.7rem;
}

.pgw-content-11 .ctn-container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content-11 .ctn-container p {
    color: #333;
}

.pgw-content-12 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
    margin-right: 1.1rem;
    margin-bottom: 3.2rem;
}

.pgw-content-12 .image-container {
    width: 500px;
    margin-left: 3.7rem;
}

.pgw-content-12 .image-container img {
    width: 520px;
    height: 410px;
}

.pgw-content-12 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 5rem;
    margin-right: 2.7rem;
}

.pgw-content-12 .ctn-container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content-12 .ctn-container p {
    color: #333;
}

.pgw-content-13 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
    margin-bottom: 0.9rem;
}

.pgw-content-13 .image-container {
    width: 500px;
    margin-right: -11rem;
}

.pgw-content-13 .image-container img {
    width: 219px;
    height: 490px;
}

.pgw-content-13 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 10.2rem;
    margin-left: 2.9rem;
}

.pgw-content-13 .ctn-container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content-13 .ctn-container p {
    color: #333;
}

.pgw-content-14 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
    margin-bottom: 2rem;
}

.pgw-content-14 .image-container {
    width: 500px;
    margin-left: 5.4rem;
}

.pgw-content-14 .image-container img {
    width: 225px;
    height: 465px;
}

.pgw-content-14 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 11rem;
    margin-right: 2.5rem;
}

.pgw-content-14 .ctn-container h2 {
    margin-bottom: 1.5rem;
}

.pgw-content-14 .ctn-container p {
    color: #333;
}

.pgw-content-15 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-grow: 0;
    place-content: space-between;
    padding: 1.5rem 0;
    background: rgb(35, 35, 200);
}

.pgw-content-15 .image-container {
    width: 500px;
    margin-left: -3.6rem;
    margin-top: 1.6rem;
}

.pgw-content-15 .image-container img {
    width: 659px;
    height: 400px;
}

.pgw-content-15 .ctn-container {
    width: 30rem;
    text-align: center;
    margin-top: 10.1rem;
    margin-right: 6.4rem;
}

.pgw-content-15 .ctn-container h2 {
    margin-bottom: 1.5rem;
    color: #f2f2f2;
}

.pgw-content-15 .ctn-container p {
    color: #333;
}

.pgw-content-15 .ctn-container a {
    text-decoration: none;
    color: white;
    padding: 5px 21px;
    background: peru;
    border-radius: 14px
}

.pgw-content-15 .ctn-container a:hover,
.pgw-content-15 .ctn-container a:focus {
    background: rgb(83, 83, 183);
}

/* || THE RAILWAY TRANSPORTAION | */

.the__railway--transportation-main {
    background: rgb(245, 245, 247);
}

.the__railway--transportation-hero-section {
    background: black;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), #232222), url(../img/theelctric-train-hero-image.jpeg);
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 18rem;
    padding-left: 4rem;
    margin-bottom: 4rem;

}

.the__railway--transportation-hero-section div h2 {
    font-size: 50px;
    color: white;
}

.the__railway--transportation-hero-section div p {
    font-size: 22px;
    color: white;
}

.the__railway--transportation-section-1 {
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-1 .content {
    padding-top: 3.5rem;
    width: 600px;
    height: 600px;
    background: white;
    text-align: center;
}

.the__railway--transportation-section-1 .content h2 {
    width: 400px;
    margin: 0 auto;
    font-size: 40px;
    color: #1D1D1F;
    margin-bottom: 1.5rem;
}

.the__railway--transportation-section-1 .content p {
    width: 350px;
    margin: 0 auto;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-1 .content .image__container {
    width: 80%;
    margin: 0 auto;
    height: 250px;
}

.the__railway--transportation-section-1 .content .image__container img {
    width: 100%;
    height: 250px;
}

.the__railway--transportation-section-2 {
    padding-top: 3.5rem;
    margin: 0 auto;
    width: 96%;
    height: 600px;
    background: white;
    text-align: center;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-2 h2 {
    width: 700px;
    margin: 0 auto;
    font-size: 40px;
    color: #1D1D1F;
    margin-bottom: 1.5rem;
}

.the__railway--transportation-section-2 p {
    width: 410px;
    margin: 0 auto;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-2 .image__container {
    width: 60%;
    height: 300px;
    margin: 0 auto;
    background: red;
}

.the__railway--transportation-section-2 .image__container img {
    width: 100%;
    height: 300px;
}

.the__railway--transportation-section-3 {
    display: flex;
    width: 96%;
    height: 500px;
    background: white;
    margin: 0 auto;
    place-items: center;
    padding-left: 3rem;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-3 .image__container {
    width: 650px;
    height: 500px;
    margin-right: 5rem;
    padding-top: 3.4rem;
}

.the__railway--transportation-section-3 .image__container img {
    display: block;
    width: 100%;
    height: 400px;
}

.the__railway--transportation-section-3 .content h2 {
    font-size: 40px;
    width: 350px;
    color: #1D1D1F;
    margin-bottom: 1.3rem;
}

.the__railway--transportation-section-3 .content p {
    width: 410px;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-4 {
    padding-top: 3.5rem;
    margin: 0 auto;
    width: 96%;
    height: 600px;
    background: white;
    text-align: center;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-4 h2 {
    width: 700px;
    margin: 0 auto;
    font-size: 40px;
    color: #1D1D1F;
    margin-bottom: 1.5rem;
}

.the__railway--transportation-section-4 p {
    width: 410px;
    margin: 0 auto;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-4 .image__container {
    width: 60%;
    height: 300px;
    margin: 0 auto;
}

.the__railway--transportation-section-4 .image__container img {
    width: 100%;
    height: 300px;
}

.the__railway--transportation-section-5 {
    display: flex;
    width: 96%;
    height: 500px;
    background: white;
    margin: 0 auto;
    place-items: center;
    padding-left: 3rem;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-5 .content {
    margin-right: 5rem;
}

.the__railway--transportation-section-5 .content h2 {
    font-size: 40px;
    width: 400px;
    color: #1D1D1F;
    margin-bottom: 1.3rem;
}

.the__railway--transportation-section-5 .content p {
    width: 410px;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-5 .image__container {
    width: 650px;
    height: 500px;
    padding-top: 3.4rem;
}

.the__railway--transportation-section-5 .image__container img {
    display: block;
    width: 100%;
    height: 400px;
}

.the__railway--transportation-section-6 {
    padding-top: 3.5rem;
    margin: 0 auto;
    width: 96%;
    height: 600px;
    background: white;
    text-align: center;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-6 h2 {
    width: 400px;
    margin: 0 auto;
    font-size: 40px;
    color: #1D1D1F;
    margin-bottom: 1.5rem;
}

.the__railway--transportation-section-6 p {
    width: 410px;
    margin: 0 auto;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-6 .image__container {
    width: 60%;
    height: 300px;
    margin: 0 auto;
}

.the__railway--transportation-section-6 .image__container img {
    width: 100%;
    height: 300px;
}

.the__railway--transportation-section-7 {
    display: flex;
    width: 96%;
    height: 500px;
    background: white;
    margin: 0 auto;
    place-items: center;
    padding-left: 3rem;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-7 .image__container {
    width: 650px;
    height: 500px;
    margin-right: 5rem;
    padding-top: 3.4rem;
}

.the__railway--transportation-section-7 .image__container img {
    display: block;
    width: 100%;
    height: 400px;
}

.the__railway--transportation-section-7 .content h2 {
    font-size: 40px;
    width: 350px;
    color: #1D1D1F;
    margin-bottom: 1.3rem;
}

.the__railway--transportation-section-7 .content p {
    width: 410px;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-8 {
    padding-top: 3.5rem;
    margin: 0 auto;
    width: 96%;
    height: 600px;
    background: white;
    text-align: center;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-8 h2 {
    width: 700px;
    margin: 0 auto;
    font-size: 40px;
    color: #1D1D1F;
    margin-bottom: 1.5rem;
}

.the__railway--transportation-section-8 p {
    width: 410px;
    margin: 0 auto;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-8 .image__container {
    width: 60%;
    height: 300px;
    margin: 0 auto;
}

.the__railway--transportation-section-8 .image__container img {
    width: 100%;
    height: 300px;
}

.the__railway--transportation-section-9 {
    display: flex;
    width: 96%;
    height: 500px;
    background: white;
    margin: 0 auto;
    place-items: center;
    padding-left: 3rem;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-9 .content {
    margin-right: 5rem;
}

.the__railway--transportation-section-9 .content h2 {
    font-size: 40px;
    width: 400px;
    color: #1D1D1F;
    margin-bottom: 1.3rem;
}

.the__railway--transportation-section-9 .content p {
    width: 410px;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-9 .image__container {
    width: 650px;
    height: 500px;
    padding-top: 3.4rem;
}

.the__railway--transportation-section-9 .image__container img {
    display: block;
    width: 100%;
    height: 400px;
}

.the__railway--transportation-section-10 {
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-10 .content {
    padding-top: 3.5rem;
    width: 600px;
    height: 600px;
    background: white;
    text-align: center;
}

.the__railway--transportation-section-10 .content h2 {
    width: 400px;
    margin: 0 auto;
    font-size: 40px;
    color: #1D1D1F;
    margin-bottom: 1.5rem;
}

.the__railway--transportation-section-10 .content p {
    width: 350px;
    margin: 0 auto;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-10 .content .image__container {
    width: 80%;
    margin: 0 auto;
    height: 250px;
}

.the__railway--transportation-section-10 .content .image__container img {
    width: 100%;
    height: 250px;
}

.the__railway--transportation-section-11 {
    padding-top: 3.5rem;
    margin: 0 auto;
    width: 96%;
    height: 600px;
    background: white;
    text-align: center;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-11 h2 {
    width: 700px;
    margin: 0 auto;
    font-size: 40px;
    color: #1D1D1F;
    margin-bottom: 1.5rem;
}

.the__railway--transportation-section-11 p {
    width: 410px;
    margin: 0 auto;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-11 .image__container {
    width: 60%;
    height: 300px;
    margin: 0 auto;
}

.the__railway--transportation-section-11 .image__container img {
    width: 100%;
    height: 300px;
}

.the__railway--transportation-section-12 {
    display: flex;
    width: 96%;
    height: 500px;
    background: white;
    margin: 0 auto;
    place-items: center;
    padding-left: 3rem;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-12 .image__container {
    width: 650px;
    height: 500px;
    margin-right: 5rem;
    padding-top: 3.4rem;
}

.the__railway--transportation-section-12 .image__container img {
    display: block;
    width: 100%;
    height: 400px;
}

.the__railway--transportation-section-12 .content h2 {
    font-size: 40px;
    width: 350px;
    color: #1D1D1F;
    margin-bottom: 1.3rem;
}

.the__railway--transportation-section-12 .content p {
    width: 410px;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-13 {
    padding-top: 3.5rem;
    margin: 0 auto;
    width: 96%;
    height: 600px;
    background: white;
    text-align: center;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-13 h2 {
    width: 700px;
    margin: 0 auto;
    font-size: 40px;
    color: #1D1D1F;
    margin-bottom: 1.5rem;
}

.the__railway--transportation-section-13 p {
    width: 410px;
    margin: 0 auto;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-13 .image__container {
    width: 60%;
    height: 300px;
    margin: 0 auto;
}

.the__railway--transportation-section-13 .image__container img {
    width: 100%;
    height: 300px;
}

.the__railway--transportation-section-14 {
    display: flex;
    width: 96%;
    height: 500px;
    background: white;
    margin: 0 auto;
    place-items: center;
    padding-left: 3rem;
    margin-bottom: 6rem;
}

.the__railway--transportation-section-14 .content {
    margin-right: 5rem;
}

.the__railway--transportation-section-14 .content h2 {
    font-size: 40px;
    width: 400px;
    color: #1D1D1F;
    margin-bottom: 1.3rem;
}

.the__railway--transportation-section-14 .content p {
    width: 410px;
    font-size: 19px;
    color: #333;
    margin-bottom: 2rem;
}

.the__railway--transportation-section-14 .image__container {
    width: 650px;
    height: 500px;
    padding-top: 3.4rem;
}

.the__railway--transportation-section-14 .image__container img {
    display: block;
    width: 100%;
    height: 400px;
}



/* || PARTNERSHIP CONTENT SECTION | */

.title {
    background: rgba(255, 255, 255, 0.959);
    /* overflow: hidden; */
    padding: 15px;
    font-size: 1.5rem;
    padding-left: 3rem;
    font-weight: bolder;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky !important;
    top: 1rem;
    z-index: 1;
    box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
}

.ptnscall__to-action {
    padding: 0.3rem;
    background: rgb(250, 90, 3);
    width: 100%;
    font-size: 11px;
    font-weight: bolder;
    padding-left: 3rem;
    position: sticky !important;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 3.6rem;
    z-index: 1;
    color: white;

}

.partnership__content-1 {
    display: flex;
    position: relative;
    background: black;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), #051e7c), url(../img/content1-background.jpeg);
    margin-bottom: 6rem;

}

.partnership__content-1 .image__container {
    overflow: hidden;
    margin-top: -2rem;
}

.image__container img {
    width: 600px;
    height: 700px;
}

.partnership__content-1 .content__1a-container {

    color: white;
    margin-top: 10rem;
    padding-left: 5rem;
    margin: auto 0;
    margin-right: 10rem;

}

.partnership__content-1 .content__1a-container a {
    background: rgb(250, 90, 3);
    padding: 9px 19px;
    text-decoration: none;
    color: white;
    border-radius: 4px;
}

.partnership__content-1 .content__1a-container a:hover {
    filter: brightness(140%);
}

.partnership__content-1 .content__1a-container .p-1 {
    margin-bottom: 2.5rem;
}

.partnership__content-1 .content__1a-container h2 {
    font-size: 30px;
}

.partnership__content-1 .content__1a-container p {
    margin-bottom: 4rem;
}

.partnership__content-2 {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 6.5rem;
}

.partnership__content-2 .p-1 {
    font-size: 19px;
    margin-bottom: 1.2rem;
    color: #000;
    font-weight: bolder;
}

.partnership__content-2 h2 {
    font-size: 28px;
    margin-bottom: 1.5rem;
}

.partnership__content-2 p {
    font-size: 25px;
    color: #333;
    font-weight: light;
}

.partnership__content-2 .fa-solid {
    font-size: 28px;
}

.partnership__content-3 {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10rem;
}

.partnership__content-3 h2 {
    font-size: 28px;
    margin-bottom: 1.5rem;
}

.partnership__content-3 p {
    font-size: 25px;
    color: #333;
    font-weight: light;
}

.partnership__content-3 .fa-regular {
    font-size: 35px;
}

.column {
    columns: 4 250px;
    column-rule: 3px solid #f5f1f1;
    column-gap: 3rem;
    text-align: center;
    margin-left: 1.4rem;
    margin-bottom: 8rem;


}

.column div {
    width: 300px;
    padding-right: 3rem;
}

.column div h2 {
    font-size: 23px;
    color: #333;
    margin-bottom: 1rem;
}

.column div .fa-solid,
.column div .fa-brands {
    font-size: 50px;
    padding: 3rem;
    border-radius: 50%;
    background: rgb(160, 158, 156);
    color: #000;
}

.partnership__content-5 h2 {
    text-align: center;
    font-size: 4.6rem;
}



.form__container {
    width: 100%;
    height: 600px;
    background: rgb(43, 43, 167);
    display: flex;
    align-items: center;
    justify-content: center;
}

form {
    width: 80%;
    max-width: 1010px;
}

.input-group {
    margin-bottom: 30px;
    position: relative;
}

input,
textarea {
    width: 100%;
    padding: 10px;
    outline: 0;
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    font-size: 15px;
}

label {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    color: #fff;
    cursor: text;
    transition: 0.2s;
}

.partnership__button {
    display: inline-block;
    padding: 10px 0;
    color: #fff;
    outline: none;
    background: transparent;
    border: 1px solid #fff;
    width: 130px;
    cursor: pointer;
}

/* button:hover {
    background: rgb(245,245,247);
    color: rgb(42, 42, 53);
} */

input:focus~label,
input:valid~label,
textarea:focus~label,
textarea:valid~label {
    top: -35px;
    font-size: 14px;
}

.row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.row .input-group {
    flex-basis: 48%;
}



/* || ABOUT SECTION | */


.about__content1-p {
    background: rgba(255, 255, 255, 0.959);
    overflow: hidden;
    padding: 15px;
    font-size: 1.5rem;
    padding-left: 3rem !important;
    font-weight: bolder;
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
}


.about__content-1 {
    display: flex;
    background: rgb(245, 245, 247);
    overflow: hidden;
    margin-bottom: 6rem;

}

.about__content-1 .content__container {
    width: 800px;
    margin: auto 0;
}

.about__content-1 .content__container h2,
.about__content-1 .content__container p,
.about__content-1 .content__container a {
    color: #000;
    margin-top: 10rem;
    padding-left: 2rem;
    margin: auto 0;
    margin-right: 10rem;
}

.about__content-1 .content__container h2 {
    margin-bottom: 2rem;
    font-size: 1.3rem;
}

.about__content-1 .content__container p {
    margin-bottom: 1.8rem;
    font-size: 18px;
    width: 700px;
}

.about__content-1 .content__container a {
    text-decoration: none;
    font-size: 18px;
    margin-left: 2rem;
    padding: 8px 19px;
    border-radius: 7px;
    background: rgb(250, 90, 3);
    color: white;
    transition: 0.2s linear;
}

.about__content-1 .content__container a:hover,
.about__content-1 .content__container a:focus {
    letter-spacing: 2px;
    background: rgb(209, 208, 208);
    color: rgb(106, 106, 218);
}

.about__content-1 .image__container {
    width: 600px;
    margin-left: -1rem;
    margin-top: 2.2rem;
}

.about__content-1 .image__container img {
    width: 500px;
    height: 500px;
}

.about__content-2 {
    display: flex;
    margin-bottom: 10rem;
}

.about__content-2 div {
    width: 600px;
    margin-left: 4.5rem;
}

.about__content-2 div h2 {
    margin-bottom: 1rem;
    font-size: 28px;
}

.about__content-2 div p {
    color: #333;
    font-size: 18px;
}

.about__content-2 .content__container2 {
    margin-left: 0.2rem;
}

.about__content-3 {
    margin-left: 4.5rem;
    margin-bottom: 7rem;
}

.about__content-3 h2 {
    margin-bottom: 2rem;
    font-size: 28px;
}

.about__content-3 div {
    background: rgb(60, 158, 135);
    width: 60px;
    height: 8px;
    margin-left: 0.1rem;
    margin-bottom: 3.5rem;
}

.about__content-3 p {
    font-size: 18px;
    margin-bottom: 2.5rem;
    width: 800px;
    color: #333;
}

.about__content-4 {
    background: rgb(27, 42, 57);
    color: white;
    padding-left: 4.5rem;
    padding-top: 2rem;
    height: 460px;
    margin-bottom: 7rem;
}

.about__content-4 h2 {
    margin-bottom: 2rem;
    padding: 0.6rem 0;
}

.about__content-4 .content__container1 div {
    background: rgb(60, 158, 135);
    width: 60px;
    height: 8px;
    margin-left: 0.1rem;
    margin-bottom: 4rem
}

.about__content-4 .content__container1 h2 {
    font-size: 28px;
}

.about__content-4 .content__container2 {
    display: flex;
}

.about__content-4 .content__container2 div {
    width: 700px;
}

.about__content-4 .content__container2 .div-1 {
    margin-right: 3rem;

}

.about__content-4 .content__container2 h2 {
    margin-bottom: 1.5rem;
}

.about__content-4 .content__container2 div h2 {
    font-size: 23px;
    margin-bottom: 0.6rem;
}

.about__content-4 .content__container2 div p {
    color: rgb(225, 230, 233);
    font-size: 18px;
}

.about__content-4 .content__container2 div .p-1 {
    margin-bottom: 3rem;
}

.about__content-5 {
    padding-left: 4.5rem;
    margin-bottom: 7rem;
}

.about__content-5 h2 {
    font-size: 28px;
    margin-bottom: 2rem;
}

.about__content-5 div {
    background: rgb(60, 158, 135);
    width: 60px;
    height: 8px;
    margin-left: 0.1rem;
    margin-bottom: 4rem
}

.about__content-5 p {
    font-size: 18px;
    color: #333;
    margin-bottom: 2.5rem;
    width: 1000px;
}

.about__content-6 {
    background: rgb(203, 235, 242);
    padding-left: 4.5rem;
    display: flex;
    width: 100%;
    height: 500px;
}

.about__content-6 .container-1 h2 {
    font-size: 28px;
    margin-bottom: 2rem;
    width: 500px;
}

.about__content-6 .container-1 p {
    width: 600px;
    margin-bottom: 2.5rem;
    font-size: 18px;
}

.about__content-6 div {
    margin: auto 0;
}

.about__content-6 .container-1 .none {
    background: rgb(60, 158, 135);
    width: 60px;
    height: 8px;
    margin-left: 0.1rem;
    margin-bottom: 4rem;
}

.about__content-6 .container-2 img {
    width: 430px;
    height: 300px;
    margin: auto 0;
    margin-left: 4.1rem;
    border-radius: 0.8rem;
}

/* || STAFFS SECTION | */

.staff__main {
    margin-bottom: 6rem;
}

.staff__content1-p-container {
    background: rgba(255, 255, 255, 0.959);
    padding: 15px;
    padding-left: 3rem;
    position: sticky;
    top: 0 !important;
    z-index: 1 !important;
    box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    margin-bottom: 4rem;
}

.staff__content1-p-container .staffs__content1-p {
    font-size: 1.5rem;
    font-weight: bolder;
    color: black;
    text-decoration: none;

}

.staff__title {
    /* font-weight: bolder; */
    font-size: 19px;
    margin-left: 5.2rem;
    margin-bottom: 2rem;
    color: #333;
}

.staff__content-1 {
    display: flex;
    width: 90%;
    margin: 0 auto;
    gap: 2.5rem;
    place-content: center;
    margin-bottom: 5rem;
    flex-shrink: 1;
}

.staff__content-1 .staff__content-container {
    width: 248px;
    height: 268px;
    border-radius: 7px 7px 0 0;
}

.staff__content-1 .staff__content-container .staffs__ancortag {
    display: inline-block;
    width: 248px;
    height: 200px;
    border-radius: 7px 7px 0 0;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 2rem;
}

.staff__content-1 .staff__content-container .staffs__ancortag:hover,
.staff__content-1 .staff__content-container .staffs__ancortag:focus {
    text-decoration: underline;
}

.staff__content-1 .staff__content-container a .staff__content-ancortag {
    color: rgb(33, 136, 220);
}

.staff__content-1 .staff__content-container .image__container {
    width: 248px;
    height: 200px;
    border-radius: 7px;
    margin-bottom: 1rem;
    background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
}

.staff__content-1 .staff__content-container .image__container img {
    width: 190px;
    height: 200px;
    display: block;
    margin: 0 auto;
    padding-top: 0.5rem;
}


.staff__content-1 .staff__content-container .staff__content--ancortag2 {
    display: block;
    text-decoration: none;
    height: 20px;
    color: black;
}

.staff__content-2 {
    display: flex;
    width: 90%;
    margin: 0 auto;
    gap: 2.5rem;
    place-content: center;
    margin-bottom: 5rem;
    flex-shrink: 1;
}

.staff__content-2 .staff__content-container {
    width: 248px;
    height: 268px;
    border-radius: 7px 7px 0 0;
}

.staff__content-2 .staff__content-container .staffs__ancortag {
    display: inline-block;
    width: 248px;
    height: 200px;
    border-radius: 7px 7px 0 0;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 2rem;
}

.staff__content-2 .staff__content-container .staffs__ancortag:hover,
.staff__content-2 .staff__content-container .staffs__ancortag:focus {
    text-decoration: underline;
}

.staff__content-2 .staff__content-container a .staff__content-ancortag {
    color: rgb(33, 136, 220);
}

.staff__content-2 .staff__content-container .image__container {
    width: 248px;
    height: 200px;
    border-radius: 7px;
    margin-bottom: 1rem;
    background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
}

.staff__content-2 .staff__content-container .image__container img {
    width: 190px;
    height: 200px;
    display: block;
    margin: 0 auto;
    padding-top: 0.5rem;
}


.staff__content-2 .staff__content-container .staff__content--ancortag2 {
    display: block;
    text-decoration: none;
    height: 20px;
    color: black;
}

.staff__content-3 {
    display: flex;
    width: 90%;
    margin: 0 auto;
    /* gap: 2.5rem; */
    place-content: left;
    margin-bottom: 5rem;
    flex-shrink: 1;
}

.staff__content-3 .staff__content-container {
    width: 248px;
    height: 268px;
    border-radius: 7px 7px 0 0;
    margin-left: 1.29rem;
}

.staff__content-3 .staff__content-container .staffs__ancortag {
    display: inline-block;
    width: 248px;
    height: 200px;
    border-radius: 7px 7px 0 0;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 2rem;
}

.staff__content-3 .staff__content-container .staffs__ancortag:hover,
.staff__content-3 .staff__content-container .staffs__ancortag:focus {
    text-decoration: underline;
}

.staff__content-3 .staff__content-container a .staff__content-ancortag {
    color: rgb(33, 136, 220);
}

.staff__content-3 .staff__content-container .image__container {
    width: 248px;
    height: 200px;
    border-radius: 7px;
    margin-bottom: 1rem;
    background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
}

.staff__content-3 .staff__content-container .image__container img {
    width: 190px;
    height: 200px;
    display: block;
    margin: 0 auto;
    padding-top: 0.5rem;
}


.staff__content-3 .staff__content-container .staff__content--ancortag2 {
    display: block;
    text-decoration: none;
    height: 20px;
    color: black;
}

/* || ABOUT PHRONESIS AND OTHER STAFFS | */


.about__staff--content-p_container {
    background: rgba(255, 255, 255, 0.959);
    padding: 15px;
    padding-left: 3rem;
    box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
}

.about__staff--content-p_container .about__staffs--content1-p {
    font-size: 1.5rem;
    font-weight: bolder;
    color: black;
    text-decoration: none;

}

.about__staff--section-1 {
    display: flex;
    width: 100%;
    background: linear-gradient(rgba(204, 202, 202, 0.2), rgba(215, 211, 211, 0.2));
    height: 400px;
    margin-bottom: 3rem;
}

.about__staff--section-1 .about__staff--content-1 {
    margin: auto 0;
    padding-left: 7rem;
}

.about__staff--section-1 .about__staff--content-2 {
    width: 300px;
    height: 400px;
    margin-top: 3.1rem;
    padding-left: 9.8rem;
}

.about__staff--section-1 .about__staff--content-2 img {
    width: 300px;
    height: 350px;
}


.about__staff--section-1 .about__staff--content-1 h1 {
    margin-bottom: 1rem;
    font-size: 25px;
}

.about__staff--section-1 .about__staff--content-1 h2 {
    font-weight: lighter;
    width: 300px;
}

.about__staff--section-2 {
    display: flex;
    padding-left: 7rem;
    gap: 4rem;
}

.about__staff--section-2 .about__s--content-1,
.about__staff--section-2 .about__s--content-2 {
    width: 500px;
}

.about__staff--section-2 .about__s--content-1 p,
.about__staff--section-2 .about__s--content-2 p {
    width: 500px;
    font-size: 20px;
    margin-bottom: 1rem;
    color: #333;
}

.about__staff-main {
    margin-bottom: 4rem;
}


/* || CAREERS | */
.careers__sticker {
    background: rgba(255, 255, 255, 0.959);
    padding: 15px;
    padding-left: 3rem;
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
}

.careers__sticker .careers__sticker-ancortag {
    font-size: 1.5rem;
    font-weight: bolder;
    color: black;
    text-decoration: none;
    cursor: pointer;

}

.careers__section-1 {
    background: black;
    color: white;
    width: 100%;
    height: 530px;
    text-align: center;
    padding-top: 3.2rem;
}

.careers__section-1 img {
    width: 300px;
    height: 330px;
    display: inline-block;
    margin-bottom: 1rem;
}

.careers__section-1 h2 {
    font-size: 60px;
}

.careers__section-2 {
    background: linear-gradient(rgb(249, 19, 70), rgb(250, 66, 6), rgb(143, 47, 159), rgb(79, 106, 222), rgb(109, 30, 234));
    color: white;
    width: 100%;
    height: 600px;
    text-align: center;
    padding: 11.5rem 0;
}

.careers__section-2 h2 {
    font-size: 55px;
    padding: 0 2rem;
}

.careers__section-3 {
    background: black;
    color: white;
    width: 100%;
    height: 600px;
    text-align: center;
    padding: 11.7rem 0;
}

.careers__section-3 .p__1 {
    font-size: 28px;
    font-weight: bolder;
    margin-bottom: 1.7rem;
}

.careers__section-3 h2 {
    font-size: 55px;
    margin-bottom: 1.7rem;
    background: linear-gradient(90deg, rgb(88, 123, 195), rgb(121, 22, 222), rgb(94, 37, 177));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.careers__section-3 .p__2 {
    font-size: 25px;
    width: 700px;
    margin: 0 auto;
    margin-bottom: 1.7rem;
}

.careers__section-3 a {
    font-size: 19px;
    color: rgb(20, 112, 201);
    text-decoration: none;
}

.careers__section-3 a:hover,
.careers__section-3 a:focus {
    text-decoration: underline;
}

.careers__section-4 {
    background: black;
    color: white;
    width: 100%;
    height: 600px;
    padding: 11.7rem 0;
    padding-left: 7rem;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), #161618), url(../img/careers-section-4-BGimage5.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
}

.careers__section-4 h2 {
    font-size: 40px;
    width: 600px;
    margin-bottom: 1rem;
}

.careers__section-4 p {
    font-size: 18px;
    color: rgb(213, 213, 213);
    font-weight: lighter;
}

.careers__section-5 {
    background: black;
    color: white;
    width: 100%;
    height: 600px;
    padding: 11.7rem 0;
    padding-left: 7rem;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), #202021), url(../img/careers-section-4-BGimage3.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    margin-bottom: 6.5rem;
}

.careers__section-5 h2 {
    font-size: 40px;
    width: 600px;
    margin-bottom: 1rem;
}

.careers__section-5 p {
    font-size: 18px;
    color: rgb(213, 213, 213);
    font-weight: lighter;
}

.careers__section-6 {
    text-align: center;
    margin-bottom: 2rem;
}

.careers__section-6 h2 {
    font-size: 40px;
    width: 700px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.careers__section-6 span {
    background: linear-gradient(90deg, rgb(247, 12, 95), rgb(250, 66, 3), rgb(141, 6, 196), rgb(82, 82, 235));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


.careers__section-7 .careers__section--7-content {
    display: flex;
    place-content: center;
    margin-bottom: 5rem;
    gap: 2rem;
}

.careers__section-7 .careers__section--7-content div {
    background: rgb(245, 245, 247);
    margin-bottom: 2rem;
    border-radius: 15px;
    width: 430px;
    height: 398px;
}

.careers__section-7 .careers__section--7-content h2 {
    font-size: 40px;
    padding-left: 2rem;
    padding-top: 2rem;
    margin-bottom: 6rem;
    width: 300px;
}

.careers__section-7 .careers__section--7-content p {
    font-size: 19px;
    padding-left: 2rem;
    width: 400px;
}

.careers__section-8 {
    text-align: center;
}

.careers__section-8 .p__1 {
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 1.5rem;
}

.careers__section-8 h2 {
    font-size: 60px;
    width: 600px;
    margin: 0 auto;
    background: linear-gradient(90deg, rgb(241, 106, 28), rgb(246, 13, 87), rgb(240, 109, 33), rgb(246, 36, 52));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1.5rem;
}

.careers__section-8 .p__2 {
    font-size: 25px;
    color: #333;
    width: 600px;
    margin: 0 auto;
}

.careers__section-8 a {
    font-size: 19px;
    margin-top: 1.5rem;
    display: inline-block;
    text-decoration: none;
    color: rgb(20, 112, 201);
    margin-bottom: 6rem;
}

.careers__section-8 a:hover,
.careers__section-8 a:focus {
    text-decoration: underline;
}

/* || WORK AT DIAMOND | */
.work__at--diamond-hero {
    width: 100%;
    height: 100vh;
    background-image: linear-gradient(rgba(46, 29, 99, 0.9), rgba(48, 21, 88, 0.9));
    position: relative;
    padding: 0 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.work__at--diamond-hero .content {
    text-align: center;
}

.work__at--diamond-hero .content h2 {
    font-size: 65px;
    color: #fff;
    width: 900px;
}

.work__at--diamond-hero .background-video {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

@media (min-aspect-ratio: 16/9) {
    .work__at--diamond-hero .background-video {
        width: 100%;
        height: auto;
    }
}

@media (max-aspect-ratio: 16/9) {
    .work__at--diamond-hero .background-video {
        width: auto;
        height: 100%;
    }
}

.work__at--diamond-section-1 {
    width: 100%;
    height: 600px;
    text-align: center;
    background: linear-gradient(60deg, rgb(102, 136, 181), rgb(61, 35, 110), rgb(60, 14, 116));
}

.work__at--diamond-section-1 h2 {
    width: 100%;
    color: #fff;
    font-size: 40px;
    padding: 12.2rem 10rem;
}

.work__at--diamond-section-2 {
    padding-left: 10.6rem;
    background: black;
    width: 100%;
    /* height: 700px; */
    color: #fff;
    padding-top: 6.3rem;
    padding-bottom: 7.4rem;
}

.work__at--diamond-section-2 .p-1 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 1rem;
}

.work__at--diamond-section-2 h2 {
    width: 760px;
    font-size: 59px;
    margin-bottom: 4rem;
}

.work__at--diamond-section-2 h2 span {
    background: linear-gradient(90deg, rgb(87, 130, 192), rgb(107, 31, 231), rgb(103, 56, 220), rgb(87, 130, 192));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.work__at--diamond-section-2 div {
    display: flex;
}

.work__at--diamond-section-2 div p {
    width: 400px;
    font-size: 19px;
    color: rgb(213, 213, 213);
    margin-right: 5rem;
    margin-bottom: 3rem;
}

.work__at--diamond-section-2 a {
    font-size: 18px;
    text-decoration: none;
    color: rgb(20, 112, 201);
    display: inline-block;
    margin-left: 5rem;
}

.work__at--diamond-section-2 a:hover,
.work__at--diamond-section-2 a:focus {
    text-decoration: underline;
}

.work__at--diamond-section-3 {
    width: 100%;
    height: 600px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), #202021), url(../img/work-at-diamond-BGimage.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    color: #fff;
    padding-left: 10.6rem;
}

.work__at--diamond-section-3 h2 {
    font-size: 40px;
    width: 610px;
    padding-top: 12.1rem;
    margin-bottom: 3rem;

}

.work__at--diamond-section-3 p {
    font-size: 18px;
    color: rgb(213, 213, 213);
}

.work__at--diamond-section-4 {
    width: 100%;
    height: 1200px;
    background: rgb(22, 22, 23);
    color: white;
    padding: 0 10.6rem;
    padding-top: 6rem;
}

.work__at--diamond-section-4 .pg__1 {
    font-size: 28px;
    font-weight: bolder;
    margin-bottom: 1.7rem;
}

.work__at--diamond-section-4 .work__at--diamond--section4-h2 {
    font-size: 58px;
    width: 500px;
    margin-bottom: 3.4rem;
}

.work__at--diamond-section-4 .work__at--diamond--section4-h2 span {
    background: linear-gradient(90deg, rgb(87, 130, 192), rgb(107, 31, 231), rgb(103, 56, 220), rgb(96, 144, 211));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.work__at--diamond-section-4 .work__at--diamond-image-container {
    width: 100%;
    height: 512px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 3.8rem;
}

.work__at--diamond-section-4 .work__at--diamond-image-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;

}

.work__at--diamond-section-4 .work__at--diamond-section4-h2-2 {
    font-size: 42px;
    width: 750px;
    margin-bottom: 1.8rem;
}

.work__at--diamond-section-4 .pg__2 {
    font-size: 18px;
    color: rgb(213, 213, 213);
    margin-bottom: 5rem;
}

.work__at--diamond-section-5 {
    display: flex;
    width: 100%;
    height: 280px;
    color: white;
    background: rgb(22, 22, 23);
    padding-left: 10.6rem;
}

.work__at--diamond-section-5 .p-4,
.work__at--diamond-section-5 .p-5 {
    padding-top: 2.9rem;
    width: 500px;
    font-size: 19px;
    color: rgb(213, 213, 213);
    margin-right: 10rem;
    margin-bottom: 3rem;
}

.work__at--diamond-section-6 {
    padding-left: 10.6rem;
    width: 100%;
    /* height: 600px; */
    background: #000;
    color: #fff;
    padding-top: 4.6rem;
    padding-bottom: 5rem;
}

.work__at--diamond-section-6 .work__at--diamond-section-6-p1 {
    font-size: 28px;
    font-weight: bolder;
    margin-bottom: 1.7rem;
}

.work__at--diamond-section-6 h2 {
    width: 850px;
    font-size: 59px;
    margin-bottom: 4rem;
}

.work__at--diamond-section-6 h2 span {
    background: linear-gradient(90deg, rgb(87, 130, 192), rgb(107, 31, 231), rgb(103, 56, 220), rgb(87, 130, 192));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.work__at--diamond-section-6 .work__at--diamond-section-6-content-3 {
    display: flex;
}

.work__at--diamond-section-6 .work__at--diamond-section-6-content-3 p {
    width: 400px;
    font-size: 19px;
    color: rgb(213, 213, 213);
    margin-right: 6rem;
    margin-bottom: 3rem;
}

.work__at--diamond-section-7 {
    width: 100%;
    height: 600px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url(../img/work-at-diamond-section7-Bgimage.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    color: #fff;
    padding-left: 10.6rem;
    color: white;
    padding-top: 14rem;
}

.work__at--diamond-section-7 h2 {
    font-size: 42px;
    width: 560px;
    margin-bottom: 1.8rem;
}

.work__at--diamond-section-7 p {
    font-size: 18px;
    color: rgb(213, 213, 213);
    margin-bottom: 5rem;
}

.work__at--diamond-section-8 {
    width: 100%;
    height: 1000px;
    background: black;
    color: white;
    padding-top: 4.6rem;
}

.work__at--diamond-section-8 .p__1 {
    font-size: 28px;
    font-weight: bolder;
    text-align: center;
    margin-bottom: 1.7rem;
}

.work__at--diamond-section-8 .content__1-h2 {
    width: 850px;
    font-size: 59px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1.8rem;
}

.work__at--diamond-section-8 .content__1-h2 span {
    background: linear-gradient(90deg, rgb(87, 130, 192), rgb(107, 31, 231), rgb(103, 56, 220), rgb(87, 130, 192));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.work__at--diamond-section-8 .p__2 {
    font-size: 27px;
    text-align: center;
    width: 1090px;
    margin: 0 auto;
    margin-bottom: 3rem;
    color: #f1ffff;
}

.work__at--diamond-section-8 .work__at--diamond-content-2 {
    width: 85%;
    height: 480px;
    background: rgb(22, 22, 23);
    margin: 0 auto;
    display: flex;
    border-radius: 13px;
}

.work__at--diamond-section-8 .work__at--diamond-content-2 .image__container {
    width: 600px;
    height: 480px;
    overflow: hidden;
    margin-right: 3.5rem;
    border-radius: 13px 0 0 13px;
}

.work__at--diamond-section-8 .work__at--diamond-content-2 .image__container img {
    width: 600px;
    height: 480px;
    display: inline-block;
    border-radius: 13px 0 0 13px;
    margin-left: -8.5rem;
}

.work__at--diamond-section-8 .work__at--diamond-div-2 {
    width: 100%;
    height: 170.1px;
    margin: auto 0;

}

.work__at--diamond-section-8 .work__at--diamond-div-2 h2,
.work__at--diamond-section-8 .work__at--diamond-div-2 p {
    width: 500px;
}

.work__at--diamond-section-8 .work__at--diamond-div-2 h2 {
    font-size: 40px;
    margin-bottom: 1.8rem;
}

.work__at--diamond-section-8 .work__at--diamond-div-2 p {
    margin-bottom: 1.8rem;
    font-size: 18px;
    color: #f1ffff;
}

.work__at--diamond-section-8 .work__at--diamond-div-2 a {
    text-decoration: none;
    font-size: 18px;
    color: rgb(20, 112, 201);
    display: inline-block;
}

.work__at--diamond-section-8 .work__at--diamond-div-2 a:hover,
.work__at--diamond-section-8 .work__at--diamond-div-2 a:focus {
    text-decoration: underline;
}

/* || APPLY FOR WORK | */
.apply__for--work {
    width: 100%;
    height: 470px;
    background-image: linear-gradient(rgba(115, 100, 211, 0.7), rgba(22, 22, 22, 0.8)), url(../img/apply-for-work-backgroundimage.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    color: #fff;
    padding-left: 4.5rem;
    padding-top: 12rem;
    margin-bottom: 4rem;

}


.apply__for--work h2 {
    font-size: 55px;
}

.apply__for--work-form-container {
    width: 100%;
    height: 800px;
    display: flex;
    align-items: center;
    place-content: center;
    /* padding: 0 9.4rem; */
}

.apply__for--work-form {
    width: 93%;
    max-width: 1010px;
}

.input-group-1 {
    margin-bottom: 30px;
    position: relative;
}

.apply__for--work-form-container .apply__for--work-form div .input-group-1 input,
.apply__for--work-form-container .apply__for--work-form div textarea {
    width: 100%;
    padding: 18px;
    outline: 0;
    border: 1px solid rgb(63, 19, 197);
    color: #8B8B8F;
    background: transparent;
    font-size: 15px;
    border-radius: 15px;
}

.apply__for--work-form-container .apply__for--work-from div div label {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    color: #8B8B8F;
    cursor: text;
    transition: 0.2s;
}

.apply__for--work-form-container .apply__for--work-form div .input-group-1 label {
    color: rgb(63, 19, 197);
}

.apply__for--work-button {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    outline: none;
    background: #1371E3;
    border-radius: 20px;
    width: 130px;
    border: none;
    cursor: pointer;
}


input:focus~label,
input:valid~label,
textarea:focus~label,
textarea:valid~label {
    top: -35px;
    font-size: 14px;
}


.row-1 .input-group-1 {
    flex-basis: 48%;
}

/* || CONTACT | */
.contact__section-1 {
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 3rem;
}


.contact__section-1 h2 {
    font-size: 40px;
}

.contact__h2 {
    padding-left: 14.1rem;
    margin-bottom: 1.5rem;
}

.contact__section-2 {
    display: flex;
    padding-left: 14.1rem;
}

.contact__section-2 div h2,
.contact__section-2 div p {
    width: 400px;
    margin-right: 3.5rem;
}

.contact__section-2 div h2 {
    margin-bottom: 0.5rem;
}

.contact__section-2 div p {
    font-size: 19px;
    color: #333;
}

.contact__form--container {
    width: 100%;
    height: 800px;
    display: flex;
    align-items: center;
    place-content: center;
    /* padding: 0 9.4rem; */
}

.contact__from {
    width: 93%;
    max-width: 1010px;
}

.contact__us .contact__form--h2 {
    font-size: 17.5px;
    margin-bottom: 3rem;
    color: #333;
    margin-left: 0.1rem;
}


.input-group-1 {
    margin-bottom: 30px;
    position: relative;
}

.contact__form--container .contact__form div .input-group-1 input,
.contact__form--container .contact__form div textarea {
    width: 100%;
    padding: 18px;
    outline: 0;
    border: 1px solid #8B8B8F;
    color: #8B8B8F;
    background: transparent;
    font-size: 15px;
    border-radius: 15px;
}

label {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    color: #8B8B8F;
    cursor: text;
    transition: 0.2s;
}

.contact__form--button {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    outline: none;
    background: #1371E3;
    border-radius: 20px;
    width: 130px;
    cursor: pointer;
    border: none;
}


input:focus~label,
input:valid~label,
textarea:focus~label,
textarea:valid~label {
    top: -35px;
    font-size: 14px;
}


.row-1 .input-group-1 {
    flex-basis: 48%;
}

/* || CODE OF ETHICS USES THE SAME STYLE DECORATION WITH ABOUT BUT SECTION DOWN TO CODE OF ETHICS

/* || HEALTH AND SAFETY | */

.about__content1-p {
    background: rgba(255, 255, 255, 0.959);
    padding: 15px;
    font-size: 1.5rem;
    padding-left: 2rem;
    font-weight: bolder;
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
}

.health__and--safety-content-1 {
    display: flex;
    background: rgb(245, 245, 247);
    overflow: hidden;
    margin-bottom: 6rem;

}

.health__and--safety-content-1 .health__and--safety-container {
    width: 800px;
    margin: auto 0;
}

.health__and--safety-content-1 .health__and--safety-container h2,
.health__and--safety-content-1 .health__and--safety-container p,
.health__and--safety-content-1 .health__and--safety-container a {
    color: #000;
    margin-top: 10rem;
    padding-left: 2rem;
    margin: auto 0;
    margin-right: 10rem;
}

.health__and--safety-content-1 .health__and--safety-container h2 {
    margin-bottom: 2rem;
    font-size: 1.3rem;
}

.health__and--safety-content-1 .health__and--safety-container p {
    margin-bottom: 1.8rem;
    font-size: 18px;
    width: 700px;
}

.health__and--safety-content-1 .health__and--safety-container a {
    text-decoration: none;
    font-size: 18px;
    margin-left: 2rem;
    padding: 8px 19px;
    border-radius: 7px;
    background: rgb(250, 90, 3);
    color: white;
    transition: 0.2s linear;
}

.health__and--safety-content-1 .health__and--safety-container a:hover,
.health__and--safety-content-1 .health__and--safety-container a:focus {
    letter-spacing: 2px;
    background: rgb(209, 208, 208);
    color: rgb(106, 106, 218);
}

.health__and--safety-content-1 .image__container {
    width: 600px;
    margin-left: 1rem;
    margin-top: 2.4rem;
}

.health__and--safety-content-1 .image__container img {
    width: 390px;
    height: 490px;
}

.health__and--safety-content-2 {
    margin-left: 4.5rem;
    margin-bottom: 7rem;
}

.health__and--safety-content-2 h2 {
    margin-bottom: 2rem;
    font-size: 28px;
}

.health__and--safety-content-2 div {
    background: rgb(60, 158, 135);
    width: 60px;
    height: 8px;
    margin-left: 0.1rem;
    margin-bottom: 3.5rem;
}

.health__and--safety-content-2 p {
    font-size: 18px;
    margin-bottom: 2.5rem;
    width: 800px;
    color: #333;
}

.health__and--safety-content-3 {
    background: rgb(27, 42, 57);
    color: white;
    padding-left: 4.5rem;
    padding-top: 2rem;
    height: 516px;
    margin-bottom: 6rem;
}

.health__and--safety-content-3 h2 {
    margin-bottom: 2rem;
    padding: 0.6rem 0;
}

.health__and--safety-content-3 .content__container1 {
    margin-top: -0.1rem;
}

.health__and--safety-content-3 .content__container1 div {
    background: rgb(60, 158, 135);
    width: 60px;
    height: 8px;
    margin-left: 0.1rem;
    margin-bottom: 4rem
}

.health__and--safety-content-3 .content__container1 h2 {
    font-size: 28px;
}

.health__and--safety-content-3 .content__container2 {
    display: flex;
}

.health__and--safety-content-3 .content__container2 div {
    width: 700px;
}

.health__and--safety-content-3 .content__container2 .div-1 {
    margin-right: 3rem;

}

.health__and--safety-content-3 .content__container2 h2 {
    margin-bottom: 1.5rem;
}

.health__and--safety-content-3 .content__container2 div h2 {
    font-size: 23px;
    margin-bottom: 0.6rem;
}

.health__and--safety-content-3 .content__container2 div p {
    color: rgb(225, 230, 233);
    font-size: 18px;
    width: 550px;
}

.health__and--safety-content-3 .content__container2 div .p-1 {
    margin-bottom: 3rem;
}

.health__and--safety-content-4 {
    padding-left: 4.5rem;
    margin-bottom: 9rem;
}

.health__and--safety-content-4 h2 {
    font-size: 28px;
    margin-bottom: 2rem;
}

.health__and--safety-content-4 div {
    background: rgb(60, 158, 135);
    width: 60px;
    height: 8px;
    margin-left: 0.1rem;
    margin-bottom: 4rem
}

.health__and--safety-content-4 p {
    font-size: 18px;
    color: #333;
    margin-bottom: 2.5rem;
    width: 1000px;
}


/* || TERMS OF USE */
.terms__of--use-section-1 {
    text-align: center;
    padding: 4rem 10.6rem;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 3px;
    margin-bottom: 3rem;
}

.terms__of--use-section-1 h2 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 1rem;
}

.terms__of--use-section-1 p {
    font-size: 20px;
}

.terms__of--use-content {
    padding: 0 10.6rem;
    margin-bottom: 3rem;
}

.terms__of--use-content h2 {
    margin-bottom: 1rem;
}

.terms__of--use-content p {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.terms__of--use-content p a {
    text-decoration: none;
    color: rgb(20, 112, 201);
}

.terms__of--use-content p a:hover,
.terms__of--use-content p a:focus {
    text-decoration: underline;
}

.terms__of--use-content-with-u ul {
    margin-bottom: 1.2rem;
}

.terms__of--use-content-with-u ul li a {
    display: inline-block;
    text-decoration: none;
    color: rgb(20, 112, 201);
    font-size: 19px;
    margin-bottom: 0.5rem;
}

.terms__of--use-content-with-u ul li a:hover,
.terms__of--use-content-with-u ul li a:focus {
    text-decoration: underline;
}

/* || INTELLECTUAL PROPERTY | */
/* NOTICE DIAMOND-TRANDE-MARK-LIST CONTENTS HAVE THE SAME CLASS NAME WITH INTELLECTUAL-PROPERTY */
.intellectual__propert--guidelines {
    text-align: center;
    padding: 4rem 10.6rem;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 3px;
    margin-bottom: 3rem;
}

.intellectual__propert--guidelines h2 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 1rem;
}

.intellectual__property--content {
    padding: 0 10.6rem;
    margin-bottom: 3rem;
}

.intellectual__property--content p {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.intellectual__property--content p span {
    font-weight: bolder;
    color: black;
}

.intellectual__property--content p a {
    display: inline-block;
    text-decoration: none;
    color: rgb(20, 112, 201);
    font-size: 19px;
    margin-bottom: 0.5rem;
}

.intellectual__property--content p a:hover,
.intellectual__property--content p a:focus {
    text-decoration: underline;
}

/* || DIAMOND-TRADE-MARK-LIST CONTINUATION OF CSS STYLE | */
.trade__marks--generic-title {
    display: flex;
    margin-top: 3rem;

}

.trade__marks--generic-title div {
    margin-right: 11rem;
}

.trade__marks--generic-title div p {
    font-weight: bolder;
    color: #333;
}

.trade__marks--generic {
    display: flex;
    background: rgb(245, 245, 247);
    margin-bottom: 0.8rem;
}

.trade__marks--generic div {
    margin-right: 4.3rem;
    width: 299px;
}

/* || DIAMOND-WEB-BADGES | */
.diamond__web--badges-first-content {
    text-align: center;
    margin-top: 3px;
    margin-bottom: 3rem;
    border-top: 1px solid #333;
}

.diamond__web--badges-first-content h2 {
    font-size: 40px;
    width: 700px;
    margin: 0 auto;
}

.diamond__web--badges-second-content {
    display: flex;
    padding: 0 10.6rem;
    margin-bottom: 6rem;
}

.diamond__web--badges-second-content div {
    width: 120px;
    margin-right: 10rem;
}

.diamond__web--badges-second-content div .image__container,
.diamond__web--badges-second-content div .image__container img {
    width: 80px;
    height: 80px;
}


.diamond__web--badges-second-content div .image__container {
    margin-bottom: 0.5rem;
}

.diamond__web--badges-second-content div p {
    color: rgb(20, 112, 201);
}

.diamond__web--badges-third-content {
    text-align: center;
    margin-bottom: 4rem;
}

.diamond__web--badges-third-content h2,
.diamond__web--badges-third-content p {
    width: 600px;
    margin: 0 auto;
}

.diamond__web--badges-third-content h2 {
    margin-bottom: 1rem;
}

.diamond__web--badges-third-content p {
    font-size: 17px;
    margin-bottom: 1rem;
}

.diamond__web--badges-third-content a {
    font-size: 17px;
    display: block;
    color: rgb(20, 112, 201);
    text-decoration: none;
}

.diamond__web--badges-third-content a:hover,
.diamond__web--badges-third-content a:focus {
    text-decoration: underline;
}

/* || RIGHTS-&-PERMISSIONS | */
.rights__and--permissions {
    text-align: center;
    padding: 4rem 10.6rem;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 3px;
    margin-bottom: 3rem;
}

.rights__and--permissions h2 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 1rem;
}

.rights__and--permissions-content1 {
    padding: 0 10.6rem;
    margin-bottom: 3rem;
}



.rights__and--permissions-content1 p {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.rights__and--permissions-content1 p a {
    display: inline-block;
    text-decoration: none;
    color: rgb(20, 112, 201);
    font-size: 19px;
    margin-bottom: 0.5rem;
}


.rights__and--permissions-content1 p a:hover,
.rights__and--permissions-content1 p a:focus {
    text-decoration: underline;
}

.rights__and--permissions-content2 {
    padding: 0 10.6rem;
    margin-bottom: 1.3rem;
}

.rights__and--permissions-content2 ul li {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.rights__and--permissions-content2 ul li a {
    display: inline-block;
    text-decoration: none;
    color: rgb(20, 112, 201);
    font-size: 19px;
    margin-bottom: 0.5rem;
}

.rights__and--permissions-content2 ul li a:hover,
.rights__and--permissions-content2 ul li a:focus {
    text-decoration: underline;
}

.rights__and--permissions-form-container {
    width: 100%;
    height: 800px;
    display: flex;
    align-items: center;
    padding: 0 9.4rem;
}

.rights__and--permissions-form {
    width: 44%;
    max-width: 1010px;
}

.input-group-1 {
    margin-bottom: 30px;
    position: relative;
}

input,
textarea {
    width: 100%;
    padding: 18px;
    outline: 0;
    border: 1px solid #D2D2D7;
    color: #8B8B8F;
    background: transparent;
    font-size: 15px;
    border-radius: 15px;
}

label {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    color: #8B8B8F;
    cursor: text;
    transition: 0.2s;
}

button {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    outline: none;
    background: #1371E3;
    border-radius: 20px;
    border: 0;
    width: 130px;
    cursor: pointer;
}


input:focus~label,
input:valid~label,
textarea:focus~label,
textarea:valid~label {
    top: -35px;
    font-size: 14px;
}


.row-1 .input-group-1 {
    flex-basis: 48%;
}

.rights__and--permissions-content3 {
    padding: 0 10.6rem;
}

.rights__and--permissions-content3 p {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.rights__and--permissions-content3 p a {
    display: inline-block;
    text-decoration: none;
    color: rgb(20, 112, 201);
    font-size: 19px;
    margin-bottom: 0.5rem;
}

.rights__and--permissions-content3 p a:hover,
.rights__and--permissions-content3 p a:focus {
    text-decoration: underline;
}

/* || PIRACY-PREVENTION | */
.piracy__prevention-section-1 {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
    padding: 0 10.6rem;
    margin-bottom: 3rem;
}

.piracy__prevention-content {
    padding: 0 10.6rem;
    margin-bottom: 3rem;
}

.piracy__prevention-content h2 {
    margin-bottom: 1rem;
}

.piracy__prevention-content p {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.piracy__prevention-content p a {
    text-decoration: none;
    color: rgb(20, 112, 201);
}

.piracy__prevention-content p a:hover,
.piracy__prevention-content p a:focus {
    text-decoration: underline;
}

.piracy__prevention-last-content {
    padding: 0 9rem;
}

/* || COPYRIGHT-INFRINGEMENT | */
.rights__and--permissions {
    text-align: center;
    padding: 4rem 10.6rem;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 3px;
    margin-bottom: 3rem;
}

.rights__and--permissions h2 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 1rem;
}

.copyright__infringement--section-1 {
    padding: 0 10.6rem;
    margin-bottom: 3rem;
}

.copyright__infringement--section-1 h2 {
    margin-bottom: 1.2rem;
}



.copyright__infringement--section-1 p {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}


.copyright__infringement--section-2 {
    padding: 0 10.6rem;
    margin-bottom: 1.3rem;
}

.copyright__infringement--section-2 ul li {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.copyright__infringement--form-container {
    width: 100%;
    height: 800px;
    display: flex;
    align-items: center;
    padding: 0 9.4rem;
}

.copyright__infringement--form {
    width: 44%;
    max-width: 1010px;
}

.input-group-1 {
    margin-bottom: 30px;
    position: relative;
}

input,
textarea {
    width: 100%;
    padding: 18px;
    outline: 0;
    border: 1px solid #D2D2D7;
    color: #8B8B8F;
    background: transparent;
    font-size: 15px;
    border-radius: 15px;
}

label {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    color: #8B8B8F;
    cursor: text;
    transition: 0.2s;
}

.copyright__button {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    outline: none;
    background: #1371E3;
    border-radius: 20px;
    width: 130px;
    border: 0;
    cursor: pointer;
}


input:focus~label,
input:valid~label,
textarea:focus~label,
textarea:valid~label {
    top: -35px;
    font-size: 14px;
}


.row-1 .input-group-1 {
    flex-basis: 48%;
}

/* || COUNTERFEIT PREVENTION | */

.counterfeit__prevention {
    text-align: center;
    padding: 4rem 10.6rem;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 3px;
    margin-bottom: 3rem;
}

.counterfeit__prevention h2 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 1rem;
}

.counterfeit__prevention p {
    font-size: 19px;
    color: #333;
    width: 800px;
    margin: 0 auto;
    margin-bottom: 1.2rem;
}

.counterfeit__prevention--form-container {
    width: 100%;
    height: 800px;
    display: flex;
    align-items: center;
    padding: 0 9.4rem;
}

.counterfeit__prevention-form {
    width: 44%;
    max-width: 1010px;
}

.input-group-1 {
    margin-bottom: 30px;
    position: relative;
}

input,
textarea {
    width: 100%;
    padding: 18px;
    outline: 0;
    border: 1px solid #D2D2D7;
    color: #8B8B8F;
    background: transparent;
    font-size: 15px;
    border-radius: 15px;
}

label {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    color: #8B8B8F;
    cursor: text;
    transition: 0.2s;
}

.counterfeit__prevention--button {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    outline: none;
    background: #1371E3;
    border-radius: 20px;
    width: 130px;
    cursor: pointer;
}


input:focus~label,
input:valid~label,
textarea:focus~label,
textarea:valid~label {
    top: -35px;
    font-size: 14px;
}


.row-1 .input-group-1 {
    flex-basis: 48%;
}

/* || POLICIES IDEAS | */
.policies__ideas--section {
    padding: 0 10.6rem;
    margin-bottom: 3rem;
}

.policies__ideas--section h2 {
    margin-bottom: 1.2rem;
}

.policies__ideas--section p {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.policies__ideas--section p a {
    text-decoration: none;
    color: rgb(20, 112, 201);
}

.policiest__ideas--section p a:hover,
.policiest__ideas--section p a:hover {
    text-decoration: underline;
}

/* || SLA | */
.software__license--agreement-header {
    text-align: center;
    padding: 4rem 10.6rem;
    border-top: 1px solid #333;
    margin-top: 3px;
    margin-bottom: 2.5rem;


}

.software__license--agreement-header h2 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 1.2rem;
}

.software__license--agreement-header p {
    font-size: 19px;
    color: #333;
    margin: 0 auto;
    margin-bottom: 1.2rem;
    width: 800px;
}

.software__license--agreement-content {
    width: 800px;
    margin: 0 auto;
    background: #F5F5F7;
    padding: 2.8rem 4.3rem;
    border-radius: 15px;
    margin-bottom: 6rem;
}

.software__license--agreement-content h2 {
    margin-bottom: 1.2rem;
}

.software__license--agreement-content p {
    font-size: 19px;
    color: #333;
    margin: 0 auto;
}

/* || CONTACT LEGAL | */
.contact__legal--section-1 {
    width: 100%;
    height: 362px;
    background: #2d1d90;
    color: #fff;
    padding-left: 10rem;
    padding-top: 8.5rem;
    margin-bottom: 15rem;
}

.contact__legal--section-1 h2 {
    font-size: 55px;
}

.contact__legal--form-container {
    width: 100%;
    height: 800px;
    display: flex;
    align-items: center;
    padding: 0 9.4rem;
}

.contact__legal--form {
    width: 66%;
    max-width: 1010px;
    margin-bottom: 15rem;
}

.contact__legal .contact__legal--h2 {
    font-size: 21px;
    margin-bottom: 3rem;
}

.input-group-1 {
    margin-bottom: 30px;
    position: relative;
}

input,
textarea {
    width: 100%;
    padding: 18px;
    outline: 0;
    border: 1px solid #D2D2D7;
    color: #8B8B8F;
    background: transparent;
    font-size: 15px;
    border-radius: 15px;
}

label {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    color: #8B8B8F;
    cursor: text;
    transition: 0.2s;
}

.contact__legal--button {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    outline: none;
    background: #1371E3;
    border-radius: 20px;
    width: 130px;
    border: 0;
    cursor: pointer;
}


input:focus~label,
input:valid~label,
textarea:focus~label,
textarea:valid~label {
    top: -35px;
    font-size: 14px;
}


.row-1 .input-group-1 {
    flex-basis: 48%;
}

/* || PRIVACY POLICY | */

.privacy__policy--section-1 {
    /* margin-top: 20rem; */
    width: 700px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 7rem;
}

.privacy__policy--section-1 h2 {
    font-size: 40px;
    margin-top: 4rem;
    margin-bottom: 0.5rem;
}

.privacy__policy--section-1 p {
    font-size: 19px;
    color: #333;
}

.privacy__policy--section-2 {
    width: 800px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 9rem;
}

.privacy__policy--section-2 h2 {
    font-size: 40px;
    margin-bottom: 1rem;
}

.privacy__policy--section-2 .p__1 {
    font-weight: bolder;
    margin-bottom: 1rem;
}

.privacy__policy--section-2 p {
    font-size: 19px;
    color: #333;
    margin-bottom: 1rem;
}

.privacy__policy--section-3 {
    width: 850px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 6rem;
    border-bottom: 1px solid #edebeb;
    margin-bottom: 7rem;
}

.privacy__policy--section-3 h2 {
    font-size: 40px;
}

.privacy__policy--section-4 {
    text-align: center;
    margin-bottom: 7rem;
}

.privacy__policy--section-4 h2 {
    font-size: 35px;
    width: 700px;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.privacy__policy--section-4 p {
    font-size: 19px;
    color: #333;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.privacy__policy--section-5 {
    width: 900px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 7rem;
}

.privacy__policy--section-5 h2 {
    font-size: 35px;
    margin-bottom: 1rem;
}

.privacy__policy--section-5 p {
    font-size: 19px;
    color: #333;
    margin-bottom: 1rem;
}

/* || INTERNSHIP | */

.internship__title {
    font-size: 28px;
    text-align: center;
    padding: 4rem 10.6rem;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 3px;
    margin-bottom: 3rem;
}



.internship__section-1 {
    padding: 0 10.6rem;
    margin-bottom: 5rem;
}

.internship__section-1 h2 {
    margin-bottom: 1.2rem;
}



.internship__section-1 p {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.internship__section-2 {
    padding: 0 10.6rem;
    margin-bottom: 5rem;
}

.internship__section-2 h2 {
    margin-bottom: 1.2rem;
    margin-left: -1.2rem;
}



.internship__section-2 ul li {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.internship__section-3 {
    padding: 0 10.6rem;
    margin-bottom: 5rem;
}

.internship__section-3 h2 {
    margin-bottom: 1.2rem;
    margin-left: -1.2rem;
}



.internship__section-3 ul li {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.internship__section-4 {
    padding: 0 10.6rem;
    margin-bottom: 9rem;
}

.internship__section-4 h2 {
    margin-bottom: 1.2rem;
    margin-left: -1.2rem;
}



.internship__section-4 ul li {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.internship__section-5 {
    padding-left: 9.6rem;
}

.internship__section-5 h2 {
    font-size: 30px;
}



.copyright__infringement--section-2 ul li {
    font-size: 19px;
    color: #333;
    margin-bottom: 1.2rem;
}

.internship__form-container {
    width: 100%;
    height: 800px;
    display: flex;
    align-items: center;
    padding: 0 9.4rem;
    margin-top: -5rem;
}

.internship__form {
    width: 44%;
    max-width: 1010px;
}

.input-group-1 {
    margin-bottom: 30px;
    position: relative;
}

input,
textarea {
    width: 100%;
    padding: 18px;
    outline: 0;
    border: 1px solid #D2D2D7;
    color: #8B8B8F;
    background: transparent;
    font-size: 15px;
    border-radius: 15px;
}

label {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    color: #8B8B8F;
    cursor: text;
    transition: 0.2s;
}

.internship__button {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    outline: none;
    background: #1371E3;
    border-radius: 20px;
    width: 130px;
    cursor: pointer;
}


input:focus~label,
input:valid~label,
textarea:focus~label,
textarea:valid~label {
    top: -35px;
    font-size: 14px;
}


.row-1 .input-group-1 {
    flex-basis: 48%;
}

/* || NEWS | */

.new__main {
    margin-top: 5rem;
}

.news__content-1 {
    display: flex;
    place-content: center;
    margin-bottom: 2rem;

}

.news__content-1 a {
    display: block;
    width: 426px;
    height: 400px;
    border-radius: 1.0035rem;
    background: rgb(242, 242, 242);
    margin-right: 4rem;
    text-decoration: none;
    color: #000;
    cursor: pointer;


}

.news__content-1 a div .image-container {
    height: 200px;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    margin-bottom: 1.5rem;
    background: #F9F9F9;
    text-align: center;
}

.news__content-1 a div .image-container img {
    object-fit: fill;
    width: 250px;
    height: 300px;
    transition: all 1.1s;


}

.news__content-1 a div .image-container .news__image-1 {
    width: 213px;
    height: 380px;
    padding-top: 2rem;
}

.news__content-1 a div .image-container .news__image-2 {
    width: 426px;
    height: 400px;
    margin-top: -2.6rem;
}

.news__content-1 a:hover div .image-container img {
    transform: scale(1.05);
}

.news__content-1 a div h2,
.news__content-1 a div p {
    padding-left: 1rem;
    width: 380px;
}

.news__content-1 a div .news__p--content-1 {
    margin-bottom: 0.1rem;
}

.news__content-1 a div .news__p--content-2 {
    color: rgb(123, 123, 127);
}

.news__content-1 a div h2 {
    margin-bottom: 1.2rem;
    margin-top: 3.8rem;
    width: 300px;
}

.news__content-2 {
    display: flex;
    place-content: left;
    margin-bottom: 8rem;
    margin-left: 9.2rem;

}

.news__content-2 a {
    display: block;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    width: 428px;
    height: 400px;
    border-radius: 1.0035rem;
    background: rgb(242, 242, 242);
    margin-right: 4rem;
}

.news__content-2 a div .image-container {
    height: 200px;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    margin-bottom: 1.5rem;
    background: #F9F9F9;
    text-align: center;
}

.news__content-2 a div .image-container img {
    object-fit: fill;
    width: 426px;
    height: 400px;
    transition: all 1.1s;
}

.news__content-2 a div .image-container .news__image-3 {
    width: 213px;
    height: 470px;
    padding-top: 2rem;
}

.news__content-2 a:hover div .image-container img {
    transform: scale(1.05);
}

.news__content-2 a div h2,
.news__content-2 a div p {
    padding-left: 1rem;
    width: 380px;
}

.news__content-2 a div .news__p--content-1 {
    margin-bottom: 0.1rem;
}

.news__content-2 a div .news__p--content-2 {
    color: rgb(123, 123, 127);
}

.news__content-2 a div h2 {
    margin-bottom: 1.2rem;
    margin-top: 3.8rem;
}

/* || NEWS CONTENT | */

.news__content--main {
    width: 80%;
    margin: 0 auto;
}

.news__section--1 {
    margin: 0 auto;
    width: 600px;
    margin-top: 4.8rem;
}

.news__section--1 .news__content--1 {
    margin-bottom: 3rem;
}

.news__section--1 .news__content--1 h2 {
    font-size: 55px;
    width: 570px;
    /* margin: 0 auto; */
    margin-bottom: 1rem;
}

.news__section--1 .news__content--1 p {
    font-size: 20px;
    width: 570px;
    /* margin: 0 auto; */
}

.news__section--1 .news__content--2 {
    margin-bottom: 2.8rem;
}

.news__section--1 .news__content--2 .image__container {
    padding-top: 2rem;
    margin: 0 auto;
    width: 520x;
    height: 490px;
    background: rgb(250, 250, 250);
    border-radius: 14px;
}

.news__section--1 .news__content--2 .image__container img {
    display: block;
    margin: 0 auto;
    width: 280px;
    height: 480px;
}

.news__section--1 .news__content--3 {
    width: 570px;
    margin: 0 auto;
}

.news__section--1 .news__content--3 p {
    font-size: 20px;
    margin: 0 auto;
    margin-bottom: 3rem;
}

/* || POWERED INVESTMENT | */

.news__section--1 .news__content--2 .powered__investment--image-container {
    height: 490px;
    background: rgb(250, 250, 250);
    padding-top: 3rem;
    border-radius: 14px;
    width: 990px;
    margin-left: -12.9em;
}

.news__section--1 .news__content--2 .powered__investment--image-container img {
    display: block;
    margin: 0 auto;
    width: 570px;
    height: 400px;

}

/* || NEWS PAYMENT GATEWAY | */

.news__section--1 .news__content--2 .payment__gateway--image-container {
    height: 550px;
    background: rgb(250, 250, 250);
    padding-top: 3rem;
    border-radius: 14px;
    width: 373px;
    /* margin-left: 0.1rem; */
}

.news__section--1 .news__content--2 .payment__gateway--image-container img {
    display: block;
    margin: 0 auto;
    width: 220px;
    height: 439px;

}

/* || FOOTER SECTION */

.footer {
    display: flex;
    background: rgb(27, 43, 52);
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
}

.footer section .paragraph {
    color: #999ea3;
    font-weight: lighter;
    margin-bottom: 2rem;
}

.footer section,
.footer section p {
    width: 300px;
}

.footer section p {
    margin-bottom: 0.5rem;
}

.footer section p a {
    color: #959faa;
    font-weight: lighter;
    text-decoration: none;
}

.footer section p a:hover,
.footer section p a:focus {
    color: rgb(250, 90, 3);
}

.footer section.section__4 {
    width: 360px;
}

.section__4 .ancortag {
    display: inline-block;
    color: #999ea3;
    font-size: 18px;
    margin-right: 2rem;
    margin-top: 7.9rem;
}

.footer-p {
    color: #959faa;
    font-size: 14px;
    margin-top: -1.7rem;
    text-align: center;
}

.section__4 {
    padding-left: 8.5rem;
}

.section__4 .ancortag:hover,
.section__4 .ancortag:focus {
    color: rgb(250, 90, 3);
}

/* || COLOR SCHEME | */
:root {
    color-scheme: light dark;
    /* || GENERAL SETTINGS | */
}


@media (prefers-color-scheme: dark) {

    /* || GENERAL SETTINGS | */
    html {
        color: white;
    }

    h1,
    h2,
    h3 {
        color: white;
    }

    p {
        color: white;
    }

    /* || HOME PAGE | */
    .body__content-container .new_content h2 {
        color: white;
    }

    .body__content-container .content__1 h2 {
        color: black;
    }

    .body__content-container .content__2 h2,
    .body__content-container .content__2 p {
        color: white;
    }

    .body__content-container .content__4 h2,
    .body__content-container .content__4 p {
        color: white;
    }

    .body__content-container .content__5 h2,
    .body__content-container .content__5 p {
        color: white;
    }

    .body__content-container .content__6 h2,
    .body__content-container .content__6 p {
        color: white;
    }

    .body__content-container .content__7 h2,
    .body__content-container .content__7 p {
        color: white;
    }

    .body__content-container .content__8 h2,
    .body__content-container .content__8 p {
        color: white;
    }

    .body__content-container .content__9 h2,
    .body__content-container .content__9 p {
        color: white;
    }

    /* || OTHER BUSINESS BRANDS */

    .new__quote-section h2 {
        color: white;
    }

    .brands-content-1 a div h2,
    .brands-content-2 a div h2,
    .brands-content-3 a div h2,
    .brands-content-4 a div h2 {
        color: black;
    }

    .brands-content-1 a div p,
    .brands-content-2 a div p,
    .brands-content-3 a div p,
    .brands-content-4 a div p {
        color: black;
    }

    .brands-content-5 h2,
    .brands-content-5 p {
        color: white;
    }

    .brands-content-7 a div h2,
    .brands-content-7 a div p {
        color: black;
    }

    .brands-content-8 a div h2,
    .brands-content-8 a div p {
        color: black;
    }

    .brands-content-9 a {
        color: white;
        outline: 2px solid white;
    }

    .brands-content-9 a:hover,
    .brands-content-9 a:focus {
        background: white;
        color: black;
    }

    .pgw-content-1 div h2,
    .pgw-content-1 div p {
        color: black;
    }

    .pgw-content-2 h2,
    .pgw-content-2 p {
        color: white;
    }

    .pgw-content-3 h2,
    .pgw-content-3 p {
        color: white;
    }

    .pgw-content-4 .cnt__container h2,
    .pgw-content-4 .cnt__container p {
        color: white;
    }

    .pgw-content-5 .ctn-container h2,
    .pgw-content-5 .ctn-container p {
        color: white;
    }

    .pgw-content-6 .ctn-container h2,
    .pgw-content-6 .ctn-container p {
        color: white;
    }

    .pgw-content-7 .ctn-container h2,
    .pgw-content-7 .ctn-container p {
        color: white;
    }

    .pgw-content-8 .ctn-container h2,
    .pgw-content-8 .ctn-container p {
        color: white;
    }

    .pgw-content-9 .ctn-container h2,
    .pgw-content-9 .ctn-container p {
        color: white;
    }

    .pgw-content-10 .ctn-container h2,
    .pgw-content-10 .ctn-container p {
        color: white;
    }

    .pgw-content-11 .ctn-container h2,
    .pgw-content-11 .ctn-container p {
        color: white;
    }

    .pgw-content-12 .ctn-container h2,
    .pgw-content-12 .ctn-container p {
        color: white;
    }

    .pgw-content-13 .ctn-container h2,
    .pgw-content-13 .ctn-container p {
        color: white;
    }

    .pgw-content-14 .ctn-container h2,
    .pgw-content-14 .ctn-container p {
        color: white;
    }


    /* || PARTNERSHIP | */
    .title {
        color: black;
    }

    .partnership__content-2 h2,
    .partnership__content-2 .p-1,
    .partnership__content-2 p {
        color: white;
    }

    .partnership__content-3 h2,
    .partnership__content-3 p {
        color: white;
    }

    .column div h2 {
        color: white;
    }

    /* || ABOUT | */
    .about__content1-p {
        color: black !important;
    }

    .about__content-2 .content__container1 h2,
    .about__content-2 .content__container1 p {
        color: white;
    }

    .about__content-2 .content__container2 h2,
    .about__content-2 .content__container2 p {
        color: white;
    }

    .about__content-3 p {
        color: white;
    }

    .about__content-5 p {
        color: white;
    }

    .about__content-6 .container-1 h2,
    .about__content-6 .container-1 p {
        color: black;
    }

    /* || STAFFS | */
    .staff__title {
        color: white;
    }

    .staff__content-1 .staff__content-container .staffs__ancortag .staff__content-ancortag {
        color: white;
    }

    .staff__content-1 .staff__content-container .staff__content--ancortag2 {
        color: white;
    }

    .staff__content-2 .staff__content-container .staffs__ancortag .staff__content-ancortag {
        color: white;
    }

    .staff__content-2 .staff__content-container .staff__content--ancortag2 {
        color: white;
    }

    .staff__content-3 .staff__content-container .staffs__ancortag .staff__content-ancortag {
        color: white;
    }

    .staff__content-3 .staff__content-container .staff__content--ancortag2 {
        color: white;
    }

    /* || PHRONESIS W CHISOM EKEH | */
    .about__staff--section-2 .about__s--content-1 P,
    .about__staff--section-2 .about__s--content-2 P {
        color: white;
    }

    /* || CAREERS | */
    .careers__section-7 .careers__section--7-content div h2,
    .careers__section-7 .careers__section--7-content div p {
        color: black;
    }

    .careers__section-8 .p__2 {
        color: white;
    }

    /* || CONTACT | */
    .contact__section-2 div h2,
    .contact__section-2 div p {
        color: white;
    }

    .contact__form--container .contact__form .contact__form--h2 {
        color: white;
    }

    /* || HEALTH AND SAFETY | */
    .about__content1-p {
        color: black !important;
    }

    .health__and--safety-content-2 p {
        color: white;
    }

    .health__and--safety-content-4 p {
        color: white;
    }

    /* || TERMS OF USE | */

    .terms__of--use-content h2,
    .terms__of--use-content p {
        color: white;
    }

    /* || INTELLECTUAL PROPERTY | */
    .intellectual__property--content P,
    .intellectual__property--content p span {
        color: white;
    }

    /* || DIAMOND WEB BADGES | */
    .diamond__web--badges-second-content .first__div p,
    .diamond__web--badges-second-content div p {
        color: white;
    }

    /* || DIAMOND TRADEMARK LIST | */
    .intellectual__property--content p {
        color: white;
    }

    .trade__marks--generic-title div p {
        color: white;
    }

    .trade__marks--generic div p {
        color: black;
    }

    /* || RIGHTS AND PERMISSIONS | */
    .rights__and--permissions-content1 P {
        color: white;
    }

    .rights__and--permissions-content2 ul li {
        color: white;
    }

    .rights__and--permissions-content3 p {
        color: white;
    }

    /* || COPYRIGHT INFRINGEMENT | */
    .copyright__infringement--section-1 p {
        color: white;
    }

    .copyright__infringement--section-2 ul li {
        color: white;
    }

    /* || PIRACY PREVENTION | */
    .piracy__prevention-section-1 p {
        color: white;
    }

    .piracy__prevention-content p {
        color: white;
    }

    /* || COUNTERFEIT PRODUCTSY | */
    .counterfeit__prevention P {
        color: white;
    }

    /* || POLICIES IDEAS | */
    .policies__ideas--section p {
        color: white;
    }

    /* || PRIVACY POLICY | */
    .privacy__policy--section-1 p {
        color: white;
    }

    .privacy__policy--section-2 p,
    .privacy__policy--section-2 .p__1 {
        color: white;
    }

    .privacy__policy--section-4 p {
        color: white;
    }

    .privacy__policy--section-5 p {
        color: white;
    }

    /* || SLA | */
    .software__license--agreement-header p {
        color: white;
    }

    .software__license--agreement-content h2 {
        color: black;
    }

    /* || INTERNSHIP | */
    .internship__section-1 p {
        color: white;
    }

    .internship__section-2 ul li {
        color: white;
    }

    .internship__section-3 ul li {
        color: white;
    }

    .internship__section-4 ul li {
        color: white;
    }

    /* || NEWS | */
    .news__content-1 a div h2,
    .news__content-1 a div p {
        color: black;
    }

    .news__content-2 a div h2,
    .news__content-2 a div .news__p--content-1 {
        color: black;
    }

}

@media screen and (min-width: 1500px) {

    /* HEADER SECTION / NAV */

    .header__content {
        display: flex;
        padding: 0.3rem 2rem;
        width: 100%;
        background: rgb(27, 43, 52);
        align-items: space-evenly;
        justify-content: space-evenly;
    }

    .content__img-container {
        display: flex;
        width: 270px;
        flex-direction: row;
        justify-content: space-evenly;
        place-items: center;
        /* padding-left: 0.5rem; */
        text-decoration: none;
    }

    .content__img-container:hover,
    .content__img-container:focus {
        text-decoration: none;
        font-weight: 750;
    }

    /* .content__img-container .companyName_image {
    margin-top: 0.1rem;
} */



    .content__img {
        width: 80px;
        height: 80px;
    }

    .companyName_container {
        width: 200px;
        display: flex;
        flex-direction: column;
        margin-left: -0.5rem;
    }

    .companyName_container p {
        color: white;
        font-weight: 700;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 15px;
    }

    .content__img-container .companyName_container .phrase2 {
        margin-top: -0.1rem;
    }

    .content__nav-section {
        display: flex;
        flex-direction: row;
        width: 700px;
        margin-left: 1rem;
        justify-content: space-evenly;
        place-items: center;
    }

    .content__ul {
        display: flex;
        list-style-type: none;
        justify-content: space-evenly;
        gap: 1.4rem;
    }

    .content__li {
        /* outline: 1px solid black; */
        text-decoration: none;
        margin-right: 1.4rem;
    }

    .li__item-2 {
        white-space: nowrap;
    }

    .content__li-a {
        text-decoration: none;
        color: white;
    }

    .content__li-a:hover,
    .content__li-a:focus {
        color: rgb(179, 199, 250);
        font-weight: bolder;
        text-decoration: underline;
    }


    .call__number {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        place-items: center;
        margin-left: 7.1rem;
        position: relative;
        width: 300px;
        margin-left: 1.4rem;
    }

    .content__call-number-image {
        width: 33px;
        height: 33px;
    }

    .content__call-number-number {
        font-size: 1.4rem;
        color: white;

    }



    .call__to-action {
        color: white;

    }

    .call__number .callNumber_image_andNumber-container {
        display: flex;
        flex-direction: row;
        margin-top: -1.5rem;
    }

    .call__number .callNumber_image_andNumber-container .content__call-number-image {
        display: block;
        margin-top: -0.2rem;
    }

    .ham_menu--container .ham-menu {
        display: none;
    }

    /* || HERO SECTION */

    .container {
        position: relative;
    }

    .container .slide-container .slide {
        min-height: 100vh;
        position: relative;
        overflow: hidden;
        z-index: 10;
    }

    .container .slide-container .slide video {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        height: 100%;
        width: 100%;
        object-fit: cover;
        animation: fadeIn .4s linear;

    }

    @keyframes fadeIn {
        0% {
            transform: scale(1.5);
        }
    }

    .container .slide-container .slide .content {
        min-height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        /* background: rgba(0,0,0,0.7); */
        text-align: center;
    }


    .container .slide-container .slide .content h3 {
        font-size: 50px;
        margin-bottom: 0.3em;
        color: #fff;
        text-shadow: 0 5px 10px rgba(0, 0, 0, .3);
        animation: animate .4s linear .4s backwards;
        /* margin-top: 240px; */
    }

    .container .slide-container .slide .content p {
        font-size: 30px;
        line-height: 0.6em;
        color: #eee;
        font-weight: bolder;
        padding: 5px 0;
        font-weight: lighter;
        text-shadow: 0 5px 10px rgba(0, 0, 0, .3);
        max-width: 700px;
        animation: animate .4s linear .6s backwards;
        white-space: nowrap;
    }

    .container .slide-container .slide .content .p-1,
    .container .slide-container .slide .content .p-2,
    .container .slide-container .slide .content .p-3 {
        color: rgb(120, 203, 237);
        font-size: 27px;
        font-weight: bolder;
    }

    /* || CONTENT | */
    /* .body__content-container {
    margin: 0 0;
    width: 100%;
} */

    .new_content h2 {
        font-size: 30px;
        width: 600px;
        text-align: center;
        margin: auto;
        margin-top: 4.6rem;
        margin-bottom: 4.6rem;
    }

    /* || OTHER BUSINESS BRAND | */
    .new__quote-section {
        margin-top: 49rem;
    }

    .new__quote-section h2 {
        font-size: 5rem;
        width: 600px;
        text-align: center;
        margin: auto;
    }


    /* || PARTNERSHIP |*/
    .title {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        font-size: 1.5rem;
        padding-left: 3rem;
        font-weight: bolder;
        height: 60px !important;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .ptnscall__to-action {
        padding: 0.3rem;
        background: rgb(250, 90, 3);
        width: 100%;
        font-size: 11px;
        font-weight: bolder;
        padding-left: 3rem;
        position: sticky;
        top: 3.6rem;
        z-index: 1;
        color: white;

    }

    /* || ABOUT SECTION | */


    .about__content1-p {
        background: rgba(255, 255, 255, 0.959);
        overflow: hidden;
        padding: 15px;
        font-size: 1.5rem;
        padding-left: 3rem !important;
        font-weight: bolder;
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    /* || STAFFS SECTION | */

    .staff__content1-p-container {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        padding-left: 3rem;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
        margin-bottom: 4rem;
    }

    /* || ABOUT PHRONESIS AND OTHER STAFFS | */


    .about__staff--content-p_container {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        padding-left: 3rem;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
        position: sticky;
        top: 0;
        z-index: 1;
    }

    /* || CAREERS | */
    .careers__sticker {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        padding-left: 3rem;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    /* || THE RAILWAY TRANSPORTATION | */
    .the__railway--transportation-section-1 {
        width: 100%;
        height: 700px;
        display: flex;
        justify-content: space-evenly;
        margin-bottom: 6rem;
    }

    .the__railway--transportation-section-1 .content {
        padding-top: 3.5rem;
        width: 600px;
        height: 600px;
        background: white;
        text-align: center;
    }

    .the__railway--transportation-section-1 .content h2 {
        width: 400px;
        margin: 0 auto;
        font-size: 40px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-1 .content p {
        width: 350px;
        margin: 0 auto;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-1 .content .image__container {
        width: 80%;
        margin: 0 auto;
        height: 250px;
    }

    .the__railway--transportation-section-1 .content .image__container img {
        width: 100%;
        height: 250px;
    }

    /* || PARTNERSHIP CONTENT SECTION | */
    .partnership__button {
        display: inline-block;
        padding: 10px 0;
        color: #fff;
        outline: none;
        background: transparent;
        border: 1px solid #fff;
        width: 150px;
        cursor: pointer;
    }

    /* || APPLY FOR WORK | */
    .apply__for--work-button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 150px;
        border: none;
        cursor: pointer;
    }

    /* || CONTACT | */
    .contact__form--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 150px;
        cursor: pointer;
    }

    /* || CONTACT-LEGAL | */
    .contact__legal--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 150px;
        border: 0;
        cursor: pointer;
    }

    /* || RIGHTS & PERMISSION | */
    button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        border: 0;
        width: 150px;
        cursor: pointer
    }

    /* || COPYRIGHT - INFRINGEMENT | */
    .copyright__button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 150px;
        border: 0;
        cursor: pointer;
    }

    /* || COUNTERFEIT PREVENTION | */
    .counterfeit__prevention--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 150px;
        cursor: pointer;
    }

    /* || FOOTER SECTION */

    .footer {
        display: flex;
        background: rgb(27, 43, 52);
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-left: 2rem;
    }

    .footer section .paragraph {
        color: #999ea3;
        font-weight: lighter;
        margin-bottom: 2rem;
    }

    .footer section,
    .footer section p {
        width: 300px;
    }

    .footer section p {
        margin-bottom: 0.5rem;
    }

    .footer section p a {
        color: #959faa;
        font-weight: lighter;
        text-decoration: none;
    }

    .footer section p a:hover,
    .footer section p a:focus {
        color: rgb(250, 90, 3);
    }

    .footer section.section__4 {
        width: 360px;
    }

    .section__4 .ancortag {
        display: inline-block;
        color: #999ea3;
        font-size: 18px;
        margin-right: 2rem;
        margin-top: 7.9rem;
    }

    .footer-p {
        color: #959faa;
        font-size: 14px;
        margin-top: -1.7rem;
        text-align: center;
    }

    .section__4 {
        padding-left: 3rem;
        margin-right: 1rem;
    }

    .section__4 .ancortag:hover,
    .section__4 .ancortag:focus {
        color: rgb(250, 90, 3);
    }

    /* || COLOR SCHEME | */
    :root {
        color-scheme: light dark;
        /* || GENERAL SETTINGS | */
    }


    @media (prefers-color-scheme: dark) {

        /* || GENERAL SETTINGS | */
        html {
            color: white;
        }

        h1,
        h2,
        h3 {
            color: white;
        }

        p {
            color: white;
        }

        /* || HOME PAGE | */

        .body__content-container .new_content h2 {
            color: white;
        }

        .body__content-container .content__1 h2 {
            color: black;
        }

        .body__content-container .content__2 h2,
        .body__content-container .content__2 p {
            color: white;
        }

        .body__content-container .content__4 h2,
        .body__content-container .content__4 p {
            color: white;
        }

        .body__content-container .content__5 h2,
        .body__content-container .content__5 p {
            color: white;
        }

        .body__content-container .content__6 h2,
        .body__content-container .content__6 p {
            color: white;
        }

        .body__content-container .content__7 h2,
        .body__content-container .content__7 p {
            color: white;
        }

        .body__content-container .content__8 h2,
        .body__content-container .content__8 p {
            color: white;
        }

        .body__content-container .content__9 h2,
        .body__content-container .content__9 p {
            color: white;
        }

        /* || OTHER BUSINESS BRANDS */

        .new__quote-section h2 {
            color: white;
        }

        .brands-content-1 a div h2,
        .brands-content-2 a div h2,
        .brands-content-3 a div h2,
        .brands-content-4 a div h2 {
            color: black;
        }

        .brands-content-1 a div p,
        .brands-content-2 a div p,
        .brands-content-3 a div p,
        .brands-content-4 a div p {
            color: black;
        }

        .brands-content-5 h2,
        .brands-content-5 p {
            color: white;
        }

        .brands-content-7 a div h2,
        .brands-content-7 a div p {
            color: black;
        }

        .brands-content-8 a div h2,
        .brands-content-8 a div p {
            color: black;
        }

        .brands-content-9 a {
            color: white;
            outline: 2px solid white;
        }

        .brands-content-9 a:hover,
        .brands-content-9 a:focus {
            background: white;
            color: black;
        }

        .pgw-content-1 div h2,
        .pgw-content-1 div p {
            color: black;
        }

        .pgw-content-2 h2,
        .pgw-content-2 p {
            color: white;
        }

        .pgw-content-3 h2,
        .pgw-content-3 p {
            color: white;
        }

        .pgw-content-4 .cnt__container h2,
        .pgw-content-4 .cnt__container p {
            color: white;
        }

        .pgw-content-5 .ctn-container h2,
        .pgw-content-5 .ctn-container p {
            color: white;
        }

        .pgw-content-6 .ctn-container h2,
        .pgw-content-6 .ctn-container p {
            color: white;
        }

        .pgw-content-7 .ctn-container h2,
        .pgw-content-7 .ctn-container p {
            color: white;
        }

        .pgw-content-8 .ctn-container h2,
        .pgw-content-8 .ctn-container p {
            color: white;
        }

        .pgw-content-9 .ctn-container h2,
        .pgw-content-9 .ctn-container p {
            color: white;
        }

        .pgw-content-10 .ctn-container h2,
        .pgw-content-10 .ctn-container p {
            color: white;
        }

        .pgw-content-11 .ctn-container h2,
        .pgw-content-11 .ctn-container p {
            color: white;
        }

        .pgw-content-12 .ctn-container h2,
        .pgw-content-12 .ctn-container p {
            color: white;
        }

        .pgw-content-13 .ctn-container h2,
        .pgw-content-13 .ctn-container p {
            color: white;
        }

        .pgw-content-14 .ctn-container h2,
        .pgw-content-14 .ctn-container p {
            color: white;
        }


        /* || PARTNERSHIP | */
        .title {
            color: black;
        }

        .partnership__content-2 h2,
        .partnership__content-2 .p-1,
        .partnership__content-2 p {
            color: white;
        }

        .partnership__content-3 h2,
        .partnership__content-3 p {
            color: white;
        }

        .column div h2 {
            color: white;
        }

        /* || ABOUT | */
        .about__content1-p {
            color: black !important;
        }

        .about__content-2 .content__container1 h2,
        .about__content-2 .content__container1 p {
            color: white;
        }

        .about__content-2 .content__container2 h2,
        .about__content-2 .content__container2 p {
            color: white;
        }

        .about__content-3 p {
            color: white;
        }

        .about__content-5 p {
            color: white;
        }

        .about__content-6 .container-1 h2,
        .about__content-6 .container-1 p {
            color: black;
        }

        /* || STAFFS | */
        .staff__title {
            color: white;
        }

        .staff__content-1 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-1 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-2 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-2 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-3 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-3 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        /* || PHRONESIS W CHISOM EKEH | */
        .about__staff--section-2 .about__s--content-1 P,
        .about__staff--section-2 .about__s--content-2 P {
            color: white;
        }

        /* || CAREERS | */
        .careers__section-7 .careers__section--7-content div h2,
        .careers__section-7 .careers__section--7-content div p {
            color: black;
        }

        .careers__section-8 .p__2 {
            color: white;
        }

        /* || CONTACT | */
        .contact__section-2 div h2,
        .contact__section-2 div p {
            color: white;
        }

        .contact__form--container .contact__form .contact__form--h2 {
            color: white;
        }

        /* || HEALTH AND SAFETY | */
        .about__content1-p {
            color: black !important;
        }

        .health__and--safety-content-2 p {
            color: white;
        }

        .health__and--safety-content-4 p {
            color: white;
        }

        /* || TERMS OF USE | */

        .terms__of--use-content h2,
        .terms__of--use-content p {
            color: white;
        }

        /* || INTELLECTUAL PROPERTY | */
        .intellectual__property--content P,
        .intellectual__property--content p span {
            color: white;
        }

        /* || DIAMOND WEB BADGES | */
        .diamond__web--badges-second-content .first__div p,
        .diamond__web--badges-second-content div p {
            color: white;
        }

        /* || DIAMOND TRADEMARK LIST | */
        .intellectual__property--content p {
            color: white;
        }

        .trade__marks--generic-title div p {
            color: white;
        }

        .trade__marks--generic div p {
            color: black;
        }

        /* || RIGHTS AND PERMISSIONS | */
        .rights__and--permissions-content1 P {
            color: white;
        }

        .rights__and--permissions-content2 ul li {
            color: white;
        }

        .rights__and--permissions-content3 p {
            color: white;
        }

        /* || COPYRIGHT INFRINGEMENT | */
        .copyright__infringement--section-1 p {
            color: white;
        }

        .copyright__infringement--section-2 ul li {
            color: white;
        }

        /* || PIRACY PREVENTION | */
        .piracy__prevention-section-1 p {
            color: white;
        }

        .piracy__prevention-content p {
            color: white;
        }

        /* || COUNTERFEIT PRODUCTSY | */
        .counterfeit__prevention P {
            color: white;
        }

        /* || POLICIES IDEAS | */
        .policies__ideas--section p {
            color: white;
        }

        /* || PRIVACY POLICY | */
        .privacy__policy--section-1 p {
            color: white;
        }

        .privacy__policy--section-2 p,
        .privacy__policy--section-2 .p__1 {
            color: white;
        }

        .privacy__policy--section-4 p {
            color: white;
        }

        .privacy__policy--section-5 p {
            color: white;
        }

        /* || SLA | */
        .software__license--agreement-header p {
            color: white;
        }

        .software__license--agreement-content h2 {
            color: black;
        }

        /* || INTERNSHIP | */
        .internship__section-1 p {
            color: white;
        }

        .internship__section-2 ul li {
            color: white;
        }

        .internship__section-3 ul li {
            color: white;
        }

        .internship__section-4 ul li {
            color: white;
        }

        /* || NEWS | */
        .news__content-1 a div h2,
        .news__content-1 a div p {
            color: black;
        }

        .news__content-2 a div h2,
        .news__content-2 a div .news__p--content-1 {
            color: black;
        }

    }

}


@media screen and (max-width: 1024px) {
    .header__content {
        display: flex;
        padding: 0.3rem 2rem;
        width: 100%;
        background: rgb(27, 43, 52);
        align-items: space-evenly;
        justify-content: space-evenly;
    }

    .content__img-container {
        display: flex;
        width: 240px;
        flex-direction: row;
        justify-content: space-evenly;
        place-items: center;
        /* padding-left: 0.5rem; */
        text-decoration: none;
    }

    .content__img-container:hover,
    .content__img-container:focus {
        text-decoration: none;
        font-weight: 750;
    }

    /* .content__img-container .companyName_image {
        margin-top: 0.1rem;
    } */

    .content__img {
        width: 80px;
        height: 80px;
    }

    .companyName_container {
        width: 200px;
        display: flex;
        flex-direction: column;
        margin-left: -0.5rem;
    }

    .companyName_container p {
        color: white;
        font-weight: 700;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 15px;
    }

    .content__img-container .companyName_container .phrase2 {
        margin-top: -0.1rem;
    }

    .display2 {
        display: none;
    }

    .content__nav-section {
        display: flex;
        flex-direction: row;
        width: 700px;
        margin-left: 1rem;
        justify-content: space-evenly;
        place-items: center;
    }

    .content__ul {
        display: flex;
        list-style-type: none;
        justify-content: space-evenly;
        gap: 1.4rem;
    }

    .content__li {
        /* outline: 1px solid black; */
        text-decoration: none;
        /* margin-right: 2.4rem; */
    }

    .li__item-2 {
        white-space: nowrap;
    }

    .content__li-a {
        text-decoration: none;
        color: white;
    }

    .content__li-a:hover,
    .content__li-a:focus {
        color: rgb(179, 199, 250);
        font-weight: bolder;
        text-decoration: underline;
    }

    .call__number {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        place-items: center;
        margin-left: 7.1rem;
        position: relative;
        width: 300px;
        display: none;
    }

    .content__call-number-image {
        width: 33px;
        height: 33px;
    }

    .content__call-number-number {
        font-size: 1.4rem;
        color: white;

    }

    .call__to-action {
        color: white;

    }

    .call__number .callNumber_image_andNumber-container {
        display: flex;
        flex-direction: row;
        margin-top: -1.5rem;
    }

    .call__number .callNumber_image_andNumber-container .content__call-number-image {
        display: block;
        margin-top: -0.2rem;
    }

    .ham_menu--container .ham-menu {
        display: none;
    }


    /* || HERO SECTION */

    .container {
        position: relative;
    }

    .container .slide-container .slide {
        min-height: 100vh;
        position: relative;
        overflow: hidden;
        z-index: 10;
    }

    .container .slide-container .slide video {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        height: 100%;
        width: 100%;
        object-fit: cover;
        animation: fadeIn .4s linear;

    }

    @keyframes fadeIn {
        0% {
            transform: scale(1.5);
        }
    }

    .container .slide-container .slide .content {
        min-height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        /* background: rgba(0,0,0,0.7); */
        text-align: center;
    }


    .container .slide-container .slide .content h3 {
        font-size: 60px;
        margin-bottom: 0.3em;
        color: #fff;
        text-shadow: 0 5px 10px rgba(0, 0, 0, .3);
        animation: animate .4s linear .4s backwards;
        /* margin-top: 240px; */
    }

    .container .slide-container .slide .content p {
        font-size: 40px;
        line-height: 0.6em;
        color: #eee;
        padding: 5px 0;
        font-weight: lighter;
        text-shadow: 0 5px 10px rgba(0, 0, 0, .3);
        max-width: 700px;
        animation: animate .4s linear .6s backwards;
        white-space: nowrap;
    }

    .container .slide-container .slide .content .p-1,
    .container .slide-container .slide .content .p-2,
    .container .slide-container .slide .content .p-3 {
        color: rgb(120, 203, 237);
        font-size: 34px;
        margin-top: 0.9rem;
    }

    .container .slide-container .slide .content .btn {
        display: inline-block;
        padding: 9px 30px;
        background: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
        color: #333;
        font-weight: bold;
        border-radius: 14px;
        font-size: 24px;
        margin-top: 1.5rem;
        transition: .2s linear;
        animation: animate .4s linear 1s backwards;

    }

    .container .slide-container .slide .content .btn:hover {
        letter-spacing: 2px !important;
        background: rgba(193, 86, 5, 0.9) !important;
    }

    @keyframes animate {
        0% {
            opacity: 0;
            transform: scale(.5) translateY(-50px);
        }
    }

    .container .slide-container {
        display: none;
    }

    .container .slide-container.active {
        display: block;
    }

    .container #next,
    .container #prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 100;
        background: #fff;
        color: #333;
        font-weight: bold;
        height: 60px;
        width: 50px;
        line-height: 55px;
        font-size: 30px;
        cursor: pointer;
        text-align: center;
    }

    .container #next {
        right: 0;
    }

    .container #prev {
        left: 0;
    }


    /* || CONTENT SECTION */

    .body__content-container {
        margin: 0 0;
        width: 100%;
    }

    .new_content h2 {
        font-size: 30px;
        width: 600px;
        text-align: center;
        margin: auto;
        margin-top: 4.6rem;
        margin-bottom: 4.6rem;
    }

    .content__1 {
        margin-top: 3rem;
        background: rgb(245, 245, 247);
        display: flex;
        position: relative;
        padding-top: 7rem;
        padding-bottom: 7rem;
        padding-left: 1.5rem;
        height: 1248px;
        text-align: center;
        margin-bottom: 2.6rem;
    }

    .content__1 img {
        width: 250px;
        height: 500px;
        margin-right: 13px;
    }

    .img__3 {
        position: absolute;
        margin-top: 32rem;
    }

    .content__1 h2 {
        font-size: 30px;
        padding: 0 5.4rem;
        margin-top: 17rem;
        width: 40rem;
        margin-left: -1.8rem;
    }

    .content__1 p {
        position: absolute;
        font-size: 18px;
        width: 13rem;
        margin-top: 33rem;
        margin-left: 36.05rem;
        font-weight: lighter;
        color: #333;
    }

    .content__2 {
        padding-top: 3.4rem;
        text-align: center;
        height: 350px;
        margin-bottom: 3.9rem;
    }

    .content__2 h2 {
        font-size: 39px;
        width: 700px;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .content__2 p {
        font-size: 23px;
        width: 900px;
        margin: 0 auto;
        font-weight: lighter;
        color: #333;
        margin-bottom: 40px;
        padding: 0 1.3rem;
    }

    .content__3 {
        padding-left: 14rem;
        display: flex;
        margin-bottom: 3.5rem;
        text-align: center;
    }

    .content__3 img {
        width: 220px;
        height: 450px;
        margin-left: -3.5rem;
    }

    .content__3 h2 {
        margin-top: 170px;
        font-size: 30px;
        width: 430px;
        padding-left: 6rem;
        margin-bottom: 195px;
    }

    .content__4 {
        padding-left: 15.8rem;
        display: flex;
        position: relative;
        margin-bottom: 3.3rem;
        text-align: center;
    }

    .content__4 .img__1 {
        width: 220px;
        height: 430px;
        margin-top: 4rem;
        margin-left: -9rem;
    }

    .content__4 .img__2 {
        padding-top: 2.8rem;
        margin-top: 4rem;
    }

    .content__4 h2 {
        margin-left: 17rem;
        padding-top: 11rem;
        position: absolute;
        font-size: 30px;
    }

    .content__4 p {
        font-size: 18px;
        color: #333;
        font-weight: lighter;
        position: absolute;
        padding-top: 17rem;
        width: 13rem;
        margin-left: 20rem;
    }

    .content__5 {
        background: rgb(113, 210, 252);
        display: flex;
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 2rem;
        position: relative;
        margin-bottom: 8.28rem;
    }

    .content__5 img {
        width: 330px;
        height: 180px;
    }

    .content__5 h2 {
        padding-top: 1.5rem;
        margin-left: 2.4rem;
        width: 500px;
        text-align: center;
    }

    .content__5 p {
        position: absolute;
        margin-left: 24em;
        font-size: 18px;
        padding-top: 6rem;
        color: #333;
        font-weight: lighter;
    }

    .content__5 a {
        position: absolute;
        margin-left: 32.9rem;
        margin-top: 8.7rem;
        text-decoration: none;
        padding: 9px 30px;
        border-radius: 14px;
        background: #45a2c0;
        transition: .2s linear;
        font-size: 19px;
    }

    .content__5 a:hover,
    .content__5 a:focus {
        letter-spacing: 2px;
        background: white;
        color: rgb(106, 106, 218);
    }

    .content__6 {
        display: flex;
        position: relative;
        margin-bottom: 7.5rem;
        text-align: center;
    }

    .content__6 img {
        padding-left: 1rem;
        width: 670px;
    }

    .content__6 h2 {
        width: 800px;
        margin-top: .3em;
        font-size: 30px;
        margin-left: -6.4rem;
    }

    .content__6 p {
        position: absolute;
        width: 300px;
        margin-left: 37rem;
        font-size: 18px;
        color: #333;
        font-weight: lighter;
        margin-top: 8.9rem;
    }

    .content__7 {
        display: flex;
        position: relative;
        margin-bottom: 6.8rem;
        text-align: center;
    }

    .content__7 img {
        width: 220px;
        height: 464px;
    }

    .content__7 .img__1 {
        margin-left: 27.8rem;
    }

    .content__7 h2 {
        position: absolute;
        font-size: 30px;
        margin-left: 65px;
        padding-top: 6rem;
    }

    .content__7 p {
        position: absolute;
        font-size: 18px;
        width: 300px;
        margin-left: 48px;
        padding-top: 8.7rem;
        color: #333;
        font-weight: lighter;

    }

    .content__8 {
        position: relative;
        display: flex;
        padding-left: 2.5rem;
        margin-bottom: 2.8rem;
        text-align: center;
    }

    .content__8 .img__1 {
        width: 220px;
        height: 464;
    }

    .content__8 .img__2 {
        width: 213px;
        height: 400px;
        margin-top: 6.6rem;
    }

    .content__8 h2 {
        width: 300px;
        margin-left: 148px;
        margin-top: 12rem;
    }

    .content__8 p {
        font-size: 18px;
        position: absolute;
        width: 300px;
        color: #333;
        font-weight: lighter;
        margin-left: 569px;
        margin-top: 14.5rem;
    }

    .content__9 {
        display: flex;
        position: relative;
        padding-left: 2rem;
        background: #45a2c0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center;
    }

    .content__9 img {
        width: 350px;
        height: 350px;
        margin-top: 2rem;
    }

    .content__9 h2 {
        margin-top: 90px;
        margin-left: 154px;
        width: 30rem;
    }

    .content__9 p {
        position: absolute;
        font-size: 18px;
        margin-top: 140px;
        margin-left: 541px;
        color: #333;
        font-weight: lighter;
        width: 300px;

    }

    .content__9 a {
        position: absolute;
        margin-top: 210px;
        margin-left: 629px;
        text-decoration: none;
        padding: 9px 30px;
        border-radius: 14px;
        color: white;
        background: rgb(250, 90, 3);
        transition: .2s linear;
        font-size: 16px;
    }

    .content__9 a:hover,
    .content__9 a:focus {
        letter-spacing: 2px;
        background: white;
        color: rgb(106, 106, 218);
    }


    /* || OTHER BUSINESS BRANDS HERO SECTION */
    .slider .figure-container figure {
        height: 100vh;
        margin-bottom: 5rem;
    }

    .slider .figure-container figure h2 {
        position: absolute;
        margin-top: 9rem;
        font-size: 6rem;
        width: 800px;
        color: white;
        margin-left: 3rem;
    }

    .slider .figure-container figure a {
        margin-top: 25rem;
        margin-left: 8rem;
    }

    .slider .figure-container .figure-img-1 {
        width: 100%;
        height: 100vh;
    }

    .slider .figure-container figure .payment-image-1 {
        width: 280px;
        height: 590px;
        margin-top: 25rem;
        right: 12rem;
    }

    .slider .figure-container figure .payment-image-2 {
        margin-top: 34rem;
        left: 28rem;
    }

    /* || OHTER BUSINESS BRANDS CONTENT SECTION | */
    .new__quote-section {
        margin-top: 49rem;
    }

    .new__quote-section h2 {
        font-size: 5rem;
        width: 600px;
        text-align: center;
        margin: auto;
    }

    .quote-section {
        width: 100%;
        padding: 0 2rem;
        text-align: center;
        margin-top: 48rem;
        margin-bottom: 6rem;
    }

    .quot-section .page-title {
        font-size: 1.65rem;
    }

    .quote-section h2 {
        width: 500px;
        margin: 0 auto;
        margin-bottom: 1.7rem;
    }

    .quote-section .quote-section-paragraph1 {
        margin: 0 auto;
        width: 600px;
        font-size: 1.7rem;
        margin-bottom: 2rem;
    }

    .quote-section a {
        text-decoration: none;
        font-size: 1.5rem;
    }

    .brands-content-1 {
        display: flex;
        place-content: center;
        margin-bottom: 2rem;

    }

    .brands-content-1 a {
        margin-right: 1rem;
    }

    .brands-content-1 a div h2,
    .brands-content-1 a div p {
        padding-left: 1.6rem;
    }

    .brands-content-1 a div h2 {
        margin-bottom: 1.5rem;
    }

    .brands-content-1 a div p {
        font-size: 1.3rem;
        width: 420px;
    }

    .brands-content-2 a {
        margin-right: 1rem;
    }

    .brands-content-2 a div h2,
    .brands-content-2 a div p {
        padding-left: 1.6rem;
    }

    .brands-content-2 a div h2 {
        margin-bottom: 1.5rem;
    }

    .brands-content-2 a div p {
        font-size: 1.3rem;
        width: 420px;
    }

    .brands-content-3 a {
        margin-right: 1rem;
    }

    .brands-content-3 a div h2,
    .brands-content-3 a div p {
        padding-left: 1.6rem;
        padding-right: 2.6rem;
    }

    .brands-content-3 a div p {
        font-size: 17px;
        width: 320px;
    }

    .brands-content-4 a {
        margin-right: 1rem;
    }

    .brands-content-4 a div h2,
    .brands-content-4 a div p {
        padding-left: 1.6rem;
        padding-right: 2.6rem;
    }

    .brands-content-4 a div p {
        font-size: 17px;
        width: 320px;
    }

    .brands-content-3 a h2,
    .brands-content-4 a h2 {
        margin-bottom: 1rem;
        font-size: 19px;
    }

    .brands-content-5 h2,
    .brands-content-5 p {
        width: 480px;
    }

    .brands-content-5 h2 {
        margin-bottom: 1.5rem;
        font-size: 28px;
    }

    .brands-content-5 p {
        color: #333;
        font-size: 19px;
    }

    .fa-bullseye {
        font-size: 50px;
        margin-bottom: 1.4rem;
        color: #b1b4b9;
    }

    .brands-content-6 {
        background: rgb(244, 94, 13);
        background-image: url(../img/content-6-image.jpeg);
        background-repeat: no-repeat;
        padding-top: 10.6rem;
        padding-bottom: 9.4rem;
        background-position: bottom;
        background-size: cover;
        padding-left: 1.5rem;
        margin-bottom: 3rem;
    }

    .brands-content-6 a,
    .brands-content-6 h2 {
        color: white;
    }

    .brands-content-6 a {
        text-decoration: none;
        padding: 0 0.4rem;
        border-radius: 8px;
        background-color: rgb(14, 94, 198);
        display: inline-block;
        margin-bottom: 2rem;
    }

    .brands-content-6 h2 {
        font-size: 3rem;
    }

    .brands-content-7 a,
    .brands-content-8 a {
        margin-right: 1rem;
    }

    .brands-content-7 a div h2,
    .brands-content-7 a div p {
        padding-left: 1.6rem;
        padding-right: 2.6rem;
    }

    .brands-content-7 a div p {
        font-size: 17px;
        width: 320px;
    }

    .brands-content-8 a div h2,
    .brands-content-8 a div p {
        padding-left: 1.6rem;
        padding-right: 2.6rem;
    }

    .brands-content-7 a h2,
    .brands-content-8 a h2 {
        margin-bottom: 1rem;
        font-size: 18px;
    }

    .brands-content-8 {
        margin-bottom: 3rem;
    }

    .pgw-content-1 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 2.9rem;
    }

    .pgw-content-1 .img-container {
        width: 800px;
        margin-left: 1.5rem;
    }

    .pgw-content-1 .img-container .img-1 {
        width: 200px;
        height: 410px;
    }

    .pgw-content-1 .img-container .img-2 {
        width: 580px;
        height: 480px;
        margin-left: -6rem;
        padding-top: 5rem;
    }

    .pgw-content-1 div {
        width: 300px;
        margin-left: -9rem;
        margin-top: 9.4rem;
    }

    .pgw-content-1 div h2 {
        margin-bottom: 2.5rem;
    }

    .pgw-content-1 div p {
        color: #333;
        font-size: 19px;

    }

    .pgw-content-2 {
        text-align: center;
        margin-bottom: 2.6rem;
    }

    .pgw-content-2 .header2 {
        font-size: 30px;
    }

    .pgw-content-2 p {
        font-size: 19px;
    }

    .pgw-content-2 h2,
    .pgw-content-2 p {
        margin: 0 auto;
    }

    .pgw-content-3 {
        text-align: center;
        margin-bottom: 4rem;
    }

    .pgw-content-3 .header2 {
        font-size: 30px;
        margin-bottom: 1.4rem;

    }

    .pgw-content-3 p {
        font-size: 19px;
    }

    .pgw-content-4 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 2rem;
    }

    .pgw-content-4 .img-container {
        width: 600px;
        margin-left: 1.1rem;
    }

    .pgw-content-4 .img-container img {
        width: 473px;
        height: 334px;
    }

    .pgw-content-4 .cnt__container {
        margin-left: -4rem;
    }

    .pgw-content-4 .cnt__container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-4 .cnt__container p {
        font-size: 19px;
    }

    .pgw-content-5 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 2.4rem;
    }

    .pgw-content-5 .image-container {
        width: 350px;
        margin-right: 2.6rem;
        margin-top: 0.4rem;
    }

    .pgw-content-5 .image-container img {
        width: 240px;
        height: 474px;
    }

    .pgw-content-5 .ctn-container {
        margin-top: 11rem;
        margin-left: 6.5rem;

    }

    .pgw-content-5 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-5 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-6 {
        display: flex;
        flex-wrap: nowrap;
    }

    .pgw-content-6 .image-container {
        width: 350px;
        margin-left: 7.4rem;
    }

    .pgw-content-6 .image-container img {
        width: 240px;
        height: 474px;
    }

    .pgw-content-6 .ctn-container {
        margin-top: 12.4rem;
        margin-right: 5.4rem;
    }

    .pgw-content-6 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-6 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-7 {
        display: flex;
        flex-wrap: nowrap;
        margin-top: -1rem;
    }

    .pgw-content-7 .image-container {
        width: 500px;
        margin-right: 8.5rem;
    }

    .pgw-content-7 .image-container img {
        width: 750px;
        height: 600px;
    }

    .pgw-content-7 .ctn-container {
        margin-top: 16.7rem;
        margin-left: 5.3rem;
    }

    .pgw-content-7 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-7 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-8 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 2.3rem;
        margin-top: -0.1rem;
    }

    .pgw-content-8 .image-container {
        width: 500px;
        margin-left: 6.4rem;
    }

    .pgw-content-8 .image-container img {
        width: 230px;
        height: 489px;
    }

    .pgw-content-8 .ctn-container {
        width: 30rem;
        text-align: center;
        margin-top: 12.1rem;
        margin-right: 4.5rem;
    }

    .pgw-content-8 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-8 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-9 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 1rem;
    }

    .pgw-content-9 .image-container {
        width: 500px;
        margin-right: -9.8rem;
    }

    .pgw-content-9 .image-container img {
        width: 230px;
        height: 489px;
    }

    .pgw-content-9 .ctn-container {
        margin-left: 0.3rem;
    }

    .pgw-content-9 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-9 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-10 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 1rem;
    }

    .pgw-content-10 .image-container {
        width: 500px;
        margin-left: 3.1rem;
    }

    .pgw-content-10 .image-container img {
        width: 261px;
        height: 489px;
    }

    .pgw-content-10 .ctn-container {
        margin-right: 1.7rem;
    }

    .pgw-content-10 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-10 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-11 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 8.7rem;
        margin-left: 1.3rem;
    }

    .pgw-content-11 .image-container {
        width: 500px;
        margin-right: 3.8rem;
    }

    .pgw-content-11 .image-container img {
        margin-top: 1.4rem;
        width: 510px;
        height: 390px;
    }

    .pgw-content-11 .ctn-container {
        margin-top: 13.1rem;
        margin-left: 2.5rem;
    }

    .pgw-content-11 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-11 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-12 {
        display: flex;
        flex-wrap: nowrap;
        margin-right: 1.1rem;
        margin-bottom: 3.2rem;
    }

    .pgw-content-12 .image-container {
        width: 500px;
        margin-left: 3.1rem;
    }

    .pgw-content-12 .image-container img {
        width: 510px;
        height: 390px;
    }

    .pgw-content-12 .ctn-container {
        margin-top: 5rem;
        margin-right: 2.7rem;
    }

    .pgw-content-12 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-12 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-13 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 0.9rem;
    }

    .pgw-content-13 .image-container {
        width: 500px;
        margin-right: -11rem;
    }

    .pgw-content-13 .image-container img {
        margin-top: 0.4rem;
        width: 219px;
        height: 480px;
    }

    .pgw-content-13 .ctn-container {
        margin-top: 10.2rem;
        margin-left: 2.9rem;
    }

    .pgw-content-13 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-13 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-14 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 2rem;
    }

    .pgw-content-14 .image-container {
        width: 500px;
        margin-left: 5.4rem;
    }

    .pgw-content-14 .image-container img {
        width: 225px;
        height: 455px;
    }

    .pgw-content-14 .ctn-container {
        margin-top: 10.6rem;
        margin-right: 2.5rem;
    }

    .pgw-content-14 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-14 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-15 {
        display: flex;
        flex-wrap: nowrap;
        padding: 1.5rem 0;
    }

    .pgw-content-15 .image-container {
        width: 500px;
        margin-left: -3.6rem;
        margin-top: 1.6rem;
    }

    .pgw-content-15 .image-container img {
        width: 659px;
        height: 400px;
    }

    .pgw-content-15 .ctn-container {
        margin-top: 10.4rem;
        margin-right: 6.4rem;
    }

    .pgw-content-15 .ctn-container h2 {
        margin-bottom: 1.5rem;
        color: #f2f2f2;
    }

    .pgw-content-15 .ctn-container p {
        color: #333;
    }

    /* || THE RAILWAY TRANSPORTATION | */

    .the__railway--transportation-section-3 .content p {
        width: 320px;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-5 .content p {
        width: 320px;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-5 .image__container {
        width: 650px;
        height: 500px;
        padding-top: 3.4rem;
    }

    .the__railway--transportation-section-5 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-7 .content p {
        width: 320px;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-9 .content p {
        width: 320px;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-10 .content h2 {
        width: 395px;
    }

    .the__railway--transportation-section-10 .content p {
        width: 395px;
    }

    .the__railway--transportation-section-12 .content h2 {
        font-size: 40px;
        width: 320px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-12 .content p {
        width: 320px;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-14 {
        display: flex;
        width: 96%;
        height: 500px;
        background: white;
        margin: 0 auto;
        place-items: center;
        padding-left: 3rem;
        margin-bottom: 3rem;
    }

    .the__railway--transportation-section-14 .content {
        margin-right: 5rem;
    }

    .the__railway--transportation-section-14 .content h2 {
        font-size: 40px;
        width: 320px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-14 .content p {
        width: 320px;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-14 .image__container {
        width: 650px;
        height: 500px;
        padding-top: 3.4rem;
    }

    .the__railway--transportation-section-14 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    /* || PARTNERSHIP CONTENT SECTION | */

    .title {
        background: rgba(255, 255, 255, 0.959);
        /* overflow: hidden; */
        padding: 15px;
        font-size: 1.5rem;
        padding-left: 3rem;
        font-weight: bolder;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        height: auto !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 1 !important;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .ptnscall__to-action {
        padding: 0.3rem;
        background: rgb(250, 90, 3);
        width: 100%;
        font-size: 11px;
        font-weight: bolder;
        padding-left: 3rem;
        position: sticky !important;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        top: 3.6rem !important;
        z-index: 1 !important;
        color: white;

    }

    .partnership__content-1 {
        display: flex;
        position: relative;
        height: 602px;
        width: 100%;
        background: black;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), #051e7c), url(../img/content1-background.jpeg);
        margin-bottom: 6rem;

    }

    .partnership__content-1 .image__container {
        overflow: hidden;
        margin-top: 2.6rem;
        margin-left: -14rem;
    }

    .image__container img {
        width: 490px;
        height: 590px;
    }

    .partnership__content-1 .content__1a-container {

        color: white;
        margin-top: 10rem;
        padding-left: 5rem;
        margin: auto 0;
        margin-right: 10rem;

    }

    .partnership__content-1 .content__1a-container a {
        background: rgb(250, 90, 3);
        padding: 9px 19px;
        text-decoration: none;
        color: white;
        border-radius: 4px;
    }

    .partnership__content-1 .content__1a-container a:hover {
        filter: brightness(140%);
    }

    .partnership__content-1 .content__1a-container .p-1 {
        margin-bottom: 2.5rem;
        font-size: 17px;
    }

    .partnership__content-1 .content__1a-container h2 {
        font-size: 32px;
    }

    .partnership__content-1 .content__1a-container p {
        margin-bottom: 4rem;
        font-size: 17px;
    }

    .partnership__content-2 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 6.5rem;
    }

    .partnership__content-2 .p-1 {
        font-size: 19px;
        margin-bottom: 1.2rem;
        color: #000;
        font-weight: bolder;
    }

    .partnership__content-2 h2 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .partnership__content-2 p {
        font-size: 19px;
        color: #333;
        font-weight: light;
    }

    .partnership__content-2 .fa-solid {
        font-size: 19px;
    }

    .partnership__content-3 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 8rem;
    }

    .partnership__content-3 h2 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .partnership__content-3 p {
        font-size: 19px;
        color: #333;
        font-weight: light;
    }

    .partnership__content-3 .fa-regular {
        font-size: 24px;
    }

    .column {
        width: 100%;
        columns: 4 180px;
        column-rule: 3px solid #f5f1f1;
        column-gap: 3rem;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 6rem;


    }

    .column div {
        width: 180px;
        padding: 1rem;
        margin: 0 auto;
    }

    .column div h2 {
        font-size: 20px;
        color: #333;
        margin-bottom: 1rem;
    }

    .column div .fa-solid,
    .column div .fa-brands {
        font-size: 24px;
        padding: 3rem;
        border-radius: 50%;
        background: rgb(160, 158, 156);
        color: #000;
    }

    .partnership__content-5 h2 {
        text-align: center;
        font-size: 4.6rem;
    }



    .form__container {
        width: 100%;
        height: 600px;
        background: rgb(43, 43, 167);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    form {
        width: 80%;
        max-width: 1010px;
    }

    .input-group {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 10px;
        outline: 0;
        border: 1px solid #fff;
        color: #fff;
        background: transparent;
        font-size: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #fff;
        cursor: text;
        transition: 0.2s;
    }

    .partnership__button {
        display: inline-block;
        padding: 10px 0;
        color: #fff;
        outline: none;
        background: transparent;
        border: 1px solid #fff;
        width: 130px;
        cursor: pointer;
    }

    /* button:hover {
    background: rgb(245,245,247);
    color: rgb(42, 42, 53);
} */

    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }

    .row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .row .input-group {
        flex-basis: 48%;
    }

    /* || ABOUT SECTION | */

    .about__content1-p {
        background: rgba(255, 255, 255, 0.959);
        padding: 55px;
        font-size: 1.5rem;
        padding-left: 3rem;
        font-weight: bolder;
        position: sticky;
        top: 0 !important;
        z-index: 1 !important;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .about__content-1 {
        display: flex;
        background: rgb(245, 245, 247);
        overflow: hidden;
        margin-bottom: 6rem;

    }

    .about__content-1 .content__container {
        width: 500px;
        margin: auto 0;
    }

    .about__content-1 .content__container h2,
    .about__content-1 .content__container p,
    .about__content-1 .content__container a {
        color: #000;
        margin-top: 10rem;
        padding-left: 2rem;
        margin: auto 0;
        margin-right: 10rem;
    }

    .about__content-1 .content__container h2 {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .about__content-1 .content__container p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        width: 505px;
    }

    .about__content-1 .content__container a {
        text-decoration: none;
        font-size: 18px;
        margin-left: 2rem;
        padding: 8px 19px;
        border-radius: 7px;
        background: rgb(250, 90, 3);
        color: white;
        transition: 0.2s linear;
    }

    .about__content-1 .content__container a:hover,
    .about__content-1 .content__container a:focus {
        letter-spacing: 2px;
        background: rgb(209, 208, 208);
        color: rgb(106, 106, 218);
    }

    .about__content-1 .image__container {
        width: 600px;
        margin-left: -0.6rem;
        margin-top: 2.2rem;
    }

    .about__content-1 .image__container img {
        width: 440px;
        height: 440px;
    }

    .about__content-2 {
        display: flex;
        margin-bottom: 10rem;
        margin-left: -1rem;
    }

    .about__content-2 div {
        width: 600px;
        margin-left: 4.5rem;
    }

    .about__content-2 div h2 {
        margin-bottom: 1rem;
        font-size: 28px;
    }

    .about__content-2 div p {
        color: #333;
        font-size: 18px;
        width: 394px;
    }

    .about__content-2 .content__container2 {
        margin-left: 0.2rem;
    }

    .about__content-3 {
        margin-left: 3rem;
        margin-bottom: 7rem;
    }

    .about__content-3 h2 {
        margin-bottom: 2rem;
        font-size: 28px;
    }

    .about__content-3 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.5rem;
    }

    .about__content-3 p {
        font-size: 18px;
        margin-bottom: 2.5rem;
        width: 790px;
        color: #333;
    }

    .about__content-4 {
        background: rgb(27, 42, 57);
        color: white;
        padding-left: 3rem;
        padding-top: 2rem;
        height: 486px;
        margin-bottom: 7rem;
    }

    .about__content-4 h2 {
        margin-bottom: 2rem;
        padding: 0.6rem 0;
    }

    .about__content-4 .content__container1 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .about__content-4 .content__container1 h2 {
        font-size: 28px;
    }

    .about__content-4 .content__container2 {
        display: flex;
    }

    .about__content-4 .content__container2 div {
        width: 700px;
    }

    .about__content-4 .content__container2 .div-1 {
        margin-right: 3rem;

    }

    .about__content-4 .content__container2 h2 {
        margin-bottom: 1.5rem;
    }

    .about__content-4 .content__container2 div h2 {
        font-size: 23px;
        margin-bottom: 0.6rem;
    }

    .about__content-4 .content__container2 div p {
        color: rgb(225, 230, 233);
        font-size: 18px;
        width: 405px;
    }

    .about__content-4 .content__container2 div .p-1 {
        margin-bottom: 3rem;
    }

    .about__content-5 {
        padding-left: 3rem;
        margin-bottom: 7rem;
    }

    .about__content-5 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
    }

    .about__content-5 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .about__content-5 p {
        font-size: 18px;
        color: #333;
        margin-bottom: 2.5rem;
        width: 810px;
    }

    .about__content-6 {
        background: rgb(203, 235, 242);
        padding-left: 3rem;
        display: flex;
        width: 100%;
        height: 500px;
    }

    .about__content-6 .container-1 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
        width: 500px;
    }

    .about__content-6 .container-1 p {
        width: 410px;
        margin-bottom: 2.5rem;
        font-size: 18px;
    }

    .about__content-6 div {
        margin: auto 0;
    }

    .about__content-6 .container-1 .none {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem;
    }

    .about__content-6 .container-2 {
        margin-top: 10.7rem;
        margin-left: -5rem;
    }

    .about__content-6 .container-2 img {
        width: 340px;
        height: 210px;
        margin: auto 0;
        margin-left: 4.1rem;
        border-radius: 0.8rem;
    }

    /* || STAFFS SECTION | */

    .staff__main {
        margin-bottom: 6rem;
    }

    .staff__content1-p-container {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        padding-left: 3rem;
        position: sticky !important;
        top: 0 !important;
        z-index: 1 !important;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
        margin-bottom: 4rem;
    }

    .staff__content1-p-container .staffs__content1-p {
        font-size: 1.5rem;
        font-weight: bolder;
        color: black;
        text-decoration: none;

    }

    .staff__title {
        font-size: 19px;
        width: 160px;
        margin-left: 2rem;
        margin-bottom: 2rem;
        color: #333;
    }

    .staff__content-1 {
        display: flex;
        width: 99%;
        margin: 0 auto;
        gap: 1.5rem;
        place-content: center;
        margin-bottom: 5rem;
        flex-shrink: 1;
        position: relative;
    }

    .staff__content-1 .staff__content-container {
        width: 288px;
        height: 288px;
        border-radius: 7px 7px 0 0;
    }

    .staff__content-1 .div__4 {
        position: absolute;
        margin-top: 23.1rem;
        left: 0.1rem;
    }

    .staff__content-1 .staff__content-container .staffs__ancortag {
        display: inline-block;
        width: 272px;
        height: 225px;
        border-radius: 7px 7px 0 0;
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 2rem;
    }

    .staff__content-1 .staff__content-container .staffs__ancortag:hover,
    .staff__content-1 .staff__content-container .staffs__ancortag:focus {
        text-decoration: underline;
    }

    .staff__content-1 .staff__content-container a .staff__content-ancortag {
        color: rgb(33, 136, 220);
        font-size: 18px;
    }

    .staff__content-1 .staff__content-container .image__container {
        width: 288px;
        height: 220px;
        border-radius: 7px;
        margin-bottom: 1rem;
        background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
    }

    .staff__content-1 .staff__content-container .image__container img {
        width: 200px;
        height: 220px;
        display: block;
        margin: 0 auto;
        padding-top: 0.5rem;
    }


    .staff__content-1 .staff__content-container .staff__content--ancortag2 {
        display: block;
        text-decoration: none;
        height: 20px;
        color: black;
        font-size: 18px;
    }

    .staff__content-2 {
        display: flex;
        width: 600px;
        margin: 0 auto;
        gap: 1.3rem;
        /* place-content: center; */
        margin-bottom: 20rem;
        flex-shrink: 1;
        margin-left: 19.6rem;
    }

    .staff__content-2 .staff__content-container {
        /* margin-right: 0.2rem; */
        width: 288px;
        height: 288px;
        border-radius: 7px 7px 0 0;
    }

    .staff__content-2 .div__3,
    .staff__content-2 .div__4 {
        position: absolute;
    }

    .staff__content-2 .div__3 {
        margin-top: 21.4rem;
        left: 0.4rem;
    }

    .staff__content-2 .div__4 {
        margin-top: 21.4rem;
        left: 19.6rem;
    }

    .staff__content-2 .staff__content-container .staffs__ancortag {
        display: inline-block;
        width: 272px;
        height: 225px;
        border-radius: 7px 7px 0 0;
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 2rem;
    }

    .staff__content-2 .staff__content-container .staffs__ancortag:hover,
    .staff__content-2 .staff__content-container .staffs__ancortag:focus {
        text-decoration: underline;
    }

    .staff__content-2 .staff__content-container a .staff__content-ancortag {
        color: rgb(33, 136, 220);
        font-size: 18px;
    }

    .staff__content-2 .staff__content-container .image__container {
        width: 288px;
        height: 220px;
        border-radius: 7px;
        margin-bottom: 1rem;
        background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
    }

    .staff__content-2 .staff__content-container .image__container img {
        width: 200px;
        height: 220px;
        display: block;
        margin: 0 auto;
        padding-top: 0.5rem;
    }


    .staff__content-2 .staff__content-container .staff__content--ancortag2 {
        display: block;
        text-decoration: none;
        height: 20px;
        color: black;
        font-size: 18px;
    }

    .staff__content-3 {
        display: flex;
        width: 300p;
        margin: 0 auto;
        gap: 2.5rem;
        /* place-content: center; */
        margin-bottom: 5rem;
        flex-shrink: 1;
        margin-top: -16.7rem;
        margin-left: 37.6rem;
    }

    .staff__content-3 .staff__content-container {
        width: 288px;
        height: 288px;
        border-radius: 7px 7px 0 0;
    }

    .staff__content-3 .staff__content-container .staffs__ancortag {
        display: inline-block;
        width: 272px;
        height: 225px;
        border-radius: 7px 7px 0 0;
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 2rem;
    }

    .staff__content-3 .staff__content-container .staffs__ancortag:hover,
    .staff__content-3 .staff__content-container .staffs__ancortag:focus {
        text-decoration: underline;
    }

    .staff__content-3 .staff__content-container a .staff__content-ancortag {
        color: rgb(33, 136, 220);
        font-size: 18px;
    }

    .staff__content-3 .staff__content-container .image__container {
        width: 288px;
        height: 220px;
        border-radius: 7px;
        margin-bottom: 1rem;
        background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
    }

    .staff__content-3 .staff__content-container .image__container img {
        width: 200px;
        height: 220px;
        display: block;
        margin: 0 auto;
        padding-top: 0.5rem;
    }


    .staff__content-3 .staff__content-container .staff__content--ancortag2 {
        display: block;
        text-decoration: none;
        height: 20px;
        color: black;
        font-size: 18px;
    }


    /* || ABOUT PHRONESIS AND OTHER STAFFS | */
    .about__staff--content-p_container {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        padding-left: 3rem;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
        position: sticky !important;
        top: 0 !important;
        z-index: 1 !important;
    }

    .about__staff--content-p_container .about__staffs--content1-p {
        font-size: 1.5rem;
        font-weight: bolder;
        color: black;
        text-decoration: none;

    }

    .about__staff--section-1 {
        display: flex;
        width: 100%;
        background: linear-gradient(rgba(204, 202, 202, 0.2), rgba(215, 211, 211, 0.2));
        height: 400px;
        margin-bottom: 3rem;
    }

    .about__staff--section-1 .about__staff--content-1 {
        margin: auto 0;
        padding-left: 7rem;
    }

    .about__staff--section-1 .about__staff--content-2 {
        width: 300px;
        height: 400px;
        margin-top: 3.1rem;
        padding-left: 9.8rem;
    }

    .about__staff--section-1 .about__staff--content-2 img {
        width: 300px;
        height: 350px;
    }


    .about__staff--section-1 .about__staff--content-1 h1 {
        margin-bottom: 1rem;
        font-size: 25px;
    }

    .about__staff--section-1 .about__staff--content-1 h2 {
        font-weight: lighter;
        width: 300px;
    }

    .about__staff--section-2 {
        width: 100%;
        display: flex;
        padding-left: 1.5rem;
        gap: 4rem;
    }

    .about__staff--section-2 .about__s--content-1,
    .about__staff--section-2 .about__s--content-2 {
        width: 400px;
    }

    .about__staff--section-2 .about__s--content-1 p,
    .about__staff--section-2 .about__s--content-2 p {
        width: 400px;
        font-size: 20px;
        margin-bottom: 1rem;
        color: #333;
    }

    .about__staff-main {
        margin-bottom: 4rem;
    }

    /* || CAREERS | */

    .careers__sticker {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        padding-left: 3rem;
        position: sticky !important;
        top: 0 !important;
        z-index: 1 !important;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .careers__section-2 {
        padding: 11.5rem 3rem;
    }

    .careers__section-2 h2 {
        margin-top: -3.5rem;
    }

    .careers__section-6 {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .careers__section-6 h2 {
        margin: 0 auto;
        padding: 0;
    }

    .careers__section-7 {
        margin-bottom: 4rem;
    }

    .careers__section-7 .careers__section--7-content {
        display: flex;
        place-content: center;
        margin-bottom: 5rem;
        gap: 2rem;
        width: 100%;
    }

    .careers__section-8 {
        text-align: center;
    }

    /* || WORK AT DIAMOND | */
    .work__at--diamond-hero .content h2 {
        width: 800px;
    }

    .work__at--diamond-section-1 {
        height: 600px;
    }

    .work__at--diamond-section-1 h2 {
        padding: 9.3rem 10rem;
    }

    .work__at--diamond-section-2 {
        padding-left: 5rem;

    }

    .work__at--diamond-section-4 {
        height: 1200px;
        padding: 0 10.6rem;
    }

    .work__at--diamond-section-4 .pg__1 {
        padding-top: 1.5rem;
    }

    .work__at--diamond-section-4 .work__at--diamond--section4-h2 {
        font-size: 58px;
        width: 500px;
        margin-bottom: 3.4rem;
    }

    .work__at--diamond-section-4 .work__at--diamond-section4-h2-2 {
        width: 600px;
    }

    .work__at--diamond-section-5 {
        display: flex;
        width: 100%;
        height: 500px;
        color: white;
        background: rgb(22, 22, 23);
        padding: 3rem 0;
        padding-left: 10.6rem;
    }

    .work__at--diamond-section-5 .p-4,
    .work__at--diamond-section-5 .p-5 {
        padding-top: 2.9rem;
        width: 600px;
        font-size: 19px;
        color: rgb(213, 213, 213);
        margin-right: 10rem;
        margin-bottom: 3rem;
    }

    .work__at--diamond-section-6 {
        padding-left: 10.6rem;
        width: 100%;
        height: 750px;
        background: #000;
        color: #fff;
        padding-top: 4.6rem;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-p1 {
        font-size: 28px;
        font-weight: bolder;
        margin-bottom: 1.7rem;
    }

    .work__at--diamond-section-6 h2 {
        width: 600px;
        font-size: 59px;
        margin-bottom: 4rem;
    }

    .work__at--diamond-section-6 h2 span {
        background: linear-gradient(90deg, rgb(87, 130, 192), rgb(107, 31, 231), rgb(103, 56, 220), rgb(87, 130, 192));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-content-3 {
        display: flex;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-content-3 p {
        width: 400px;
        font-size: 19px;
        color: rgb(213, 213, 213);
        margin-right: 6rem;
        margin-bottom: 3rem;
    }

    .work__at--diamond-section-7 {
        width: 100%;
        height: 600px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url(../img/work-at-diamond-section7-Bgimage.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        color: #fff;
        padding-left: 10.6rem;
        color: white;
        padding-top: 14rem;
    }

    .work__at--diamond-section-7 h2 {
        font-size: 42px;
        width: 560px;
        margin-bottom: 1.8rem;
    }

    .work__at--diamond-section-7 p {
        font-size: 18px;
        color: rgb(213, 213, 213);
        margin-bottom: 5rem;
    }

    .work__at--diamond-section-8 {
        width: 100%;
        height: 1000px;
        background: black;
        color: white;
        padding-top: 4.6rem;
    }

    .work__at--diamond-section-8 .p__1 {
        font-size: 28px;
        font-weight: bolder;
        text-align: center;
        margin-bottom: 1.7rem;
    }

    .work__at--diamond-section-8 .content__1-h2 {
        width: 850px;
        font-size: 59px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 1.8rem;
    }

    .work__at--diamond-section-8 .content__1-h2 span {
        background: linear-gradient(90deg, rgb(87, 130, 192), rgb(107, 31, 231), rgb(103, 56, 220), rgb(87, 130, 192));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .work__at--diamond-section-8 .p__2 {
        font-size: 27px;
        text-align: center;
        width: 600px;
        margin: 0 auto;
        margin-bottom: 3.5rem;
        color: #f1ffff;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 {
        width: 85%;
        height: 480px;
        background: rgb(22, 22, 23);
        margin: 0 auto;
        display: flex;
        border-radius: 13px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 .image__container {
        width: 600px;
        height: 480px;
        overflow: hidden;
        margin-right: 3.5rem;
        border-radius: 13px 0 0 13px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 .image__container img {
        width: 600px;
        height: 480px;
        display: inline-block;
        border-radius: 13px 0 0 13px;
        margin-left: -8.5rem;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 {
        width: 100%;
        height: 170.1px;
        margin: auto 0;

    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 h2,
    .work__at--diamond-section-8 .work__at--diamond-div-2 p {
        width: 500px;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 h2 {
        font-size: 40px;
        margin-bottom: 1.8rem;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        color: #f1ffff;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 a {
        text-decoration: none;
        font-size: 18px;
        color: rgb(20, 112, 201);
        display: inline-block;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 a:hover,
    .work__at--diamond-section-8 .work__at--diamond-div-2 a:focus {
        text-decoration: underline;
    }

    /* || APPLY FOR WORK | */
    .apply__for--work {
        width: 100%;
        height: 470px;
        background-image: linear-gradient(rgba(115, 100, 211, 0.7), rgba(22, 22, 22, 0.8)), url(../img/apply-for-work-backgroundimage.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        color: #fff;
        padding-left: 4.5rem;
        padding-top: 12rem;
        margin-bottom: 4rem;

    }

    .apply__for--work-form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        place-content: center;
        /* padding: 0 9.4rem; */
    }

    .apply__for--work-button {
        width: 138px;
    }


    /* || CONTACT | */


    .contact__section-2 {
        padding-left: 7.5rem;
    }

    .contact__h2 {
        padding-left: 7.5rem;
    }

    .contact__section-2 div h2,
    .contact__section-2 div p {
        width: 330px;
    }

    .contact__section-2 div h2 {
        margin-bottom: 0.5rem;
    }

    .contact__form--button {
        width: 130px;
    }

    .contact__from {
        width: 93%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    .contact__form--container .contact__form div .input-group-1 input,
    .contact__form--container .contact__form div textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #8B8B8F;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .contact__form--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
        border: none;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || HEALTH AND SAFETY | */

    .about__content1-p {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        font-size: 1.5rem;
        padding-left: 2rem;
        font-weight: bolder;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .health__and--safety-content-1 .health__and--safety-container {
        width: 450px;
        margin-right: 1.2rem;
    }

    .health__and--safety-content-1 .health__and--safety-container h2 {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .health__and--safety-content-1 .health__and--safety-container p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        width: 400px;
    }

    .health__and--safety-content-2 {
        margin-left: 4.5rem;
        margin-bottom: 7rem;
    }

    .health__and--safety-content-2 h2 {
        margin-bottom: 2rem;
        font-size: 28px;
    }

    .health__and--safety-content-2 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.5rem;
    }

    .health__and--safety-content-2 p {
        font-size: 18px;
        margin-bottom: 2.5rem;
        width: 750px;
        color: #333;
    }

    .health__and--safety-content-3 {
        background: rgb(27, 42, 57);
        color: white;
        padding-left: 4.5rem;
        padding-top: 2rem;
        height: 570px;
        margin-bottom: 6rem;
    }

    .health__and--safety-content-3 h2 {
        margin-bottom: 2rem;
        padding: 0.6rem 0;
    }

    .health__and--safety-content-3 .content__container1 {
        margin-top: -0.1rem;
    }

    .health__and--safety-content-3 .content__container1 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .health__and--safety-content-3 .content__container1 h2 {
        font-size: 28px;
    }

    .health__and--safety-content-3 .content__container2 {
        display: flex;
    }

    .health__and--safety-content-3 .content__container2 div {
        width: 400px;
    }

    .health__and--safety-content-3 .content__container2 .div-1 {
        margin-right: 3rem;

    }

    .health__and--safety-content-3 .content__container2 h2 {
        margin-bottom: 1.5rem;
    }

    .health__and--safety-content-3 .content__container2 div h2 {
        font-size: 23px;
        margin-bottom: 0.6rem;
    }

    .health__and--safety-content-3 .content__container2 div p {
        color: rgb(225, 230, 233);
        font-size: 18px;
        width: 320px;
    }

    .health__and--safety-content-3 .content__container2 div .p-1 {
        margin-bottom: 3rem;
    }

    .health__and--safety-content-4 {
        padding-left: 4.5rem;
        margin-bottom: 9rem;
    }

    .health__and--safety-content-4 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
    }

    .health__and--safety-content-4 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .health__and--safety-content-4 p {
        font-size: 18px;
        color: #333;
        margin-bottom: 2.5rem;
        width: 750px;
    }

    /* || TERMS AND CONDITIONS USE THE SAME CSS STYLE OF THE FIRST STYLING | */

    /* || INTELLECTUAL PROPERTY HAS THE SAME CSS STYLE WITH THE FIRST CSS STYLING | */

    /* || DIAMOND-TRADE-MARK-LIST HAS THE SAME CSS STYLE WITH THE FIRST CSS STYLING */

    /* || DIAMOND-WEB-BADGES HAS THE SAME CSS WITH THE FIRST STYLING */

    /* || RIGHTS-&-PERMISSIONS | */
    .rights__and--permissions {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .rights__and--permissions h2 {
        font-size: 40px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .rights__and--permissions-content1 {
        padding: 0 10.6rem;
        margin-bottom: 3rem;
    }



    .rights__and--permissions-content1 p {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content1 p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }


    .rights__and--permissions-content1 p a:hover,
    .rights__and--permissions-content1 p a:focus {
        text-decoration: underline;
    }

    .rights__and--permissions-content2 {
        padding: 0 10.6rem;
        margin-bottom: 1.3rem;
    }

    .rights__and--permissions-content2 ul li {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content2 ul li a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .rights__and--permissions-content2 ul li a:hover,
    .rights__and--permissions-content2 ul li a:focus {
        text-decoration: underline;
    }

    .rights__and--permissions-form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 9.4rem;
    }

    .rights__and--permissions-form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    button {
        display: inline-block;
        padding: 10px 30px;
        border: 0;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    .rights__and--permissions-content3 {
        padding: 0 10.6rem;
    }

    .rights__and--permissions-content3 p {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content3 p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .rights__and--permissions-content3 p a:hover,
    .rights__and--permissions-content3 p a:focus {
        text-decoration: underline;
    }

    /* || PIRACY-PREVENTION USES THE SAME CSS STYLE WITH THE FIRST CSS STYLING */

    /* || COPYRIGHT-INFRINGEMENT | */
    .rights__and--permissions {
        text-align: center;
        padding: 4rem 10.6rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .rights__and--permissions h2 {
        font-size: 40px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .copyright__infringement--section-1 {
        padding: 0 10.6rem;
        margin-bottom: 3rem;
    }

    .copyright__infringement--section-1 h2 {
        margin-bottom: 1.2rem;
    }



    .copyright__infringement--section-1 p {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }


    .copyright__infringement--section-2 {
        padding: 0 10.6rem;
        margin-bottom: 1.3rem;
    }

    .copyright__infringement--section-2 ul li {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .copyright__infringement--form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 9.4rem;
    }

    .copyright__infringement--form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .copyright__button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        border: 0;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || COUNTERFEIT PREVENTION | */

    .counterfeit__prevention {
        text-align: center;
        padding: 4rem 10.6rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .counterfeit__prevention h2 {
        font-size: 40px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .counterfeit__prevention p {
        font-size: 19px;
        color: #333;
        width: 600px;
        margin: 0 auto;
        margin-bottom: 1.2rem;
    }

    .counterfeit__prevention--form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 9.4rem;
    }

    .counterfeit__prevention-form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .counterfeit__prevention--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || POLICIES IDEAS USES THE SAME CSS STYLE WITH THE FIRST CSS STYLING | */

    /* || SLA | */

    .software__license--agreement-header p {
        font-size: 19px;
        color: #333;
        margin: 0 auto;
        margin-bottom: 1.2rem;
        width: 500px;
    }

    /* || CONTACT LEGAL | */

    .contact__legal--section-1 {
        width: 100%;
        height: 362px;
        background: #2d1d90;
        color: #fff;
        padding-left: 10rem;
        padding-top: 8.5rem;
        margin-bottom: 12rem;
    }

    .contact__legal--section-1 h2 {
        font-size: 55px;
    }

    .contact__legal--form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 9.4rem;
    }

    .contact__legal--form {
        width: 71%;
        max-width: 1010px;
        margin-bottom: 11rem;
    }

    .contact__legal .contact__legal--h2 {
        font-size: 21px;
        margin-bottom: 3rem;
    }

    /* || PRIVACY POLICY | */

    .privacy__policy--section-1 {
        /* margin-top: 20rem; */
        width: 700px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-1 h2 {
        font-size: 40px;
        margin-top: 4rem;
        margin-bottom: 0.5rem;
    }

    .privacy__policy--section-1 p {
        font-size: 19px;
        color: #333;
    }

    .privacy__policy--section-2 {
        width: 800px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 9rem;
    }


    .privacy__policy--section-3 {
        width: 850px;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 6rem;
        border-bottom: 1px solid #edebeb;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-3 h2 {
        font-size: 40px;
        width: 700px;
        margin: 0 auto;
    }

    .privacy__policy--section-4 h2 {
        font-size: 35px;
        width: 700px;
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-4 p {
        font-size: 19px;
        color: #333;
        width: 800px;
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-5 {
        width: 900px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-5 h2 {
        font-size: 35px;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-5 p {
        font-size: 19px;
        color: #333;
        margin: 0 auto;
        margin-bottom: 1rem;
        width: 800px;
    }

    /* || INTERNSHIP | */

    .internship__title {
        font-size: 28px;
        text-align: center;
        padding: 4rem 10.6rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }



    .internship__section-1 {
        padding: 0 10.6rem;
        margin-bottom: 5rem;
    }

    .internship__section-1 h2 {
        margin-bottom: 1.2rem;
    }



    .internship__section-1 p {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .internship__section-2 {
        padding: 0 10.6rem;
        margin-bottom: 5rem;
    }

    .internship__section-2 h2 {
        margin-bottom: 1.2rem;
        margin-left: -1.2rem;
    }



    .internship__section-2 ul li {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .internship__section-3 {
        padding: 0 10.6rem;
        margin-bottom: 5rem;
    }

    .internship__section-3 h2 {
        margin-bottom: 1.2rem;
        margin-left: -1.2rem;
    }



    .internship__section-3 ul li {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .internship__section-4 {
        padding: 0 10.6rem;
        margin-bottom: 9rem;
    }

    .internship__section-4 h2 {
        margin-bottom: 1.2rem;
        margin-left: -1.2rem;
    }



    .internship__section-4 ul li {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .internship__section-5 {
        padding-left: 9.6rem;
    }

    .internship__section-5 h2 {
        font-size: 30px;
    }



    .copyright__infringement--section-2 ul li {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .internship__form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 9.4rem;
        margin-top: -5rem;
    }

    .internship__form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .internship__button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || NEWS | */

    .new__main {
        margin-top: 5rem;
    }

    .news__content-1 {
        display: flex;
        width: 100%;
        gap: 2rem;
        margin-bottom: 2rem;
    }

    .news__content-1 a {
        display: block;
        width: 406px;
        height: 380px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        margin-right: 0rem;
        text-decoration: none;
        color: #000;
        cursor: pointer;

    }

    .news__content-1 a div .image-container {
        height: 180px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
        background: #F9F9F9;
        text-align: center;
    }

    .news__content-1 a div .image-container img {
        object-fit: fill;
        width: 230px;
        height: 280px;
        transition: all 1.1s;

    }

    .news__content-1 a div .image-container .news__image-1 {
        width: 193px;
        height: 360px;
        padding-top: 2rem;
    }

    .news__content-1 a div .image-container .news__image-2 {
        width: 406px;
        height: 380px;
        margin-top: -2.6rem;
    }

    .news__content-1 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .news__content-1 a div h2,
    .news__content-1 a div p {
        padding-left: 1rem;
        width: 380px;
    }

    .news__content-1 a div .news__p--content-1 {
        margin-bottom: 0.1rem;
        width: 360px;
    }

    .news__content-1 a div .news__p--content-2 {
        color: rgb(123, 123, 127);
    }

    .news__content-1 a div h2 {
        margin-bottom: 1.2rem;
        margin-top: 3.5rem;
        width: 300px;
    }

    .news__content-2 {
        display: flex;
        width: 100%;
        justify-content: space-around;
        margin: 0;
        margin-bottom: 8rem;

    }

    .news__content-2 a {
        display: block;
        text-decoration: none;
        color: #000;
        cursor: pointer;
        width: 406px;
        height: 380px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        margin-right: 0rem;
    }

    .news__content-2 a div .image-container {
        height: 180px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
        background: #F9F9F9;
        text-align: center;
    }

    .news__content-2 a div .image-container img {
        object-fit: fill;
        width: 230px;
        height: 280px;
        transition: all 1.1s;
    }

    .news__content-2 a div .image-container .news__image-3 {
        width: 193px;
        height: 450px;
        padding-top: 2rem;
    }

    .news__content-2 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .news__content-2 a div h2,
    .news__content-2 a div p {
        padding-left: 1rem;
        width: 380px;
    }

    .news__content-2 a div .news__p--content-1 {
        margin-bottom: 0.1rem;
    }

    .news__content-2 a div .news__p--content-2 {
        color: rgb(123, 123, 127);
    }

    .news__content-2 a div h2 {
        margin-bottom: 1.2rem;
        margin-top: 3.5rem;
    }

    /* || NEWS CONTENT USES THE SAME CSS STYLE WITH THE FIRST CSS STYLING | */

    /* || POWERED INVESTMENT USES THE SAME CSS STYLE WITH THE FIRST CSS STYLING | */

    /* || NEWS PAYMENT GATEWAY USES THE SAME CSS STYLE WITH THE FIRST CSS STYLING | */

    /* || FOOTER SECTION */

    .footer {
        display: flex;
        background: rgb(27, 43, 52);
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-left: 2rem;
        position: relative;
    }

    .footer section .paragraph {
        color: #999ea3;
        font-weight: lighter;
        margin-bottom: 2rem;
        font-size: 30px;
    }

    .footer section,
    .footer section p {
        width: 300px;
    }

    .footer section p {
        margin-bottom: 0.5rem;
        font-size: 30px;
        width: 280px;
    }

    .footer section p a {
        color: #959faa;
        font-weight: lighter;
        text-decoration: none;
        position: relative;
    }

    .footer section p a:hover,
    .footer section p a:focus {
        color: rgb(250, 90, 3);
    }

    .footer section.section__4 {
        width: 360px;
    }

    .section__4 .ancortag {
        display: inline-block;
        color: #999ea3;
        font-size: 30px;
        margin-right: 50px;
        margin-top: 18rem;
    }

    .section__4 {
        padding-left: 0.4rem;
        margin-left: -22rem;
    }


    .section__4 .ancortag:hover,
    .section__4 .ancortag:focus {
        color: rgb(250, 90, 3);
    }

    .footer-p {
        background: rgb(27, 43, 52);
        width: 100%;
        height: 3rem;
        font-size: 25px;
        text-align: center;
        color: #999ea3;
        margin: 0;
        padding-top: 8px;
    }

    /* || COLOR SCHEME | */
    :root {
        color-scheme: light dark;
        /* || GENERAL SETTINGS | */
    }


    @media (prefers-color-scheme: dark) {

        /* || GENERAL SETTINGS | */
        html {
            color: white;
        }

        h1,
        h2,
        h3 {
            color: white;
        }

        p {
            color: white;
        }

        /* || HOME PAGE | */

        .body__content-container .new_content h2 {
            color: white;
        }

        .body__content-container .content__1 h2 {
            color: black;
        }

        .body__content-container .content__2 h2,
        .body__content-container .content__2 p {
            color: white;
        }

        .body__content-container .content__4 h2,
        .body__content-container .content__4 p {
            color: white;
        }

        .body__content-container .content__5 h2,
        .body__content-container .content__5 p {
            color: white;
        }

        .body__content-container .content__6 h2,
        .body__content-container .content__6 p {
            color: white;
        }

        .body__content-container .content__7 h2,
        .body__content-container .content__7 p {
            color: white;
        }

        .body__content-container .content__8 h2,
        .body__content-container .content__8 p {
            color: white;
        }

        .body__content-container .content__9 h2,
        .body__content-container .content__9 p {
            color: white;
        }

        /* || OTHER BUSINESS BRANDS */

        .new__quote-section h2 {
            color: white;
        }

        .brands-content-1 a div h2,
        .brands-content-2 a div h2,
        .brands-content-3 a div h2,
        .brands-content-4 a div h2 {
            color: black;
        }

        .brands-content-1 a div p,
        .brands-content-2 a div p,
        .brands-content-3 a div p,
        .brands-content-4 a div p {
            color: black;
        }

        .brands-content-5 h2,
        .brands-content-5 p {
            color: white;
        }

        .brands-content-7 a div h2,
        .brands-content-7 a div p {
            color: black;
        }

        .brands-content-8 a div h2,
        .brands-content-8 a div p {
            color: black;
        }

        .brands-content-9 a {
            color: white;
            outline: 2px solid white;
        }

        .brands-content-9 a:hover,
        .brands-content-9 a:focus {
            background: white;
            color: black;
        }

        .pgw-content-1 div h2,
        .pgw-content-1 div p {
            color: black;
        }

        .pgw-content-2 h2,
        .pgw-content-2 p {
            color: white;
        }

        .pgw-content-3 h2,
        .pgw-content-3 p {
            color: white;
        }

        .pgw-content-4 .cnt__container h2,
        .pgw-content-4 .cnt__container p {
            color: white;
        }

        .pgw-content-5 .ctn-container h2,
        .pgw-content-5 .ctn-container p {
            color: white;
        }

        .pgw-content-6 .ctn-container h2,
        .pgw-content-6 .ctn-container p {
            color: white;
        }

        .pgw-content-7 .ctn-container h2,
        .pgw-content-7 .ctn-container p {
            color: white;
        }

        .pgw-content-8 .ctn-container h2,
        .pgw-content-8 .ctn-container p {
            color: white;
        }

        .pgw-content-9 .ctn-container h2,
        .pgw-content-9 .ctn-container p {
            color: white;
        }

        .pgw-content-10 .ctn-container h2,
        .pgw-content-10 .ctn-container p {
            color: white;
        }

        .pgw-content-11 .ctn-container h2,
        .pgw-content-11 .ctn-container p {
            color: white;
        }

        .pgw-content-12 .ctn-container h2,
        .pgw-content-12 .ctn-container p {
            color: white;
        }

        .pgw-content-13 .ctn-container h2,
        .pgw-content-13 .ctn-container p {
            color: white;
        }

        .pgw-content-14 .ctn-container h2,
        .pgw-content-14 .ctn-container p {
            color: white;
        }


        /* || PARTNERSHIP | */
        .title {
            color: black;
        }

        .partnership__content-2 h2,
        .partnership__content-2 .p-1,
        .partnership__content-2 p {
            color: white;
        }

        .partnership__content-3 h2,
        .partnership__content-3 p {
            color: white;
        }

        .column div h2 {
            color: white;
        }

        /* || ABOUT | */
        .about__content1-p {
            color: black !important;
        }

        .about__content-2 .content__container1 h2,
        .about__content-2 .content__container1 p {
            color: white;
        }

        .about__content-2 .content__container2 h2,
        .about__content-2 .content__container2 p {
            color: white;
        }

        .about__content-3 p {
            color: white;
        }

        .about__content-5 p {
            color: white;
        }

        .about__content-6 .container-1 h2,
        .about__content-6 .container-1 p {
            color: black;
        }

        /* || STAFFS | */
        .staff__title {
            color: white;
        }

        .staff__content-1 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-1 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-2 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-2 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-3 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-3 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        /* || PHRONESIS W CHISOM EKEH | */
        .about__staff--section-2 .about__s--content-1 P,
        .about__staff--section-2 .about__s--content-2 P {
            color: white;
        }

        /* || CAREERS | */
        .careers__section-7 .careers__section--7-content div h2,
        .careers__section-7 .careers__section--7-content div p {
            color: black;
        }

        .careers__section-8 .p__2 {
            color: white;
        }

        /* || CONTACT | */
        .contact__section-2 div h2,
        .contact__section-2 div p {
            color: white;
        }

        .contact__form--container .contact__form .contact__form--h2 {
            color: white;
        }

        /* || HEALTH AND SAFETY | */
        .about__content1-p {
            color: black !important;
        }

        .health__and--safety-content-2 p {
            color: white;
        }

        .health__and--safety-content-4 p {
            color: white;
        }

        /* || TERMS OF USE | */

        .terms__of--use-content h2,
        .terms__of--use-content p {
            color: white;
        }

        /* || INTELLECTUAL PROPERTY | */
        .intellectual__property--content P,
        .intellectual__property--content p span {
            color: white;
        }

        /* || DIAMOND WEB BADGES | */
        .diamond__web--badges-second-content .first__div p,
        .diamond__web--badges-second-content div p {
            color: white;
        }

        /* || DIAMOND TRADEMARK LIST | */
        .intellectual__property--content p {
            color: white;
        }

        .trade__marks--generic-title div p {
            color: white;
        }

        .trade__marks--generic div p {
            color: black;
        }

        /* || RIGHTS AND PERMISSIONS | */
        .rights__and--permissions-content1 P {
            color: white;
        }

        .rights__and--permissions-content2 ul li {
            color: white;
        }

        .rights__and--permissions-content3 p {
            color: white;
        }

        /* || COPYRIGHT INFRINGEMENT | */
        .copyright__infringement--section-1 p {
            color: white;
        }

        .copyright__infringement--section-2 ul li {
            color: white;
        }

        /* || PIRACY PREVENTION | */
        .piracy__prevention-section-1 p {
            color: white;
        }

        .piracy__prevention-content p {
            color: white;
        }

        /* || COUNTERFEIT PRODUCTSY | */
        .counterfeit__prevention P {
            color: white;
        }

        /* || POLICIES IDEAS | */
        .policies__ideas--section p {
            color: white;
        }

        /* || PRIVACY POLICY | */
        .privacy__policy--section-1 p {
            color: white;
        }

        .privacy__policy--section-2 p,
        .privacy__policy--section-2 .p__1 {
            color: white;
        }

        .privacy__policy--section-4 p {
            color: white;
        }

        .privacy__policy--section-5 p {
            color: white;
        }

        /* || SLA | */
        .software__license--agreement-header p {
            color: white;
        }

        .software__license--agreement-content h2 {
            color: black;
        }

        /* || INTERNSHIP | */
        .internship__section-1 p {
            color: white;
        }

        .internship__section-2 ul li {
            color: white;
        }

        .internship__section-3 ul li {
            color: white;
        }

        .internship__section-4 ul li {
            color: white;
        }

        /* || NEWS | */
        .news__content-1 a div h2,
        .news__content-1 a div p {
            color: black;
        }

        .news__content-2 a div h2,
        .news__content-2 a div .news__p--content-1 {
            color: black;
        }

    }

}

@media screen and (max-width: 900px) {
    /* || HEADERR SECTION MEDIA QUERY*/

    .header__content {
        position: fixed;
        display: flex;
        flex-direction: row;
        padding: 0.3rem 2rem !important;
        width: 100%;
        background: rgb(27, 43, 52);
        align-items: space-evenly;
        justify-content: space-evenly;
        /* position: fixed !important; */
        top: 0;
        background: red;
        z-index: 100000000000000000000000;

    }

    .content__img-container {
        display: flex;
        width: 240px;
        flex-direction: row;
        justify-content: space-evenly;
        place-items: center;
        /* padding-left: 0.5rem; */
        text-decoration: none;
        margin-left: -1.6rem;
    }

    .content__img-container:hover,
    .content__img-container:focus {
        text-decoration: none;
        font-weight: 750;
    }

    .content__img {
        width: 80px;
        height: 80px;
    }

    .companyName_container {
        width: 200px;
        display: flex;
        flex-direction: column;
        margin-left: -0.5rem;
    }

    .companyName_container p {
        color: white;
        font-weight: 700;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 15px;
    }

    .content__img-container .companyName_container .phrase2 {
        margin-top: -0.1rem;
    }

    .call__number {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        place-items: center;
        right: 10rem;
        position: relative;
        width: 300px;
    }

    .content__call-number-image {
        width: 33px;
        height: 33px;
    }

    .content__call-number-number {
        font-size: 1.4rem;
        color: white;

    }

    .call__to-action {
        color: white;

    }

    .call__number .callNumber_image_andNumber-container {
        display: flex;
        flex-direction: row;
        margin-top: -1.5rem;
    }

    .call__number .callNumber_image_andNumber-container .content__call-number-image {
        display: block;
        margin-top: -0.2rem;
    }



    /* || TOGGLE SECTION */

    /* @supports (position: fixed) or (position: sticky) {
            body {
                background-color: green;
            }
        } */

    body {
        position: relative;
    }

    .ham_menu--container .ham-menu {
        display: inline-block;
    }

    .content__nav-section .content__nav {
        display: none;
    }


    /* .header__content .ham_menu--container .ham-menu */
    .mobile__nav {
        position: fixed;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: calc(100vh - 3rem) !important;
        background: hsla(0, 0%, 20%, 0.983);
        right: -900px;
        top: 93px;
        transition: 0.5s ease;
        z-index: 100000000000000000000000000000;
        cursor: pointer;

    }

    .mobile__nav.active {
        right: 0;
    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul {
        display: block;
        text-align: center;
        padding: 2.75rem 2rem;
        align-items: center;
        justify-content: center;
        height: 100vh;
        position: relative;
    }


    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li {
        font-size: 2rem;
        width: 100%;
        padding: 0.6rem;
        margin-bottom: -0.5rem;
        text-decoration: none;
    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li-a:hover,
    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li-a:active {
        display: block;
        width: 100%;
        color: #fff;
        background: #1296f3;
        text-decoration: none;
    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li-a {
        border-bottom: rgba(0, 0, 0, .2);
        padding: 0.9rem;
        background: rgb(169, 169, 234);
        margin-bottom: 0.5rem;
        display: block;
        border-radius: 14px;
    }

    .ham_menu--container {
        padding: 1rem;
        display: flex;
        margin-left: auto;
        position: relative;
    }

    .ham-menu {
        height: 23px;
        width: 23px;

    }

    .ham-menu span {
        height: 5px;
        width: 100%;
        background-color: white;
        border-radius: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: .3s ease;
    }

    .ham-menu span:nth-child(1) {
        top: 35%;
    }

    .ham-menu span:nth-child(3) {
        top: 66%;
    }

    .ham-menu.active span:nth-child(1) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .ham-menu.active span:nth-child(2) {
        opacity: 0;
    }

    .ham-menu.active span:nth-child(3) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }


    /* || HERO SECTION MEDIA QUERY */

    .container {
        margin-top: 5.9rem;
        z-index: 1000;
    }

    .container .slide-container .slide .content {
        min-height: 100vh;
        width: 100%;
        /* background: rgba(0,0,0,0.7); */
        margin-top: -160px;
    }

    .container .slide-container .slide .content h3 {
        font-size: 70px;
        margin-bottom: 0.3em;
        padding: 0 3px;
    }

    .container .slide-container .slide .content p {
        font-size: 35px;
        line-height: 0.4em;
        padding: 3px 0;
        max-width: auto;
        margin-bottom: 25px;
        /* white-space: nowrap; */
        font-weight: bold;
    }

    .container .slide-container .slide .content .p-1 {
        font-size: 35px;
        color: rgb(120, 203, 237);
    }

    .container .slide-container .slide .content .p-2 {
        font-size: 35px;
        color: rgb(120, 203, 237);
    }

    .container .slide-container .slide .content .p-3 {
        font-size: 35px;
        color: rgb(120, 203, 237);
    }

    .container .slide-container .slide .content .btn {
        display: inline-block;
        padding: 4px 18px;
        font-size: 22px;
        font-weight: bold;

    }

    .container .slide-container .slide .content .btn:hover {
        letter-spacing: 2px !important;
        background: rgba(193, 86, 5, 0.9) !important;
    }

    .container #next,
    .container #prev {
        transform: translateY(-50%);
        height: 35px;
        width: 25px;
        line-height: 34px;
        font-size: 25px;
        font-weight: bold;
    }


    /* || CONTENT SECTION | */

    .body__content-container {
        margin: 0 0;
        width: 100%;
    }

    .new_content h2 {
        font-size: 50px;
        width: 600px;
        text-align: center;
        margin: auto;
        margin-top: 5.8rem;
        margin-bottom: 5.8rem;
    }

    .content__1 {
        margin-top: 2.5rem;
        padding-top: 20rem;
        padding-bottom: 4rem;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding-left: 0;
        height: 3199px;
        position: relative;
        margin-bottom: 4.4rem;
    }

    .content__1 img {
        margin-bottom: 15px;
        margin-top: 2.3rem;
        width: 450px;
        height: 900px;
    }

    .body__content-container .content__1 .img__3 {
        position: absolute;
        margin-top: 121.4rem;


    }

    .content__1 h2 {
        font-size: 50px;
        width: 700px;
        margin: 0 auto;
        margin-top: -300px;
        margin-bottom: 2.8rem;
        position: absolute;
    }

    .content__1 p {
        position: absolute;
        font-size: 30px;
        width: 35rem;
        margin-top: -120px;
        margin-left: 0;
        font-weight: lighter;
        color: #333;
    }

    .content__2 {
        padding-top: 3.4rem;
        text-align: center;
        align-items: center;
        padding-left: 0;
        height: 630px;
    }

    .content__2 h2 {
        font-size: 50px;
        width: 40rem;
        margin: 0 auto;
        margin-bottom: 34px;
    }

    .content__2 p {
        font-size: 30px;
        width: 30rem;
        margin: 0 auto;
        font-weight: lighter;
        color: #333;
        margin-bottom: 100px;
    }

    .content__3 {
        display: flex;
        align-items: center;
        position: relative;
        flex-direction: column;
        text-align: center;
        margin-bottom: 2.5rem;
        padding-left: 0;
        height: 1250px;
    }

    .content__3 img {
        width: 450px;
        height: 900px;
        margin-top: 16rem;
        position: absolute;
    }

    .content__3 h2 {
        margin-top: 2.7rem;
        font-size: 50px;
        width: 40rem;
        position: absolute;
        padding-left: 0;
    }

    .content__4 {
        position: relative;
        flex-direction: column;
        padding-top: 12rem;
        align-items: center;
        text-align: center;
        padding-left: 0;
    }

    .content__4 .img__1 {
        width: 450px;
        height: 900px;
        margin-left: 0;
        margin-top: 2.8rem;
    }

    .content__4 .img__2 {
        padding-top: 2.8rem;
        width: 600px;
        height: 600px;
        margin-left: 28rem;

    }

    .content__4 h2 {
        padding-top: 12rem;
        position: absolute;
        font-size: 50px;
        margin-top: -382px;
        margin-left: 0;
    }

    .content__4 p {
        font-size: 30px;
        color: #333;
        font-weight: lighter;
        position: absolute;
        padding-top: 0;
        width: 30rem;
        margin-top: -94px;
        margin-left: 0;
    }

    .content__5 {
        background: rgb(113, 210, 252);
        display: flex;
        padding-top: 3em;
        position: relative;
        margin-bottom: 4.3rem;
        flex-direction: column;
        height: 800px;
        align-items: center;
        padding-left: 0;
    }

    .content__5 img {
        width: 530px;
        height: 380px;
    }

    .content__5 h2 {
        padding-top: 1.5rem;
        width: 40rem;
        text-align: center;
        margin: 0;
        margin-left: 0;
        font-size: 40px;
    }

    .content__5 p {
        margin: 0;
        margin-top: 30.3rem;
        margin-left: 0;
        font-size: 23px;
    }

    .content__5 a {
        position: absolute;
        margin-left: 0;
        place-self: center;
        margin-top: 39.4rem;
        font-size: 23px;
    }

    .content__5 a:hover,
    .content__5 a:focus {
        letter-spacing: 2px;
        background: white;
        color: rgb(106, 106, 218);
    }

    /* I started aling-items center and text-align center from content 6 */

    .content__6 {
        display: flex;
        position: relative;
        margin-bottom: 2.5rem;
        flex-direction: column;
        text-align: center;
        height: 800px;
        align-items: center;

    }

    .content__6 img {
        padding-left: 1.7rem;
        width: 630px;
        position: absolute;
        margin-top: 26rem;
    }

    .content__6 h2 {
        width: 30rem;
        font-size: 50px;
        margin-left: 0;
    }

    .content__6 p {
        position: absolute;
        width: 30rem;
        margin-left: 0;
        margin-top: 15.5rem;
        font-size: 30px;
    }

    .content__7 {
        margin-bottom: 0.8rem;
        flex-direction: column;
        height: 2140px;
        align-items: center;
        text-align: center;
    }

    .content__7 img {
        width: 450px;
        height: 900px;
        margin-top: 288px;
        display: absolute;

    }

    .content__7 .img__1 {
        margin-left: 0;
        position: absolute;
        margin-top: 1150px;
    }

    .content__7 h2 {
        position: absolute;
        font-size: 50px;
        margin-left: 0;
        padding-top: 3rem;
    }

    .content__7 p {
        position: absolute;
        font-size: 30px;
        width: 30rem;
        margin-left: 0;
        padding-top: 8.7rem;
        color: #333;
        font-weight: lighter;

    }

    .content__8 {
        margin-bottom: 1.7rem;
        flex-direction: column;
        height: 2100px;
        align-items: center;
        text-align: center;
        padding-left: 0;
    }

    .content__8 .img__1 {
        width: 450px;
        height: 900;
        margin-top: 22rem;
    }

    .content__8 .img__2 {
        height: 480px;
        width: 280px;
        margin-top: 2.4rem;
    }

    .content__8 h2 {
        margin-left: 0;
        margin-top: 3rem;
        position: absolute;
        font-size: 50px;
        width: 30rem;
    }

    .content__8 p {
        font-size: 30px;
        position: absolute;
        width: 30rem;
        color: #333;
        font-weight: lighter;
        margin-left: 0;
        margin-top: 9rem;
    }

    .content__9 {
        display: flex;
        position: relative;
        padding-left: 0;
        background: #45a2c0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        flex-direction: column;
        text-align: center;
        align-items: center;
        height: 945px;
    }

    .content__9 img {
        width: 570px;
        height: 570px;
        margin-top: 2rem;
    }

    .content__9 h2 {
        width: 30rem;
        margin-top: 21px;
        margin-left: 0;
        font-size: 50px;
    }

    .content__9 p {
        position: absolute;
        font-size: 30px;
        margin-top: 47rem;
        margin-left: 0;
        color: #333;
        font-weight: lighter;
        width: 30rem;

    }

    .content__9 a {
        margin-top: 53rem;
        margin-left: 0;
        background: rgb(250, 90, 3);
        transition: .2s linear;
        font-size: 22px;
    }


    /* || OTHER BUSINESS BRANDS HERO SECTION */

    .slider {
        margin-top: 5.9rem;
    }

    .slider .figure-container figure {
        height: 100vh;
        margin-bottom: 5rem;
    }

    .slider .figure-container figure h2 {
        position: absolute;
        margin-top: 9rem;
        font-size: 5rem;
        width: 700px;
        color: white;
        margin-left: 3rem;
    }

    .slider .figure-container figure a {
        margin-top: 25rem;
        margin-left: 8rem;
    }

    .slider .figure-container .figure-img-1 {
        width: 100%;
        height: 100vh;
    }

    .slider .figure-container figure .payment-image-1 {
        width: 280px;
        height: 590px;
        margin-top: 25rem;
        right: 6.7rem;
    }

    .slider .figure-container figure .payment-image-2 {
        margin-top: 32rem;
        left: 22.5rem;
    }

    /* || OHTER BUSINESS BRANDS CONTENT SECTION | */
    .new__quote-section {
        margin-top: 49rem;
    }

    .new__quote-section h2 {
        font-size: 5rem;
        width: 600px;
        text-align: center;
        margin: auto;
    }

    .quote-section {
        width: 100%;
        padding: 0 2rem;
        text-align: center;
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .quot-section .page-title {
        font-size: 1.65rem;
    }

    .quote-section h2 {
        width: 500px;
        margin: 0 auto;
        margin-bottom: 1.7rem;
    }

    .quote-section .quote-section-paragraph1 {
        margin: 0 auto;
        width: 600px;
        font-size: 1.7rem;
        margin-bottom: 2rem;
    }

    .quote-section a {
        text-decoration: none;
        font-size: 1.5rem;
    }

    .brands-content-1 {
        display: flex;
        place-content: center;
        margin-bottom: 2rem;

    }

    .brands-content-1 a {
        display: block;
        width: 380px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin-right: 1rem;
        margin: 0 auto;
    }

    .brands-content-1 a div h2,
    .brands-content-1 a div p {
        padding-left: 1.6rem;
    }

    .brands-content-1 a div h2 {
        margin-bottom: 1.5rem;
    }

    .brands-content-1 a div p {
        font-size: 17px;
        width: 350px;
    }

    .brands-content-2 a {
        display: block;
        width: 380px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin-right: 1rem;
        margin: 0 auto;
    }

    .brands-content-2 a div h2,
    .brands-content-2 a div p {
        padding-left: 1.6rem;
    }

    .brands-content-2 a div h2 {
        margin-bottom: 1.5rem;
    }

    .brands-content-2 a div p {
        font-size: 17px;
        width: 350px;
    }

    .brands-content-3,
    .brands-content-4 {
        display: flex;
        place-content: center;
        margin-bottom: 2rem;

    }

    .brands-content-3 a,
    .brands-content-4 a {
        display: block;
        width: 250px;
        height: 325px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        margin-right: 1rem;
        text-decoration: none;
        cursor: pointer;
        color: #000;
        margin: 0 auto;
    }

    .brands-content-3 a div .image-container,
    .brands-content-4 a div .image-container {
        height: 146px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.3rem;
    }

    .brands-content-3 a div .image-container img,
    .brands-content-4 a div .image-container img {
        object-fit: cover;
        width: 288px;
        height: 146px;
        transition: all 1.1s;


    }

    .brands-content-3 a:hover div .image-container img,
    .brands-content-4 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .brands-content-3 a div h2,
    .brands-content-3 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 280px;
    }

    .brands-content-4 a div h2,
    .brands-content-4 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 280px;
    }

    .brands-content-3 a h2,
    .brands-content-4 a h2 {
        margin-bottom: 1rem;
        font-size: 18px;
    }

    .brands-content-4 {
        margin-bottom: 7rem;
    }

    .brands-content-5 h2,
    .brands-content-5 p {
        width: 480px;
    }

    .brands-content-5 h2 {
        margin-bottom: 1.5rem;
        font-size: 28px;
    }

    .brands-content-5 p {
        color: #333;
        font-size: 19px;
    }

    .fa-bullseye {
        font-size: 50px;
        margin-bottom: 1.4rem;
        color: #b1b4b9;
    }

    .brands-content-6 {
        background: rgb(244, 94, 13);
        background-image: url(../img/content-6-image.jpeg);
        background-repeat: no-repeat;
        padding-top: 10.6rem;
        padding-bottom: 9.4rem;
        background-position: bottom;
        background-size: cover;
        padding-left: 1.5rem;
        margin-bottom: 3rem;
    }

    .brands-content-6 a,
    .brands-content-6 h2 {
        color: white;
    }

    .brands-content-6 a {
        text-decoration: none;
        padding: 0 0.4rem;
        border-radius: 8px;
        background-color: rgb(14, 94, 198);
        display: inline-block;
        margin-bottom: 2rem;
    }

    .brands-content-6 h2 {
        font-size: 3rem;
    }

    .brands-content-7 a,
    .brands-content-8 a {
        display: block;
        width: 250px;
        height: 325px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        margin-right: 1rem;
        text-decoration: none;
        cursor: pointer;
        color: #000;
        margin: 0 auto;
    }

    .brands-content-7 a div .image-container,
    .brands-content-8 a div .image-container {
        height: 146px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.3rem;
    }

    .brands-content-7 a div .image-container img,
    .brands-content-8a div .image-container img {
        object-fit: cover;
        width: 288px;
        height: 146px;
        transition: all 1.1s;


    }

    .brands-content-7 a:hover div .image-container img,
    .brands-content-8 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .brands-content-7 a div h2,
    .brands-content-7 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 280px;
    }

    .brands-content-8 a div h2,
    .brands-content-8 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 280px;
    }

    .brands-content-7 a h2,
    .brands-content-8 a h2 {
        margin-bottom: 1rem;
        font-size: 18px;
    }

    .brands-content-8 {
        margin-bottom: 3rem;
    }

    .pgw-content-1 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 2.9rem;
    }

    .pgw-content-1 .img-container {
        display: flex;
        flex-direction: column;
        width: 500px;
        margin-left: 3.5rem;
    }

    .pgw-content-1 .img-container .img-1 {
        display: block;
        width: 200px;
        height: 410px;
    }

    .pgw-content-1 .img-container .img-2 {
        display: block;
        width: 580px;
        height: 480px;
        margin-left: -6rem;
        margin-top: -9rem;
    }

    .pgw-content-1 div {
        width: 300px;
        margin-left: -7rem;
        margin-top: 9.4rem;
    }

    .pgw-content-1 div h2 {
        margin-bottom: 2.5rem;
    }

    .pgw-content-1 div p {
        color: #333;
        font-size: 19px;

    }

    .pgw-content-2 {
        text-align: center;
        margin-bottom: 2.6rem;
    }

    .pgw-content-2 .header2 {
        font-size: 30px;
    }

    .pgw-content-2 p {
        font-size: 19px;
    }

    .pgw-content-2 h2,
    .pgw-content-2 p {
        margin: 0 auto;
    }

    .pgw-content-3 {
        text-align: center;
        margin-bottom: 4rem;
    }

    .pgw-content-3 .header2 {
        font-size: 30px;
        margin-bottom: 1.4rem;

    }

    .pgw-content-3 p {
        font-size: 19px;
    }

    .pgw-content-4 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 2rem;
    }

    .pgw-content-4 .img-container {
        width: 600px;
        margin-left: 0.4rem;
    }

    .pgw-content-4 .img-container img {
        width: 473px;
        height: 334px;
    }

    .pgw-content-4 .cnt__container {
        margin-left: 1.2rem;
    }

    .pgw-content-4 .cnt__container h2 {
        margin-bottom: 1.5rem;
        width: 250px;
    }

    .pgw-content-4 .cnt__container p {
        font-size: 19px;
        width: 250px;
    }

    .pgw-content-5 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 2.4rem;
    }

    .pgw-content-5 .image-container {
        width: 350px;
        margin-right: -3.8rem;
        margin-top: 0.4rem;
    }

    .pgw-content-5 .image-container img {
        width: 240px;
        height: 474px;
    }

    .pgw-content-5 .ctn-container {
        margin-top: 11rem;
        margin-left: 1rem;

    }

    .pgw-content-5 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-5 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-6 {
        display: flex;
        flex-wrap: nowrap;
    }

    .pgw-content-6 .image-container {
        width: 350px;
        margin-left: 3.5rem;
    }

    .pgw-content-6 .image-container img {
        width: 240px;
        height: 474px;
    }

    .pgw-content-6 .ctn-container {
        margin-top: 12.4rem;
        margin-right: 0.7rem;
    }

    .pgw-content-6 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-6 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-7 {
        display: flex;
        flex-wrap: nowrap;
        margin-top: -1rem;
    }

    .pgw-content-7 .image-container {
        width: 500px;
        margin-left: -10rem;

    }

    .pgw-content-7 .image-container img {
        width: 750px;
        height: 600px;
    }

    .pgw-content-7 .ctn-container {
        margin-top: 16.7rem;
        margin-left: 5.3rem;
    }

    .pgw-content-7 .ctn-container h2 {
        margin-bottom: 1.5rem;
        margin-left: -3.7rem;
    }

    .pgw-content-7 .ctn-container p {
        font-size: 19px;
        width: 300px;
        margin-left: -3.7rem;
    }

    .pgw-content-8 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 2.3rem;
        margin-top: -0.1rem;
    }

    .pgw-content-8 .image-container {
        width: 500px;
        margin-left: 3.5rem;
    }

    .pgw-content-8 .image-container img {
        width: 230px;
        height: 489px;
    }

    .pgw-content-8 .ctn-container {
        width: 30rem;
        text-align: center;
        margin-top: 12.1rem;
        margin-right: 3rem;
    }

    .pgw-content-8 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-8 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-9 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 1rem;
    }

    .pgw-content-9 .image-container {
        width: 500px;
        margin-left: 2rem;
    }

    .pgw-content-9 .image-container img {
        width: 230px;
        height: 489px;
    }

    .pgw-content-9 .ctn-container {
        margin-left: -2.1rem;
    }

    .pgw-content-9 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-9 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-10 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 1rem;
    }

    .pgw-content-10 .image-container {
        width: 500px;
        margin-left: 3rem;
    }

    .pgw-content-10 .image-container img {
        width: 261px;
        height: 489px;
    }

    .pgw-content-10 .ctn-container {
        margin-left: 0.2rem;
    }

    .pgw-content-10 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-10 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-11 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 8.7rem;
        margin-left: 1.3rem;
    }

    .pgw-content-11 .image-container {
        width: 500px;
        margin-left: 1rem;
    }

    .pgw-content-11 .image-container img {
        margin-top: 5rem;
        width: 510px;
        height: 390px;
    }

    .pgw-content-11 .ctn-container {
        margin-top: 13.1rem;
        margin-left: -0.3rem;
        width: 300px;
    }

    .pgw-content-11 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-11 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-12 {
        display: flex;
        flex-wrap: nowrap;
        margin-right: 1.1rem;
        margin-bottom: 3.2rem;
    }

    .pgw-content-12 .image-container {
        width: 500px;
        margin-left: 0.8rem;
    }

    .pgw-content-12 .image-container img {
        width: 510px;
        height: 390px;
    }

    .pgw-content-12 .ctn-container {
        margin-top: 5rem;
        margin-right: 2.7rem;
    }

    .pgw-content-12 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-12 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-13 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 0.9rem;
    }

    .pgw-content-13 .image-container {
        width: 500px;
        margin-left: 7rem;
    }

    .pgw-content-13 .image-container img {
        margin-top: 0.4rem;
        width: 219px;
        height: 480px;
    }

    .pgw-content-13 .ctn-container {
        margin-top: 10.2rem;
        margin-left: 0.3rem;
        width: 450px;
    }

    .pgw-content-13 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-13 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-14 {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 2rem;
    }

    .pgw-content-14 .image-container {
        width: 500px;
        margin-left: 3.3rem;
    }

    .pgw-content-14 .image-container img {
        width: 225px;
        height: 455px;
    }

    .pgw-content-14 .ctn-container {
        margin-top: 10.6rem;
        margin-left: 2rem;
    }

    .pgw-content-14 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-14 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-15 {
        display: flex;
        flex-wrap: nowrap;
        padding: 1.5rem 0;
    }

    .pgw-content-15 .image-container {
        width: 500px;
        margin-left: -6.8rem;
        margin-top: 1.6rem;
    }

    .pgw-content-15 .image-container img {
        width: 659px;
        height: 400px;
    }

    .pgw-content-15 .ctn-container {
        margin-top: 10.4rem;
        margin-left: 4.7rem;
    }

    .pgw-content-15 .ctn-container h2 {
        margin-bottom: 1.5rem;
        color: #f2f2f2;
    }

    .pgw-content-15 .ctn-container p {
        color: #333;
    }

    /* || THE RAILWAY TRANSPORTAION | */
    .the__railway--transportation-main {
        background: rgb(245, 245, 247);
    }

    .the__railway--transportation-hero-section {
        background: black;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), #232222), url(../img/theelctric-train-hero-image.jpeg);
        width: 100%;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 18rem;
        padding-left: 4rem;
        margin-bottom: 4rem;

    }

    .the__railway--transportation-hero-section div h2 {
        font-size: 50px;
        color: white;
    }

    .the__railway--transportation-hero-section div p {
        font-size: 22px;
        color: white;
    }

    .the__railway--transportation-section-1 {
        width: 100%;
        height: 600px;
        display: flex;
        justify-content: space-evenly;
        margin-bottom: 3rem;
    }

    .the__railway--transportation-section-1 .content {
        padding-top: 3.5rem;
        width: 350px;
        height: 600px;
        background: white;
        text-align: center;
    }

    .the__railway--transportation-section-1 .content h2 {
        width: 330px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-1 .content p {
        width: 300px;
        margin: 0 auto;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-1 .content .image__container {
        width: 80%;
        margin: 0 auto;
        height: 250px;
    }

    .the__railway--transportation-section-1 .content .image__container img {
        width: 100%;
        height: 250px;
    }

    .the__railway--transportation-section-2 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 94%;
        height: 600px;
        background: white;
        text-align: center;
        margin-bottom: 9rem;
    }

    .the__railway--transportation-section-2 h2 {
        width: 700px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-2 p {
        width: 410px;
        margin: 0 auto;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-2 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
        background: red;
    }

    .the__railway--transportation-section-2 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-3 {
        display: flex;
        width: 94%;
        height: 500px;
        background: white;
        margin: 0 auto;
        place-items: center;
        padding-left: 3rem;
        margin-bottom: 3rem;
    }

    .the__railway--transportation-section-3 .image__container {
        width: 650px;
        height: 500px;
        margin-right: 5rem;
        padding-top: 3.4rem;
    }

    .the__railway--transportation-section-3 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-3 .content h2 {
        font-size: 33px;
        width: 350px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-3 .content p {
        width: 310px;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-4 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 94%;
        height: 600px;
        background: white;
        text-align: center;
        margin-bottom: 9rem;
    }

    .the__railway--transportation-section-4 h2 {
        width: 620px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-4 p {
        width: 410px;
        margin: 0 auto;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-4 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-4 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-5 {
        display: flex;
        width: 94%;
        height: 500px;
        background: white;
        margin: 0 auto;
        place-items: center;
        padding-left: 3rem;
        margin-bottom: 3rem;
    }

    .the__railway--transportation-section-5 .content {
        margin-right: 5rem;
    }

    .the__railway--transportation-section-5 .content h2 {
        font-size: 33px;
        width: 350px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-5 .content p {
        width: 310px;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-5 .image__container {
        width: 650px;
        height: 500px;
        padding-top: 3.4rem;
    }

    .the__railway--transportation-section-5 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-6 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 94%;
        height: 600px;
        background: white;
        text-align: center;
        margin-bottom: 9rem;
    }

    .the__railway--transportation-section-6 h2 {
        width: 600px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-6 p {
        width: 410px;
        margin: 0 auto;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-6 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-6 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-7 {
        display: flex;
        width: 94%;
        height: 500px;
        background: white;
        margin: 0 auto;
        place-items: center;
        padding-left: 3rem;
        margin-bottom: 3rem;
    }

    .the__railway--transportation-section-7 .image__container {
        width: 650px;
        height: 500px;
        margin-right: 5rem;
        padding-top: 3.4rem;
    }

    .the__railway--transportation-section-7 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-7 .content h2 {
        font-size: 33px;
        width: 350px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-7 .content p {
        width: 310px;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-8 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 94%;
        height: 600px;
        background: white;
        text-align: center;
        margin-bottom: 9rem;
    }

    .the__railway--transportation-section-8 h2 {
        width: 620px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-8 p {
        width: 410px;
        margin: 0 auto;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-8 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-8 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-9 {
        display: flex;
        width: 94%;
        height: 500px;
        background: white;
        margin: 0 auto;
        place-items: center;
        padding-left: 3rem;
        margin-bottom: 3rem;
    }

    .the__railway--transportation-section-9 .content {
        margin-right: 5rem;
    }

    .the__railway--transportation-section-9 .content h2 {
        font-size: 33px;
        width: 350px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-9 .content p {
        width: 310px;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-9 .image__container {
        width: 650px;
        height: 500px;
        padding-top: 3.4rem;
    }

    .the__railway--transportation-section-9 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-10 {
        width: 100%;
        height: 600px;
        display: flex;
        justify-content: space-evenly;
        margin-bottom: 3rem;
    }

    .the__railway--transportation-section-10 .content {
        padding-top: 3.5rem;
        width: 350px;
        height: 600px;
        background: white;
        text-align: center;
    }

    .the__railway--transportation-section-10 .content h2 {
        width: 330px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-10 .content p {
        width: 300px;
        margin: 0 auto;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-10 .content .image__container {
        width: 80%;
        margin: 0 auto;
        height: 250px;
    }

    .the__railway--transportation-section-10 .content .image__container img {
        width: 100%;
        height: 250px;
    }

    .the__railway--transportation-section-11 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 94%;
        height: 600px;
        background: white;
        text-align: center;
        margin-bottom: 9rem;
    }

    .the__railway--transportation-section-11 h2 {
        width: 620px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-11 p {
        width: 410px;
        margin: 0 auto;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-11 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-11 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-12 {
        display: flex;
        width: 94%;
        height: 500px;
        background: white;
        margin: 0 auto;
        place-items: center;
        padding-left: 3rem;
        margin-bottom: 3rem;
    }

    .the__railway--transportation-section-12 .image__container {
        width: 650px;
        height: 500px;
        margin-right: 5rem;
        padding-top: 3.4rem;
    }

    .the__railway--transportation-section-12 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-12 .content h2 {
        font-size: 33px;
        width: 350px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-12 .content p {
        width: 310px;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-13 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 94%;
        height: 600px;
        background: white;
        text-align: center;
        margin-bottom: 9rem;
    }

    .the__railway--transportation-section-13 h2 {
        width: 620px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-13 p {
        width: 410px;
        margin: 0 auto;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-13 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-13 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-14 {
        display: flex;
        width: 94%;
        height: 500px;
        background: white;
        margin: 0 auto;
        place-items: center;
        padding-left: 3rem;
        margin-bottom: 3rem;
    }

    .the__railway--transportation-section-14 .content {
        margin-right: 5rem;
    }

    .the__railway--transportation-section-14 .content h2 {
        font-size: 33px;
        width: 350px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-14 .content p {
        width: 310px;
        font-size: 18px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-14 .image__container {
        width: 650px;
        height: 500px;
        padding-top: 3.4rem;
    }

    .the__railway--transportation-section-14 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    /* || PARTNERSHIP CONTENT SECTION | */

    .title {
        margin-top: 5.9rem;
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        font-size: 1.7rem;
        padding-left: 2rem;
        font-weight: bolder;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .ptnscall__to-action {
        padding: 0.7rem;
        background: rgb(250, 90, 3);
        width: 100%;
        font-size: 20px;
        font-weight: bolder;
        padding-left: 2rem;
        position: sticky;
        top: 3.6rem;
        z-index: 1;
        color: white;

    }

    .partnership__content-1 {
        display: flex;
        position: relative;
        height: 602px;
        width: 100%;
        background: black;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), #051e7c), url(../img/content1-background.jpeg);
        margin-bottom: 6rem;

    }

    .partnership__content-1 .image__container {
        overflow: hidden;
        margin-top: 1.9rem;
        margin-left: -16.1rem;
    }

    .image__container img {
        width: 420px;
        height: 520px;
    }

    .partnership__content-1 .content__1a-container {

        color: white;
        margin-top: 10rem;
        padding-left: 1.5rem;
        margin: auto 0;
        margin-right: 10rem;

    }

    .partnership__content-1 .content__1a-container a {
        background: rgb(250, 90, 3);
        padding: 9px 19px;
        text-decoration: none;
        color: white;
        border-radius: 4px;
    }

    .partnership__content-1 .content__1a-container a:hover {
        filter: brightness(140%);
    }

    .partnership__content-1 .content__1a-container .p-1 {
        margin-bottom: 2.5rem;
        font-size: 17px;
    }

    .partnership__content-1 .content__1a-container h2 {
        font-size: 32px;
    }

    .partnership__content-1 .content__1a-container p {
        margin-bottom: 4rem;
        font-size: 17px;
        width: 500px;
    }

    .partnership__content-2 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 6.5rem;
    }

    .partnership__content-2 .p-1 {
        font-size: 19px;
        margin-bottom: 1.2rem;
        color: #000;
        font-weight: bolder;
    }

    .partnership__content-2 h2 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .partnership__content-2 p {
        font-size: 19px;
        color: #333;
        font-weight: light;
    }

    .partnership__content-2 .fa-solid {
        font-size: 19px;
    }

    .partnership__content-3 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 8rem;
    }

    .partnership__content-3 h2 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .partnership__content-3 p {
        font-size: 19px;
        color: #333;
        font-weight: light;
    }

    .partnership__content-3 .fa-regular {
        font-size: 24px;
    }

    .column {
        width: 100%;
        columns: 2 170px;
        column-rule: 3px solid #f5f1f1;
        column-gap: 3rem;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 6rem;


    }

    .column div {
        width: 300px;
        padding: 3rem;
        margin: 0 auto;
    }

    .column div h2 {
        font-size: 20px;
        color: #333;
        margin-bottom: 1rem;
    }

    .column div .fa-solid,
    .column div .fa-brands {
        font-size: 24px;
        padding: 3rem;
        border-radius: 50%;
        background: rgb(160, 158, 156);
        color: #000;
        margin-bottom: 2rem;
    }

    .partnership__content-5 h2 {
        text-align: center;
        font-size: 4.6rem;
    }



    .form__container {
        width: 100%;
        height: 600px;
        background: rgb(43, 43, 167);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    form {
        width: 80%;
        max-width: 1010px;
    }

    .input-group {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 10px;
        outline: 0;
        border: 1px solid #fff;
        color: #fff;
        background: transparent;
        font-size: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #fff;
        cursor: text;
        transition: 0.2s;
    }

    .partnership__button {
        display: inline-block;
        padding: 10px 0;
        color: #fff;
        outline: none;
        background: transparent;
        border: 1px solid #fff;
        width: 130px;
        cursor: pointer;
    }

    /* button:hover {
    background: rgb(245,245,247);
    color: rgb(42, 42, 53);
} */

    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }

    .row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .row .input-group {
        flex-basis: 48%;
    }

    /* || ABOUT SECTION | */

    .about__content1-p {
        padding: 15px;
        margin-top: 5.9rem;
    }

    .about__content-1 {
        display: flex;

    }

    .about__content-1 .content__container {
        width: 500px;
        margin: auto 0;
    }

    .about__content-1 .content__container h2,
    .about__content-1 .content__container p,
    .about__content-1 .content__container a {
        color: #000;
        margin-top: 10rem;
        padding-left: 2rem;
        margin: auto 0;
        margin-right: 10rem;
    }

    .about__content-1 .content__container h2 {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .about__content-1 .content__container p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        width: 450px;
    }

    .about__content-1 .content__container a {
        text-decoration: none;
        font-size: 18px;
        margin-left: 2rem;
        padding: 8px 19px;
        border-radius: 7px;
        background: rgb(250, 90, 3);
        color: white;
        transition: 0.2s linear;
    }

    .about__content-1 .content__container a:hover,
    .about__content-1 .content__container a:focus {
        letter-spacing: 2px;
        background: rgb(209, 208, 208);
        color: rgb(106, 106, 218);
    }

    .about__content-1 .image__container {
        width: 600px;
        margin-left: -3.2rem;
        margin-top: 2.2rem;
    }

    .about__content-1 .image__container img {
        width: 330px;
        height: 330px;
    }

    .about__content-2 div {
        width: 600px;
        margin-left: 4.5rem;
    }

    .about__content-2 div h2 {
        margin-bottom: 1rem;
        font-size: 28px;
    }

    .about__content-2 div p {
        color: #333;
        font-size: 18px;
        width: 320px;
    }

    .about__content-3 p {
        font-size: 18px;
        margin-bottom: 2.5rem;
        width: 680px;
        color: #333;
    }

    .about__content-4 {
        background: rgb(27, 42, 57);
        color: white;
        padding-left: 3rem;
        padding-top: 2rem;
        height: 492px;
        margin-bottom: 7rem;
    }

    .about__content-4 h2 {
        margin-bottom: 2rem;
        padding: 0.6rem 0;
    }

    .about__content-4 .content__container1 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .about__content-4 .content__container1 h2 {
        font-size: 28px;
    }

    .about__content-4 .content__container2 {
        display: flex;
    }

    .about__content-4 .content__container2 div {
        width: 700px;
    }

    .about__content-4 .content__container2 .div-1 {
        margin-right: 3rem;

    }

    .about__content-4 .content__container2 h2 {
        margin-bottom: 1.5rem;
    }

    .about__content-4 .content__container2 div h2 {
        font-size: 23px;
        margin-bottom: 0.6rem;
    }

    .about__content-4 .content__container2 div p {
        color: rgb(225, 230, 233);
        font-size: 18px;
        width: 315px;
    }

    .about__content-4 .content__container2 div .p-1 {
        margin-bottom: 3rem;
    }

    .about__content-5 {
        padding-left: 3rem;
        margin-bottom: 7rem;
    }

    .about__content-5 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
    }

    .about__content-5 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .about__content-5 p {
        font-size: 18px;
        color: #333;
        margin-bottom: 2.5rem;
        width: 685px;
    }

    .about__content-6 {
        background: rgb(203, 235, 242);
        padding-left: 3rem;
        display: flex;
        width: 100%;
        height: 500px;
    }

    .about__content-6 .container-1 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
        width: 500px;
    }

    .about__content-6 .container-1 p {
        width: 394px;
        margin-bottom: 2.5rem;
        font-size: 18px;
    }

    .about__content-6 div {
        margin: auto 0;
    }

    .about__content-6 .container-2 {
        margin-top: 10.7rem;
        margin-left: -8.7rem;
    }

    .about__content-6 .container-2 img {
        width: 280px;
        height: 150px;
        margin: auto 0;
        margin-left: 4.1rem;
        border-radius: 0.8rem;
    }

    /* || STAFFS SECTION | */

    .staff__main {
        margin-bottom: 6rem;
    }

    .staff__content1-p-container {
        margin-top: 5.9rem;
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        padding-left: 2rem;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
        margin-bottom: 4rem;
    }

    .staff__content1-p-container .staffs__content1-p {
        font-size: 1.5rem;
        font-weight: bolder;
        color: black;
        text-decoration: none;

    }

    .staff__title {
        font-size: 19px;
        width: 160px;
        margin-left: 2rem;
        margin-bottom: 2rem;
        color: #333;
    }

    .staff__content-1 {
        display: flex;
        width: 99%;
        margin: 0 auto;
        gap: 0.5rem;
        place-content: center;
        margin-bottom: 5rem;
        flex-shrink: 1;
        margin-left: -0.3rem;
        position: relative;
    }

    .staff__content-1 .staff__content-container {
        width: 228px;
        height: 210px;
        border-radius: 7px 7px 0 0;
    }

    .staff__content-1 .div__4 {
        position: absolute;
        margin-top: 18.8rem;
        left: 1.8rem;
    }

    .staff__content-1 .staff__content-container .staffs__ancortag {
        display: inline-block;
        width: 228px;
        height: 210px;
        border-radius: 7px 7px 0 0;
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 2rem;
    }

    .staff__content-1 .staff__content-container .staffs__ancortag:hover,
    .staff__content-1 .staff__content-container .staffs__ancortag:focus {
        text-decoration: underline;
    }

    .staff__content-1 .staff__content-container a .staff__content-ancortag {
        color: rgb(33, 136, 220);
        font-size: 18px;
        margin-top: -0.6rem;
    }

    .staff__content-1 .staff__content-container .image__container {
        width: 228px;
        height: 220px;
        border-radius: 7px;
        margin-bottom: 1rem;
        background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
    }

    .staff__content-1 .staff__content-container .image__container img {
        width: 200px;
        height: 203px;
        display: block;
        margin: 0 auto;
        padding-top: 0.5rem;
    }


    .staff__content-1 .staff__content-container .staff__content--ancortag2 {
        display: block;
        text-decoration: none;
        height: 20px;
        color: black;
        font-size: 18px;
    }

    .staff__content-2 {
        display: flex;
        width: 600px;
        margin: 0 auto;
        gap: 0.5rem;
        /* place-content: center; */
        margin-bottom: 20rem;
        flex-shrink: 1;
        margin-left: 12.1rem;
        margin-top: 5.5rem;
    }

    .staff__content-2 .staff__content-container {
        width: 228px;
        height: 210px;
        border-radius: 7px 7px 0 0;
    }

    .staff__content-2 .div__3,
    .staff__content-2 .div__4 {
        position: absolute;
    }

    .staff__content-2 .div__3 {
        margin-top: 19.2rem;
        left: 1.4rem;
    }

    .staff__content-2 .div__4 {
        margin-top: 19.2rem;
        left: 16.2rem;
    }

    .staff__content-2 .staff__content-container .staffs__ancortag {
        display: inline-block;
        width: 228px;
        height: 210px;
        border-radius: 7px 7px 0 0;
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 2rem;
    }

    .staff__content-2 .staff__content-container .staffs__ancortag:hover,
    .staff__content-2 .staff__content-container .staffs__ancortag:focus {
        text-decoration: underline;
    }

    .staff__content-2 .staff__content-container a .staff__content-ancortag {
        color: rgb(33, 136, 220);
        font-size: 18px;
        margin-top: -0.6rem;
    }

    .staff__content-2 .staff__content-container .image__container {
        width: 228px;
        height: 220px;
        border-radius: 7px;
        margin-bottom: 1rem;
        background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
    }

    .staff__content-2 .staff__content-container .image__container img {
        width: 200px;
        height: 203px;
        display: block;
        margin: 0 auto;
        padding-top: 0.5rem;
    }


    .staff__content-2 .staff__content-container .staff__content--ancortag2 {
        display: block;
        text-decoration: none;
        height: 20px;
        color: black;
        font-size: 18px;
    }

    .staff__content-3 {
        display: flex;
        width: 300p;
        margin: 0 auto;
        gap: 2.5rem;
        /* place-content: center; */
        margin-bottom: 5rem;
        flex-shrink: 1;
        margin-top: -14rem;
        margin-left: 31rem;
    }

    .staff__content-3 .staff__content-container {
        width: 228px;
        height: 210px;
        border-radius: 7px 7px 0 0;
    }

    .staff__content-3 .staff__content-container .staffs__ancortag {
        display: inline-block;
        width: 228px;
        height: 210px;
        border-radius: 7px 7px 0 0;
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 2rem;
    }

    .staff__content-3 .staff__content-container .staffs__ancortag:hover,
    .staff__content-3 .staff__content-container .staffs__ancortag:focus {
        text-decoration: underline;
    }

    .staff__content-3 .staff__content-container a .staff__content-ancortag {
        color: rgb(33, 136, 220);
        font-size: 18px;
        margin-top: -0.6rem;
    }

    .staff__content-3 .staff__content-container .image__container {
        width: 228px;
        height: 220px;
        border-radius: 7px;
        margin-bottom: 1rem;
        background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
    }

    .staff__content-3 .staff__content-container .image__container img {
        width: 200px;
        height: 203px;
        display: block;
        margin: 0 auto;
        padding-top: 0.5rem;
    }


    .staff__content-3 .staff__content-container .staff__content--ancortag2 {
        display: block;
        text-decoration: none;
        height: 20px;
        color: black;
        font-size: 18px;
    }


    /* || ABOUT PHRONESIS AND OTHER STAFFS | */
    .about__staff--content-p_container {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        padding-left: 2rem;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
        position: sticky;
        top: 0;
        z-index: 1;
        margin-top: 5.9rem;
    }

    .about__staff--content-p_container .about__staffs--content1-p {
        font-size: 1.5rem;
        font-weight: bolder;
        color: black;
        text-decoration: none;

    }

    .about__staff--section-1 {
        display: flex;
        width: 100%;
        background: linear-gradient(rgba(204, 202, 202, 0.2), rgba(215, 211, 211, 0.2));
        height: 400px;
        margin-bottom: 3rem;
    }

    .about__staff--section-1 .about__staff--content-1 {
        margin: auto 0;
        padding-left: 7rem;
    }

    .about__staff--section-1 .about__staff--content-2 {
        width: 300px;
        height: 400px;
        margin-top: 3.1rem;
        padding-left: 1.5rem;
    }

    .about__staff--section-1 .about__staff--content-2 img {
        width: 300px;
        height: 350px;
    }


    .about__staff--section-1 .about__staff--content-1 h1 {
        margin-bottom: 1rem;
        font-size: 25px;
    }

    .about__staff--section-1 .about__staff--content-1 h2 {
        font-weight: lighter;
        width: 300px;
    }

    .about__staff--section-2 {
        width: 100%;
        display: flex;
        padding-left: 1.8rem;
        gap: 1.4rem;
    }

    .about__staff--section-2 .about__s--content-1,
    .about__staff--section-2 .about__s--content-2 {
        width: 350px;
    }

    .about__staff--section-2 .about__s--content-1 p,
    .about__staff--section-2 .about__s--content-2 p {
        width: 350px;
        font-size: 20px;
        margin-bottom: 1rem;
        color: #333;
    }

    .about__staff-main {
        margin-bottom: 4rem;
    }

    /* || CAREERS | */

    .careers__sticker {
        margin-top: 5.9rem;
    }

    .careers__section-2 {
        padding: 10.4rem 0;
    }

    .careers__section-3 {
        background: black;
        color: white;
        width: 100%;
        height: 600px;
        text-align: center;
        padding: 10.7rem 0;
    }

    .careers__section-3 h2 {
        width: 650px;
        margin: 0 auto;
        margin-top: -0.3rem;
        margin-bottom: 1.5rem;
    }

    .careers__section-6 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 3.3rem;
        text-align: center;

    }

    .careers__section-7 .careers__section--7-content {
        margin-bottom: 2rem;
        padding: 0;
        justify-content: center;
        gap: 2rem;

    }

    .careers__section-7 .careers__section--7-content div {
        width: 350px;
        height: 318px;
    }

    .careers__section-7 .careers__section--7-content h2 {
        margin-bottom: 2.8rem;
        width: 300px;
    }

    .careers__section-7 .careers__section--7-content p {
        width: 300px;
    }

    /* || WORK AT DIAMOND | */
    .work__at--diamond-hero .content h2 {
        font-size: 65px;
        color: #fff;
        width: 700px;
    }

    .work__at--diamond-section-1 h2 {
        width: 100%;
        color: #fff;
        font-size: 40px;
        padding: 9rem 5.7rem;
    }

    .work__at--diamond-section-2 {
        padding-left: 4rem;
        height: 882px;
    }

    .work__at--diamond-section-2 h2 {
        width: 660px;
    }

    .work__at--diamond-section-3 {
        padding-left: 5.2rem;
    }

    .work__at--diamond-section-4 {
        width: 100%;
        height: 1307px;
        background: rgb(22, 22, 23);
        color: white;
        padding: 0 4.8rem;
        padding-top: 6rem;
    }

    .work__at--diamond-section-4 .work__at--diamond-section4-h2-2 {
        font-size: 42px;
        width: 600px;
        margin-bottom: 1.8rem;
    }

    .work__at--diamond-section-4 .pg__2 {
        font-size: 18px;
        color: rgb(213, 213, 213);
        margin-bottom: 5rem;
    }

    .work__at--diamond-section-5 {
        height: 450px;
        padding-left: 4.8rem;
    }

    .work__at--diamond-section-5 .p-4,
    .work__at--diamond-section-5 .p-5 {
        width: 600px;
        margin-right: 5rem;
    }

    .work__at--diamond-section-6 {
        padding-left: 4.8rem;
        padding-top: -1.3rem;
    }

    .work__at--diamond-section-6 h2 {
        width: 620px;
    }

    .work__at--diamond-section-7 {
        padding: 7rem;
        padding-top: 14rem;
    }

    .work__at--diamond-section-8 .content__1-h2 {
        width: 700px;

    }

    .work__at--diamond-section-8 .p__2 {
        width: 700px;
    }

    /* || APPLY FOR WORK | */

    .apply__for--work-form {
        width: 93%;
        max-width: 1010px;
    }

    /* || CONTACT | */

    .contact__section-1 {
        margin-top: 10rem;
    }

    .contact__h2 {
        padding-left: 3.9rem;
    }

    .contact__section-2 {
        padding-left: 3.9rem;
    }

    .contact__section-2 div h2,
    .contact__section-2 div p {
        width: 298px;
        margin-right: 3.5rem;
    }

    .contact__from {
        width: 93%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    .contact__form--container .contact__form div .input-group-1 input,
    .contact__form--container .contact__form div textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #8B8B8F;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .contact__form--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
        border: none;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || HEALTH AND SAFETY | */

    .about__content1-p {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        font-size: 1.5rem;
        padding-left: 2rem;
        font-weight: bolder;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .health__and--safety-content-1 {
        margin-bottom: 5rem;
    }

    .health__and--safety-content-1 .health__and--safety-container {
        width: 400px;
    }

    .health__and--safety-content-1 .health__and--safety-container h2 {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .health__and--safety-content-1 .health__and--safety-container p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        width: 350px;
    }

    .health__and--safety-content-1 .image__container {
        width: 600px;
        margin-left: -2.5rem;
        margin-top: 2.4rem;
    }

    .health__and--safety-content-1 .image__container img {
        width: 379px;
        height: 470px;
    }

    .health__and--safety-content-2 {
        margin-left: 2.8rem;
        margin-bottom: 5rem;
    }

    .health__and--safety-content-2 h2 {
        margin-bottom: 2rem;
        font-size: 28px;
    }

    .health__and--safety-content-2 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.5rem;
    }

    .health__and--safety-content-2 p {
        font-size: 18px;
        margin-bottom: 2.5rem;
        width: 673px;
        color: #333;
    }

    .health__and--safety-content-3 {
        background: rgb(27, 42, 57);
        color: white;
        padding-left: 2.8rem;
        padding-top: 2rem;
        height: 586px;
        margin-bottom: 5rem;
    }

    .health__and--safety-content-3 h2 {
        margin-bottom: 2rem;
        padding: 0.6rem 0;
    }

    .health__and--safety-content-3 .content__container1 {
        margin-top: -0.1rem;
    }

    .health__and--safety-content-3 .content__container1 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .health__and--safety-content-3 .content__container1 h2 {
        font-size: 28px;
    }

    .health__and--safety-content-3 .content__container2 {
        display: flex;
    }

    .health__and--safety-content-3 .content__container2 div {
        width: 400px;
    }

    .health__and--safety-content-3 .content__container2 .div-1 {
        margin-right: 3rem;

    }

    .health__and--safety-content-3 .content__container2 h2 {
        margin-bottom: 1.5rem;
        width: 310px;
    }

    .health__and--safety-content-3 .content__container2 div h2 {
        font-size: 23px;
        margin-bottom: 0.6rem;
    }

    .health__and--safety-content-3 .content__container2 div p {
        color: rgb(225, 230, 233);
        font-size: 18px;
        width: 310px;
    }

    .health__and--safety-content-3 .content__container2 div .p-1 {
        margin-bottom: 3rem;
    }

    .health__and--safety-content-4 {
        padding-left: 2.8rem;
        margin-bottom: 5rem;
    }

    .health__and--safety-content-4 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
    }

    .health__and--safety-content-4 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .health__and--safety-content-4 p {
        font-size: 18px;
        color: #333;
        margin-bottom: 2.5rem;
        width: 673px;
    }

    /* || TERMS AND CONDITIONS USE THE SAME CSS STYLE OF THE FIRST STYLING | */

    /* || INTELLECTUAL PROPERTY HAS THE SAME CSS STYLE WITH THE FIRST CSS STYLING | */

    /* || DIAMOND-TRADE-MARK-LIST HAS THE SAME CSS STYLE WITH THE FIRST CSS STYLING */

    /* || DIAMOND-WEB-BADGES HAS THE SAME CSS WITH THE FIRST STYLING */

    /* || RIGHTS-&-PERMISSIONS | */
    .rights__and--permissions {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .rights__and--permissions h2 {
        font-size: 40px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .rights__and--permissions-content1 {
        padding: 0 10.6rem;
        margin-bottom: 3rem;
    }



    .rights__and--permissions-content1 p {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content1 p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }


    .rights__and--permissions-content1 p a:hover,
    .rights__and--permissions-content1 p a:focus {
        text-decoration: underline;
    }

    .rights__and--permissions-content2 {
        padding: 0 10.6rem;
        margin-bottom: 1.3rem;
    }

    .rights__and--permissions-content2 ul li {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content2 ul li a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .rights__and--permissions-content2 ul li a:hover,
    .rights__and--permissions-content2 ul li a:focus {
        text-decoration: underline;
    }

    .rights__and--permissions-form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 9.4rem;
    }

    .rights__and--permissions-form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    button {
        display: inline-block;
        padding: 10px 30px;
        border: 0;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    .rights__and--permissions-content3 {
        padding: 0 10.6rem;
    }

    .rights__and--permissions-content3 p {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content3 p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .rights__and--permissions-content3 p a:hover,
    .rights__and--permissions-content3 p a:focus {
        text-decoration: underline;
    }

    /* || PIRACE PREVENTION USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */

    /* || COPYRIGHT-INFRINGEMENT | */
    .rights__and--permissions {
        text-align: center;
        padding: 4rem 10.6rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .rights__and--permissions h2 {
        font-size: 40px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .copyright__infringement--section-1 {
        padding: 0 10.6rem;
        margin-bottom: 3rem;
    }

    .copyright__infringement--section-1 h2 {
        margin-bottom: 1.2rem;
    }



    .copyright__infringement--section-1 p {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }


    .copyright__infringement--section-2 {
        padding: 0 10.6rem;
        margin-bottom: 1.3rem;
    }

    .copyright__infringement--section-2 ul li {
        font-size: 19px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .copyright__infringement--form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 9.4rem;
    }

    .copyright__infringement--form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .copyright__button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        border: 0;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || COUNTERFEIT PREVENTION | */

    .counterfeit__prevention {
        text-align: center;
        padding: 4rem 10.6rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .counterfeit__prevention h2 {
        font-size: 40px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .counterfeit__prevention p {
        font-size: 19px;
        color: #333;
        width: 500px;
        margin: 0 auto;
        margin-bottom: 1.2rem;
    }

    .counterfeit__prevention--form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 9.4rem;
    }

    .counterfeit__prevention-form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .counterfeit__prevention--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* POLICIES IDEAS USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */

    /* || SLA | */

    .software__license--agreement-header p {
        font-size: 19px;
        color: #333;
        margin: 0 auto;
        margin-bottom: 1.2rem;
        width: 400px;
    }

    .software__license--agreement-content {
        width: 700px;
    }

    /* || CONTACT LEGAL | */

    .contact__legal--section-1 {
        width: 100%;
        height: 362px;
        background: #2d1d90;
        color: #fff;
        padding-left: 10rem;
        padding-top: 8.5rem;
        margin-bottom: 11rem;
    }

    .contact__legal--section-1 h2 {
        font-size: 55px;
    }

    .contact__legal--form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 9.4rem;
    }

    .contact__legal--form {
        width: 100%;
        max-width: 1010px;
        margin-bottom: 10rem;
    }

    .contact__legal .contact__legal--h2 {
        font-size: 21px;
        margin-bottom: 3rem;
    }

    /* || PRIVACY POLICY | */

    .privacy__policy--section-1 {
        /* margin-top: 20rem; */
        width: 700px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-1 h2 {
        font-size: 40px;
        margin-top: 4rem;
        margin-bottom: 0.5rem;
    }

    .privacy__policy--section-1 p {
        font-size: 19px;
        color: #333;
    }

    .privacy__policy--section-2 {
        width: 700px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 9rem;
    }


    .privacy__policy--section-3 {
        width: 800px;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 6rem;
        border-bottom: 1px solid #edebeb;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-3 h2 {
        font-size: 40px;
        width: 700px;
        margin: 0 auto;
    }

    .privacy__policy--section-4 h2 {
        font-size: 35px;
        width: 700px;
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-4 p {
        font-size: 19px;
        color: #333;
        width: 700px;
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-5 {
        width: 700px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-5 h2 {
        font-size: 35px;
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-5 p {
        font-size: 19px;
        color: #333;
        margin: 0 auto;
        margin-bottom: 1rem;
        width: 700px;
    }

    /* || INTERNSHIP USES THE SAME CSS STYLE WITH MAX WIDTH 1024PX | */

    /* || NEWS | */

    .new__main {
        margin-top: 5rem;
    }

    .news__content-1 {
        display: flex;
        width: 100%;
        gap: 1rem;
        margin: 0;
        margin-bottom: 2rem;
    }

    .news__content-1 a {
        display: block;
        width: 346px;
        height: 320px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        margin-right: 1rem;
        text-decoration: none;
        color: #000;
        cursor: pointer;

    }

    .news__content-1 a div .image-container {
        height: 120px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
        background: #F9F9F9;
        text-align: center;
    }

    .news__content-1 a div .image-container img {
        object-fit: fill;
        width: 170px;
        height: 220px;
        transition: all 1.1s;

    }

    .news__content-1 a div .image-container .news__image-1 {
        width: 133px;
        height: 300px;
        padding-top: 2rem;
    }

    .news__content-1 a div .image-container .news__image-2 {
        width: 346px;
        height: 320px;
        margin-top: -2.6rem;
    }

    .news__content-1 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .news__content-1 a div h2,
    .news__content-1 a div p {
        padding-left: 1rem;
        width: 380px;
    }

    .news__content-1 a div .news__p--content-1 {
        margin-bottom: 0.1rem;
        width: 320px;
    }

    .news__content-1 a div .news__p--content-2 {
        color: rgb(123, 123, 127);
    }

    .news__content-1 a div h2 {
        margin-bottom: 1.2rem;
        margin-top: 3.5rem;
        width: 300px;
    }

    .news__content-2 {
        display: flex;
        width: 100%;
        justify-content: space-around;
        margin: 0;
        margin-bottom: 8rem;

    }

    .news__content-2 a {
        display: block;
        text-decoration: none;
        color: #000;
        cursor: pointer;
        width: 346px;
        height: 320px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        margin-right: 0rem;
    }

    .news__content-2 a div .image-container {
        height: 120px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
        background: #F9F9F9;
        text-align: center;
    }

    .news__content-2 a div .image-container img {
        object-fit: fill;
        width: 170px;
        height: 220px;
        transition: all 1.1s;
    }

    .news__content-2 a div .image-container .news__image-3 {
        width: 193px;
        height: 450px;
        padding-top: 2rem;
    }

    .news__content-2 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .news__content-2 a div h2,
    .news__content-2 a div p {
        padding-left: 1rem;
        width: 380px;
    }

    .news__content-2 a div p {
        width: 320px;
    }

    .news__content-2 a div .news__p--content-1 {
        margin-bottom: 0.1rem;
    }

    .news__content-2 a div .news__p--content-2 {
        color: rgb(123, 123, 127);
    }

    .news__content-2 a div h2 {
        margin-bottom: 1.2rem;
        margin-top: 3.5rem;
    }

    /* || NEWS CONTENT USES THE SAME CSS STYLE WITH MAX WIDTH 1024PX | */

    /* || POWERED INVESTMENT USES THE SAME CSS STYLE WITH MAX WIDTH 1024X | */

    /* || NEWS PAYMENT GATEWAY USES THE SAME CSS STYLE WITH 1024PX| */

    /* || FOOTER SECTION | */
    .footer {
        padding-top: 5rem;
        padding-left: 0;
        flex-direction: column;
        align-items: center;
        height: 1000px;
        text-align: center;
        z-index: 0;

    }

    .footer section .paragraph {
        color: #999ea3;
        font-weight: lighter;
        margin-bottom: 2rem;
        font-size: 40px;
    }

    .footer section,
    .footer section p {
        width: 300px;
        margin-bottom: 3rem;
        font-size: 34px;
    }

    .footer section p {
        margin-bottom: 0.5rem;

    }

    .footer section p a {
        color: #959faa;
        font-weight: lighter;
        text-decoration: none;
    }

    .footer section p a:hover,
    .footer section p a:focus {
        color: rgb(250, 90, 3);
    }

    .footer section.section__4 {
        width: 360px;
        margin-left: 1.6rem;
    }

    .section__4 .ancortag {
        display: inline-block;
        color: #999ea3;
        font-size: 40px;
        margin-right: 2rem;
        margin-top: 7.9rem;
    }

    .section__4 {
        padding-left: 0;
        margin-top: -130px;
    }

    .section__4 .ancortag:hover,
    .section__4 .ancortag:focus {
        color: rgb(250, 90, 3);
    }

    .footer-p {
        background: rgb(27, 43, 52);
        width: 100%;
        height: 3rem;
        font-size: 23px;
        text-align: center;
        color: #999ea3;
        margin: 0;
        padding-top: 8px;
    }

    /* || COLOR SCHEME | */
    :root {
        color-scheme: light dark;
        /* || GENERAL SETTINGS | */
    }


    @media (prefers-color-scheme: dark) {

        /* || GENERAL SETTINGS | */
        html {
            color: white;
        }

        h1,
        h2,
        h3 {
            color: white;
        }

        p {
            color: white;
        }

        /* || HOME PAGE | */
        .body__content-container .new_content h2 {
            color: white;
        }

        .body__content-container .content__1 h2 {
            color: black;
        }

        .body__content-container .content__2 h2,
        .body__content-container .content__2 p {
            color: white;
        }

        .body__content-container .content__4 h2,
        .body__content-container .content__4 p {
            color: white;
        }

        .body__content-container .content__5 h2,
        .body__content-container .content__5 p {
            color: white;
        }

        .body__content-container .content__6 h2,
        .body__content-container .content__6 p {
            color: white;
        }

        .body__content-container .content__7 h2,
        .body__content-container .content__7 p {
            color: white;
        }

        .body__content-container .content__8 h2,
        .body__content-container .content__8 p {
            color: white;
        }

        .body__content-container .content__9 h2,
        .body__content-container .content__9 p {
            color: white;
        }

        /* || OTHER BUSINESS BRANDS */
        .new__quote-section h2 {
            color: white;
        }

        .brands-content-1 a div h2,
        .brands-content-2 a div h2,
        .brands-content-3 a div h2,
        .brands-content-4 a div h2 {
            color: black;
        }

        .brands-content-1 a div p,
        .brands-content-2 a div p,
        .brands-content-3 a div p,
        .brands-content-4 a div p {
            color: black;
        }

        .brands-content-5 h2,
        .brands-content-5 p {
            color: white;
        }

        .brands-content-7 a div h2,
        .brands-content-7 a div p {
            color: black;
        }

        .brands-content-8 a div h2,
        .brands-content-8 a div p {
            color: black;
        }

        .brands-content-9 a {
            color: white;
            outline: 2px solid white;
        }

        .brands-content-9 a:hover,
        .brands-content-9 a:focus {
            background: white;
            color: black;
        }

        .pgw-content-1 div h2,
        .pgw-content-1 div p {
            color: black;
        }

        .pgw-content-2 h2,
        .pgw-content-2 p {
            color: white;
        }

        .pgw-content-3 h2,
        .pgw-content-3 p {
            color: white;
        }

        .pgw-content-4 .cnt__container h2,
        .pgw-content-4 .cnt__container p {
            color: white;
        }

        .pgw-content-5 .ctn-container h2,
        .pgw-content-5 .ctn-container p {
            color: white;
        }

        .pgw-content-6 .ctn-container h2,
        .pgw-content-6 .ctn-container p {
            color: white;
        }

        .pgw-content-7 .ctn-container h2,
        .pgw-content-7 .ctn-container p {
            color: white;
        }

        .pgw-content-8 .ctn-container h2,
        .pgw-content-8 .ctn-container p {
            color: white;
        }

        .pgw-content-9 .ctn-container h2,
        .pgw-content-9 .ctn-container p {
            color: white;
        }

        .pgw-content-10 .ctn-container h2,
        .pgw-content-10 .ctn-container p {
            color: white;
        }

        .pgw-content-11 .ctn-container h2,
        .pgw-content-11 .ctn-container p {
            color: white;
        }

        .pgw-content-12 .ctn-container h2,
        .pgw-content-12 .ctn-container p {
            color: white;
        }

        .pgw-content-13 .ctn-container h2,
        .pgw-content-13 .ctn-container p {
            color: white;
        }

        .pgw-content-14 .ctn-container h2,
        .pgw-content-14 .ctn-container p {
            color: white;
        }


        /* || PARTNERSHIP | */
        .title {
            color: black;
        }

        .partnership__content-2 h2,
        .partnership__content-2 .p-1,
        .partnership__content-2 p {
            color: white;
        }

        .partnership__content-3 h2,
        .partnership__content-3 p {
            color: white;
        }

        .column div h2 {
            color: white;
        }

        /* || ABOUT | */
        .about__content1-p {
            color: black !important;
        }

        .about__content-2 .content__container1 h2,
        .about__content-2 .content__container1 p {
            color: white;
        }

        .about__content-2 .content__container2 h2,
        .about__content-2 .content__container2 p {
            color: white;
        }

        .about__content-3 p {
            color: white;
        }

        .about__content-5 p {
            color: white;
        }

        .about__content-6 .container-1 h2,
        .about__content-6 .container-1 p {
            color: black;
        }

        /* || STAFFS | */
        .staff__title {
            color: white;
        }

        .staff__content-1 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-1 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-2 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-2 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-3 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-3 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        /* || PHRONESIS W CHISOM EKEH | */
        .about__staff--section-2 .about__s--content-1 P,
        .about__staff--section-2 .about__s--content-2 P {
            color: white;
        }

        /* || CAREERS | */
        .careers__section-7 .careers__section--7-content div h2,
        .careers__section-7 .careers__section--7-content div p {
            color: black;
        }

        .careers__section-8 .p__2 {
            color: white;
        }

        /* || CONTACT | */
        .contact__section-2 div h2,
        .contact__section-2 div p {
            color: white;
        }

        .contact__form--container .contact__form .contact__form--h2 {
            color: white;
        }

        /* || HEALTH AND SAFETY | */
        .about__content1-p {
            color: black !important;
        }

        .health__and--safety-content-2 p {
            color: white;
        }

        .health__and--safety-content-4 p {
            color: white;
        }

        /* || TERMS OF USE | */

        .terms__of--use-content h2,
        .terms__of--use-content p {
            color: white;
        }

        /* || INTELLECTUAL PROPERTY | */
        .intellectual__property--content P,
        .intellectual__property--content p span {
            color: white;
        }

        /* || DIAMOND WEB BADGES | */
        .diamond__web--badges-second-content .first__div p,
        .diamond__web--badges-second-content div p {
            color: white;
        }

        /* || DIAMOND TRADEMARK LIST | */
        .intellectual__property--content p {
            color: white;
        }

        .trade__marks--generic-title div p {
            color: white;
        }

        .trade__marks--generic div p {
            color: black;
        }

        /* || RIGHTS AND PERMISSIONS | */
        .rights__and--permissions-content1 P {
            color: white;
        }

        .rights__and--permissions-content2 ul li {
            color: white;
        }

        .rights__and--permissions-content3 p {
            color: white;
        }

        /* || COPYRIGHT INFRINGEMENT | */
        .copyright__infringement--section-1 p {
            color: white;
        }

        .copyright__infringement--section-2 ul li {
            color: white;
        }

        /* || PIRACY PREVENTION | */
        .piracy__prevention-section-1 p {
            color: white;
        }

        .piracy__prevention-content p {
            color: white;
        }

        /* || COUNTERFEIT PRODUCTSY | */
        .counterfeit__prevention P {
            color: white;
        }

        /* || POLICIES IDEAS | */
        .policies__ideas--section p {
            color: white;
        }

        /* || PRIVACY POLICY | */
        .privacy__policy--section-1 p {
            color: white;
        }

        .privacy__policy--section-2 p,
        .privacy__policy--section-2 .p__1 {
            color: white;
        }

        .privacy__policy--section-4 p {
            color: white;
        }

        .privacy__policy--section-5 p {
            color: white;
        }

        /* || SLA | */
        .software__license--agreement-header p {
            color: white;
        }

        .software__license--agreement-content h2 {
            color: black;
        }

        /* || INTERNSHIP | */
        .internship__section-1 p {
            color: white;
        }

        .internship__section-2 ul li {
            color: white;
        }

        .internship__section-3 ul li {
            color: white;
        }

        .internship__section-4 ul li {
            color: white;
        }

        /* || NEWS | */
        .news__content-1 a div h2,
        .news__content-1 a div p {
            color: black;
        }

        .news__content-2 a div h2,
        .news__content-2 a div .news__p--content-1 {
            color: black;
        }

    }


}

@media screen and (max-width: 540px) {
    /* || HEADERR SECTION MEDIA QUERY */

    .header__content {
        display: flex;
        padding: 0.3rem 1.6rem;
        width: 100%;
        background: rgb(27, 43, 52);
        align-items: space-evenly;
        justify-content: space-evenly;
        overflow: hidden;
        position: fixed;
        z-index: 1000000000000;
        background: red;
    }

    .content__img-container {
        display: flex;
        width: 240px;
        flex-direction: row;
        justify-content: space-evenly;
        place-items: center;
        /* padding-left: 0.5rem; */
        text-decoration: none;
    }

    .content__img-container:hover,
    .content__img-container:focus {
        text-decoration: none;
        font-weight: 750;
    }

    /* .content__img-container .companyName_image {
        margin-top: 0.1rem;
    } */

    .content__img {
        width: 80px;
        height: 80px;
    }

    .companyName_container {
        width: 200px;
        display: flex;
        flex-direction: column;
        margin-left: -1.2rem;
    }

    .companyName_container p {
        color: white;
        font-weight: 700;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 15px;
    }

    .content__img-container .companyName_container .phrase2 {
        margin-top: -0.1rem;
    }

    .call__number {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        place-items: center;
        right: 10rem;
        position: relative;
        width: 300px;
        display: none;
    }

    .content__call-number-image {
        width: 33px;
        height: 33px;
    }

    .content__call-number-number {
        font-size: 1.4rem;
        color: white;

    }

    .call__to-action {
        color: white;

    }

    .call__number .callNumber_image_andNumber-container {
        display: flex;
        flex-direction: row;
        margin-top: -1.5rem;
    }

    .call__number .callNumber_image_andNumber-container .content__call-number-image {
        display: block;
        margin-top: -0.2rem;
    }



    /* || TOGGLE SECTION */

    .content__nav-section .content__nav {
        display: none;
    }

    .content__nav-section {
        display: block;
        align-items: center;
        z-index: 100000;
    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul {
        display: block;
        text-align: center;
        padding: 2.8rem 0.6rem;
        align-items: center;
        justify-content: center;
        height: 100vh;
        margin-top: -0.8rem;

    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li {
        font-size: 1.8rem;
        width: 100%;
        padding: 0.6rem;
        margin-bottom: -0.5rem;
    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li-a:hover,
    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li-a:active {
        display: inline-block;
        width: 100%;
        color: #fff;
        background: #1296f3;
    }

    .mobile__nav {
        width: 100%;
        /* max-width: 100%; */
        height: 100vh;
        background: hsla(0, 0%, 20%, 0.983);
        top: 93px;
        right: -900px;
        transition: 0.5s ease;
        z-index: 100000000000000000;

    }

    .mobile__nav.active {
        right: 0;
    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li-a {
        border-bottom: rgba(0, 0, 0, .2);
        padding: 0.8rem;
        background: rgb(169, 169, 234);
        margin-bottom: 0.5rem;
        display: block;
        border-radius: 14px;
    }

    .ham_menu--container {
        padding: 1rem;
        display: flex;
        margin-left: auto;
        /* margin-left: 5rem; */
        position: relative;
        margin-left: 0.4rem;
    }

    .ham-menu {
        height: 5px;
        width: 5px;

    }

    .ham-menu span {
        height: 4px;
        width: 100%;
        background-color: white;
        border-radius: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: .3s ease;
    }

    .ham-menu span:nth-child(1) {
        top: 38%;
    }

    .ham-menu span:nth-child(3) {
        top: 62%;
    }

    .ham-menu.active span:nth-child(1) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .ham-menu.active span:nth-child(2) {
        opacity: 0;
    }

    .ham-menu.active span:nth-child(3) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }


    /* || HERO SECTION MEDIA QUERY */

    .container .slide-container .slide .content {
        min-height: 100vh;
        width: 350px;
        margin: 0 auto;
        text-align: center;
        margin-top: -120px;
    }

    .container .slide-container .slide .content h3 {
        font-size: 36px;
        margin-bottom: 0.3em;
        padding: 0 3px;
        font-weight: 900;
        /* text-shadow: 3px 3px 30px black; */
    }

    .container .slide-container .slide .content p {
        font-size: 27px;
        line-height: 0.4em;
        padding: 3px 0;
        max-width: auto;
        margin-bottom: 25px;
        font-weight: 900;
    }

    .container .slide-container .slide .content .p-1 {
        font-size: 23px;
        color: rgb(120, 203, 237);
    }

    .container .slide-container .slide .content .p-2 {
        font-size: 23px;
        color: rgb(120, 203, 237);
    }

    .container .slide-container .slide .content .p-3 {
        font-size: 23px;
        color: rgb(120, 203, 237);
        font-weight: bold;
    }

    .container .slide-container .slide .content .btn {
        display: inline-block;
        padding: 4px 18px;
        font-size: 18px;
        font-weight: bold;

    }

    .container .slide-container .slide .content .btn:hover {
        letter-spacing: 2px !important;
        background: rgba(193, 86, 5, 0.9) !important;
    }

    .container #next,
    .container #prev {
        transform: translateY(-50%);
        height: 35px;
        width: 25px;
        line-height: 34px;
        font-size: 25px;
        font-weight: bold;
    }


    /* || CONTENT SECTION | */

    .body__content-container {
        margin: 0 0;
        width: 100%;
    }

    .new_content h2 {
        font-size: 30px;
        width: 330px;
        text-align: center;
        margin: auto;
        margin-top: 5.8rem;
        margin-bottom: 5.8rem;
    }

    .content__1 {
        margin-top: 2.5rem;
        padding-top: 20rem;
        padding-bottom: 1rem;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding-left: 0;
        height: 1612px;
        margin-bottom: 0;
    }

    .content__1 img {
        margin-bottom: 48px;
        margin-top: 0.1rem;
        width: 220px;
        height: 420px;
        margin-top: -2rem;
    }

    .body__content-container .content__1 .img__3 {
        margin-top: 52.5rem;
    }

    .content__1 h2 {
        font-size: 30px;
        margin-top: -300px;
        position: absolute;
        width: 30rem;
    }

    .content__1 p {
        position: absolute;
        font-size: 18px;
        width: 13rem;
        margin-top: -169px;
        margin-left: 0;
        font-weight: lighter;
        color: #333;

    }

    .content__2 {
        padding-top: 3.4rem;
        text-align: center;
        align-items: center;
        padding-left: 0;
        margin-bottom: -9.3rem;
        margin-top: 0.7rem;
    }

    .content__2 h2 {
        font-size: 30px;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 34px;
    }

    .content__2 p {
        font-size: 18px;
        width: 300px;
        margin: 0 auto;
        font-weight: lighter;
        color: #333;
        margin-bottom: 40px;
    }

    .content__3 {
        display: flex;
        align-items: center;
        position: relative;
        flex-direction: column;
        text-align: center;
        margin-bottom: 0.5rem;
        padding-left: 0;
        height: 720px;
    }

    .content__3 img {
        width: 220px;
        height: 450px;
        margin-top: 11.9rem;
        position: absolute;
        margin-left: 0.003rem;
    }

    .content__3 h2 {
        margin-top: 2.7rem;
        font-size: 30px;
        width: 300px;
        position: absolute;
        padding-left: 0;
    }

    .content__4 {
        position: relative;
        flex-direction: column;
        padding-top: 12rem;
        align-items: center;
        text-align: center;
        margin: 0 auto;
        padding-left: 0;
    }

    .content__4 .img__1 {
        width: 220px;
        height: 450px;
        margin-left: 0;
        margin-top: 0.8rem;
    }

    .content__4 .img__2 {
        padding-top: 2.8rem;
        width: 370px;
        height: 370px;
        margin-left: 15rem;
        margin-top: 0.5rem;

    }

    .content__4 h2 {
        padding-top: 12rem;
        position: absolute;
        font-size: 30px;
        margin: 0 auto;
        text-align: center;
        padding-right: 3rem;
        padding-left: 3rem;
        margin-top: -370px;
    }

    .content__4 p {
        font-size: 18px;
        color: #333;
        font-weight: lighter;
        position: absolute;
        padding-top: 0;
        width: 13rem;
        margin-top: -100px;
        margin-left: 0;
    }

    .content__5 {
        background: rgb(113, 210, 252);
        display: flex;
        padding-top: 3em;
        position: relative;
        margin-bottom: 4.3rem;
        flex-direction: column;
        height: 500px;
        align-items: center;
        padding-left: 0;
    }

    .content__5 img {
        width: 330px;
        height: 180px;
    }

    .content__5 h2 {
        padding-top: 1.5rem;
        width: 300px;
        text-align: center;
        margin: 0;
        margin-left: 0;
        font-size: 27px;
    }

    .content__5 p {
        margin: 0 auto;
        margin-top: 15.6rem;
        font-size: 17px;
    }

    .content__5 a {
        position: absolute;
        margin-left: 0;
        place-self: center;
        margin-top: 23.9rem;
        font-size: 17px;
    }

    .content__5 a:hover,
    .content__5 a:focus {
        letter-spacing: 2px;
        background: white;
        color: rgb(106, 106, 218);
    }

    /* I started aling-items center and text-align center from content 6 */

    .content__6 {
        display: flex;
        position: relative;
        margin-bottom: 2.5rem;
        flex-direction: column;
        text-align: center;
        height: 500px;
        align-items: center;
    }

    .content__6 img {
        padding-left: 1.7rem;
        width: 420px;
        position: absolute;
        margin-top: 16rem;
    }

    .content__6 h2 {
        width: 320px;
        font-size: 30px;
        margin-left: 0;
    }

    .content__6 p {
        position: absolute;
        width: 300px;
        margin-left: 0;
        margin-top: 9rem;
        font-size: 18px;
    }

    .content__7 {
        margin-bottom: 0.3rem;
        flex-direction: column;
        height: 1215px;
        align-items: center;
        text-align: center;
    }

    .content__7 img {
        width: 220px;
        height: 464px;
        margin-top: 248px;
        display: absolute;

    }

    .content__7 .img__1 {
        margin-left: 0;
        position: absolute;
        margin-top: 700px;
    }

    .content__7 h2 {
        position: absolute;
        font-size: 30px;
        margin-left: 0;
        padding-top: 3rem;
    }

    .content__7 p {
        position: absolute;
        font-size: 18px;
        width: 300px;
        margin-left: 0;
        padding-top: 7.7rem;
        color: #333;
        font-weight: lighter;

    }

    .content__8 {
        margin-bottom: 1.7rem;
        flex-direction: column;
        height: 1230px;
        align-items: center;
        text-align: center;
        padding-left: 0;
    }

    .content__8 .img__1 {
        width: 220px;
        height: 464;
        margin-top: 15rem;
    }

    .content__8 .img__2 {
        height: 390px;
        margin-top: 2.4rem;
        width: 220px;
    }

    .content__8 h2 {
        margin-left: 0;
        margin-top: 3rem;
        position: absolute;
        font-size: 30px
    }

    .content__8 p {
        font-size: 18px;
        position: absolute;
        width: 300px;
        color: #333;
        font-weight: lighter;
        margin-left: 0;
        margin-top: 7rem;
    }

    .content__9 {
        display: flex;
        position: relative;
        padding-left: 0;
        background: #45a2c0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        flex-direction: column;
        text-align: center;
        align-items: center;
        height: 628px;
    }

    .content__9 img {
        width: 350px;
        height: 350px;
        margin-top: 2rem;
    }

    .content__9 h2 {
        width: 300px;
        margin-top: 27px;
        margin-left: 0;
        font-size: 30px;
    }

    .content__9 p {
        position: absolute;
        font-size: 17px;
        margin-top: 30.3rem;
        margin-left: 0;
        color: #333;
        font-weight: lighter;
        width: 300px;

    }

    .content__9 a {
        margin-top: 34rem;
        margin-left: 0;
        background: rgb(250, 90, 3);
        transition: .2s linear;
        font-size: 17px;
    }



    /* || OTHER BUSINESS BRANDS HERO SECTION */
    .slider .figure-container figure {
        height: 1012px;
        margin-bottom: 5rem;
    }

    .slider .figure-container figure h2 {
        position: absolute;
        margin-top: 5rem;
        font-size: 3.5rem;
        width: 300px;
        color: white;
        margin-left: 4.7rem;
    }

    .slider .figure-container figure a {
        margin-top: 25rem;
        margin-left: 8.8rem;
    }

    .slider .figure-container figure .payment__gateway--ancortag {
        margin-top: 28rem;
        margin-left: 11.7rem;
        z-index: 1;
    }

    .slider .figure-container .figure-img-1 {
        width: 100%;
        height: 1012px;
    }

    .slider .figure-container figure .payment-image-1 {
        width: 280px;
        height: 590px;
        margin-top: 25rem;
        left: 1rem;
    }

    .slider .figure-container figure .payment-image-2 {
        margin-top: 32rem;
        left: 1rem;
    }

    /* || OHTER BUSINESS BRANDS CONTENT SECTION | */
    .new__quote-section {
        margin-top: 49rem;
    }

    .new__quote-section h2 {
        font-size: 4rem;
        width: 350px;
        text-align: center;
        margin: auto;
    }

    .quote-section {
        width: 100%;
        padding: 0 2rem;
        text-align: center;
        margin-top: 4rem;
        margin-bottom: 6rem;
    }

    .quot-section .page-title {
        font-size: 1.65rem;
    }

    .quote-section h2 {
        width: 310px;
        margin: 0 auto;
        margin-bottom: 1.7rem;
        font-size: 50px;
    }

    .quote-section .quote-section-paragraph1 {
        width: 350px;
        font-size: 23px;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .quote-section a {
        text-decoration: none;
        font-size: 1.5rem;
    }

    .brands-content-1 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-1 a {
        display: block;
        width: 380px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;

    }

    .brands-content-1 a div h2,
    .brands-content-1 a div p {
        padding-left: 1.6rem;
    }

    .brands-content-1 a div h2 {
        margin-bottom: 1.5rem;
    }

    .brands-content-1 a div p {
        font-size: 17px;
        width: 350px;
    }

    .brands-content-2 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-2 a {
        display: block;
        width: 380px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }

    .brands-content-2 a div h2,
    .brands-content-2 a div p {
        padding-left: 1.6rem;
    }

    .brands-content-2 a div h2 {
        margin-bottom: 1.5rem;
    }

    .brands-content-2 a div p {
        font-size: 17px;
        width: 350px;
    }

    .brands-content-3,
    .brands-content-4 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-3 a,
    .brands-content-4 a {
        display: block;
        width: 380px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }

    .brands-content-3 a div .image-container,
    .brands-content-4 a div .image-container {
        height: 246px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
    }

    .brands-content-3 a div .image-container img,
    .brands-content-4 a div .image-container img {
        object-fit: bottom;
        width: 459px;
        height: 400px;
        transition: all 1.1s;
    }

    .brands-content-3 a div .image-container .other__business--content-3-image {
        display: block;
        margin-top: -3.9rem;
    }

    .brands-content-3 a:hover div .image-container img,
    .brands-content-4 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .brands-content-3 a div h2,
    .brands-content-3 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 385px;

    }

    .brands-content-4 a div h2,
    .brands-content-4 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 385px;
    }

    .brands-content-3 a h2,
    .brands-content-4 a h2 {
        margin-bottom: 1.5rem;
        font-size: 23px;
    }

    .brands-content-3 a p,
    .brands-content-4 a p {
        margin-bottom: 1rem;
        font-size: 17px;
    }

    .brands-content-4 {
        margin-bottom: 7rem;
    }

    .brands-content-5 h2,
    .brands-content-5 p {
        width: 480px;
    }

    .brands-content-5 h2 {
        margin-bottom: 1.5rem;
        font-size: 28px;
    }

    .brands-content-5 p {
        color: #333;
        font-size: 19px;
    }

    .fa-bullseye {
        font-size: 50px;
        margin-bottom: 1.4rem;
        color: #b1b4b9;
    }

    .brands-content-6 {
        background: rgb(244, 94, 13);
        background-image: url(../img/content-6-image.jpeg);
        background-repeat: no-repeat;
        padding-top: 10.6rem;
        padding-bottom: 9.4rem;
        background-position: bottom;
        background-size: cover;
        padding-left: 1.5rem;
        margin-bottom: 3rem;
    }

    .brands-content-6 a,
    .brands-content-6 h2 {
        color: white;
    }

    .brands-content-6 a {
        text-decoration: none;
        padding: 0 0.4rem;
        border-radius: 8px;
        background-color: rgb(14, 94, 198);
        display: inline-block;
        margin-bottom: 2rem;
    }

    .brands-content-6 h2 {
        font-size: 3rem;
    }

    .brands-content-7,
    .brands-content-8 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-7 a,
    .brands-content-8 a {
        display: block;
        width: 380px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }

    .brands-content-7 a div .image-container,
    .brands-content-8 a div .image-container {
        height: 246px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
    }

    .brands-content-7 a div .image-container img,
    .brands-content-8 a div .image-container img {
        object-fit: bottom;
        width: 459px;
        height: 400px;
        transition: all 1.1s;


    }

    .brands-content-7 a div .image-container .other__business--content-7-image {
        display: block;
        margin-top: -7.5rem;
    }

    .brands-content-7 a:hover div .image-container img,
    .brands-content-8 a:hover div .image-container img {
        transform: scale(1.05);
    }


    .brands-content-7 a div h2,
    .brands-content-7 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 385px;
    }

    .brands-content-8 a div h2,
    .brands-content-8 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 385px;
    }

    .brands-content-7 a h2,
    .brands-content-8 a h2 {
        margin-bottom: 1.5rem;
        font-size: 23px;
    }

    .brands-content-7 a p,
    .brands-content-8 a p {
        margin-bottom: 1rem;
        font-size: 17px;
    }

    .brands-content-8 {
        margin-bottom: 3rem;
    }

    .pgw-content-1 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 2.9rem;
        position: relative;
        width: 100%;
    }

    .pgw-content-1 .img-container {
        display: flex;
        flex-direction: column;
        width: 500px;
        margin-left: 3.5rem;
    }

    .pgw-content-1 .img-container .img-1 {
        display: block;
        width: 200px;
        height: 410px;
        margin-left: 2.7rem;
        margin-top: 16.8rem;
    }

    .pgw-content-1 .img-container .img-2 {
        display: block;
        width: 500px;
        height: 400px;
        margin-left: -6.9rem;
        margin-top: -9rem;
    }

    .pgw-content-1 div {
        width: 300px;
        position: absolute;
        left: 42%;
        top: -6.2rem;
    }

    .pgw-content-1 div h2 {
        margin-bottom: 2.5rem;
    }

    .pgw-content-1 div p {
        color: #333;
        font-size: 19px;

    }

    .pgw-content-2 {
        text-align: center;
        margin-bottom: 2.6rem;
    }

    .pgw-content-2 .header2,
    .pgw-content-2 p {
        width: 335px;
        margin: 0 auto;
    }

    .pgw-content-2 .header2 {
        font-size: 30px;
        margin-bottom: 1.4rem;
    }

    .pgw-content-2 p {
        font-size: 19px;
    }



    .pgw-content-3 {
        text-align: center;
        margin-bottom: 5.9rem;
    }

    .pgw-content-3 .header2,
    .pgw-content-3 p {
        width: 335px;
        margin: 0 auto;
    }

    .pgw-content-3 .header2 {
        font-size: 30px;
        margin-bottom: 1.4rem;
    }

    .pgw-content-3 p {
        font-size: 19px;
    }

    .pgw-content-4 {
        display: flex;
        width: 100%;
        height: 470px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 2.5rem;
    }

    .pgw-content-4 .img-container {
        width: 600px;
        margin-top: 12rem;
        margin-left: 0.4rem;
    }

    .pgw-content-4 .img-container img {
        width: 400px;
        height: 260px;
        margin-left: -0.2rem;
    }

    .pgw-content-4 .cnt__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        margin-top: -28.7rem;

    }

    .pgw-content-4 .cnt__container h2,
    .pgw-content-4 .cnt__container p {
        margin: 0 auto;
    }

    .pgw-content-4 .cnt__container h2 {
        margin-bottom: 1.5rem;
        width: 250px;
    }

    .pgw-content-4 .cnt__container p {
        font-size: 19px;
        width: 250px;
    }

    .pgw-content-5 {
        display: flex;
        width: 100%;
        height: 676px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 3.9rem;
    }

    .pgw-content-5 .image-container {
        position: relative;
        width: 100%;
    }

    .pgw-content-5 .image-container img {
        width: 240px;
        height: 474px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-5 .ctn-container {
        width: 350px;
        margin: 0 auto;
        margin-top: 1rem;
        margin-bottom: 1.1rem;
    }

    .pgw-content-5 .ctn-container h2,
    .pgw-content-5 .ctn-container p {
        width: 335px;
    }

    .pgw-content-5 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-5 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-6 {
        display: flex;
        width: 100%;
        height: 650px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 3.1rem;
        position: relative;
    }

    .pgw-content-6 .image-container {
        width: 100%;
        height: 474px;
        margin: 0 auto;
        margin-top: 10.2rem;
    }

    .pgw-content-6 .image-container img {
        width: 240px;
        height: 474px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-6 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;
        margin-bottom: 1.1rem;
    }

    .pgw-content-6 .ctn-container h2,
    .pgw-content-6 .ctn-container p {
        width: 335px;
        margin: 0 auto;
    }

    .pgw-content-6 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-6 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-7 {
        display: flex;
        width: 100%;
        height: 610px;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .pgw-content-7 .image-container {
        position: relative;
        width: 100%;
    }

    .pgw-content-7 .image-container img {
        width: 550px;
        height: 400px;
        display: block;
        margin: 0 auto;
        margin-left: 6rem;
        margin-top: -30.1rem;
    }

    .pgw-content-7 .ctn-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;
        margin-bottom: 1.1rem;
    }

    .pgw-content-7 .ctn-container h2,
    .pgw-content-7 .ctn-container p {
        width: 335px;
        margin: 0 auto;
    }

    .pgw-content-7 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-7 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-8 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 650px;
        margin-bottom: 2.3rem;
        margin-top: -1.4rem;
    }

    .pgw-content-8 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;

    }

    .pgw-content-8 .image-container img {
        width: 230px;
        height: 489px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-8 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-8 .ctn-container h2,
    .pgw-content-8 .ctn-container p {
        margin: 0 auto;
        width: 335px;
    }

    .pgw-content-8 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-8 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-9 {
        display: flex;
        width: 100%;
        height: 650px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 3.123rem;
        margin-bottom: 2.5rem;
        position: relative;
    }

    .pgw-content-9 .image-container {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        margin-top: 8.6rem;
    }

    .pgw-content-9 .image-container img {
        width: 230px;
        height: 489px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-9 .ctn-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;
    }

    .pgw-content-9 .ctn-container h2,
    .pgw-content-9 .ctn-container p {
        width: 350px;
        margin: 0 auto;
    }

    .pgw-content-9 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-9 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-10 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 650px;
        margin-bottom: 2.98;
    }

    .pgw-content-10 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-10 .image-container img {
        width: 261px;
        height: 489px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-10 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-10 .ctn-container h2,
    .pgw-content-10 .ctn-container p {
        margin: 0 auto;
        width: 335px;
    }

    .pgw-content-10 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-10 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-11 {
        display: flex;
        width: 100%;
        height: 485px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 2.3rem;
        position: relative;
    }

    .pgw-content-11 .image-container {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        margin-top: 8.6rem;
    }

    .pgw-content-11 .image-container img {
        width: 370px;
        height: 250px;
        display: block;
    }

    .pgw-content-11 .ctn-container {
        width: 100%;
        margin-top: 1rem;
        margin: 0 auto;
        margin-left: -1.3rem;
    }

    .pgw-content-11 .ctn-container h2,
    .pgw-content-11 .ctn-container p {
        width: 335px;
        margin: 0 auto;
    }

    .pgw-content-11 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-11 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-12 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 485px;
    }

    .pgw-content-12 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-12 .image-container img {
        width: 370px;
        height: 250px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-12 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-12 .ctn-container h2,
    .pgw-content-12 .ctn-container p {
        width: 335px;
        margin: 0 auto;
    }

    .pgw-content-12 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-12 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-13 {
        display: flex;
        width: 100%;
        height: 650px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 2.2rem;
        position: relative;
        margin-top: -5rem;
    }

    .pgw-content-13 .image-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-13 .image-container img {
        width: 219px;
        height: 480px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-13 .ctn-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;

    }

    .pgw-content-13 .ctn-container h2,
    .pgw-content-13 .ctn-container p {
        width: 335px;
        margin: 0 auto;
    }

    .pgw-content-13 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-13 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-14 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 650px;
        margin-bottom: 2rem;

    }

    .pgw-content-14 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-14 .image-container img {
        width: 225px;
        height: 455px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-14 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-14 .ctn-container h2,
    .pgw-content-14 .ctn-container p {
        width: 335px;
        margin: 0 auto;
    }

    .pgw-content-14 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-14 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-15 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 577px;
    }

    .pgw-content-15 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: -0.1rem;
    }

    .pgw-content-15 .image-container img {
        width: 659px;
        height: 400px;
        display: block;
        margin-left: -8.9rem;
    }

    .pgw-content-15 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 24.6rem;
    }

    .pgw-content-15 .ctn-container h2 {
        color: #f2f2f2;
        width: 335px;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    .pgw-content-15 .ctn-container p {
        color: #333;
    }

    /* || THE RAILWAY TRANSPORTAION | */
    .the__railway--transportation-main {
        background: rgb(245, 245, 247);
    }

    .the__railway--transportation-hero-section {
        background: black;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), #232222), url(../img/theelctric-train-hero-image.jpeg);
        width: 100%;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 18rem;
        padding-left: 4rem;
        margin-bottom: 2.5rem;

    }

    .the__railway--transportation-hero-section div h2 {
        font-size: 50px;
        color: white;
    }

    .the__railway--transportation-hero-section div p {
        font-size: 22px;
        color: white;
    }

    .the__railway--transportation-section-1 {
        width: 90%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        height: 1300px;
        padding: 1.5 1.2rem;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-1 .content {
        padding-top: 3.5rem;
        width: 100%;
        height: 633px;
        background: white;
        text-align: center;
        margin-bottom: 0.2rem;
    }

    .the__railway--transportation-section-1 .content h2 {
        width: 330px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-1 .content p {
        width: 310px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-1 .content .image__container {
        width: 60%;
        margin: 0 auto;
        height: 250px;
    }

    .the__railway--transportation-section-1 .content .image__container img {
        width: 100%;
        height: 250px;
    }

    .the__railway--transportation-section-2 {
        margin: 0 auto;
        width: 90%;
        height: 670px;
        padding: 1.5rem 1.2rem;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-2 h2 {
        width: 330px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-2 p {
        width: 310px;
        margin: 0 auto;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-2 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-2 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-3 {
        display: flex;
        width: 90%;
        position: relative;
        padding: 0 1.9rem;
        flex-direction: column;
        height: 766px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-3 .image__container {
        width: 100%;
        height: 500px;
        margin: 0 auto;
        margin-right: 5rem;
        padding-top: 17.5rem;
    }

    .the__railway--transportation-section-3 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-3 .trt__content--4 {
        position: absolute;
        top: 2rem;
    }

    .the__railway--transportation-section-3 .content h2 {
        font-size: 33px;
        width: 330px;
        text-align: center;
        color: #1D1D1F;
        margin: 0 auto;
        margin-top: 2rem;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-3 .content p {
        width: 310px;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-4 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 700px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-4 h2 {
        width: 330px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-4 p {
        width: 310px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-4 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-4 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-5 {
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 719px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
        padding: 0;
        padding-top: 2.2rem;
    }

    .the__railway--transportation-section-5 .content {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .the__railway--transportation-section-5 .content h2 {
        font-size: 33px;
        width: 330px;
        color: #1D1D1F;
        margin: 0 auto;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-5 .content p {
        width: 310px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-5 .image__container {
        width: 100%;
        height: 500px;
        margin-top: -2.5rem;
    }

    .the__railway--transportation-section-5 .image__container img {
        display: block;
        margin: 0 auto;
        width: 330px;
        height: 400px;
    }

    .the__railway--transportation-section-6 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 599px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-6 h2 {
        width: 330px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-6 p {
        width: 310px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-6 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-6 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-7 {
        display: flex;
        width: 90%;
        flex-direction: column;
        height: 699px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
        position: relative;
        padding: 0;
    }

    .the__railway--transportation-section-7 .image__container {
        width: 330px;
        height: 500px;
        margin: 0 auto;
        padding-top: 14rem;
    }

    .the__railway--transportation-section-7 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-7 .content {
        text-align: center;
        position: absolute;
        margin-top: 3rem;
    }

    .the__railway--transportation-section-7 .content h2 {
        font-size: 33px;
        width: 330px;
        margin: 0 auto;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-7 .content p {
        width: 310px;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-8 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 648px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-8 h2 {
        width: 330px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-8 p {
        width: 310px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-8 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-8 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-9 {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-top: 3rem;
        width: 90%;
        height: 755px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-9 .content {
        text-align: center;
        margin: 0 auto;
    }

    .the__railway--transportation-section-9 .content h2 {
        font-size: 33px;
        width: 330px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-9 .content p {
        width: 310x;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-9 .image__container {
        width: 330px;
        height: 500px;
        margin: 0 auto;
        margin-top: -2.8rem;
    }

    .the__railway--transportation-section-9 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-10 {
        width: 90%;
        height: 1200px;
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        justify-content: space-evenly;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-10 .content {
        padding-top: 3.5rem;
        width: 100%;
        height: 600px;
        background: white;
        text-align: center;
        margin-bottom: 0.8rem;
    }

    .the__railway--transportation-section-10 .content h2 {
        width: 330px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-10 .content p {
        width: 310px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-10 .content .image__container {
        width: 80%;
        margin: 0 auto;
        height: 250px;
    }

    .the__railway--transportation-section-10 .content .image__container img {
        width: 100%;
        height: 250px;
    }

    .the__railway--transportation-section-11 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 608px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-11 h2 {
        width: 330px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-11 p {
        width: 310px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-11 .image__container {
        width: 90%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-11 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-12 {
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 666px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
        position: relative;
        padding: 0;
    }

    .the__railway--transportation-section-12 .image__container {
        width: 330px;
        height: 500px;
        margin: 0 auto;
        padding-top: 11.4rem;
    }

    .the__railway--transportation-section-12 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-12 .content {
        text-align: center;
        margin: 0;
        position: absolute;
        padding-top: 3.5rem;
    }

    .the__railway--transportation-section-12 .content h2 {
        font-size: 33px;
        margin: 0 auto;
        width: 330px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-12 .content p {
        width: 310px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-13 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 646px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-13 h2 {
        width: 330px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-13 p {
        width: 310px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-13 .image__container {
        width: 90%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-13 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-14 {
        display: flex;
        padding: 0;
        padding-top: 3.5rem;
        flex-direction: column;
        width: 90%;
        height: 662px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-14 .content {
        width: 330px;
        margin: 0 auto;
        text-align: center;
    }

    .the__railway--transportation-section-14 .content h2 {
        font-size: 33px;
        width: 330px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-14 .content p {
        width: 310px;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-14 .image__container {
        width: 330px;
        height: 500px;
        margin-top: -3.4rem;
    }

    .the__railway--transportation-section-14 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    /* || PARTNERSHIP CONTENT SECTION | */

    .title {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        font-size: 1.7rem;
        padding-left: 2rem;
        font-weight: bolder;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .ptnscall__to-action {
        padding: 0.3rem;
        background: rgb(250, 90, 3);
        width: 100%;
        font-size: 13px;
        font-weight: bolder;
        padding-left: 2rem;
        position: sticky;
        top: 3.6rem;
        z-index: 1;
        color: white;

    }

    .partnership__content-1 {
        display: flex;
        position: relative;
        height: 805px;
        width: 100%;
        background: black;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), #051e7c), url(../img/content1-background.jpeg);
        margin-bottom: 6rem;

    }

    .partnership__content-1 .image__container {
        position: absolute;
        overflow: hidden;
        margin-top: -1.1rem;
        margin-left: 4rem;
    }

    .image__container img {
        width: 420px;
        height: 520px;
    }

    .partnership__content-1 .content__1a-container {
        position: absolute;
        color: white;
        margin-top: 30rem;
        padding-left: 1.5rem;
        margin-right: 10rem;

    }

    .partnership__content-1 .content__1a-container a {
        background: rgb(250, 90, 3);
        padding: 9px 19px;
        text-decoration: none;
        color: white;
        border-radius: 4px;
    }

    .partnership__content-1 .content__1a-container a:hover {
        filter: brightness(140%);
    }

    .partnership__content-1 .content__1a-container .p-1 {
        margin-bottom: 2.5rem;
        font-size: 17px;
    }

    .partnership__content-1 .content__1a-container h2 {
        font-size: 32px;
    }

    .partnership__content-1 .content__1a-container p {
        margin-bottom: 4rem;
        font-size: 17px;
        width: 340px;
    }

    .partnership__content-2 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 6.5rem;
    }

    .partnership__content-2 .p-1 {
        font-size: 19px;
        margin-bottom: 1.2rem;
        color: #000;
        font-weight: bolder;
    }

    .partnership__content-2 h2 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .partnership__content-2 p {
        font-size: 19px;
        color: #333;
        font-weight: light;
    }

    .partnership__content-2 .fa-solid {
        font-size: 19px;
    }

    .partnership__content-3 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 5rem;
    }

    .partnership__content-3 h2 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .partnership__content-3 p {
        font-size: 19px;
        color: #333;
        font-weight: light;
    }

    .partnership__content-3 .fa-regular {
        font-size: 24px;
    }

    .column {
        width: 100%;
        columns: 1 170px;
        column-rule: 3px solid #f5f1f1;
        column-gap: 3rem;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 6rem;


    }

    .column div {
        width: 300px;
        padding: 3rem;
        margin: 0 auto;
    }

    .column div h2 {
        font-size: 20px;
        color: #333;
        margin-bottom: 1rem;
    }

    .column div .fa-solid,
    .column div .fa-brands {
        font-size: 24px;
        padding: 3rem;
        border-radius: 50%;
        background: rgb(160, 158, 156);
        color: #000;
        margin-bottom: -3rem;
    }

    .partnership__content-5 h2 {
        text-align: center;
        font-size: 4.6rem;
    }



    .form__container {
        width: 100%;
        height: 600px;
        background: rgb(43, 43, 167);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    form {
        width: 80%;
        max-width: 1010px;
    }

    .input-group {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 10px;
        outline: 0;
        border: 1px solid #fff;
        color: #fff;
        background: transparent;
        font-size: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #fff;
        cursor: text;
        transition: 0.2s;
    }

    .partnership__button {
        display: inline-block;
        padding: 10px 0;
        color: #fff;
        outline: none;
        background: transparent;
        border: 1px solid #fff;
        width: 130px;
        cursor: pointer;
    }

    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }

    .row {
        display: block;
        align-items: center;
        justify-content: space-between;
    }

    .row .input-group {
        flex-basis: 48%;

    }

    /* || ABOUT SECTION | */

    .about__content1-p {
        padding: 15px;
    }

    .about__content-1 {
        display: flex;
        height: 643px;
        margin-bottom: 6rem;

    }

    .about__content-1 .content__container {
        width: 500px;
        margin: auto 0;
        margin-top: 22rem;
        margin-left: -0.8rem;
    }

    .about__content-1 .content__container h2,
    .about__content-1 .content__container p,
    .about__content-1 .content__container a {
        color: #000;
        margin-top: 10rem;
        padding-left: 2rem;
        margin: auto 0;
        margin-right: 7rem;
    }

    .about__content-1 .content__container h2 {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .about__content-1 .content__container p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        width: 330px;
    }

    .about__content-1 .content__container a {
        text-decoration: none;
        font-size: 18px;
        margin-left: 2rem;
        padding: 8px 19px;
        border-radius: 7px;
        background: rgb(250, 90, 3);
        color: white;
        transition: 0.2s linear;
    }

    .about__content-1 .content__container a:hover,
    .about__content-1 .content__container a:focus {
        letter-spacing: 2px;
        background: rgb(209, 208, 208);
        color: rgb(106, 106, 218);
    }

    .about__content-1 .image__container {
        width: 600px;
        height: 330px;
        margin-left: -24rem;
        margin-top: 1.5rem;
    }

    .about__content-1 .image__container img {
        width: 330px;
        height: 330px;
    }

    .about__content-2 {
        display: block;
        margin-bottom: 5.1rem;
        width: 100%;
    }

    .about__content-2 div {
        width: 100%;
        padding-left: 2.4rem;
    }

    .about__content-2 div h2 {
        margin-bottom: 1rem;
        font-size: 28px;
    }

    .about__content-2 div p {
        color: #333;
        font-size: 18px;
        width: 360px;
        margin-bottom: 2.1rem;
    }

    .about__content-2 .content__container1 {
        margin-left: 0;
    }

    .about__content-3 {
        margin-left: 1.5rem;
        margin-bottom: 7rem;
    }

    .about__content-3 h2 {
        margin-bottom: 2rem;
        font-size: 28px;
    }

    .about__content-3 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.4rem;
    }

    .about__content-3 p {
        font-size: 18px;
        margin-bottom: 2.5rem;
        width: 368px;
        color: #333;
    }

    .about__content-4 {
        background: rgb(27, 42, 57);
        color: white;
        padding-left: 1.5rem;
        padding-top: 2rem;
        height: 798px;
        margin-bottom: 5.5rem;
    }

    .about__content-4 h2 {
        margin-bottom: 2rem;
        padding: 0.6rem 0;
    }

    .about__content-4 .content__container1 {
        margin-bottom: -1.2rem;
    }

    .about__content-4 .content__container1 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.4rem;
    }

    .about__content-4 .content__container1 h2 {
        font-size: 28px;
    }

    .about__content-4 .content__container2 {
        display: block;
    }

    .about__content-4 .content__container2 div {
        width: 700px;
    }

    .about__content-4 .content__container2 .div-1 {
        margin-right: 3rem;

    }

    .about__content-4 .content__container2 h2 {
        margin-bottom: 1.5rem;
    }

    .about__content-4 .content__container2 div h2 {
        font-size: 23px;
        margin-bottom: 0.6rem;
    }

    .about__content-4 .content__container2 div p {
        color: rgb(225, 230, 233);
        font-size: 18px;
        width: 300px;
        margin-bottom: 2.3rem;
    }

    .about__content-4 .content__container2 div .p-1 {
        margin-bottom: 3rem;
    }

    .about__content-5 {
        padding-left: 1.5rem;
        margin-bottom: 7rem;
    }

    .about__content-5 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
        width: 368px;
    }

    .about__content-5 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.4rem;
    }

    .about__content-5 p {
        font-size: 18px;
        color: #333;
        margin-bottom: 2.5rem;
        width: 368px;
    }

    .about__content-6 {
        background: rgb(203, 235, 242);
        padding-left: 1.5rem;
        padding-top: 1.5rem;
        display: flex;
        width: 100%;
        height: 715px;
        position: relative;
    }

    .about__content-6 .container-1 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
        width: 368px;
    }

    .about__content-6 .container-1 p {
        width: 368px;
        margin-bottom: 2.5rem;
        font-size: 18px;
    }

    .about__content-6 div {
        margin: auto 0;
    }

    .about__content-6 .container-1 .none {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 18.8rem;
    }

    .about__content-6 .container-2 {
        position: absolute;
        width: 100%;
        margin-left: -4.4rem;
        margin-top: 10rem;
    }

    .about__content-6 .container-2 img {
        width: 340px;
        height: 210px;
        margin: auto 0;
        margin-left: 4.1rem;
        border-radius: 0.8rem;
    }

    /* || STAFFS SECTION | */

    .staff__main {
        margin-bottom: 6rem;
    }

    .staff__content1-p-container {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        padding-left: 2rem;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
        margin-bottom: 4rem;
    }

    .staff__content1-p-container .staffs__content1-p {
        font-size: 1.5rem;
        font-weight: bolder;
        color: black;
        text-decoration: none;

    }

    .staff__title {
        /* font-weight: bolder; */
        font-size: 19px;
        margin-left: 2.5rem;
        margin-bottom: 2rem;
        color: #333;

    }

    .staff__content-1 {
        display: flex;
        width: 90%;
        margin: 0 auto;
        gap: 2rem;
        /* place-content: center; */
        align-items: center;
        margin-bottom: 1.5rem;
        flex-shrink: 1;
        flex-direction: column;
    }

    .staff__content-1 .staff__content-container {
        width: 280px;
        height: 305px;
        border-radius: 7px 7px 0 0;
    }

    .staff__content-1 .div__4 {
        position: unset;
        margin-top: 0rem;
    }

    .staff__content-1 .staff__content-container .staffs__ancortag {
        display: inline-block;
        width: 280px;
        height: 205px;
        border-radius: 7px 7px 0 0;
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 2rem;
    }

    .staff__content-1 .staff__content-container .staffs__ancortag:hover,
    .staff__content-1 .staff__content-container .staffs__ancortag:focus {
        text-decoration: underline;
    }

    .staff__content-1 .staff__content-container a .staff__content-ancortag {
        color: rgb(33, 136, 220);
        font-size: 19px;
    }

    .staff__content-1 .staff__content-container .image__container {
        width: 280px;
        height: 240px;
        border-radius: 7px;
        margin-bottom: 1rem;
        background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
    }

    .staff__content-1 .staff__content-container .image__container img {
        width: 240px;
        height: 240px;
        display: block;
        margin: 0 auto;
        padding-top: 0.5rem;
    }

    .staff__content-1 .staff__content-container .staffs__ancortag {
        height: 240px;
    }


    .staff__content-1 .staff__content-container .staff__content--ancortag2 {
        display: block;
        text-decoration: none;
        height: 20px;
        color: black;
        font-size: 19px;
        /* margin-top: -0.1rem; */
    }

    .staff__content-2 {
        display: flex;
        width: 90%;
        margin: 0 auto;
        gap: 2rem;
        /* place-content: center; */
        align-items: center;
        margin-bottom: 1.5rem;
        flex-shrink: 1;
        flex-direction: column;
    }

    .staff__content-2 .staff__content-container {
        width: 280px;
        height: 305px;
        border-radius: 7px 7px 0 0;
    }

    .staff__content-2 .div__3,
    .staff__content-2 .div__4 {
        position: unset;
        margin-top: 0rem;
        margin-bottom: 0.8rem;
    }

    .staff__content-2 .staff__content-container .staffs__ancortag {
        display: inline-block;
        width: 280px;
        height: 205px;
        border-radius: 7px 7px 0 0;
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 2rem;
    }

    .staff__content-2 .staff__content-container .staffs__ancortag:hover,
    .staff__content-2 .staff__content-container .staffs__ancortag:focus {
        text-decoration: underline;
    }

    .staff__content-2 .staff__content-container a .staff__content-ancortag {
        color: rgb(33, 136, 220);
        font-size: 19px;
    }

    .staff__content-2 .staff__content-container .image__container {
        width: 280px;
        height: 240px;
        border-radius: 7px;
        margin-bottom: 1rem;
        background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
    }

    .staff__content-2 .staff__content-container .image__container img {
        width: 240px;
        height: 240px;
        display: block;
        margin: 0 auto;
        padding-top: 0.5rem;
    }

    .staff__content-2 .staff__content-container .staffs__ancortag {
        height: 240px;
    }


    .staff__content-2 .staff__content-container .staff__content--ancortag2 {
        display: block;
        text-decoration: none;
        height: 20px;
        color: black;
        font-size: 19px;
        /* margin-top: -0.3rem; */
    }

    .staff__content-3 {
        display: flex;
        width: 90%;
        margin: 0 auto;
        gap: 2rem;
        place-content: center;
        align-items: center;
        margin-bottom: 1.5rem;
        flex-shrink: 1;
        flex-direction: column;
    }

    .staff__content-3 .staff__content-container {
        width: 280px;
        height: 305px;
        border-radius: 7px 7px 0 0;
        margin: 0 auto;
    }

    .staff__content-3 .staff__content-container .staffs__ancortag {
        display: inline-block;
        width: 280px;
        height: 205px;
        border-radius: 7px 7px 0 0;
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 2rem;
    }

    .staff__content-3 .staff__content-container .staffs__ancortag:hover,
    .staff__content-3 .staff__content-container .staffs__ancortag:focus {
        text-decoration: underline;
    }

    .staff__content-3 .staff__content-container a .staff__content-ancortag {
        color: rgb(33, 136, 220);
        font-size: 19px;
    }

    .staff__content-3 .staff__content-container .image__container {
        width: 280px;
        height: 240px;
        border-radius: 7px;
        margin-bottom: 1rem;
        background: linear-gradient(rgba(200, 198, 198, 0.2), rgba(222, 219, 219, 0.2));
    }

    .staff__content-3 .staff__content-container .image__container img {
        width: 240px;
        height: 240px;
        display: block;
        margin: 0 auto;
        padding-top: 0.5rem;
    }

    .staff__content-3 .staff__content-container .staffs__ancortag {
        height: 240px;
    }


    .staff__content-3 .staff__content-container .staff__content--ancortag2 {
        display: block;
        text-decoration: none;
        height: 20px;
        color: black;
        font-size: 19px;
        /* margin-top: -0.3rem; */
    }

    /* || ABOUT PHRONESIS AND OTHER STAFFS | */


    .about__staff--content-p_container {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        padding-left: 2rem;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .about__staff--content-p_container .about__staffs--content1-p {
        font-size: 1.5rem;
        font-weight: bolder;
        color: black;
        text-decoration: none;

    }

    .about__staff--section-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 2rem;
        background: linear-gradient(rgba(204, 202, 202, 0.2), rgba(215, 211, 211, 0.2));
        height: 510px;
        margin-bottom: 4rem;
    }

    .about__staff--section-1 .about__staff--content-1 {
        padding-left: 2rem;
        margin-top: 2rem;
    }

    .about__staff--section-1 .about__staff--content-2 .staff__image {
        width: 300px;
        height: 321px;
    }

    .about__staff--section-1 .about__staff--content-2 {
        width: 100%;
        height: 400px;
        margin-top: 2.7rem;
        padding: 0 3.8rem;
    }

    .about__staff--section-1 .about__staff--content-2 img {
        width: 300px;
        height: 350px;
    }


    .about__staff--section-1 .about__staff--content-1 h1 {
        margin-bottom: 1rem;
        font-size: 25px;
    }

    .about__staff--section-1 .about__staff--content-1 h2 {
        font-weight: lighter;
        width: 300px;
    }

    .about__staff--section-2 {
        display: flex;
        flex-direction: column;
        /* margin: 0 auto; */
        gap: 4rem;
        margin-left: -0.7rem;
    }

    .about__staff--section-2 .about__s--content-1,
    .about__staff--section-2 .about__s--content-2 {
        width: 350px;
        margin: 0 auto;
    }

    .about__staff--section-2 .about__s--content-1 p,
    .about__staff--section-2 .about__s--content-2 p {
        width: 350px;
        font-size: 20px;
        margin-bottom: 1rem;
        color: #333;
    }

    .about__staff-main {
        margin-bottom: 4rem;
    }

    /* || CAREERS | */
    .careers__section-1 {
        height: 550px;
    }

    .careers__section-2 {
        height: 550px;
        padding: 6.2rem 0;
    }

    .careers__section-2 h2 {
        font-size: 32px;
        padding: 0 1rem;
        width: 340px;
        margin: 0 auto;
    }

    .careers__section-3 {
        background: black;
        color: white;
        width: 100%;
        height: 600px;
        text-align: center;
        padding: 7rem 0;
    }

    .careers__section-3 .p__1 {
        font-size: 28px;
        font-weight: bolder;
        margin-bottom: 1.7rem;
    }

    .careers__section-3 h2 {
        width: 320px;
        margin: 0 auto;
        margin-bottom: 1.7rem;
    }

    .careers__section-3 .p__2 {
        width: 320px;
    }

    .careers__section-4 {
        padding: 7.5rem 0;
        padding-left: 4.5rem;
    }

    .careers__section-4 h2 {
        font-size: 35px;
        width: 300px;
    }

    .careers__section-5 {
        height: 600px;
        padding: 9.1rem 0;
        padding-left: 4.5rem;
        margin-bottom: 6.8rem;
    }

    .careers__section-5 h2 {
        font-size: 40px;
        width: 300px;
        margin-bottom: 1rem;
    }

    .careers__section-6 {
        margin-bottom: 2.7rem;
    }

    .careers__section-6 h2 {
        width: 320px;
        text-align: center;
        margin: 0 auto;
        margin-top: -0.5rem;
        margin-bottom: 2.6rem;
    }

    .careers__section-7 {
        margin-bottom: 5.2rem;
        width: 100%;
    }

    .careers__section-7 .careers__section--7-content {
        flex-direction: column;
        width: 400px;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .careers__section-7 .careers__section--7-content div {
        margin-bottom: 2rem;
        border-radius: 15px;
        width: 365px;
        height: 333px;
        align-self: center;
    }

    .careers__section-7 .careers__section--7-content h2 {
        padding-left: 2rem;
        padding-top: 2rem;
        margin-bottom: 5rem;
        width: 300px;
    }

    .careers__section-7 .careers__section--7-content p {
        font-size: 19px;
        padding-left: 2rem;
        width: 340px;
    }

    .careers__section-8 h2 {
        width: 360px;
    }

    .careers__section-8 .p__2 {
        width: 300px;
    }

    /* || WORK AT DIAMOND | */
    .work__at--diamond-hero .content h2 {
        font-size: 50px;
        width: 340px;
        margin: 0 auto;
        text-align: center;
    }

    .work__at--diamond-section-1 {
        height: 900px;
        text-align: center;
        width: 100%;
    }

    .work__at--diamond-section-1 h2 {
        width: 400px;
        margin: 0 auto;
        font-size: 40;
        text-align: center;
        padding: 9.2rem 2rem;
    }

    .work__at--diamond-section-2 {
        padding-left: 2.4rem;
        height: 1230px;
        padding-top: 6.3rem;
    }

    .work__at--diamond-section-2 h2 {
        width: 300px;
        font-size: 57px;
    }

    .work__at--diamond-section-2 div {
        display: flex;
        flex-direction: column;
    }

    .work__at--diamond-section-2 div p {
        width: 340px;
    }

    .work__at--diamond-section-3 {
        width: 100%;
        height: 750px;
        padding-left: 2.4rem;
    }

    .work__at--diamond-section-3 h2 {
        width: 300px;
        padding-top: 10.1rem;

    }

    .work__at--diamond-section-4 {
        height: 1460px;
        color: white;
        padding: 0 2.4rem;
        padding-top: 4rem;
    }

    .work__at--diamond-section-4 .work__at--diamond--section4-h2 {
        width: 340px;
    }

    .work__at--diamond-section-4 .work__at--diamond-section4-h2-2 {
        width: 340px;
    }

    .work__at--diamond-section-5 {
        display: block;
        height: 600px;
        padding-left: 2.4rem;
    }

    .work__at--diamond-section-5 .p-4,
    .work__at--diamond-section-5 .p-5 {
        width: 340px;
    }

    .work__at--diamond-section-6 {
        padding-left: 2.4rem;
        height: 1060px;
    }

    .work__at--diamond-section-6 h2 {
        width: 340px;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-content-3 {
        display: block;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-content-3 p {
        width: 340px;
        font-size: 19px;
        color: rgb(213, 213, 213);
        margin-right: 6rem;
        margin-bottom: 3rem;
    }

    .work__at--diamond-section-7 {
        padding-left: 2.4rem;
        padding-top: 12rem;
    }

    .work__at--diamond-section-7 h2 {
        width: 340px;
    }

    .work__at--diamond-section-8 {
        width: 100%;
        height: 1000px;
        background: black;
        color: white;
        padding-top: 4.6rem;
    }

    .work__at--diamond-section-8 .content__1-h2 {
        width: 340px;
        font-size: 48px;
    }

    .work__at--diamond-section-8 .p__2 {
        width: 340px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 {
        width: 85%;
        height: 480px;
        background: rgb(22, 22, 23);
        margin: 0 auto;
        display: flex;
        border-radius: 13px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 .image__container {
        width: 600px;
        height: 480px;
        overflow: hidden;
        margin-right: 3.5rem;
        border-radius: 13px 0 0 13px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 .image__container img {
        width: 600px;
        height: 480px;
        display: inline-block;
        border-radius: 13px 0 0 13px;
        margin-left: -8.5rem;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 {
        width: 100%;
        height: 170.1px;
        margin: auto 0;

    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 h2,
    .work__at--diamond-section-8 .work__at--diamond-div-2 p {
        width: 200px;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 h2 {
        margin-top: -1.5rem;
    }

    /* || APPLY FOR WORK | */
    .apply__for--work {
        width: 100%;
        height: 470px;
        background-image: linear-gradient(rgba(115, 100, 211, 0.7), rgba(22, 22, 22, 0.8)), url(../img/apply-for-work-backgroundimage.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        color: #fff;
        padding-left: 4.5rem;
        padding-top: 12rem;
        margin-bottom: 4rem;

    }

    .apply__for--work h2 {
        font-size: 55px;
    }

    .apply__for--work-form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        place-content: center;
        margin-top: -4rem;
    }

    .apply__for--work-form {
        width: 93%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    .apply__for--work-form-container .apply__for--work-form div .input-group-1 input,
    .apply__for--work-form-container .apply__for--work-form div textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid rgb(63, 19, 197);
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    .apply__for--work-form-container .apply__for--work-from div div label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .apply__for--work-form-container .apply__for--work-form div .input-group-1 label {
        color: rgb(63, 19, 197);
    }

    .apply__for--work-button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        border: none;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || CONTACT | */
    .contact__section-1 {
        text-align: center;
        margin-top: 10rem;
        margin-bottom: 3rem;
        /* font-size: 31px; */
    }

    .contact__section-1 {
        margin-bottom: 2.8rem;
    }

    .contact__section-1 h2 {
        font-size: 40px;
    }

    .contact__h2 {
        padding: 0;
        width: 190px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    .contact__section-2 {
        display: block;
        padding-left: 14.1rem;
    }

    .contact__section-2 {
        padding: 0;
        text-align: center;
    }

    .contact__section-2 div h2,
    .contact__section-2 div p {
        width: 300px;
        margin: 0 auto;
    }

    .contact__section-2 div h2 {
        margin-bottom: 1.5rem;
    }

    .contact__section-2 div p {
        font-size: 19px;
        color: #333;
    }

    .contact__form--container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        place-content: center;
    }

    .contact__form--container {
        margin-top: -1.7;
    }


    .contact__from {
        width: 93%;
        max-width: 1010px;
    }

    .contact__us .contact__form--h2 {
        font-size: 17.5px;
        color: #333;
        width: 300px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 2.3rem;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    .contact__form--container .contact__form div .input-group-1 input,
    .contact__form--container .contact__form div textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #8B8B8F;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .contact__form--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
        border: none;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || HEALTH AND SAFETY | */

    .about__content1-p {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        font-size: 1.5rem;
        padding-left: 2rem;
        font-weight: bolder;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .health__and--safety-content-1 {
        margin-bottom: 4rem;
        position: relative;
        height: 624px;
    }

    .health__and--safety-content-1 .health__and--safety-container {
        width: 400px;
        position: absolute;
        margin-top: 21.5rem;
    }

    .health__and--safety-content-1 .health__and--safety-container h2 {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .health__and--safety-content-1 .health__and--safety-container p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        width: 350px;
    }

    .health__and--safety-content-1 .image__container {
        width: 600px;
        margin-left: 2.4rem;
        margin-top: -1.8rem;
    }

    .health__and--safety-content-1 .image__container img {
        width: 329px;
        height: 420px;
    }

    .health__and--safety-content-2 {
        margin-left: 1.3rem;
        margin-bottom: 4rem;
    }

    .health__and--safety-content-2 h2 {
        margin-bottom: 2rem;
        font-size: 28px;
    }

    .health__and--safety-content-2 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.5rem;
    }

    .health__and--safety-content-2 p {
        font-size: 18px;
        margin-bottom: 2.5rem;
        width: 355px;
        color: #333;
    }

    .health__and--safety-content-3 {
        background: rgb(27, 42, 57);
        color: white;
        padding-left: 1.3rem;
        padding-top: 2rem;
        height: 912px;
        margin-bottom: 4rem;
    }

    .health__and--safety-content-3 h2 {
        margin-bottom: 2rem;
        padding: 0.6rem 0;
    }

    .health__and--safety-content-3 .content__container1 {
        margin-top: -0.1rem;
    }

    .health__and--safety-content-3 .content__container1 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .health__and--safety-content-3 .content__container1 h2 {
        font-size: 28px;
    }

    .health__and--safety-content-3 .content__container2 {
        display: block;
    }

    .health__and--safety-content-3 .content__container2 div {
        width: 400px;
    }

    .health__and--safety-content-3 .content__container2 .div-1 {
        margin-right: 3rem;

    }

    .health__and--safety-content-3 .content__container2 h2 {
        margin-bottom: 1.5rem;
        width: 340px;
    }

    .health__and--safety-content-3 .content__container2 div h2 {
        font-size: 23px;
        margin-bottom: 0.6rem;
    }

    .health__and--safety-content-3 .content__container2 div p {
        color: rgb(225, 230, 233);
        font-size: 18px;
        width: 355px;
    }

    .health__and--safety-content-3 .content__container2 div .p-1 {
        margin-bottom: 3rem;
    }

    .health__and--safety-content-4 {
        padding-left: 1.3rem;
        margin-bottom: 4rem;
    }

    .health__and--safety-content-4 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
    }

    .health__and--safety-content-4 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .health__and--safety-content-4 p {
        font-size: 18px;
        color: #333;
        margin-bottom: 2.5rem;
        width: 355px;
    }

    /* || TERMS OF USE */
    .terms__of--use-section-1 {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;

    }

    .terms__of--use-section-1 h2 {
        font-size: 33px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 1rem;
    }

    .terms__of--use-section-1 p {
        font-size: 17px;
    }

    .terms__of--use-content {
        padding: 0 2rem;
        margin-bottom: 3rem;
    }

    .terms__of--use-content h2 {
        margin-bottom: 1rem;
        font-size: 23px;
    }

    .terms__of--use-content p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .terms__of--use-content p a {
        text-decoration: none;
        color: rgb(20, 112, 201);
    }

    .terms__of--use-content p a:hover,
    .terms__of--use-content p a:focus {
        text-decoration: underline;
    }

    .terms__of--use-content-with-u ul {
        margin-bottom: 1.2rem;
    }

    .terms__of--use-content-with-u ul li a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .terms__of--use-content-with-u ul li a:hover,
    .terms__of--use-content-with-u ul li a:focus {
        text-decoration: underline;
    }

    /* || INTELLECTUAL PROPERTY | */
    /* NOTICE DIAMOND-TRANDE-MARK-LIST CONTENTS HAVE THE SAME CLASS NAME WITH INTELLECTUAL-PROPERTY */
    .intellectual__propert--guidelines {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .intellectual__propert--guidelines h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .intellectual__property--content {
        padding: 0 2rem;
        margin-bottom: 3rem;
    }

    .intellectual__property--content p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .intellectual__property--content p span {
        font-weight: bolder;
        color: black;
    }

    .intellectual__property--content p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .intellectual__property--content p a:hover,
    .intellectual__property--content p a:focus {
        text-decoration: underline;
    }

    /* || DIAMOND-TRADE-MARK-LIST CONTINUATION OF CSS STYLE | */
    .trade__marks--generic-title {
        display: flex;
        margin-top: 3rem;

    }

    .trade__marks--generic-title div {
        margin-right: 4.7rem;
        width: 100px;

    }

    .trade__marks--generic-title div p {
        font-weight: bolder;
        color: #333;
    }

    .trade__marks--generic {
        display: flex;
        background: rgb(245, 245, 247);
        margin-bottom: 0.8rem;
    }

    .trade__marks--generic div {
        margin-right: 4.3rem;
        width: 299px;
    }

    /* || DIAMOND-WEB-BADGES | */
    .diamond__web--badges-first-content {
        text-align: center;
        margin-top: 1.8rem;
        margin-bottom: 3rem;
        border-top: 1px solid #333;
    }

    .diamond__web--badges-first-content h2 {
        font-size: 33px;
        width: 350px;
        margin: 0 auto;
    }

    .diamond__web--badges-second-content {
        display: flex;
        padding: 0 5rem;
        margin-bottom: 6rem;
    }

    .diamond__web--badges-second-content div {
        width: 120px;
        margin-right: 3rem;
    }

    .diamond__web--badges-second-content div .image__container,
    .diamond__web--badges-second-content div .image__container img {
        width: 80px;
        height: 80px;
    }


    .diamond__web--badges-second-content div .image__container {
        margin-bottom: 0.5rem;
    }

    .diamond__web--badges-second-content div p {
        color: rgb(20, 112, 201);
    }

    .diamond__web--badges-third-content {
        text-align: center;
        margin-bottom: 4rem;
    }

    .diamond__web--badges-third-content h2,
    .diamond__web--badges-third-content p {
        width: 300px;
        margin: 0 auto;
    }

    .diamond__web--badges-third-content h2 {
        margin-bottom: 1rem;
    }

    .diamond__web--badges-third-content p {
        font-size: 17px;
        margin-bottom: 1rem;
    }

    .diamond__web--badges-third-content a {
        font-size: 17px;
        display: block;
        color: rgb(20, 112, 201);
        text-decoration: none;
    }

    .diamond__web--badges-third-content a:hover,
    .diamond__web--badges-third-content a:focus {
        text-decoration: underline;
    }

    /* || RIGHTS-&-PERMISSIONS | */
    .rights__and--permissions {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .rights__and--permissions h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .rights__and--permissions-content1 {
        padding: 0 2rem;
        margin-bottom: 3rem;
    }

    .rights__and--permissions-content1 p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content1 p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }


    .rights__and--permissions-content1 p a:hover,
    .rights__and--permissions-content1 p a:focus {
        text-decoration: underline;
    }

    .rights__and--permissions-content2 {
        padding: 0 2rem;
        margin-bottom: 1.3rem;
    }

    .rights__and--permissions-content2 ul li {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content2 ul li a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .rights__and--permissions-content2 ul li a:hover,
    .rights__and--permissions-content2 ul li a:focus {
        text-decoration: underline;
    }

    .rights__and--permissions-form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 2rem;
    }

    .rights__and--permissions-form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    .rights__and--permissions-content3 {
        padding: 0 2rem;
    }

    .rights__and--permissions-content3 p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content3 p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .rights__and--permissions-content3 p a:hover,
    .rights__and--permissions-content3 p a:focus {
        text-decoration: underline;
    }

    /* || PIRACY-PREVENTION | */

    .rights__and--permissions {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .rights__and--permissions h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .piracy__prevention-section-1 {
        padding: 0 2rem;
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
        padding: 0 2rem;
        margin-bottom: 3rem;
    }

    .piracy__prevention-content {
        padding: 0 2rem;
        margin-bottom: 3rem;
    }

    .piracy__prevention-content h2 {
        margin-bottom: 1rem;
        font-size: 23px;
    }

    .piracy__prevention-content p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .piracy__prevention-content p a {
        text-decoration: none;
        color: rgb(20, 112, 201);
    }

    .piracy__prevention-content p a:hover,
    .piracy__prevention-content p a:focus {
        text-decoration: underline;
    }

    .piracy__prevention-last-content {
        padding: 0 1.1rem;
    }

    /* || COPYRIGHT-INFRINGEMENT | */
    .rights__and--permissions {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .rights__and--permissions h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .copyright__infringement--section-1 {
        padding: 0 2rem;
        margin-bottom: 3rem;
    }

    .copyright__infringement--section-1 h2 {
        margin-bottom: 1.2rem;
        font-size: 23px;
    }



    .copyright__infringement--section-1 p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }


    .copyright__infringement--section-2 {
        padding: 0 2rem;
        margin-bottom: 1.3rem;
    }

    .copyright__infringement--section-2 ul li {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .copyright__infringement--form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 2rem;
    }

    .copyright__infringement--form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .copyright__button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        border: 0;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || COUNTERFEIT PREVENTION | */

    .counterfeit__prevention {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .counterfeit__prevention h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .counterfeit__prevention p {
        font-size: 17px;
        color: #333;
        width: 320px;
        margin: 0 auto;
        margin-bottom: 1.2rem;
    }

    .counterfeit__prevention--form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 2rem;
    }

    .counterfeit__prevention-form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .counterfeit__prevention--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || POLICIES IDEAS | */
    .rights__and--permissions {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .rights__and--permissions h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .policies__ideas--section {
        padding: 0 2rem;
        margin-bottom: 3rem;
    }

    .policies__ideas--section h2 {
        margin-bottom: 1.2rem;
        font-size: 23px;
    }

    .policies__ideas--section p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .policies__ideas--section p a {
        text-decoration: none;
        color: rgb(20, 112, 201);
    }

    .policiest__ideas--section p a:hover,
    .policiest__ideas--section p a:hover {
        text-decoration: underline;
    }

    /* || SLA | */
    .software__license--agreement-header {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 2.5rem;
    }

    .software__license--agreement-header h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1.2rem;
    }

    .software__license--agreement-header p {
        font-size: 17px;
        color: #333;
        margin: 0 auto;
        margin-bottom: 1.2rem;
        width: 320px;
    }

    .software__license--agreement-content {
        width: 350px;
        margin: 0 auto;
        background: #F5F5F7;
        padding: 2.8rem 2rem;
        border-radius: 15px;
        margin-bottom: 6rem;
    }

    .software__license--agreement-content h2 {
        text-align: center;
        font-size: 23px;
        margin-bottom: 1.2rem;
    }

    .software__license--agreement-content p {
        font-size: 17px;
        color: #333;
        margin: 0 auto;
    }

    /* || CONTACT LEGAL | */
    .contact__legal--section-1 {
        width: 100%;
        height: 300px;
        background: #2d1d90;
        color: #fff;
        padding: 0 2rem;
        padding-top: 8.5rem;
        margin-bottom: 9rem;
    }

    .contact__legal--section-1 h2 {
        text-align: center;
        font-size: 40px;
        width: 300px;
        margin: 0 auto;
    }

    .contact__legal--form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 2rem;
    }

    .contact__legal--form {
        width: 100%;
        max-width: 1010px;
        margin-bottom: 8rem;
    }

    .contact__legal .contact__legal--h2 {
        font-size: 20px;
        width: 300px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 3rem;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .contact__legal--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        border: 0;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || PRIVACY POLICY | */

    .privacy__policy--section-1 {
        /* margin-top: 20rem; */
        width: 300px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-1 h2 {
        font-size: 33px;
        margin-top: 4rem;
        margin-bottom: 0.5rem;
    }

    .privacy__policy--section-1 p {
        font-size: 17px;
        color: #333;
        width: 300px;
    }

    .privacy__policy--section-2 {
        width: 300px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-2 h2 {
        font-size: 33px;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-2 .p__1 {
        font-weight: bolder;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-2 p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-3 {
        width: 300px;
        height: 155px;
        text-align: center;
        margin: 0 auto;
        border-bottom: 1px solid #edebeb;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-3 h2 {
        font-size: 33px;
        width: 300px;
    }

    .privacy__policy--section-4 {
        text-align: center;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-4 h2 {
        font-size: 33px;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-4 p {
        font-size: 19px;
        color: #333;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-5 {
        width: 300px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 7rem;
    }

    .privacy__policy--section-5 h2 {
        font-size: 33px;
        margin-bottom: 1rem;
    }

    .privacy__policy--section-5 p {
        font-size: 19px;
        color: #333;
        margin-bottom: 1rem;
        width: 300px;
    }

    /* || INTERNSHIP | */

    .internship__title {
        font-size: 33px;
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }



    .internship__section-1 {
        padding: 0 2rem;
        margin-bottom: 5rem;
    }

    .internship__section-1 h2 {
        font-size: 23px;
        width: 300px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 1.2rem;
    }



    .internship__section-1 p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .internship__section-2 {
        padding: 0 2rem;
        margin-bottom: 5rem;
    }

    .internship__section-2 h2 {
        font-size: 23px;
        width: 300px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 1.2rem;
    }



    .internship__section-2 ul li {
        font-size: 17px;
        color: #333;
        /* padding: 0 2rem; */
        margin-bottom: 1.2rem;
    }

    .internship__section-3 {
        padding: 0 2rem;
        margin-bottom: 5rem;
    }

    .internship__section-3 h2 {
        font-size: 23px;
        width: 300px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 1.2rem;
    }



    .internship__section-3 ul li {
        font-size: 17px;
        /* padding: 0 2rem; */
        color: #333;
        margin-bottom: 1.2rem;
    }

    .internship__section-4 {
        padding: 0 2rem;
        margin-bottom: 9rem;

    }

    .internship__section-4 h2 {
        font-size: 23px;
        width: 300px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 1.2rem;
    }



    .internship__section-4 ul li {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .internship__section-5 {
        padding: 0 2rem;
    }

    .internship__section-5 h2 {
        font-size: 23px;
        width: 300px;
        text-align: center;
        margin: 0 auto;

    }



    .copyright__infringement--section-2 ul li {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .internship__form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 2rem;
        margin-top: -5rem;
    }

    .internship__form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .internship__button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || NEWS | */

    .new__main {
        margin-top: 4rem;
    }

    .news__content-1 {
        display: block;
        width: 100%;
        padding-left: 0;
        margin-bottom: 2rem;

    }

    .news__content-1 a {
        display: block;
        width: 350px;
        height: 380px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.3rem;

    }

    .news__content-1 a div .image-container {
        height: 180px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
        background: #F9F9F9;
        text-align: center;
    }

    .news__content-1 a div .image-container img {
        object-fit: fill;
        width: 230px;
        height: 280px;
        transition: all 1.1s;

    }

    .news__content-1 a div .image-container .news__image-1 {
        width: 193px;
        height: 360px;
        padding-top: 2rem;
    }

    .news__content-1 a div .image-container .news__image-2 {
        width: 406px;
        height: 380px;
        margin-top: -2.6rem;
    }

    .news__content-1 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .news__content-1 a div h2,
    .news__content-1 a div p {
        padding-left: 1rem;
        width: 380px;
    }

    .news__content-1 a div .news__p--content-1 {
        margin-bottom: 0.1rem;
        width: 330px;
    }

    .news__content-1 a div .news__p--content-2 {
        color: rgb(123, 123, 127);
    }

    .news__content-1 a div h2 {
        margin-bottom: 1.2rem;
        margin-top: 3.5rem;
        width: 300px;
    }

    .news__content-2 {
        display: flex;
        width: 100%;
        padding-left: 0;
        margin-bottom: 8rem;

    }

    .news__content-2 a {
        display: block;
        text-decoration: none;
        color: #000;
        cursor: pointer;
        width: 350px;
        height: 380px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        margin-right: 0rem;
    }

    .news__content-2 a div .image-container {
        height: 180px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
        background: #F9F9F9;
        text-align: center;
    }

    .news__content-2 a div .image-container img {
        object-fit: fill;
        width: 230px;
        height: 280px;
        transition: all 1.1s;
    }

    .news__content-2 a div .image-container .news__image-3 {
        width: 193px;
        height: 450px;
        padding-top: 2rem;
    }

    .news__content-2 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .news__content-2 a div h2,
    .news__content-2 a div p {
        padding-left: 1rem;
        width: 380px;
    }

    .news__content-2 a div .news__p--content-1 {
        margin-bottom: 0.1rem;
        width: 330px;
    }

    .news__content-2 a div .news__p--content-2 {
        color: rgb(123, 123, 127);
    }

    .news__content-2 a div h2 {
        margin-bottom: 1.2rem;
        margin-top: 3.5rem;
    }

    /* || NEWS CONTENT | */

    .news__content--main {
        width: 90%;
        margin: 0 auto;
        margin-top: -0.8rem;
    }

    .news__section--1 {
        margin: 0 auto;
        width: 320px;
        margin-top: 4.8rem;
    }

    .news__section--1 .news__content--1 {
        margin-bottom: 3rem;
    }

    .news__section--1 .news__content--1 h2 {
        font-size: 40px;
        width: 320px;
        /* margin: 0 auto; */
        margin-bottom: 1rem;
    }

    .news__section--1 .news__content--1 p {
        font-size: 17px;
        width: 320px;
        /* margin: 0 auto; */
    }

    .news__section--1 .news__content--2 {
        margin-bottom: 2.8rem;
    }

    .news__section--1 .news__content--2 .image__container {
        padding-top: 2rem;
        margin: 0 auto;
        width: 520x;
        height: 490px;
        background: rgb(250, 250, 250);
        border-radius: 14px;
    }

    .news__section--1 .news__content--2 .image__container img {
        display: block;
        margin: 0 auto;
        width: 280px;
        height: 480px;
    }

    .news__section--1 .news__content--3 {
        width: 320px;
        margin: 0 auto;
    }

    .news__section--1 .news__content--3 p {
        font-size: 17px;
        margin: 0 auto;
        margin-bottom: 3rem;
    }

    /* || POWERED INVESTMENT | */

    .news__section--1 .news__content--2 .powered__investment--image-container {
        height: 490px;
        background: rgb(250, 250, 250);
        padding-top: 3rem;
        border-radius: 14px;
        width: 600px;
    }

    .news__section--1 .news__content--2 .powered__investment--image-container img {
        display: block;
        margin: 0 auto;
        width: 570px;
        height: 400px;

    }

    /* || NEWS PAYMENT GATEWAY | */

    .news__section--1 .news__content--2 .payment__gateway--image-container {
        height: 550px;
        background: rgb(250, 250, 250);
        padding-top: 3rem;
        border-radius: 14px;
        width: 320px;
    }

    .news__section--1 .news__content--2 .payment__gateway--image-container img {
        display: block;
        margin: 0 auto;
        width: 220px;
        height: 439px;

    }

    /* || FOOTER SECTION | */
    .footer {
        padding-top: 5rem;
        padding-left: 0;
        flex-direction: column;
        align-items: center;
        height: 770px;
        text-align: center;

    }

    .footer section .paragraph {
        color: #999ea3;
        font-weight: lighter;
        margin-bottom: 2rem;
        font-size: 30px;
    }

    .footer section,
    .footer section p {
        width: 300px;
        margin-bottom: 3rem;
        font-size: 22px;
    }

    .footer section p {
        margin-bottom: 0.5rem;
    }

    .footer section p a {
        color: #959faa;
        font-weight: lighter;
        text-decoration: none;
    }

    .footer section p a:hover,
    .footer section p a:focus {
        color: rgb(250, 90, 3);
    }

    .footer section.section__4 {
        width: 360px;
        margin-left: 1.6rem;
    }

    .section__4 .ancortag {
        display: inline-block;
        color: #999ea3;
        font-size: 22px;
        margin-right: 2rem;
        margin-top: 7.9rem;
    }

    .section__1,
    .section__2 .footer,
    .section__3 {
        z-index: 10;
    }

    .section__4 {
        padding-left: 0;
        margin-top: -130px;
    }

    .section__4 .ancortag:hover,
    .section__4 .ancortag:focus {
        color: rgb(250, 90, 3);
    }

    .footer-p {
        background: rgb(27, 43, 52);
        width: 100%;
        height: 4.5rem;
        font-size: 18px;
        text-align: center;
        color: #999ea3;
        margin: 0;
        padding-top: 10px;
    }

    /* || COLOR SCHEME | */
    :root {
        color-scheme: light dark;
        /* || GENERAL SETTINGS | */
    }


    @media (prefers-color-scheme: dark) {

        /* || GENERAL SETTINGS | */
        html {
            color: white;
        }

        h1,
        h2,
        h3 {
            color: white;
        }

        p {
            color: white;
        }

        /* || HOME PAGE | */

        .body__content-container .new_content h2 {
            color: white;
        }

        .body__content-container .content__1 h2 {
            color: black;
        }

        .body__content-container .content__2 h2,
        .body__content-container .content__2 p {
            color: white;
        }

        .body__content-container .content__4 h2,
        .body__content-container .content__4 p {
            color: white;
        }

        .body__content-container .content__5 h2,
        .body__content-container .content__5 p {
            color: white;
        }

        .body__content-container .content__6 h2,
        .body__content-container .content__6 p {
            color: white;
        }

        .body__content-container .content__7 h2,
        .body__content-container .content__7 p {
            color: white;
        }

        .body__content-container .content__8 h2,
        .body__content-container .content__8 p {
            color: white;
        }

        .body__content-container .content__9 h2,
        .body__content-container .content__9 p {
            color: white;
        }

        /* || OTHER BUSINESS BRANDS */

        .new__quote-section h2 {
            color: white;
        }

        .brands-content-1 a div h2,
        .brands-content-2 a div h2,
        .brands-content-3 a div h2,
        .brands-content-4 a div h2 {
            color: black;
        }

        .brands-content-1 a div p,
        .brands-content-2 a div p,
        .brands-content-3 a div p,
        .brands-content-4 a div p {
            color: black;
        }

        .brands-content-5 h2,
        .brands-content-5 p {
            color: white;
        }

        .brands-content-7 a div h2,
        .brands-content-7 a div p {
            color: black;
        }

        .brands-content-8 a div h2,
        .brands-content-8 a div p {
            color: black;
        }

        .brands-content-9 a {
            color: white;
            outline: 2px solid white;
        }

        .brands-content-9 a:hover,
        .brands-content-9 a:focus {
            background: white;
            color: black;
        }

        .pgw-content-1 div h2,
        .pgw-content-1 div p {
            color: black;
        }

        .pgw-content-2 h2,
        .pgw-content-2 p {
            color: white;
        }

        .pgw-content-3 h2,
        .pgw-content-3 p {
            color: white;
        }

        .pgw-content-4 .cnt__container h2,
        .pgw-content-4 .cnt__container p {
            color: white;
        }

        .pgw-content-5 .ctn-container h2,
        .pgw-content-5 .ctn-container p {
            color: white;
        }

        .pgw-content-6 .ctn-container h2,
        .pgw-content-6 .ctn-container p {
            color: white;
        }

        .pgw-content-7 .ctn-container h2,
        .pgw-content-7 .ctn-container p {
            color: white;
        }

        .pgw-content-8 .ctn-container h2,
        .pgw-content-8 .ctn-container p {
            color: white;
        }

        .pgw-content-9 .ctn-container h2,
        .pgw-content-9 .ctn-container p {
            color: white;
        }

        .pgw-content-10 .ctn-container h2,
        .pgw-content-10 .ctn-container p {
            color: white;
        }

        .pgw-content-11 .ctn-container h2,
        .pgw-content-11 .ctn-container p {
            color: white;
        }

        .pgw-content-12 .ctn-container h2,
        .pgw-content-12 .ctn-container p {
            color: white;
        }

        .pgw-content-13 .ctn-container h2,
        .pgw-content-13 .ctn-container p {
            color: white;
        }

        .pgw-content-14 .ctn-container h2,
        .pgw-content-14 .ctn-container p {
            color: white;
        }


        /* || PARTNERSHIP | */
        .title {
            color: black;
        }

        .partnership__content-2 h2,
        .partnership__content-2 .p-1,
        .partnership__content-2 p {
            color: white;
        }

        .partnership__content-3 h2,
        .partnership__content-3 p {
            color: white;
        }

        .column div h2 {
            color: white;
        }

        /* || ABOUT | */
        .about__content1-p {
            color: black !important;
        }

        .about__content-2 .content__container1 h2,
        .about__content-2 .content__container1 p {
            color: white;
        }

        .about__content-2 .content__container2 h2,
        .about__content-2 .content__container2 p {
            color: white;
        }

        .about__content-3 p {
            color: white;
        }

        .about__content-5 p {
            color: white;
        }

        .about__content-6 .container-1 h2,
        .about__content-6 .container-1 p {
            color: black;
        }

        /* || STAFFS | */
        .staff__title {
            color: white;
        }

        .staff__content-1 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-1 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-2 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-2 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-3 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-3 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        /* || PHRONESIS W CHISOM EKEH | */
        .about__staff--section-2 .about__s--content-1 P,
        .about__staff--section-2 .about__s--content-2 P {
            color: white;
        }

        /* || CAREERS | */
        .careers__section-7 .careers__section--7-content div h2,
        .careers__section-7 .careers__section--7-content div p {
            color: black;
        }

        .careers__section-8 .p__2 {
            color: white;
        }

        /* || CONTACT | */
        .contact__section-2 div h2,
        .contact__section-2 div p {
            color: white;
        }

        .contact__form--container .contact__form .contact__form--h2 {
            color: white;
        }

        /* || HEALTH AND SAFETY | */
        .about__content1-p {
            color: black !important;
        }

        .health__and--safety-content-2 p {
            color: white;
        }

        .health__and--safety-content-4 p {
            color: white;
        }

        /* || TERMS OF USE | */

        .terms__of--use-content h2,
        .terms__of--use-content p {
            color: white;
        }

        /* || INTELLECTUAL PROPERTY | */
        .intellectual__property--content P,
        .intellectual__property--content p span {
            color: white;
        }

        /* || DIAMOND WEB BADGES | */
        .diamond__web--badges-second-content .first__div p,
        .diamond__web--badges-second-content div p {
            color: white;
        }

        /* || DIAMOND TRADEMARK LIST | */
        .intellectual__property--content p {
            color: white;
        }

        .trade__marks--generic-title div p {
            color: white;
        }

        .trade__marks--generic div p {
            color: black;
        }

        /* || RIGHTS AND PERMISSIONS | */
        .rights__and--permissions-content1 P {
            color: white;
        }

        .rights__and--permissions-content2 ul li {
            color: white;
        }

        .rights__and--permissions-content3 p {
            color: white;
        }

        /* || COPYRIGHT INFRINGEMENT | */
        .copyright__infringement--section-1 p {
            color: white;
        }

        .copyright__infringement--section-2 ul li {
            color: white;
        }

        /* || PIRACY PREVENTION | */
        .piracy__prevention-section-1 p {
            color: white;
        }

        .piracy__prevention-content p {
            color: white;
        }

        /* || COUNTERFEIT PRODUCTSY | */
        .counterfeit__prevention P {
            color: white;
        }

        /* || POLICIES IDEAS | */
        .policies__ideas--section p {
            color: white;
        }

        /* || PRIVACY POLICY | */
        .privacy__policy--section-1 p {
            color: white;
        }

        .privacy__policy--section-2 p,
        .privacy__policy--section-2 .p__1 {
            color: white;
        }

        .privacy__policy--section-4 p {
            color: white;
        }

        .privacy__policy--section-5 p {
            color: white;
        }

        /* || SLA | */
        .software__license--agreement-header p {
            color: white;
        }

        .software__license--agreement-content h2 {
            color: black;
        }

        /* || INTERNSHIP | */
        .internship__section-1 p {
            color: white;
        }

        .internship__section-2 ul li {
            color: white;
        }

        .internship__section-3 ul li {
            color: white;
        }

        .internship__section-4 ul li {
            color: white;
        }

        /* || NEWS | */
        .news__content-1 a div h2,
        .news__content-1 a div p {
            color: black;
        }

        .news__content-2 a div h2,
        .news__content-2 a div .news__p--content-1 {
            color: black;
        }

    }

}

/* || MEDIA QUERIES | */

@media screen and (max-width: 400px) {
    /* || HEADERR SECTION MEDIA QUERY */

    .header__content {
        display: flex;
        padding: 0.3rem 1.3rem;
        width: 100%;
        background: rgb(27, 43, 52);
        align-items: space-evenly;
        justify-content: space-evenly;
        overflow: hidden;
        position: fixed;
        z-index: 10000000000000;

    }

    .content__img-container {
        display: flex;
        width: 240px;
        flex-direction: row;
        justify-content: space-evenly;
        place-items: center;
        /* padding-left: 0.5rem; */
        text-decoration: none;
    }

    .content__img-container:hover,
    .content__img-container:focus {
        text-decoration: none;
        font-weight: 750;
    }

    /* .content__img-container .companyName_image {
        margin-top: 0.1rem;
    } */

    .content__img {
        width: 80px;
        height: 80px;
    }

    .companyName_container {
        width: 200px;
        display: flex;
        flex-direction: column;
        margin-left: -1.2rem;
    }

    .companyName_container p {
        color: white;
        font-weight: 700;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 15px;
    }

    .content__img-container .companyName_container .phrase2 {
        margin-top: -0.1rem;
    }

    .call__number {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        place-items: center;
        right: 10rem;
        position: relative;
        width: 300px;
        display: none;
    }

    .content__call-number-image {
        width: 33px;
        height: 33px;
    }

    .content__call-number-number {
        font-size: 1.4rem;
        color: white;

    }

    .call__to-action {
        color: white;

    }

    .call__number .callNumber_image_andNumber-container {
        display: flex;
        flex-direction: row;
        margin-top: -1.5rem;
    }

    .call__number .callNumber_image_andNumber-container .content__call-number-image {
        display: block;
        margin-top: -0.2rem;
    }



    /* || TOGGLE SECTION */

    .ham_menu--container .ham-menu {
        display: inline-block;
    }

    .content__nav-section .content__nav {
        display: none;
    }

    .content__nav-section {
        display: flex;
        flex-direction: column;
        z-index: 100000;
        align-items: center;

    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul {
        display: block;
        text-align: center;
        padding: 2rem 0.4rem;
        align-items: center;
        justify-content: center;
        height: 100vh;
        margin-top: -0.6rem;

    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li {
        font-size: 1.8rem;
        width: 100%;
        padding: 0.6rem;
        margin-bottom: -0.5rem;
    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li-a:hover,
    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li-a:active {
        display: inline-block;
        width: 100%;
        color: #fff;
        background: #1296f3;
    }

    .mobile__nav {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        background: hsla(0, 0%, 20%, 0.983);
        top: 93px;
        right: -900px;
        transition: 0.5s ease;
        z-index: 100000000000000000;

    }

    .mobile__nav.active {
        right: 0;
    }

    .header__content .ham_menu--container .ham-menu .mobile__nav .content__ul .content__li-a {
        border-bottom: rgba(0, 0, 0, .2);
        padding: 0.4rem;
        background: rgb(169, 169, 234);
        margin-bottom: 0.5rem;
        display: block;
        border-radius: 14px;
    }

    .ham_menu--container {
        padding: 1rem;
        display: flex;
        margin-left: auto;
        position: relative;
    }

    .ham-menu {
        height: 5px;
        width: 5px;

    }

    .ham-menu span {
        height: 4px;
        width: 100%;
        background-color: white;
        border-radius: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: .3s ease;
    }

    .ham-menu span:nth-child(1) {
        top: 38%;
    }

    .ham-menu span:nth-child(3) {
        top: 62%;
    }

    .ham-menu.active span:nth-child(1) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .ham-menu.active span:nth-child(2) {
        opacity: 0;
    }

    .ham-menu.active span:nth-child(3) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    /* || HERO SECTION USES THE SAME CSS STYLE WITH MEDIA QUERY 540PX | */


    /* || CONTENT SECTION | */

    .body__content-container {
        margin: 0 0;
        width: 100%;
    }

    .new_content h2 {
        font-size: 30px;
        width: 320px;
        text-align: center;
        margin: auto;
        margin-top: 4.1rem;
        margin-bottom: 4.1rem;
    }

    .content__1 {
        margin-top: 2.5rem;
        padding-top: 20rem;
        padding-bottom: 4rem;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding-left: 0;
        height: 1707px;
    }

    .content__1 img {
        margin-bottom: 23px;
        margin-top: -0.8rem;
        width: 220px;
        height: 450px;
    }

    .body__content-container .content__1 .img__3 {
        margin-top: 56.6rem;
    }

    .content__1 h2 {
        font-size: 30px;
        margin-top: -300px;
        position: absolute;
    }

    .content__1 p {
        position: absolute;
        font-size: 18px;
        width: 13rem;
        margin-top: -160px;
        margin-left: 0;
        font-weight: lighter;
        color: #333;
    }

    .content__2 {
        padding-top: 3.4rem;
        text-align: center;
        align-items: center;
        padding-left: 0;
    }

    .content__2 h2 {
        font-size: 30px;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 34px;
    }

    .content__2 p {
        font-size: 18px;
        width: 300px;
        margin: 0 auto;
        font-weight: lighter;
        color: #333;
        margin-bottom: 40px;
    }

    .content__3 {
        display: flex;
        align-items: center;
        position: relative;
        flex-direction: column;
        text-align: center;
        margin-bottom: 2.5rem;
        padding-left: 0;
        height: 730px;
    }

    .content__3 img {
        width: 220px;
        height: 450px;
        margin-top: 13rem;
        position: absolute;
    }

    .content__3 h2 {
        margin-top: 2.7rem;
        font-size: 30px;
        width: 300px;
        position: absolute;
        padding-left: 0;
    }

    .content__4 {
        position: relative;
        flex-direction: column;
        padding-top: 12rem;
        align-items: center;
        text-align: center;
        padding-left: 0;
    }

    .content__4 .img__1 {
        width: 220px;
        height: 450px;
        margin-left: 0;
        margin-top: 0.8rem;
    }

    .content__4 .img__2 {
        padding-top: 2.8rem;
        width: 370px;
        height: 370px;
        margin-left: 15rem;

    }

    .content__4 h2 {
        padding-top: 12rem;
        position: absolute;
        width: 400px;
        margin: 0 auto;
        font-size: 30px;
        margin-top: -370px;

    }

    .content__4 p {
        font-size: 18px;
        color: #333;
        font-weight: lighter;
        position: absolute;
        padding-top: 0;
        width: 13rem;
        margin: 0 auto;
        margin-top: -100px;
    }

    .content__5 {
        background: rgb(113, 210, 252);
        display: flex;
        padding-top: 3em;
        position: relative;
        margin-bottom: 4.3rem;
        flex-direction: column;
        height: 524px;
        align-items: center;
        padding-left: 0;
        text-align: center;
    }

    .content__5 img {
        width: 330px;
        height: 180px;
    }

    .content__5 h2 {
        padding-top: 1.5rem;
        width: 300px;
        text-align: center;
        margin: 0;
        margin-left: 0;
        font-size: 30px;
    }

    .content__5 p {
        width: 350px;
        text-align: center;
        margin: 0 auto;
        margin-top: 16.8rem;
        font-size: 18px;
    }

    .content__5 a {
        position: absolute;
        margin-left: 0;
        place-self: center;
        margin-top: 24.9rem;
        font-size: 18px;
    }

    .content__5 a:hover,
    .content__5 a:focus {
        letter-spacing: 2px;
        background: white;
        color: rgb(106, 106, 218);
    }

    /* I started aling-items center and text-align center from content 6 */

    .content__6 {
        display: flex;
        position: relative;
        margin-bottom: 2.5rem;
        flex-direction: column;
        text-align: center;
        height: 500px;
        align-items: center;
    }

    .content__6 img {
        padding-left: 1.7rem;
        width: 420px;
        position: absolute;
        margin-top: 16rem;
    }

    .content__6 h2 {
        width: 320px;
        font-size: 30px;
        margin-left: 0;
    }

    .content__6 p {
        position: absolute;
        width: 300px;
        margin-left: 0;
        margin-top: 9rem;
        font-size: 18px;
    }

    .content__7 {
        margin-bottom: 0.8rem;
        flex-direction: column;
        height: 1215px;
        align-items: center;
        text-align: center;
    }

    .content__7 img {
        width: 220px;
        height: 464px;
        margin-top: 248px;
        display: absolute;

    }

    .content__7 .img__1 {
        margin-left: 0;
        position: absolute;
        margin-top: 700px;
    }

    .content__7 h2 {
        position: absolute;
        font-size: 30px;
        margin-left: 0;
        padding-top: 3rem;
    }

    .content__7 p {
        position: absolute;
        font-size: 18px;
        width: 300px;
        margin-left: 0;
        padding-top: 8.7rem;
        color: #333;
        font-weight: lighter;

    }

    .content__8 {
        margin-bottom: 1.7rem;
        flex-direction: column;
        height: 1230px;
        align-items: center;
        text-align: center;
        padding-left: 0;
    }

    .content__8 .img__1 {
        width: 220px;
        height: 464;
        margin-top: 15rem;
    }

    .content__8 .img__2 {
        height: 390px;
        margin-top: 2.4rem;
        width: 220px;
    }

    .content__8 h2 {
        margin-left: 0;
        margin-top: 3rem;
        position: absolute;
        font-size: 30px
    }

    .content__8 p {
        font-size: 18px;
        position: absolute;
        width: 300px;
        color: #333;
        font-weight: lighter;
        margin-left: 0;
        margin-top: 7rem;
    }

    .content__9 {
        display: flex;
        position: relative;
        padding-left: 0;
        background: #45a2c0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        flex-direction: column;
        text-align: center;
        align-items: center;
        height: 628px;
    }

    .content__9 img {
        width: 350px;
        height: 350px;
        margin-top: 2rem;
    }

    .content__9 h2 {
        width: 300px;
        margin-top: 28px;
        margin-left: 0;
        font-size: 30px;
    }

    .content__9 p {
        position: absolute;
        font-size: 18px;
        margin-top: 30rem;
        margin-left: 0;
        color: #333;
        font-weight: lighter;
        width: 300px;

    }

    .content__9 a {
        margin-top: 34rem;
        margin-left: 0;
        background: rgb(250, 90, 3);
        transition: .2s linear;
    }

    /* || OTHER BUSINESS BRANDS HERO SECTION */
    .slider .figure-container figure {
        height: 1012px;
        margin-bottom: 5rem;
    }

    .slider .figure-container figure h2 {
        position: absolute;
        margin-top: 5rem;
        font-size: 3.5rem;
        width: 300px;
        color: white;
        margin-left: 3.3rem;
    }

    .slider .figure-container figure a {
        margin-top: 22rem;
        margin-left: 5.8rem;
    }

    .slider .figure-container figure .payment__gateway--ancortag {
        margin-top: 26rem;
        margin-left: 9.8rem;
        z-index: 1;
    }

    .slider .figure-container .figure-img-1 {
        width: 100%;
        height: 1012px;
    }

    .slider .figure-container figure .payment-image-1 {
        width: 280px;
        height: 590px;
        margin-top: 25rem;
        left: 1rem;
    }

    .slider .figure-container figure .payment-image-2 {
        margin-top: 32rem;
        left: 1rem;
    }

    /* || OHTER BUSINESS BRANDS CONTENT SECTION | */
    .new__quote-section {
        margin-top: 49rem;
    }

    .new__quote-section h2 {
        font-size: 4rem;
        width: 320px;
        text-align: center;
        margin: auto;
    }

    .quote-section {
        width: 100%;
        padding: 0 2rem;
        text-align: center;
        margin-top: 4rem;
        margin-bottom: 6rem;
    }

    .quot-section .page-title {
        font-size: 1.65rem;
    }

    .quote-section h2 {
        width: 310px;
        margin: 0 auto;
        margin-bottom: 1.9rem;
        font-size: 50px;
    }

    .quote-section .quote-section-paragraph1 {
        width: 310px;
        font-size: 23px;
        margin: 0 auto;
        margin-bottom: 2rem;
        line-height: 1.9rem;
    }

    .quote-section a {
        text-decoration: none;
        font-size: 1.5rem;
    }

    .brands-content-1 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-1 a {
        display: block;
        width: 340px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;

    }

    .brands-content-1 a div h2,
    .brands-content-1 a div p {
        padding-left: 1.6rem;
    }

    .brands-content-1 a div h2 {
        margin-bottom: 1.5rem;
    }

    .brands-content-1 a div p {
        font-size: 17px;
        width: 325px;
    }

    .brands-content-2 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-2 a {
        display: block;
        width: 340px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }

    .brands-content-2 a div h2,
    .brands-content-2 a div p {
        padding-left: 1.6rem;
    }

    .brands-content-2 a div h2 {
        margin-bottom: 1.5rem;
    }

    .brands-content-2 a div p {
        font-size: 17px;
        width: 325px;
    }

    .brands-content-3,
    .brands-content-4 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-3 a,
    .brands-content-4 a {
        display: block;
        width: 340px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }

    .brands-content-3 a div .image-container,
    .brands-content-4 a div .image-container {
        height: 246px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
    }

    .brands-content-3 a div .image-container img,
    .brands-content-4 a div .image-container img {
        object-fit: bottom;
        width: 459px;
        height: 400px;
        transition: all 1.1s;
    }

    .brands-content-3 a div .image-container .other__business--content-3-image {
        display: block;
        margin-top: -3.9rem;
    }

    .brands-content-3 a:hover div .image-container img,
    .brands-content-4 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .brands-content-3 a div h2,
    .brands-content-3 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 330px;

    }

    .brands-content-4 a div h2,
    .brands-content-4 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 335px;
    }

    .brands-content-3 a h2,
    .brands-content-4 a h2 {
        width: 335px;
        margin-bottom: 1.5rem;
        font-size: 23px;
    }

    .brands-content-3 a p,
    .brands-content-4 a p {
        width: 325px;
        margin-bottom: 1rem;
        font-size: 17px;
    }

    .brands-content-4 {
        margin-bottom: 4.7rem;
    }

    .brands-content-5 h2,
    .brands-content-5 p {
        width: 350px;
        margin: 0 auto;
    }

    .brands-content-5 h2 {
        margin-bottom: 1.5rem;
        font-size: 28px;
    }

    .brands-content-5 p {
        color: #333;
        font-size: 19px;
    }

    .fa-bullseye {
        font-size: 50px;
        margin-bottom: 1.4rem;
        color: #b1b4b9;
    }

    .brands-content-6 {
        background: rgb(244, 94, 13);
        background-image: url(../img/content-6-image.jpeg);
        background-repeat: no-repeat;
        padding-top: 10.6rem;
        padding-bottom: 9.4rem;
        background-position: bottom;
        background-size: cover;
        padding-left: 1.5rem;
        margin-bottom: 3rem;
    }

    .brands-content-6 a,
    .brands-content-6 h2 {
        color: white;
    }

    .brands-content-6 a {
        text-decoration: none;
        padding: 0 0.4rem;
        border-radius: 8px;
        background-color: rgb(14, 94, 198);
        display: inline-block;
        margin-bottom: 2rem;
    }

    .brands-content-6 h2 {
        font-size: 3rem;
    }

    .brands-content-7,
    .brands-content-8 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-7 a,
    .brands-content-8 a {
        display: block;
        width: 340px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }

    .brands-content-7 a div .image-container,
    .brands-content-8 a div .image-container {
        height: 246px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
    }

    .brands-content-7 a div .image-container img,
    .brands-content-8 a div .image-container img {
        object-fit: bottom;
        width: 459px;
        height: 400px;
        transition: all 1.1s;


    }

    .brands-content-7 a div .image-container .other__business--content-7-image {
        display: block;
        margin-top: -7.5rem;
    }

    .brands-content-7 a:hover div .image-container img,
    .brands-content-8 a:hover div .image-container img {
        transform: scale(1.05);
    }


    .brands-content-7 a div h2,
    .brands-content-7 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 335px;
    }

    .brands-content-8 a div h2,
    .brands-content-8 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 335px;
    }

    .brands-content-7 a h2,
    .brands-content-8 a h2 {
        margin-bottom: 1.5rem;
        font-size: 23px;
    }

    .brands-content-7 a p,
    .brands-content-8 a p {
        margin-bottom: 0.2rem;
        font-size: 17px;
    }

    .brands-content-8 {
        margin-bottom: 1rem;
    }

    .brands-content-9 {
        margin-top: -1.4rem;
        margin-bottom: 11rem;
    }

    .brands-content-10 {
        margin-top: 0.3rem;
    }

    .pgw-content-1 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 2.9rem;
        position: relative;
        width: 100%;
    }

    .pgw-content-1 .img-container {
        display: flex;
        flex-direction: column;
        width: 500px;
        margin-left: 3.5rem;
    }

    .pgw-content-1 .img-container .img-1 {
        display: block;
        width: 200px;
        height: 410px;
        margin-left: 2.7rem;
        margin-top: 16.8rem;
    }

    .pgw-content-1 .img-container .img-2 {
        display: block;
        width: 450px;
        height: 350px;
        margin-left: -6.4rem;
        margin-top: -9rem;
    }

    .pgw-content-1 div {
        width: 300px;
        position: absolute;
        left: 42%;
        top: -6.2rem;
    }

    .pgw-content-1 div h2 {
        margin-bottom: 2.5rem;
    }

    .pgw-content-1 div p {
        color: #333;
        font-size: 19px;

    }

    .pgw-content-2 {
        text-align: center;
        margin-bottom: 2.6rem;
    }

    .pgw-content-2 .header2,
    .pgw-content-2 p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-2 .header2 {
        font-size: 30px;
        margin-bottom: 1.4rem;
    }

    .pgw-content-2 p {
        font-size: 19px;
    }



    .pgw-content-3 {
        text-align: center;
        margin-bottom: 5.8rem;
    }

    .pgw-content-3 .header2,
    .pgw-content-3 p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-3 .header2 {
        font-size: 30px;
        margin-bottom: 1.4rem;
    }

    .pgw-content-3 p {
        font-size: 19px;
    }

    .pgw-content-4 {
        display: flex;
        width: 100%;
        height: 470px;
        flex-direction: column;
        flex-wrap: nowrap;
        position: relative;
    }

    .pgw-content-4 .img-container {
        width: 100%;
        margin-top: 12rem;
        position: absolute;
    }

    .pgw-content-4 .img-container img {
        display: block;
        width: 330px;
        height: 190px;
        margin-top: -8.9rem;
        margin: 0 auto;

    }

    .pgw-content-4 .cnt__container {
        position: relative;
        width: 100%;
        margin: 0 auto;

    }

    .pgw-content-4 .cnt__container h2,
    .pgw-content-4 .cnt__container p {
        margin: 0 auto;
    }

    .pgw-content-4 .cnt__container h2 {
        margin-bottom: 1.5rem;
        width: 250px;
    }

    .pgw-content-4 .cnt__container p {
        font-size: 19px;
        width: 250px;
    }

    .pgw-content-5 {
        display: flex;
        width: 100%;
        height: 676px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-top: -4rem;
        margin-bottom: 3.7rem;
    }

    .pgw-content-5 .image-container {
        position: relative;
        width: 100%;
    }

    .pgw-content-5 .image-container img {
        width: 240px;
        height: 474px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-5 .ctn-container {
        width: 350px;
        margin: 0 auto;
        margin-top: 1rem;
        margin-bottom: 1.1rem;
    }

    .pgw-content-5 .ctn-container h2,
    .pgw-content-5 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-5 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-5 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-6 {
        display: flex;
        width: 100%;
        height: 650px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 3.2rem;
        position: relative;
    }

    .pgw-content-6 .image-container {
        width: 100%;
        height: 474px;
        margin: 0 auto;
        margin-top: 10.2rem;
    }

    .pgw-content-6 .image-container img {
        width: 240px;
        height: 474px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-6 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;
        margin-bottom: 1.1rem;
    }

    .pgw-content-6 .ctn-container h2,
    .pgw-content-6 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-6 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-6 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-7 {
        display: flex;
        width: 100%;
        height: 610px;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .pgw-content-7 .image-container {
        position: relative;
        width: 100%;
    }

    .pgw-content-7 .image-container img {
        width: 550px;
        height: 400px;
        display: block;
        margin: 0 auto;
        margin-left: 4.6rem;
        margin-top: -30.1rem;
    }

    .pgw-content-7 .ctn-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;
        margin-bottom: 1.1rem;
    }

    .pgw-content-7 .ctn-container h2,
    .pgw-content-7 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-7 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-7 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-8 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 650px;
        margin-bottom: 2.3rem;
        margin-top: -1.6rem;
    }

    .pgw-content-8 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;

    }

    .pgw-content-8 .image-container img {
        width: 230px;
        height: 489px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-8 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-8 .ctn-container h2,
    .pgw-content-8 .ctn-container p {
        margin: 0 auto;
        width: 310px;
    }

    .pgw-content-8 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-8 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-9 {
        display: flex;
        width: 100%;
        height: 650px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 3.123rem;
        margin-bottom: 2.3rem;
        position: relative;
    }

    .pgw-content-9 .image-container {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        margin-top: 8.6rem;
    }

    .pgw-content-9 .image-container img {
        width: 230px;
        height: 489px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-9 .ctn-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;
    }

    .pgw-content-9 .ctn-container h2,
    .pgw-content-9 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-9 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-9 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-10 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 650px;
        margin-bottom: 2.68;
    }

    .pgw-content-10 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-10 .image-container img {
        width: 261px;
        height: 489px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-10 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-10 .ctn-container h2,
    .pgw-content-10 .ctn-container p {
        margin: 0 auto;
        width: 310px;
    }

    .pgw-content-10 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-10 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-11 {
        display: flex;
        width: 100%;
        height: 485px;
        flex-direction: column;
        flex-wrap: nowrap;
        position: relative;
    }

    .pgw-content-11 .image-container {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        margin-top: 8.6rem;
    }

    .pgw-content-11 .image-container img {
        width: 325px;
        height: 205px;
        display: block;
        margin-left: 0.2rem;
    }

    .pgw-content-11 .ctn-container {
        width: 100%;
        margin-top: 1rem;
        margin: 0 auto;
        margin-left: -1.3rem;
    }

    .pgw-content-11 .ctn-container h2,
    .pgw-content-11 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-11 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-11 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-12 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-top: -3rem;
        width: 100%;
        height: 485px;
    }

    .pgw-content-12 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-12 .image-container img {
        width: 325px;
        height: 205px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-12 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-12 .ctn-container h2,
    .pgw-content-12 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-12 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-12 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-13 {
        display: flex;
        width: 100%;
        height: 650px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 2.2rem;
        position: relative;
        margin-top: -9.5rem;
    }

    .pgw-content-13 .image-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-13 .image-container img {
        width: 219px;
        height: 480px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-13 .ctn-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;

    }

    .pgw-content-13 .ctn-container h2,
    .pgw-content-13 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-13 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-13 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-14 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 650px;
        margin-top: -0.6rem;
        margin-bottom: 2rem;

    }

    .pgw-content-14 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-14 .image-container img {
        width: 225px;
        height: 455px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-14 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-14 .ctn-container h2,
    .pgw-content-14 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-14 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-14 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-15 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 542px;
    }

    .pgw-content-15 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: -0.1rem;
    }

    .pgw-content-15 .image-container img {
        width: 589px;
        height: 340px;
        display: block;
        margin: 0 auto;
        margin-left: -7.8rem;
    }

    .pgw-content-15 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 21.6rem;
    }

    .pgw-content-15 .ctn-container h2 {
        color: #f2f2f2;
        width: 335px;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    .pgw-content-15 .ctn-container p {
        color: #333;
    }

    /* || THE RAILWAY TRANSPORTAION | */
    .the__railway--transportation-main {
        background: rgb(245, 245, 247);
    }

    .the__railway--transportation-hero-section {
        background: black;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), #232222), url(../img/theelctric-train-hero-image.jpeg);
        width: 100%;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 18rem;
        padding-left: 4rem;
        margin-bottom: 2.5rem;

    }

    .the__railway--transportation-hero-section div {
        width: 330px;
        margin-left: -1.6rem;
        margin-top: -1rem;
    }

    .the__railway--transportation-hero-section div h2 {
        font-size: 50px;
        color: white;
    }

    .the__railway--transportation-hero-section div p {
        font-size: 22px;
        color: white;
    }

    .the__railway--transportation-section-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        height: 1300px;
        padding: 0 1.2rem;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-1 .content {
        padding-top: 3.5rem;
        width: 100%;
        height: 633px;
        background: white;
        text-align: center;
        margin-bottom: 0.2rem;
    }

    .the__railway--transportation-section-1 .content h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-1 .content p {
        width: 250px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-1 .content .image__container {
        width: 80%;
        margin: 0 auto;
        height: 250px;
    }

    .the__railway--transportation-section-1 .content .image__container img {
        width: 100%;
        height: 250px;
    }

    .the__railway--transportation-section-2 {
        width: 90%;
        margin: 0 auto;
        height: 670px;
        padding: 1.5rem 1.2rem;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-2 h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-2 p {
        width: 280px;
        margin: 0 auto;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-2 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-2 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-3 {
        display: flex;
        width: 90%;
        position: relative;
        padding: 0 1.9rem;
        flex-direction: column;
        height: 766px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-3 .image__container {
        width: 100%;
        height: 500px;
        margin: 0 auto;
        margin-right: 5rem;
        padding-top: 17.5rem;
    }

    .the__railway--transportation-section-3 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-3 .trt__content--4 {
        position: absolute;
        top: 2rem;
    }

    .the__railway--transportation-section-3 .content h2 {
        font-size: 33px;
        width: 280px;
        text-align: center;
        color: #1D1D1F;
        margin: 0 auto;
        margin-top: 2rem;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-3 .content p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        text-align: center;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-4 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 700px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-4 h2 {
        width: 280px;
        margin: 0 auto;
        text-align: center;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-4 p {
        width: 280px;
        margin: 0 auto;
        text-align: center;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-4 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-4 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-5 {
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 719px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
        padding: 0;
        padding-top: 2.2rem;
    }

    .the__railway--transportation-section-5 .content {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .the__railway--transportation-section-5 .content h2 {
        font-size: 33px;
        width: 280px;
        margin: 0 auto;
        color: #1D1D1F;
        text-align: center;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-5 .content p {
        width: 280px;
        margin: 0 auto;
        text-align: center;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-5 .image__container {
        width: 100%;
        height: 500px;
        margin-top: -2.5rem;
    }

    .the__railway--transportation-section-5 .image__container img {
        display: block;
        margin: 0 auto;
        width: 330px;
        height: 400px;
    }

    .the__railway--transportation-section-6 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 599px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-6 h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-6 p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-6 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-6 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-7 {
        display: flex;
        width: 90%;
        flex-direction: column;
        height: 699px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
        position: relative;
        padding: 0;
    }

    .the__railway--transportation-section-7 .image__container {
        width: 330px;
        height: 500px;
        margin: 0 auto;
        padding-top: 14rem;
    }

    .the__railway--transportation-section-7 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-7 .content {
        text-align: center;
        position: absolute;
        margin-top: 3rem;
    }

    .the__railway--transportation-section-7 .content h2 {
        width: 280px;
        margin: 0 auto;
        text-align: center;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-7 .content p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-8 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 648px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-8 h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        margin: 0 auto;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-8 p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-8 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-8 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-9 {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-top: 3rem;
        width: 90%;
        height: 755px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-9 .content {
        text-align: center;
        margin: 0 auto;
    }

    .the__railway--transportation-section-9 .content h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-9 .content p {
        width: 280px;
        margin: 0 auto;
        font-size: 19px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-9 .image__container {
        width: 330px;
        height: 500px;
        margin: 0 auto;
        margin-top: -2.8rem;
    }

    .the__railway--transportation-section-9 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-10 {
        width: 90%;
        height: 1200px;
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        justify-content: space-evenly;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-10 .content {
        padding-top: 3.5rem;
        width: 100%;
        height: 600px;
        background: white;
        text-align: center;
        margin-bottom: 0.8rem;
    }

    .the__railway--transportation-section-10 .content h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-10 .content p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-10 .content .image__container {
        width: 80%;
        margin: 0 auto;
        height: 250px;
    }

    .the__railway--transportation-section-10 .content .image__container img {
        width: 100%;
        height: 250px;
    }

    .the__railway--transportation-section-11 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 608px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-11 h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-11 p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-11 .image__container {
        width: 90%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-11 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-12 {
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 666px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
        position: relative;
        padding: 0;
    }

    .the__railway--transportation-section-12 .image__container {
        width: 330px;
        height: 500px;
        margin: 0 auto;
        padding-top: 11.4rem;
        margin-top: 2.62rem;
    }

    .the__railway--transportation-section-12 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-12 .content {
        text-align: center;
        margin: 0;
        position: absolute;
        padding-top: 3.5rem;
    }

    .the__railway--transportation-section-12 .content h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-12 .content p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-13 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 646px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-13 h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-13 p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-13 .image__container {
        width: 90%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-13 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-14 {
        display: flex;
        padding: 0;
        padding-top: 3.5rem;
        flex-direction: column;
        width: 90%;
        height: 662px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-14 .content {
        width: 330px;
        margin: 0 auto;
        text-align: center;
    }

    .the__railway--transportation-section-14 .content h2 {
        width: 310px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-14 .content p {
        width: 310px;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-14 .image__container {
        width: 330px;
        height: 500px;
        margin-top: -3.4rem;
    }

    .the__railway--transportation-section-14 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    /* || PARTNERSHIP CONTENT SECTION | */

    .title {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        font-size: 1.7rem;
        padding-left: 2rem;
        font-weight: bolder;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .ptnscall__to-action {
        padding: 0.3rem;
        background: rgb(250, 90, 3);
        width: 100%;
        font-size: 13px;
        font-weight: bolder;
        padding-left: 2rem;
        position: sticky;
        top: 3.6rem;
        z-index: 1;
        color: white;

    }

    .partnership__content-1 {
        display: flex;
        position: relative;
        height: 805px;
        width: 100%;
        background: black;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), #051e7c), url(../img/content1-background.jpeg);
        margin-bottom: 6rem;

    }

    .partnership__content-1 .image__container {
        position: absolute;
        overflow: hidden;
        margin-top: -1.1rem;
        margin-left: 1.8rem;
    }

    .image__container img {
        width: 420px;
        height: 520px;
    }

    .partnership__content-1 .content__1a-container {
        position: absolute;
        color: white;
        margin-top: 30rem;
        padding-left: 1.5rem;
        margin-right: 10rem;

    }

    .partnership__content-1 .content__1a-container a {
        background: rgb(250, 90, 3);
        padding: 9px 19px;
        text-decoration: none;
        color: white;
        border-radius: 4px;
    }

    .partnership__content-1 .content__1a-container a:hover {
        filter: brightness(140%);
    }

    .partnership__content-1 .content__1a-container .p-1 {
        margin-bottom: 2.5rem;
        font-size: 17px;
    }

    .partnership__content-1 .content__1a-container h2 {
        font-size: 32px;
    }

    .partnership__content-1 .content__1a-container p {
        margin-bottom: 4rem;
        font-size: 17px;
        width: 320px;
    }

    .partnership__content-2 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 6.5rem;
    }

    .partnership__content-2 .p-1 {
        font-size: 19px;
        margin-bottom: 1.2rem;
        color: #000;
        font-weight: bolder;
    }

    .partnership__content-2 h2 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .partnership__content-2 p {
        font-size: 19px;
        color: #333;
        font-weight: light;
    }

    .partnership__content-2 .fa-solid {
        font-size: 19px;
    }

    .partnership__content-3 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 5rem;
    }

    .partnership__content-3 h2 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .partnership__content-3 p {
        font-size: 19px;
        color: #333;
        font-weight: light;
    }

    .partnership__content-3 .fa-regular {
        font-size: 24px;
    }

    .column {
        width: 100%;
        columns: 1 170px;
        column-rule: 3px solid #f5f1f1;
        column-gap: 3rem;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 6rem;


    }

    .column div {
        width: 300px;
        padding: 3rem;
        margin: 0 auto;
    }

    .column div h2 {
        font-size: 20px;
        color: #333;
        margin-bottom: 1rem;
    }

    .column div .fa-solid,
    .column div .fa-brands {
        font-size: 24px;
        padding: 3rem;
        border-radius: 50%;
        background: rgb(160, 158, 156);
        color: #000;
        margin-bottom: -3rem;
    }

    .partnership__content-5 h2 {
        text-align: center;
        font-size: 3.7rem;
    }



    .form__container {
        width: 100%;
        height: 600px;
        background: rgb(43, 43, 167);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    form {
        width: 80%;
        max-width: 1010px;
    }

    .input-group {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 10px;
        outline: 0;
        border: 1px solid #fff;
        color: #fff;
        background: transparent;
        font-size: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #fff;
        cursor: text;
        transition: 0.2s;
    }

    .partnership__button {
        display: inline-block;
        padding: 10px 0;
        color: #fff;
        outline: none;
        background: transparent;
        border: 1px solid #fff;
        width: 130px;
        cursor: pointer;
    }

    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }

    .row {
        display: block;
        align-items: center;
        justify-content: space-between;
    }

    .row .input-group {
        flex-basis: 48%;

    }

    /* || ABOUT SECTION | */

    .about__content1-p {
        padding: 15px;
    }

    .about__content-1 {
        display: flex;
        height: 643px;
        margin-bottom: 5.2rem;

    }

    .about__content-1 .content__container {
        width: 500px;
        margin: auto 0;
        margin-top: 22rem;
        margin-left: -0.8rem;
    }

    .about__content-1 .content__container h2,
    .about__content-1 .content__container p,
    .about__content-1 .content__container a {
        color: #000;
        margin-top: 10rem;
        padding-left: 2rem;
        margin: auto 0;
        margin-right: 7rem;
    }

    .about__content-1 .content__container h2 {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .about__content-1 .content__container p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        width: 342px;
    }

    .about__content-1 .content__container a {
        text-decoration: none;
        font-size: 18px;
        margin-left: 2rem;
        padding: 8px 19px;
        border-radius: 7px;
        background: rgb(250, 90, 3);
        color: white;
        transition: 0.2s linear;
    }

    .about__content-1 .content__container a:hover,
    .about__content-1 .content__container a:focus {
        letter-spacing: 2px;
        background: rgb(209, 208, 208);
        color: rgb(106, 106, 218);
    }

    .about__content-1 .image__container {
        width: 600px;
        height: 330px;
        margin-left: -23.5rem;
        margin-top: 1.5rem;
    }

    .about__content-1 .image__container img {
        width: 330px;
        height: 330px;
    }

    .about__content-2 {
        display: block;
        margin-bottom: 3.1rem;
        width: 100%;
    }

    .about__content-2 div {
        width: 100%;
        padding-left: 2.4rem;
    }

    .about__content-2 div h2 {
        margin-bottom: 1rem;
        font-size: 28px;
    }

    .about__content-2 div p {
        color: #333;
        font-size: 18px;
        width: 335px;
        margin-bottom: 2.1rem;
    }

    .about__content-2 .content__container1 {
        margin-left: 0;
    }

    .about__content-3 {
        margin-left: 1.5rem;
        margin-bottom: 7.1rem;
    }

    .about__content-3 h2 {
        margin-bottom: 2rem;
        font-size: 28px;
    }

    .about__content-3 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.4rem;
    }

    .about__content-3 p {
        font-size: 18px;
        margin-bottom: 2.5rem;
        width: 335px;
        color: #333;
    }

    .about__content-4 {
        background: rgb(27, 42, 57);
        color: white;
        padding-left: 1.5rem;
        padding-top: 2rem;
        height: 798px;
        margin-bottom: 5.5rem;
    }

    .about__content-4 h2 {
        margin-bottom: 2rem;
        padding: 0.6rem 0;
    }

    .about__content-4 .content__container1 {
        margin-bottom: -1.2rem;
    }

    .about__content-4 .content__container1 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.4rem;
    }

    .about__content-4 .content__container1 h2 {
        font-size: 28px;
    }

    .about__content-4 .content__container2 {
        display: block;
    }

    .about__content-4 .content__container2 div {
        width: 700px;
    }

    .about__content-4 .content__container2 .div-1 {
        margin-right: 3rem;

    }

    .about__content-4 .content__container2 h2 {
        margin-bottom: 1.5rem;
    }

    .about__content-4 .content__container2 div h2 {
        font-size: 23px;
        margin-bottom: 0.6rem;
    }

    .about__content-4 .content__container2 div p {
        color: rgb(225, 230, 233);
        font-size: 18px;
        width: 315px;
        margin-bottom: 2.3rem;
    }

    .about__content-4 .content__container2 div .p-1 {
        margin-bottom: 3rem;
    }

    .about__content-5 {
        padding-left: 1.5rem;
        margin-bottom: 5rem;
    }

    .about__content-5 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
        width: 368px;
    }

    .about__content-5 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.4rem;
    }

    .about__content-5 p {
        font-size: 18px;
        color: #333;
        margin-bottom: 2.5rem;
        width: 335px;
    }

    .about__content-6 {
        background: rgb(203, 235, 242);
        padding-left: 1.5rem;
        padding-top: 1.5rem;
        display: flex;
        width: 100%;
        height: 797px;
        position: relative;
    }

    .about__content-6 .container-1 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
        width: 335px;
    }

    .about__content-6 .container-1 p {
        width: 335px;
        margin-bottom: 2.5rem;
        font-size: 18px;
    }

    .about__content-6 div {
        margin: auto 0;
    }

    .about__content-6 .container-1 .none {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 18.8rem;
    }

    .about__content-6 .container-2 {
        position: absolute;
        width: 100%;
        margin-left: -4.4rem;
        margin-top: 10rem;
    }

    .about__content-6 .container-2 img {
        width: 340px;
        height: 210px;
        margin: auto 0;
        margin-left: 4.1rem;
        border-radius: 0.8rem;
    }

    /* || ABOUT PHRONESIS | */
    .about__staff--section-1 .about__staff--content-2 .staff__image {
        width: 300px;
        height: 325px;
    }

    .about__staff--section-1 .about__staff--content-2 {
        width: 100%;
        height: 400px;
        margin-top: 3.1rem;
        padding: 0 2.4rem;
    }

    /* || CAREERS | */
    .careers__section-1 {
        height: 550px;
    }

    .careers__section-2 {
        height: 550px;
        padding: 6.2rem 0;
    }

    .careers__section-2 h2 {
        font-size: 32px;
        padding: 0 1rem;
        width: 340px;
        margin: 0 auto;
    }

    .careers__section-3 {
        background: black;
        color: white;
        width: 100%;
        height: 600px;
        text-align: center;
        padding: 7rem 0;
    }

    .careers__section-3 .p__1 {
        font-size: 28px;
        font-weight: bolder;
        margin-bottom: 1.7rem;
    }

    .careers__section-3 h2 {
        width: 320px;
        margin: 0 auto;
        margin-bottom: 1.7rem;
    }

    .careers__section-3 .p__2 {
        width: 320px;
    }

    .careers__section-4 {
        padding: 7.5rem 0;
        padding-left: 3.6rem;
    }

    .careers__section-4 h2 {
        font-size: 35px;
        width: 300px;
    }

    .careers__section-5 {
        height: 600px;
        padding: 9.1rem 0;
        padding-left: 3.6rem;
        margin-bottom: 6.6rem;
    }

    .careers__section-5 h2 {
        font-size: 40px;
        width: 300px;
        margin-bottom: 1rem;
    }

    .careers__section-6 {
        margin-bottom: 2.7rem;
    }

    .careers__section-6 h2 {
        width: 320px;
        text-align: center;
        margin: 0 auto;
        margin-top: -0.5rem;
        margin-bottom: 2.6rem;
    }

    .careers__section-7 {
        margin-bottom: 4.2rem;
        width: 100%;
    }

    .careers__section-7 .careers__section--7-content {
        flex-direction: column;
        width: 350px;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .careers__section-7 .careers__section--7-content div {
        margin-bottom: 2rem;
        border-radius: 15px;
        width: 335px;
        height: 303px;
        align-self: center;
    }

    .careers__section-7 .careers__section--7-content h2 {
        padding-left: 2rem;
        padding-top: 2rem;
        margin-bottom: 1.5rem;
        width: 300px;
    }

    .careers__section-7 .careers__section--7-content p {
        font-size: 19px;
        padding-left: 2rem;
        width: 300px;
    }

    .careers__section-8 h2 {
        width: 360px;
    }

    .careers__section-8 .p__2 {
        width: 300px;
    }

    .careers__section-8 a {
        width: 190px;
    }

    /* || WORK AT DIAMOND | */
    .work__at--diamond-hero .content h2 {
        font-size: 54px;
        width: 340px;
        margin: 0 auto;
        text-align: center;
    }

    .work__at--diamond-section-1 {
        height: 650px;
        width: 100%;
        text-align: center;
    }

    .work__at--diamond-section-1 h2 {
        width: 370px;
        margin: 0 auto;
        font-size: 35px;
        text-align: center;
        padding: 4rem 2rem;

    }

    .work__at--diamond-section-2 {
        padding-left: 2.4rem;
        height: 1230px;
        padding-top: 6.3rem;
    }

    .work__at--diamond-section-2 .p__1 {
        font-size: 22px;
    }

    .work__at--diamond-section-2 h2 {
        width: 300px;
        font-size: 55px;
    }

    .work__at--diamond-section-2 div {
        display: flex;
        flex-direction: column;
    }

    .work__at--diamond-section-2 div p {
        width: 310px;
        font-size: 18px;
    }

    .work__at--diamond-section-2 {
        font-size: 18px;
    }

    .work__at--diamond-section-3 {
        width: 100%;
        height: 750px;
        padding-left: 2.4rem;
    }

    .work__at--diamond-section-3 h2 {
        width: 300px;
        padding-top: 10.1rem;
        font-size: 37px;

    }

    .work__at--diamond-section-3 p {
        font-size: 18px;
    }

    .work__at--diamond-section-4 {
        height: 1460px;
        color: white;
        padding: 0 2.4rem;
        padding-top: 4rem;
    }

    .work__at--diamond-section-4 .pg__1 {
        font-size: 28px;
    }

    .work__at--diamond-section-4 .work__at--diamond--section4-h2 {
        width: 310px;
        font-size: 48px;
    }

    .work__at--diamond-section-4 .work__at--diamond-section4-h2-2 {
        width: 310px;
        font-size: 38px;
    }

    .work__at--diamond-section-4 .pg__2 {
        font-size: 18px;
    }

    .work__at--diamond-section-5 {
        display: block;
        height: 595px;
        padding-left: 2.4rem;
        margin-top: -4rem;
    }

    .work__at--diamond-section-5 .p-4,
    .work__at--diamond-section-5 .p-5 {
        margin-top: -0.2rem;
        width: 310px;
        font-size: 18px;
        margin-bottom: 1rem;
    }

    .work__at--diamond-section-6 {
        padding-left: 2.4rem;
        height: 1060px;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-p1 {
        font-size: 28px;
        width: 310px;
    }

    .work__at--diamond-section-6 h2 {
        font-size: 48px;
        width: 310px;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-content-3 {
        display: block;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-content-3 p {
        width: 310px;
        font-size: 18px;
        color: rgb(213, 213, 213);
        margin-right: 6rem;
        margin-bottom: 3rem;
    }

    .work__at--diamond-section-7 {
        padding-left: 2rem;
        padding-top: 12rem;
    }

    .work__at--diamond-section-7 h2 {
        font-size: 38px;
        width: 310px;
    }

    .work__at--diamond-section-8 {
        width: 100%;
        height: 1000px;
        background: black;
        color: white;
        padding-top: 4.6rem;
    }

    .work__at--diamond-section-8 .p__1 {
        font-size: 28px;
    }

    .work__at--diamond-section-8 .content__1-h2 {
        width: 340px;
        font-size: 48px;
    }

    .work__at--diamond-section-8 .p__2 {
        font-size: 23px;
        width: 340px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 {
        width: 85%;
        height: 480px;
        background: rgb(22, 22, 23);
        margin: 0 auto;
        display: flex;
        border-radius: 13px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 .image__container {
        width: 600px;
        height: 480px;
        overflow: hidden;
        margin-right: 3.5rem;
        border-radius: 13px 0 0 13px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 .image__container img {
        width: 600px;
        height: 480px;
        display: inline-block;
        border-radius: 13px 0 0 13px;
        margin-left: -8.5rem;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 {
        width: 100%;
        height: 170.1px;
        margin: auto 0;

    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 h2,
    .work__at--diamond-section-8 .work__at--diamond-div-2 p {
        width: 200px;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 h2 {
        margin-top: -1.5rem;
        font-size: 32px;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 p {
        font-size: 20px;
    }

    /* || APPLY FOR WORK | */
    .apply__for--work {
        width: 100%;
        height: 470px;
        background-image: linear-gradient(rgba(115, 100, 211, 0.7), rgba(22, 22, 22, 0.8)), url(../img/apply-for-work-backgroundimage.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        color: #fff;
        padding-left: 4.5rem;
        padding-top: 12rem;
        margin-bottom: 4rem;

    }

    .apply__for--work h2 {
        font-size: 55px;
    }

    .apply__for--work-form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        place-content: center;
        margin-top: -4rem;
    }

    .apply__for--work-form {
        width: 93%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    .apply__for--work-form-container .apply__for--work-form div .input-group-1 input,
    .apply__for--work-form-container .apply__for--work-form div textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid rgb(63, 19, 197);
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    .apply__for--work-form-container .apply__for--work-from div div label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .apply__for--work-form-container .apply__for--work-form div .input-group-1 label {
        color: rgb(63, 19, 197);
    }

    .apply__for--work-button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        border: none;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || CONTACT | */
    .contact__section-1 {
        text-align: center;
        margin-top: 10rem;
        margin-bottom: 3rem;
        /* font-size: 31px; */
    }

    .contact__section-1 {
        margin-bottom: 2.8rem;
    }

    .contact__section-1 h2 {
        font-size: 40px;
    }

    .contact__h2 {
        padding: 0;
        width: 190px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    .contact__section-2 {
        display: block;
        padding-left: 14.1rem;
    }

    .contact__section-2 {
        padding: 0;
        text-align: center;
    }

    .contact__section-2 div h2,
    .contact__section-2 div p {
        width: 300px;
        margin: 0 auto;
    }

    .contact__section-2 div h2 {
        margin-bottom: 1.5rem;
    }

    .contact__section-2 div p {
        font-size: 19px;
        color: #333;
    }

    .contact__form--container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        place-content: center;
    }

    .contact__form--container {
        margin-top: -1.7;
    }


    .contact__from {
        width: 93%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    .contact__form--container .contact__form div .input-group-1 input,
    .contact__form--container .contact__form div textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #8B8B8F;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .contact__form--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
        border: none;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || HEALTH AND SAFETY | */

    .about__content1-p {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        font-size: 1.5rem;
        padding-left: 2rem;
        font-weight: bolder;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .health__and--safety-content-1 {
        margin-bottom: 4rem;
        position: relative;
        height: 624px;
    }

    .health__and--safety-content-1 .health__and--safety-container {
        width: 400px;
        position: absolute;
        margin-top: 21.5rem;
    }

    .health__and--safety-content-1 .health__and--safety-container h2 {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .health__and--safety-content-1 .health__and--safety-container p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        width: 350px;
    }

    .health__and--safety-content-1 .image__container {
        width: 600px;
        margin-left: 2.4rem;
        margin-top: -1.8rem;
    }

    .health__and--safety-content-1 .image__container img {
        width: 329px;
        height: 420px;
    }

    .health__and--safety-content-2 {
        margin-left: 1.3rem;
        margin-bottom: 4rem;
    }

    .health__and--safety-content-2 h2 {
        margin-bottom: 2rem;
        font-size: 28px;
    }

    .health__and--safety-content-2 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.5rem;
    }

    .health__and--safety-content-2 p {
        font-size: 18px;
        margin-bottom: 2.5rem;
        width: 340px;
        color: #333;
    }

    .health__and--safety-content-3 {
        background: rgb(27, 42, 57);
        color: white;
        padding-left: 1.3rem;
        padding-top: 2rem;
        height: 912px;
        margin-bottom: 4rem;
    }

    .health__and--safety-content-3 h2 {
        margin-bottom: 2rem;
        padding: 0.6rem 0;
    }

    .health__and--safety-content-3 .content__container1 {
        margin-top: -0.1rem;
    }

    .health__and--safety-content-3 .content__container1 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .health__and--safety-content-3 .content__container1 h2 {
        font-size: 28px;
    }

    .health__and--safety-content-3 .content__container2 {
        display: block;
    }

    .health__and--safety-content-3 .content__container2 div {
        width: 400px;
    }

    .health__and--safety-content-3 .content__container2 .div-1 {
        margin-right: 3rem;

    }

    .health__and--safety-content-3 .content__container2 h2 {
        margin-bottom: 1.5rem;
        width: 340px;
    }

    .health__and--safety-content-3 .content__container2 div h2 {
        font-size: 23px;
        margin-bottom: 0.6rem;
    }

    .health__and--safety-content-3 .content__container2 div p {
        color: rgb(225, 230, 233);
        font-size: 18px;
        width: 340px;
    }

    .health__and--safety-content-3 .content__container2 div .p-1 {
        margin-bottom: 3rem;
    }

    .health__and--safety-content-4 {
        padding-left: 1.3rem;
        margin-bottom: 4rem;
    }

    .health__and--safety-content-4 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
    }

    .health__and--safety-content-4 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .health__and--safety-content-4 p {
        font-size: 18px;
        color: #333;
        margin-bottom: 2.5rem;
        width: 340px;
    }

    /* || TERMS OF USE USES THE SAME CSS STYLE OF MEDIA QUERRY 540PX | */

    /* || INTELLECTUAL PROPERTY | */
    /* NOTICE DIAMOND-TRANDE-MARK-LIST CONTENTS HAVE THE SAME CLASS NAME WITH INTELLECTUAL-PROPERTY */
    .intellectual__propert--guidelines {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .intellectual__propert--guidelines h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .intellectual__property--content {
        padding: 0 2rem;
        margin-bottom: 3rem;
    }

    .intellectual__property--content p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .intellectual__property--content p span {
        font-weight: bolder;
        color: black;
    }

    .intellectual__property--content p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .intellectual__property--content p a:hover,
    .intellectual__property--content p a:focus {
        text-decoration: underline;
    }

    /* || DIAMOND-TRADE-MARK-LIST CONTINUATION OF CSS STYLE | */
    .trade__marks--generic-title {
        display: flex;
        margin-top: 3rem;

    }

    .trade__marks--generic-title div {
        margin-right: 4.7rem;
        width: 100px;

    }

    .trade__marks--generic-title div p {
        font-weight: bolder;
        color: #333;
    }

    .trade__marks--generic {
        display: flex;
        background: rgb(245, 245, 247);
        margin-bottom: 0.8rem;
    }

    .trade__marks--generic div {
        margin-right: 4.3rem;
        width: 299px;
    }

    /* || DIAMOND-WEB-BADGES | */
    .diamond__web--badges-first-content {
        text-align: center;
        margin-top: 1.8rem;
        margin-bottom: 3rem;
        border-top: 1px solid #333;
    }

    .diamond__web--badges-first-content h2 {
        font-size: 33px;
        width: 350px;
        text-align: center;
        margin: 0 auto;
    }

    .diamond__web--badges-second-content {
        display: flex;
        padding: 0 5rem;
        margin-bottom: 6rem;
    }

    .diamond__web--badges-second-content .first__div {
        margin-left: -1.1rem;
    }

    .diamond__web--badges-second-content div {
        width: 120px;
        margin-right: 3rem;
    }

    .diamond__web--badges-second-content div .image__container,
    .diamond__web--badges-second-content div .image__container img {
        width: 80px;
        height: 80px;
    }


    .diamond__web--badges-second-content div .image__container {
        margin-bottom: 0.5rem;
    }

    .diamond__web--badges-second-content div p {
        color: rgb(20, 112, 201);
    }

    .diamond__web--badges-third-content {
        text-align: center;
        margin-bottom: 4rem;
    }

    .diamond__web--badges-third-content h2,
    .diamond__web--badges-third-content p {
        width: 300px;
        margin: 0 auto;
    }

    .diamond__web--badges-third-content h2 {
        margin-bottom: 1rem;
    }

    .diamond__web--badges-third-content p {
        font-size: 17px;
        margin-bottom: 1rem;
    }

    .diamond__web--badges-third-content a {
        font-size: 17px;
        display: block;
        color: rgb(20, 112, 201);
        text-decoration: none;
    }

    .diamond__web--badges-third-content a:hover,
    .diamond__web--badges-third-content a:focus {
        text-decoration: underline;
    }

    /* || RIGHTS-&-PERMISSIONS | */
    .rights__and--permissions {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .rights__and--permissions h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .rights__and--permissions-content1 {
        padding: 0 2rem;
        margin-bottom: 3rem;
    }



    .rights__and--permissions-content1 p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content1 p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }


    .rights__and--permissions-content1 p a:hover,
    .rights__and--permissions-content1 p a:focus {
        text-decoration: underline;
    }

    .rights__and--permissions-content2 {
        padding: 0 2rem;
        margin-bottom: 1.3rem;
    }

    .rights__and--permissions-content2 ul li {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content2 ul li a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .rights__and--permissions-content2 ul li a:hover,
    .rights__and--permissions-content2 ul li a:focus {
        text-decoration: underline;
    }

    .rights__and--permissions-form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 2rem;
    }

    .rights__and--permissions-form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    .rights__and--permissions-content3 {
        padding: 0 2rem;
    }

    .rights__and--permissions-content3 p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content3 p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .rights__and--permissions-content3 p a:hover,
    .rights__and--permissions-content3 p a:focus {
        text-decoration: underline;
    }

    /* || PIRACY-PREVENTION USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */

    /* || COPYRIGHT-INFRINGEMENT USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */

    /* || COUNTERFEIT PREVENTION USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */
    .counterfeit__prevention--form-container {
        margin-top: -1.6rem;
        margin-bottom: 2rem;
    }

    .counterfeit__prevention--button {
        margin-top: -1rem;
    }

    /* || POLICIES IDEAS USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */

    /* || SLA USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX| */

    /* || CONTACT LEGAL USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */

    /* || PRIVACY POLICY USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX| */

    /* || INTERNSHIP USES THE SAME CSS STYLE WITH MAX WIDTH: 540PX | */

    .internship__section-4 {
        margin-bottom: 5rem;
    }


    .internship__form-container {
        margin-bottom: -3rem;
    }

    /* || FOOTER SECTION | */
    .footer {
        padding-top: 5rem;
        padding-left: 0;
        flex-direction: column;
        align-items: center;
        height: 770px;
        text-align: center;

    }

    .footer section .paragraph {
        color: #999ea3;
        font-weight: lighter;
        margin-bottom: 2rem;
        font-size: 30px;
    }

    .footer section,
    .footer section p {
        width: 300px;
        margin-bottom: 3rem;
        font-size: 22px;
    }

    .footer section p {
        margin-bottom: 0.5rem;
    }

    .footer section p a {
        color: #959faa;
        font-weight: lighter;
        text-decoration: none;
    }

    .footer section p a:hover,
    .footer section p a:focus {
        color: rgb(250, 90, 3);
    }

    .footer section.section__4 {
        width: 360px;
        margin-left: 1.6rem;
    }

    .section__4 .ancortag {
        display: inline-block;
        color: #999ea3;
        font-size: 22px;
        margin-right: 2rem;
        margin-top: 7.9rem;
    }

    .section__4 {
        padding-left: 0;
        margin-top: -130px;
    }

    .section__4 .ancortag:hover,
    .section__4 .ancortag:focus {
        color: rgb(250, 90, 3);
    }

    .footer-p {
        background: rgb(27, 43, 52);
        width: 100%;
        height: 4.5rem;
        font-size: 18px;
        text-align: center;
        color: #999ea3;
        margin: 0;
        padding: 0 18px;
        padding-top: 13px;
    }

    /* || COLOR SCHEME | */
    :root {
        color-scheme: light dark;
        /* || GENERAL SETTINGS | */
    }


    @media (prefers-color-scheme: dark) {

        /* || GENERAL SETTINGS | */
        html {
            color: white;
        }

        h1,
        h2,
        h3 {
            color: white;
        }

        p {
            color: white;
        }

        /* || HOME PAGE | */

        .body__content-container .new_content h2 {
            color: white;
        }

        .body__content-container .content__1 h2 {
            color: black;
        }

        .body__content-container .content__2 h2,
        .body__content-container .content__2 p {
            color: white;
        }

        .body__content-container .content__4 h2,
        .body__content-container .content__4 p {
            color: white;
        }

        .body__content-container .content__5 h2,
        .body__content-container .content__5 p {
            color: white;
        }

        .body__content-container .content__6 h2,
        .body__content-container .content__6 p {
            color: white;
        }

        .body__content-container .content__7 h2,
        .body__content-container .content__7 p {
            color: white;
        }

        .body__content-container .content__8 h2,
        .body__content-container .content__8 p {
            color: white;
        }

        .body__content-container .content__9 h2,
        .body__content-container .content__9 p {
            color: white;
        }

        /* || OTHER BUSINESS BRANDS */

        .new__quote-section h2 {
            color: white;
        }

        .brands-content-1 a div h2,
        .brands-content-2 a div h2,
        .brands-content-3 a div h2,
        .brands-content-4 a div h2 {
            color: black;
        }

        .brands-content-1 a div p,
        .brands-content-2 a div p,
        .brands-content-3 a div p,
        .brands-content-4 a div p {
            color: black;
        }

        .brands-content-5 h2,
        .brands-content-5 p {
            color: white;
        }

        .brands-content-7 a div h2,
        .brands-content-7 a div p {
            color: black;
        }

        .brands-content-8 a div h2,
        .brands-content-8 a div p {
            color: black;
        }

        .brands-content-9 a {
            color: white;
            outline: 2px solid white;
        }

        .brands-content-9 a:hover,
        .brands-content-9 a:focus {
            background: white;
            color: black;
        }

        .pgw-content-1 div h2,
        .pgw-content-1 div p {
            color: black;
        }

        .pgw-content-2 h2,
        .pgw-content-2 p {
            color: white;
        }

        .pgw-content-3 h2,
        .pgw-content-3 p {
            color: white;
        }

        .pgw-content-4 .cnt__container h2,
        .pgw-content-4 .cnt__container p {
            color: white;
        }

        .pgw-content-5 .ctn-container h2,
        .pgw-content-5 .ctn-container p {
            color: white;
        }

        .pgw-content-6 .ctn-container h2,
        .pgw-content-6 .ctn-container p {
            color: white;
        }

        .pgw-content-7 .ctn-container h2,
        .pgw-content-7 .ctn-container p {
            color: white;
        }

        .pgw-content-8 .ctn-container h2,
        .pgw-content-8 .ctn-container p {
            color: white;
        }

        .pgw-content-9 .ctn-container h2,
        .pgw-content-9 .ctn-container p {
            color: white;
        }

        .pgw-content-10 .ctn-container h2,
        .pgw-content-10 .ctn-container p {
            color: white;
        }

        .pgw-content-11 .ctn-container h2,
        .pgw-content-11 .ctn-container p {
            color: white;
        }

        .pgw-content-12 .ctn-container h2,
        .pgw-content-12 .ctn-container p {
            color: white;
        }

        .pgw-content-13 .ctn-container h2,
        .pgw-content-13 .ctn-container p {
            color: white;
        }

        .pgw-content-14 .ctn-container h2,
        .pgw-content-14 .ctn-container p {
            color: white;
        }


        /* || PARTNERSHIP | */
        .title {
            color: black;
        }

        .partnership__content-2 h2,
        .partnership__content-2 .p-1,
        .partnership__content-2 p {
            color: white;
        }

        .partnership__content-3 h2,
        .partnership__content-3 p {
            color: white;
        }

        .column div h2 {
            color: white;
        }

        /* || ABOUT | */
        .about__content1-p {
            color: black !important;
        }

        .about__content-2 .content__container1 h2,
        .about__content-2 .content__container1 p {
            color: white;
        }

        .about__content-2 .content__container2 h2,
        .about__content-2 .content__container2 p {
            color: white;
        }

        .about__content-3 p {
            color: white;
        }

        .about__content-5 p {
            color: white;
        }

        .about__content-6 .container-1 h2,
        .about__content-6 .container-1 p {
            color: black;
        }

        /* || STAFFS | */
        .staff__title {
            color: white;
        }

        .staff__content-1 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-1 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-2 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-2 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-3 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-3 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        /* || PHRONESIS W CHISOM EKEH | */
        .about__staff--section-2 .about__s--content-1 P,
        .about__staff--section-2 .about__s--content-2 P {
            color: white;
        }

        /* || CAREERS | */
        .careers__section-7 .careers__section--7-content div h2,
        .careers__section-7 .careers__section--7-content div p {
            color: black;
        }

        .careers__section-8 .p__2 {
            color: white;
        }

        /* || CONTACT | */
        .contact__section-2 div h2,
        .contact__section-2 div p {
            color: white;
        }

        .contact__form--container .contact__form .contact__form--h2 {
            color: white;
        }

        /* || HEALTH AND SAFETY | */
        .about__content1-p {
            color: black !important;
        }

        .health__and--safety-content-2 p {
            color: white;
        }

        .health__and--safety-content-4 p {
            color: white;
        }

        /* || TERMS OF USE | */

        .terms__of--use-content h2,
        .terms__of--use-content p {
            color: white;
        }

        /* || INTELLECTUAL PROPERTY | */
        .intellectual__property--content P,
        .intellectual__property--content p span {
            color: white;
        }

        /* || DIAMOND WEB BADGES | */
        .diamond__web--badges-second-content .first__div p,
        .diamond__web--badges-second-content div p {
            color: white;
        }

        /* || DIAMOND TRADEMARK LIST | */
        .intellectual__property--content p {
            color: white;
        }

        .trade__marks--generic-title div p {
            color: white;
        }

        .trade__marks--generic div p {
            color: black;
        }

        /* || RIGHTS AND PERMISSIONS | */
        .rights__and--permissions-content1 P {
            color: white;
        }

        .rights__and--permissions-content2 ul li {
            color: white;
        }

        .rights__and--permissions-content3 p {
            color: white;
        }

        /* || COPYRIGHT INFRINGEMENT | */
        .copyright__infringement--section-1 p {
            color: white;
        }

        .copyright__infringement--section-2 ul li {
            color: white;
        }

        /* || PIRACY PREVENTION | */
        .piracy__prevention-section-1 p {
            color: white;
        }

        .piracy__prevention-content p {
            color: white;
        }

        /* || COUNTERFEIT PRODUCTSY | */
        .counterfeit__prevention P {
            color: white;
        }

        /* || POLICIES IDEAS | */
        .policies__ideas--section p {
            color: white;
        }

        /* || PRIVACY POLICY | */
        .privacy__policy--section-1 p {
            color: white;
        }

        .privacy__policy--section-2 p,
        .privacy__policy--section-2 .p__1 {
            color: white;
        }

        .privacy__policy--section-4 p {
            color: white;
        }

        .privacy__policy--section-5 p {
            color: white;
        }

        /* || SLA | */
        .software__license--agreement-header p {
            color: white;
        }

        .software__license--agreement-content h2 {
            color: black;
        }

        /* || INTERNSHIP | */
        .internship__section-1 p {
            color: white;
        }

        .internship__section-2 ul li {
            color: white;
        }

        .internship__section-3 ul li {
            color: white;
        }

        .internship__section-4 ul li {
            color: white;
        }

        /* || NEWS | */
        .news__content-1 a div h2,
        .news__content-1 a div p {
            color: black;
        }

        .news__content-2 a div h2,
        .news__content-2 a div .news__p--content-1 {
            color: black;
        }

    }

}

/* || MEDIA QUERIES | */

@media screen and (max-width: 280px) {
    /* || HEADERR SECTION MEDIA QUERY */

    .header__content {
        display: flex;
        padding: 0.3rem 1.3rem;
        width: 100%;
        background: rgb(27, 43, 52);
        align-items: space-evenly;
        justify-content: space-evenly;
        overflow: hidden;
        position: relative;
        z-index: 10000000000000;
        background: red;

    }

    .content__img-container {
        display: flex;
        width: 180px;
        flex-direction: row;
        justify-content: space-evenly;
        place-items: center;
        /* padding-left: 0.5rem; */
        text-decoration: none;
    }

    .content__img-container:hover,
    .content__img-container:focus {
        text-decoration: none;
        font-weight: 750;
    }

    /* .content__img-container .companyName_image {
        margin-top: 0.1rem;
    } */

    .content__img {
        width: 60px;
        height: 60px;
    }

    .companyName_container {
        width: 170px;
        display: flex;
        flex-direction: column;
        margin-left: -0.6rem;
    }

    .companyName_container p {
        color: white;
        font-weight: 700;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 12px;
    }

    .content__img-container .companyName_container .phrase2 {
        margin-top: -0.1rem;
    }

    .call__number {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        place-items: center;
        right: 10rem;
        position: relative;
        width: 300px;
        display: none;
    }

    .content__call-number-image {
        width: 33px;
        height: 33px;
    }

    .content__call-number-number {
        font-size: 1.4rem;
        color: white;

    }

    .call__to-action {
        color: white;

    }

    .call__number .callNumber_image_andNumber-container {
        display: flex;
        flex-direction: row;
        margin-top: -1.5rem;
    }

    .call__number .callNumber_image_andNumber-container .content__call-number-image {
        display: block;
        margin-top: -0.2rem;
    }



    /* || TOGGLE SECTION */

    .content__nav-section {
        display: flex;
        flex-direction: column;
        z-index: 100000;
        align-items: center;

    }

    .content__ul {
        display: block;
        text-align: center;
        padding: 2rem 0.4rem;
        align-items: center;
        justify-content: center;
        height: 100vh;

    }

    .content__li {
        font-size: 2rem;
        width: 100%;
        padding: 0.6rem;
        margin-bottom: -0.5rem;
    }

    .content__li-a:hover,
    .content__li-a:active {
        display: inline-block;
        width: 100%;
        color: #fff;
        background: #1296f3;
        padding: 1rem 0;
    }

    .content__nav {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        background: hsla(0, 0%, 20%, 0.983);
        top: 93px;
        right: -900px;
        transition: 0.5s ease;
        z-index: 100000000000000000;

    }

    .content__nav.active {
        right: 0;
    }

    .content__li-a {
        border-bottom: rgba(0, 0, 0, .2);
        padding: 0.4rem;
        background: rgb(169, 169, 234);
        margin-bottom: 0.5rem;
        display: block;
        border-radius: 14px;
    }

    .ham_menu--container {
        padding: 1rem;
        display: flex;
        margin-left: auto;
        position: relative;
        margin-left: 0.4rem;
    }

    .ham-menu {
        height: 1px;
        width: 1px;

    }

    .ham-menu span {
        height: 4px;
        width: 100%;
        background-color: white;
        border-radius: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: .3s ease;
    }

    .ham-menu span:nth-child(1) {
        top: 39%;
    }

    .ham-menu span:nth-child(3) {
        top: 62%;
    }

    .ham-menu.active span:nth-child(1) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .ham-menu.active span:nth-child(2) {
        opacity: 0;
    }

    .ham-menu.active span:nth-child(3) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    /* || HERO SECTION MEDIA QUERY */

    .container {
        margin-top: 4.7rem;
    }

    .container .slide-container .slide .content {
        min-height: 100vh;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-top: -140px;
        background: green;
    }

    .container .slide-container .slide .content h3 {
        font-size: 33px;
        margin-bottom: 0.3em;
        padding: 0 3px;
        font-weight: 900;
    }

    .container .slide-container .slide .content p {
        font-size: 27px;
        line-height: 0.4em;
        padding: 3px 0;
        width: 280px;
        text-align: center;
        margin-bottom: 25px;
        font-weight: 900;
    }

    .container .slide-container .slide .content .p-1 {
        font-size: 18px;
    }

    .container .slide-container .slide .content .p-2 {
        font-size: 18px;
        color: RGB(153 185 218);
    }

    .container .slide-container .slide .content .p-3 {
        font-size: 18px;
        color: rgb(250, 90, 3);
        font-weight: bold;
    }

    .container .slide-container .slide .content .btn {
        display: inline-block;
        padding: 4px 18px;
        font-size: 18px;
        font-weight: bold;

    }

    .container .slide-container .slide .content .btn:hover {
        letter-spacing: 2px !important;
        background: rgba(193, 86, 5, 0.9) !important;
    }

    .container #next,
    .container #prev {
        transform: translateY(-50%);
        height: 35px;
        width: 25px;
        line-height: 34px;
        font-size: 25px;
        font-weight: bold;
    }


    /* || CONTENT SECTION | */

    .body__content-container {
        margin: 0 0;
        width: 100%;
    }

    .content__1 {
        margin-top: 2.5rem;
        padding-top: 20rem;
        padding-bottom: 4rem;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding-left: 0;
        height: 1707px;
    }

    .content__1 img {
        margin-bottom: 23px;
        margin-top: -0.8rem;
        width: 220px;
        height: 450px;
    }

    .body__content-container .content__1 .img__3 {
        margin-top: 56.6rem;
    }

    .content__1 h2 {
        font-size: 30px;
        margin-top: -300px;
        position: absolute;
    }

    .content__1 p {
        position: absolute;
        font-size: 18px;
        width: 13rem;
        margin-top: -160px;
        margin-left: 0;
        font-weight: lighter;
        color: #333;
    }

    .content__2 {
        padding-top: 3.4rem;
        text-align: center;
        align-items: center;
        padding-left: 0;
    }

    .content__2 h2 {
        font-size: 30px;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 34px;
    }

    .content__2 p {
        font-size: 18px;
        width: 300px;
        margin: 0 auto;
        font-weight: lighter;
        color: #333;
        margin-bottom: 40px;
    }

    .content__3 {
        display: flex;
        align-items: center;
        position: relative;
        flex-direction: column;
        text-align: center;
        margin-bottom: 2.5rem;
        padding-left: 0;
        height: 730px;
    }

    .content__3 img {
        width: 220px;
        height: 450px;
        margin-top: 13rem;
        position: absolute;
    }

    .content__3 h2 {
        margin-top: 2.7rem;
        font-size: 30px;
        width: 300px;
        position: absolute;
        padding-left: 0;
    }

    .content__4 {
        position: relative;
        flex-direction: column;
        padding-top: 12rem;
        align-items: center;
        text-align: center;
        padding-left: 0;
    }

    .content__4 .img__1 {
        width: 220px;
        height: 450px;
        margin-left: 0;
        margin-top: 0.8rem;
    }

    .content__4 .img__2 {
        padding-top: 2.8rem;
        width: 370px;
        height: 370px;
        margin-left: 15rem;

    }

    .content__4 h2 {
        padding-top: 12rem;
        position: absolute;
        width: 400px;
        margin: 0 auto;
        font-size: 30px;
        margin-top: -370px;

    }

    .content__4 p {
        font-size: 18px;
        color: #333;
        font-weight: lighter;
        position: absolute;
        padding-top: 0;
        width: 13rem;
        margin: 0 auto;
        margin-top: -100px;
    }

    .content__5 {
        background: rgb(113, 210, 252);
        display: flex;
        padding-top: 3em;
        position: relative;
        margin-bottom: 4.3rem;
        flex-direction: column;
        height: 524px;
        align-items: center;
        padding-left: 0;
        text-align: center;
    }

    .content__5 img {
        width: 330px;
        height: 180px;
    }

    .content__5 h2 {
        padding-top: 1.5rem;
        width: 300px;
        text-align: center;
        margin: 0;
        margin-left: 0;
        font-size: 30px;
    }

    .content__5 p {
        width: 350px;
        text-align: center;
        margin: 0 auto;
        margin-top: 16.8rem;
        font-size: 18px;
    }

    .content__5 a {
        position: absolute;
        margin-left: 0;
        place-self: center;
        margin-top: 24.9rem;
        font-size: 18px;
    }

    .content__5 a:hover,
    .content__5 a:focus {
        letter-spacing: 2px;
        background: white;
        color: rgb(106, 106, 218);
    }

    /* I started aling-items center and text-align center from content 6 */

    .content__6 {
        display: flex;
        position: relative;
        margin-bottom: 2.5rem;
        flex-direction: column;
        text-align: center;
        height: 500px;
        align-items: center;
    }

    .content__6 img {
        padding-left: 1.7rem;
        width: 420px;
        position: absolute;
        margin-top: 16rem;
    }

    .content__6 h2 {
        width: 320px;
        font-size: 30px;
        margin-left: 0;
    }

    .content__6 p {
        position: absolute;
        width: 300px;
        margin-left: 0;
        margin-top: 9rem;
        font-size: 18px;
    }

    .content__7 {
        margin-bottom: 0.8rem;
        flex-direction: column;
        height: 1215px;
        align-items: center;
        text-align: center;
    }

    .content__7 img {
        width: 220px;
        height: 464px;
        margin-top: 248px;
        display: absolute;

    }

    .content__7 .img__1 {
        margin-left: 0;
        position: absolute;
        margin-top: 700px;
    }

    .content__7 h2 {
        position: absolute;
        font-size: 30px;
        margin-left: 0;
        padding-top: 3rem;
    }

    .content__7 p {
        position: absolute;
        font-size: 18px;
        width: 300px;
        margin-left: 0;
        padding-top: 8.7rem;
        color: #333;
        font-weight: lighter;

    }

    .content__8 {
        margin-bottom: 1.7rem;
        flex-direction: column;
        height: 1230px;
        align-items: center;
        text-align: center;
        padding-left: 0;
    }

    .content__8 .img__1 {
        width: 220px;
        height: 464;
        margin-top: 15rem;
    }

    .content__8 .img__2 {
        height: 390px;
        margin-top: 2.4rem;
        width: 220px;
    }

    .content__8 h2 {
        margin-left: 0;
        margin-top: 3rem;
        position: absolute;
        font-size: 30px
    }

    .content__8 p {
        font-size: 18px;
        position: absolute;
        width: 300px;
        color: #333;
        font-weight: lighter;
        margin-left: 0;
        margin-top: 7rem;
    }

    .content__9 {
        display: flex;
        position: relative;
        padding-left: 0;
        background: #45a2c0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        flex-direction: column;
        text-align: center;
        align-items: center;
        height: 628px;
    }

    .content__9 img {
        width: 350px;
        height: 350px;
        margin-top: 2rem;
    }

    .content__9 h2 {
        width: 300px;
        margin-top: 28px;
        margin-left: 0;
        font-size: 30px;
    }

    .content__9 p {
        position: absolute;
        font-size: 18px;
        margin-top: 30rem;
        margin-left: 0;
        color: #333;
        font-weight: lighter;
        width: 300px;

    }

    .content__9 a {
        margin-top: 34rem;
        margin-left: 0;
        background: rgb(250, 90, 3);
        transition: .2s linear;
    }

    /* || OTHER BUSINESS BRANDS HERO SECTION */
    .slider .figure-container figure {
        height: 1012px;
        margin-bottom: 5rem;
    }

    .slider .figure-container figure h2 {
        position: absolute;
        margin-top: 5rem;
        font-size: 3.5rem;
        width: 300px;
        color: white;
        margin-left: 3.3rem;
    }

    .slider .figure-container figure a {
        margin-top: 22rem;
        margin-left: 5.8rem;
    }

    .slider .figure-container figure .payment__gateway--ancortag {
        margin-top: 26rem;
        margin-left: 9.8rem;
        z-index: 1;
    }

    .slider .figure-container .figure-img-1 {
        width: 100%;
        height: 1012px;
    }

    .slider .figure-container figure .payment-image-1 {
        width: 280px;
        height: 590px;
        margin-top: 25rem;
        left: 1rem;
    }

    .slider .figure-container figure .payment-image-2 {
        margin-top: 32rem;
        left: 1rem;
    }

    /* || OHTER BUSINESS BRANDS CONTENT SECTION | */
    .quote-section {
        width: 100%;
        padding: 0 2rem;
        text-align: center;
        margin-top: 48rem;
        margin-bottom: 6rem;
    }

    .quot-section .page-title {
        font-size: 1.65rem;
    }

    .quote-section h2 {
        width: 310px;
        margin: 0 auto;
        margin-bottom: 1.9rem;
        font-size: 50px;
    }

    .quote-section .quote-section-paragraph1 {
        width: 310px;
        font-size: 23px;
        margin: 0 auto;
        margin-bottom: 2rem;
        line-height: 1.9rem;
    }

    .quote-section a {
        text-decoration: none;
        font-size: 1.5rem;
    }

    .brands-content-1 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-1 a {
        display: block;
        width: 340px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;

    }

    .brands-content-1 a div h2,
    .brands-content-1 a div p {
        padding-left: 1.6rem;
    }

    .brands-content-1 a div h2 {
        margin-bottom: 1.5rem;
    }

    .brands-content-1 a div p {
        font-size: 17px;
        width: 325px;
    }

    .brands-content-2 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-2 a {
        display: block;
        width: 340px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }

    .brands-content-2 a div h2,
    .brands-content-2 a div p {
        padding-left: 1.6rem;
    }

    .brands-content-2 a div h2 {
        margin-bottom: 1.5rem;
    }

    .brands-content-2 a div p {
        font-size: 17px;
        width: 325px;
    }

    .brands-content-3,
    .brands-content-4 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-3 a,
    .brands-content-4 a {
        display: block;
        width: 340px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }

    .brands-content-3 a div .image-container,
    .brands-content-4 a div .image-container {
        height: 246px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
    }

    .brands-content-3 a div .image-container img,
    .brands-content-4 a div .image-container img {
        object-fit: bottom;
        width: 459px;
        height: 400px;
        transition: all 1.1s;
    }

    .brands-content-3 a div .image-container .other__business--content-3-image {
        display: block;
        margin-top: -3.9rem;
    }

    .brands-content-3 a:hover div .image-container img,
    .brands-content-4 a:hover div .image-container img {
        transform: scale(1.05);
    }

    .brands-content-3 a div h2,
    .brands-content-3 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 330px;

    }

    .brands-content-4 a div h2,
    .brands-content-4 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 335px;
    }

    .brands-content-3 a h2,
    .brands-content-4 a h2 {
        width: 335px;
        margin-bottom: 1.5rem;
        font-size: 23px;
    }

    .brands-content-3 a p,
    .brands-content-4 a p {
        width: 325px;
        margin-bottom: 1rem;
        font-size: 17px;
    }

    .brands-content-4 {
        margin-bottom: 4.7rem;
    }

    .brands-content-5 h2,
    .brands-content-5 p {
        width: 350px;
        margin: 0 auto;
    }

    .brands-content-5 h2 {
        margin-bottom: 1.5rem;
        font-size: 28px;
    }

    .brands-content-5 p {
        color: #333;
        font-size: 19px;
    }

    .fa-bullseye {
        font-size: 50px;
        margin-bottom: 1.4rem;
        color: #b1b4b9;
    }

    .brands-content-6 {
        background: rgb(244, 94, 13);
        background-image: url(../img/content-6-image.jpeg);
        background-repeat: no-repeat;
        padding-top: 10.6rem;
        padding-bottom: 9.4rem;
        background-position: bottom;
        background-size: cover;
        padding-left: 1.5rem;
        margin-bottom: 3rem;
    }

    .brands-content-6 a,
    .brands-content-6 h2 {
        color: white;
    }

    .brands-content-6 a {
        text-decoration: none;
        padding: 0 0.4rem;
        border-radius: 8px;
        background-color: rgb(14, 94, 198);
        display: inline-block;
        margin-bottom: 2rem;
    }

    .brands-content-6 h2 {
        font-size: 3rem;
    }

    .brands-content-7,
    .brands-content-8 {
        display: flex;
        flex-direction: column;
        place-content: center;
        margin-bottom: 2.9rem;

    }

    .brands-content-7 a,
    .brands-content-8 a {
        display: block;
        width: 340px;
        height: 442px;
        border-radius: 1.0035rem;
        background: rgb(242, 242, 242);
        text-decoration: none;
        color: #000;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }

    .brands-content-7 a div .image-container,
    .brands-content-8 a div .image-container {
        height: 246px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        margin-bottom: 1.5rem;
    }

    .brands-content-7 a div .image-container img,
    .brands-content-8 a div .image-container img {
        object-fit: bottom;
        width: 459px;
        height: 400px;
        transition: all 1.1s;


    }

    .brands-content-7 a div .image-container .other__business--content-7-image {
        display: block;
        margin-top: -7.5rem;
    }

    .brands-content-7 a:hover div .image-container img,
    .brands-content-8 a:hover div .image-container img {
        transform: scale(1.05);
    }


    .brands-content-7 a div h2,
    .brands-content-7 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 335px;
    }

    .brands-content-8 a div h2,
    .brands-content-8 a div p {
        padding-left: 1.5rem;
        padding-right: 2.6rem;
        width: 335px;
    }

    .brands-content-7 a h2,
    .brands-content-8 a h2 {
        margin-bottom: 1.5rem;
        font-size: 23px;
    }

    .brands-content-7 a p,
    .brands-content-8 a p {
        margin-bottom: 0.2rem;
        font-size: 17px;
    }

    .brands-content-8 {
        margin-bottom: 1rem;
    }

    .brands-content-9 {
        margin-top: -1.4rem;
        margin-bottom: 11rem;
    }

    .brands-content-10 {
        margin-top: 0.3rem;
    }

    .pgw-content-1 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 2.9rem;
        position: relative;
        width: 100%;
    }

    .pgw-content-1 .img-container {
        display: flex;
        flex-direction: column;
        width: 500px;
        margin-left: 3.5rem;
    }

    .pgw-content-1 .img-container .img-1 {
        display: block;
        width: 200px;
        height: 410px;
        margin-left: 2.7rem;
        margin-top: 16.8rem;
    }

    .pgw-content-1 .img-container .img-2 {
        display: block;
        width: 450px;
        height: 350px;
        margin-left: -6.4rem;
        margin-top: -9rem;
    }

    .pgw-content-1 div {
        width: 300px;
        position: absolute;
        left: 42%;
        top: -6.2rem;
    }

    .pgw-content-1 div h2 {
        margin-bottom: 2.5rem;
    }

    .pgw-content-1 div p {
        color: #333;
        font-size: 19px;

    }

    .pgw-content-2 {
        text-align: center;
        margin-bottom: 2.6rem;
    }

    .pgw-content-2 .header2,
    .pgw-content-2 p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-2 .header2 {
        font-size: 30px;
        margin-bottom: 1.4rem;
    }

    .pgw-content-2 p {
        font-size: 19px;
    }



    .pgw-content-3 {
        text-align: center;
        margin-bottom: 5.8rem;
    }

    .pgw-content-3 .header2,
    .pgw-content-3 p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-3 .header2 {
        font-size: 30px;
        margin-bottom: 1.4rem;
    }

    .pgw-content-3 p {
        font-size: 19px;
    }

    .pgw-content-4 {
        display: flex;
        width: 100%;
        height: 470px;
        flex-direction: column;
        flex-wrap: nowrap;
        position: relative;
    }

    .pgw-content-4 .img-container {
        width: 100%;
        margin-top: 12rem;
        position: absolute;
    }

    .pgw-content-4 .img-container img {
        display: block;
        width: 330px;
        height: 190px;
        margin-top: -8.9rem;
        margin: 0 auto;

    }

    .pgw-content-4 .cnt__container {
        position: relative;
        width: 100%;
        margin: 0 auto;

    }

    .pgw-content-4 .cnt__container h2,
    .pgw-content-4 .cnt__container p {
        margin: 0 auto;
    }

    .pgw-content-4 .cnt__container h2 {
        margin-bottom: 1.5rem;
        width: 250px;
    }

    .pgw-content-4 .cnt__container p {
        font-size: 19px;
        width: 250px;
    }

    .pgw-content-5 {
        display: flex;
        width: 100%;
        height: 676px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-top: -4rem;
        margin-bottom: 3.7rem;
    }

    .pgw-content-5 .image-container {
        position: relative;
        width: 100%;
    }

    .pgw-content-5 .image-container img {
        width: 240px;
        height: 474px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-5 .ctn-container {
        width: 350px;
        margin: 0 auto;
        margin-top: 1rem;
        margin-bottom: 1.1rem;
    }

    .pgw-content-5 .ctn-container h2,
    .pgw-content-5 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-5 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-5 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-6 {
        display: flex;
        width: 100%;
        height: 650px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 3.2rem;
        position: relative;
    }

    .pgw-content-6 .image-container {
        width: 100%;
        height: 474px;
        margin: 0 auto;
        margin-top: 10.2rem;
    }

    .pgw-content-6 .image-container img {
        width: 240px;
        height: 474px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-6 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;
        margin-bottom: 1.1rem;
    }

    .pgw-content-6 .ctn-container h2,
    .pgw-content-6 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-6 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-6 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-7 {
        display: flex;
        width: 100%;
        height: 610px;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .pgw-content-7 .image-container {
        position: relative;
        width: 100%;
    }

    .pgw-content-7 .image-container img {
        width: 550px;
        height: 400px;
        display: block;
        margin: 0 auto;
        margin-left: 4.6rem;
        margin-top: -30.1rem;
    }

    .pgw-content-7 .ctn-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;
        margin-bottom: 1.1rem;
    }

    .pgw-content-7 .ctn-container h2,
    .pgw-content-7 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-7 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-7 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-8 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 650px;
        margin-bottom: 2.3rem;
        margin-top: -1.6rem;
    }

    .pgw-content-8 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;

    }

    .pgw-content-8 .image-container img {
        width: 230px;
        height: 489px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-8 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-8 .ctn-container h2,
    .pgw-content-8 .ctn-container p {
        margin: 0 auto;
        width: 310px;
    }

    .pgw-content-8 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-8 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-9 {
        display: flex;
        width: 100%;
        height: 650px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 3.123rem;
        margin-bottom: 2.3rem;
        position: relative;
    }

    .pgw-content-9 .image-container {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        margin-top: 8.6rem;
    }

    .pgw-content-9 .image-container img {
        width: 230px;
        height: 489px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-9 .ctn-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;
    }

    .pgw-content-9 .ctn-container h2,
    .pgw-content-9 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-9 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-9 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-10 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 650px;
        margin-bottom: 2.68;
    }

    .pgw-content-10 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-10 .image-container img {
        width: 261px;
        height: 489px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-10 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-10 .ctn-container h2,
    .pgw-content-10 .ctn-container p {
        margin: 0 auto;
        width: 310px;
    }

    .pgw-content-10 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-10 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-11 {
        display: flex;
        width: 100%;
        height: 485px;
        flex-direction: column;
        flex-wrap: nowrap;
        position: relative;
    }

    .pgw-content-11 .image-container {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        margin-top: 8.6rem;
    }

    .pgw-content-11 .image-container img {
        width: 325px;
        height: 205px;
        display: block;
        margin-left: 0.2rem;
    }

    .pgw-content-11 .ctn-container {
        width: 100%;
        margin-top: 1rem;
        margin: 0 auto;
        margin-left: -1.3rem;
    }

    .pgw-content-11 .ctn-container h2,
    .pgw-content-11 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-11 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-11 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-12 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-top: -3rem;
        width: 100%;
        height: 485px;
    }

    .pgw-content-12 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-12 .image-container img {
        width: 325px;
        height: 205px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-12 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-12 .ctn-container h2,
    .pgw-content-12 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-12 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-12 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-13 {
        display: flex;
        width: 100%;
        height: 650px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 2.2rem;
        position: relative;
        margin-top: -9.5rem;
    }

    .pgw-content-13 .image-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-13 .image-container img {
        width: 219px;
        height: 480px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-13 .ctn-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;

    }

    .pgw-content-13 .ctn-container h2,
    .pgw-content-13 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-13 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-13 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-14 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 650px;
        margin-top: -0.6rem;
        margin-bottom: 2rem;

    }

    .pgw-content-14 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 8.6rem;
    }

    .pgw-content-14 .image-container img {
        width: 225px;
        height: 455px;
        display: block;
        margin: 0 auto;
    }

    .pgw-content-14 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .pgw-content-14 .ctn-container h2,
    .pgw-content-14 .ctn-container p {
        width: 310px;
        margin: 0 auto;
    }

    .pgw-content-14 .ctn-container h2 {
        margin-bottom: 1.5rem;
    }

    .pgw-content-14 .ctn-container p {
        font-size: 19px;
    }

    .pgw-content-15 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 542px;
    }

    .pgw-content-15 .image-container {
        width: 100%;
        margin: 0 auto;
        margin-top: -0.1rem;
    }

    .pgw-content-15 .image-container img {
        width: 589px;
        height: 340px;
        display: block;
        margin: 0 auto;
        margin-left: -7.8rem;
    }

    .pgw-content-15 .ctn-container {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        margin-top: 21.6rem;
    }

    .pgw-content-15 .ctn-container h2 {
        color: #f2f2f2;
        width: 335px;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    .pgw-content-15 .ctn-container p {
        color: #333;
    }

    /* || THE RAILWAY TRANSPORTAION | */
    .the__railway--transportation-main {
        background: rgb(245, 245, 247);
    }

    .the__railway--transportation-hero-section {
        background: black;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), #232222), url(../img/theelctric-train-hero-image.jpeg);
        width: 100%;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 18rem;
        padding-left: 4rem;
        margin-bottom: 2.5rem;

    }

    .the__railway--transportation-hero-section div {
        width: 330px;
        margin-left: -1.6rem;
        margin-top: -1rem;
    }

    .the__railway--transportation-hero-section div h2 {
        font-size: 50px;
        color: white;
    }

    .the__railway--transportation-hero-section div p {
        font-size: 22px;
        color: white;
    }

    .the__railway--transportation-section-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        height: 1300px;
        padding: 0 1.2rem;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-1 .content {
        padding-top: 3.5rem;
        width: 100%;
        height: 633px;
        background: white;
        text-align: center;
        margin-bottom: 0.2rem;
    }

    .the__railway--transportation-section-1 .content h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-1 .content p {
        width: 250px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-1 .content .image__container {
        width: 80%;
        margin: 0 auto;
        height: 250px;
    }

    .the__railway--transportation-section-1 .content .image__container img {
        width: 100%;
        height: 250px;
    }

    .the__railway--transportation-section-2 {
        width: 90%;
        margin: 0 auto;
        height: 670px;
        padding: 1.5rem 1.2rem;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-2 h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        color: #1D1D1F;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-2 p {
        width: 280px;
        margin: 0 auto;
        font-size: 19px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-2 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-2 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-3 {
        display: flex;
        width: 90%;
        position: relative;
        padding: 0 1.9rem;
        flex-direction: column;
        height: 766px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-3 .image__container {
        width: 100%;
        height: 500px;
        margin: 0 auto;
        margin-right: 5rem;
        padding-top: 17.5rem;
    }

    .the__railway--transportation-section-3 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-3 .trt__content--4 {
        position: absolute;
        top: 2rem;
    }

    .the__railway--transportation-section-3 .content h2 {
        font-size: 33px;
        width: 280px;
        text-align: center;
        color: #1D1D1F;
        margin: 0 auto;
        margin-top: 2rem;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-3 .content p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        color: #333;
        text-align: center;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-4 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 700px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-4 h2 {
        width: 280px;
        margin: 0 auto;
        text-align: center;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-4 p {
        width: 280px;
        margin: 0 auto;
        text-align: center;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-4 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-4 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-5 {
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 719px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
        padding: 0;
        padding-top: 2.2rem;
    }

    .the__railway--transportation-section-5 .content {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .the__railway--transportation-section-5 .content h2 {
        font-size: 33px;
        width: 280px;
        margin: 0 auto;
        color: #1D1D1F;
        text-align: center;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-5 .content p {
        width: 280px;
        margin: 0 auto;
        text-align: center;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-5 .image__container {
        width: 100%;
        height: 500px;
        margin-top: -2.5rem;
    }

    .the__railway--transportation-section-5 .image__container img {
        display: block;
        margin: 0 auto;
        width: 330px;
        height: 400px;
    }

    .the__railway--transportation-section-6 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 599px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-6 h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-6 p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-6 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-6 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-7 {
        display: flex;
        width: 90%;
        flex-direction: column;
        height: 699px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
        position: relative;
        padding: 0;
    }

    .the__railway--transportation-section-7 .image__container {
        width: 330px;
        height: 500px;
        margin: 0 auto;
        padding-top: 14rem;
    }

    .the__railway--transportation-section-7 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-7 .content {
        text-align: center;
        position: absolute;
        margin-top: 3rem;
    }

    .the__railway--transportation-section-7 .content h2 {
        width: 280px;
        margin: 0 auto;
        text-align: center;
        font-size: 33px;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-7 .content p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-8 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 648px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-8 h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        margin: 0 auto;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-8 p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-8 .image__container {
        width: 60%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-8 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-9 {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-top: 3rem;
        width: 90%;
        height: 755px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-9 .content {
        text-align: center;
        margin: 0 auto;
    }

    .the__railway--transportation-section-9 .content h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-9 .content p {
        width: 280px;
        margin: 0 auto;
        font-size: 19px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-9 .image__container {
        width: 330px;
        height: 500px;
        margin: 0 auto;
        margin-top: -2.8rem;
    }

    .the__railway--transportation-section-9 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-10 {
        width: 90%;
        height: 1200px;
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        justify-content: space-evenly;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-10 .content {
        padding-top: 3.5rem;
        width: 100%;
        height: 600px;
        background: white;
        text-align: center;
        margin-bottom: 0.8rem;
    }

    .the__railway--transportation-section-10 .content h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-10 .content p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-10 .content .image__container {
        width: 80%;
        margin: 0 auto;
        height: 250px;
    }

    .the__railway--transportation-section-10 .content .image__container img {
        width: 100%;
        height: 250px;
    }

    .the__railway--transportation-section-11 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 608px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-11 h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-11 p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-11 .image__container {
        width: 90%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-11 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-12 {
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 666px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
        position: relative;
        padding: 0;
    }

    .the__railway--transportation-section-12 .image__container {
        width: 330px;
        height: 500px;
        margin: 0 auto;
        padding-top: 11.4rem;
        margin-top: 2.62rem;
    }

    .the__railway--transportation-section-12 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    .the__railway--transportation-section-12 .content {
        text-align: center;
        margin: 0;
        position: absolute;
        padding-top: 3.5rem;
    }

    .the__railway--transportation-section-12 .content h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-12 .content p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-13 {
        padding-top: 3.5rem;
        margin: 0 auto;
        width: 90%;
        height: 646px;
        background: white;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-13 h2 {
        width: 280px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.5rem;
    }

    .the__railway--transportation-section-13 p {
        width: 280px;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-13 .image__container {
        width: 90%;
        height: 300px;
        margin: 0 auto;
    }

    .the__railway--transportation-section-13 .image__container img {
        width: 100%;
        height: 300px;
    }

    .the__railway--transportation-section-14 {
        display: flex;
        padding: 0;
        padding-top: 3.5rem;
        flex-direction: column;
        width: 90%;
        height: 662px;
        background: white;
        margin: 0 auto;
        place-items: center;
        margin-bottom: 2.5rem;
    }

    .the__railway--transportation-section-14 .content {
        width: 330px;
        margin: 0 auto;
        text-align: center;
    }

    .the__railway--transportation-section-14 .content h2 {
        width: 310px;
        margin: 0 auto;
        font-size: 33px;
        text-align: center;
        color: #1D1D1F;
        margin-bottom: 1.3rem;
    }

    .the__railway--transportation-section-14 .content p {
        width: 310px;
        font-size: 17px;
        color: #333;
        margin-bottom: 2rem;
    }

    .the__railway--transportation-section-14 .image__container {
        width: 330px;
        height: 500px;
        margin-top: -3.4rem;
    }

    .the__railway--transportation-section-14 .image__container img {
        display: block;
        width: 100%;
        height: 400px;
    }

    /* || PARTNERSHIP CONTENT SECTION | */

    .title {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        font-size: 1.7rem;
        padding-left: 2rem;
        font-weight: bolder;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .ptnscall__to-action {
        padding: 0.3rem;
        background: rgb(250, 90, 3);
        width: 100%;
        font-size: 13px;
        font-weight: bolder;
        padding-left: 2rem;
        position: sticky;
        top: 3.6rem;
        z-index: 1;
        color: white;

    }

    .partnership__content-1 {
        display: flex;
        position: relative;
        height: 805px;
        width: 100%;
        background: black;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), #051e7c), url(../img/content1-background.jpeg);
        margin-bottom: 6rem;

    }

    .partnership__content-1 .image__container {
        position: absolute;
        overflow: hidden;
        margin-top: -1.1rem;
        margin-left: 1.8rem;
    }

    .image__container img {
        width: 420px;
        height: 520px;
    }

    .partnership__content-1 .content__1a-container {
        position: absolute;
        color: white;
        margin-top: 30rem;
        padding-left: 1.5rem;
        margin-right: 10rem;

    }

    .partnership__content-1 .content__1a-container a {
        background: rgb(250, 90, 3);
        padding: 9px 19px;
        text-decoration: none;
        color: white;
        border-radius: 4px;
    }

    .partnership__content-1 .content__1a-container a:hover {
        filter: brightness(140%);
    }

    .partnership__content-1 .content__1a-container .p-1 {
        margin-bottom: 2.5rem;
        font-size: 17px;
    }

    .partnership__content-1 .content__1a-container h2 {
        font-size: 32px;
    }

    .partnership__content-1 .content__1a-container p {
        margin-bottom: 4rem;
        font-size: 17px;
        width: 320px;
    }

    .partnership__content-2 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 6.5rem;
    }

    .partnership__content-2 .p-1 {
        font-size: 19px;
        margin-bottom: 1.2rem;
        color: #000;
        font-weight: bolder;
    }

    .partnership__content-2 h2 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .partnership__content-2 p {
        font-size: 19px;
        color: #333;
        font-weight: light;
    }

    .partnership__content-2 .fa-solid {
        font-size: 19px;
    }

    .partnership__content-3 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 5rem;
    }

    .partnership__content-3 h2 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .partnership__content-3 p {
        font-size: 19px;
        color: #333;
        font-weight: light;
    }

    .partnership__content-3 .fa-regular {
        font-size: 24px;
    }

    .column {
        width: 100%;
        columns: 1 170px;
        column-rule: 3px solid #f5f1f1;
        column-gap: 3rem;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 6rem;


    }

    .column div {
        width: 300px;
        padding: 3rem;
        margin: 0 auto;
    }

    .column div h2 {
        font-size: 20px;
        color: #333;
        margin-bottom: 1rem;
    }

    .column div .fa-solid,
    .column div .fa-brands {
        font-size: 24px;
        padding: 3rem;
        border-radius: 50%;
        background: rgb(160, 158, 156);
        color: #000;
        margin-bottom: -3rem;
    }

    .partnership__content-5 h2 {
        text-align: center;
        font-size: 3.7rem;
    }



    .form__container {
        width: 100%;
        height: 600px;
        background: rgb(43, 43, 167);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    form {
        width: 80%;
        max-width: 1010px;
    }

    .input-group {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 10px;
        outline: 0;
        border: 1px solid #fff;
        color: #fff;
        background: transparent;
        font-size: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #fff;
        cursor: text;
        transition: 0.2s;
    }

    .partnership__button {
        display: inline-block;
        padding: 10px 0;
        color: #fff;
        outline: none;
        background: transparent;
        border: 1px solid #fff;
        width: 130px;
        cursor: pointer;
    }

    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }

    .row {
        display: block;
        align-items: center;
        justify-content: space-between;
    }

    .row .input-group {
        flex-basis: 48%;

    }

    /* || ABOUT SECTION | */

    .about__content1-p {
        padding: 15px;
    }

    .about__content-1 {
        display: flex;
        height: 643px;
        margin-bottom: 5.2rem;

    }

    .about__content-1 .content__container {
        width: 500px;
        margin: auto 0;
        margin-top: 22rem;
        margin-left: -0.8rem;
    }

    .about__content-1 .content__container h2,
    .about__content-1 .content__container p,
    .about__content-1 .content__container a {
        color: #000;
        margin-top: 10rem;
        padding-left: 2rem;
        margin: auto 0;
        margin-right: 7rem;
    }

    .about__content-1 .content__container h2 {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .about__content-1 .content__container p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        width: 342px;
    }

    .about__content-1 .content__container a {
        text-decoration: none;
        font-size: 18px;
        margin-left: 2rem;
        padding: 8px 19px;
        border-radius: 7px;
        background: rgb(250, 90, 3);
        color: white;
        transition: 0.2s linear;
    }

    .about__content-1 .content__container a:hover,
    .about__content-1 .content__container a:focus {
        letter-spacing: 2px;
        background: rgb(209, 208, 208);
        color: rgb(106, 106, 218);
    }

    .about__content-1 .image__container {
        width: 600px;
        height: 330px;
        margin-left: -23.5rem;
        margin-top: 1.5rem;
    }

    .about__content-1 .image__container img {
        width: 330px;
        height: 330px;
    }

    .about__content-2 {
        display: block;
        margin-bottom: 3.1rem;
        width: 100%;
    }

    .about__content-2 div {
        width: 100%;
        padding-left: 2.4rem;
    }

    .about__content-2 div h2 {
        margin-bottom: 1rem;
        font-size: 28px;
    }

    .about__content-2 div p {
        color: #333;
        font-size: 18px;
        width: 335px;
        margin-bottom: 2.1rem;
    }

    .about__content-2 .content__container1 {
        margin-left: 0;
    }

    .about__content-3 {
        margin-left: 1.5rem;
        margin-bottom: 7.1rem;
    }

    .about__content-3 h2 {
        margin-bottom: 2rem;
        font-size: 28px;
    }

    .about__content-3 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.4rem;
    }

    .about__content-3 p {
        font-size: 18px;
        margin-bottom: 2.5rem;
        width: 335px;
        color: #333;
    }

    .about__content-4 {
        background: rgb(27, 42, 57);
        color: white;
        padding-left: 1.5rem;
        padding-top: 2rem;
        height: 798px;
        margin-bottom: 5.5rem;
    }

    .about__content-4 h2 {
        margin-bottom: 2rem;
        padding: 0.6rem 0;
    }

    .about__content-4 .content__container1 {
        margin-bottom: -1.2rem;
    }

    .about__content-4 .content__container1 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.4rem;
    }

    .about__content-4 .content__container1 h2 {
        font-size: 28px;
    }

    .about__content-4 .content__container2 {
        display: block;
    }

    .about__content-4 .content__container2 div {
        width: 700px;
    }

    .about__content-4 .content__container2 .div-1 {
        margin-right: 3rem;

    }

    .about__content-4 .content__container2 h2 {
        margin-bottom: 1.5rem;
    }

    .about__content-4 .content__container2 div h2 {
        font-size: 23px;
        margin-bottom: 0.6rem;
    }

    .about__content-4 .content__container2 div p {
        color: rgb(225, 230, 233);
        font-size: 18px;
        width: 315px;
        margin-bottom: 2.3rem;
    }

    .about__content-4 .content__container2 div .p-1 {
        margin-bottom: 3rem;
    }

    .about__content-5 {
        padding-left: 1.5rem;
        margin-bottom: 5rem;
    }

    .about__content-5 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
        width: 368px;
    }

    .about__content-5 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.4rem;
    }

    .about__content-5 p {
        font-size: 18px;
        color: #333;
        margin-bottom: 2.5rem;
        width: 335px;
    }

    .about__content-6 {
        background: rgb(203, 235, 242);
        padding-left: 1.5rem;
        padding-top: 1.5rem;
        display: flex;
        width: 100%;
        height: 797px;
        position: relative;
    }

    .about__content-6 .container-1 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
        width: 335px;
    }

    .about__content-6 .container-1 p {
        width: 335px;
        margin-bottom: 2.5rem;
        font-size: 18px;
    }

    .about__content-6 div {
        margin: auto 0;
    }

    .about__content-6 .container-1 .none {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 18.8rem;
    }

    .about__content-6 .container-2 {
        position: absolute;
        width: 100%;
        margin-left: -4.4rem;
        margin-top: 10rem;
    }

    .about__content-6 .container-2 img {
        width: 340px;
        height: 210px;
        margin: auto 0;
        margin-left: 4.1rem;
        border-radius: 0.8rem;
    }

    /* || ABOUT PHRONESIS | */
    .about__staff--section-1 .about__staff--content-2 .staff__image {
        width: 300px;
        height: 325px;
    }

    .about__staff--section-1 .about__staff--content-2 {
        width: 100%;
        height: 400px;
        margin-top: 3.1rem;
        padding: 0 2.4rem;
    }

    /* || CAREERS | */
    .careers__section-1 {
        height: 550px;
    }

    .careers__section-2 {
        height: 550px;
        padding: 6.2rem 0;
    }

    .careers__section-2 h2 {
        font-size: 32px;
        padding: 0 1rem;
        width: 340px;
        margin: 0 auto;
    }

    .careers__section-3 {
        background: black;
        color: white;
        width: 100%;
        height: 600px;
        text-align: center;
        padding: 7rem 0;
    }

    .careers__section-3 .p__1 {
        font-size: 28px;
        font-weight: bolder;
        margin-bottom: 1.7rem;
    }

    .careers__section-3 h2 {
        width: 320px;
        margin: 0 auto;
        margin-bottom: 1.7rem;
    }

    .careers__section-3 .p__2 {
        width: 320px;
    }

    .careers__section-4 {
        padding: 7.5rem 0;
        padding-left: 3.6rem;
    }

    .careers__section-4 h2 {
        font-size: 35px;
        width: 300px;
    }

    .careers__section-5 {
        height: 600px;
        padding: 9.1rem 0;
        padding-left: 3.6rem;
        margin-bottom: 6.6rem;
    }

    .careers__section-5 h2 {
        font-size: 40px;
        width: 300px;
        margin-bottom: 1rem;
    }

    .careers__section-6 {
        margin-bottom: 2.7rem;
    }

    .careers__section-6 h2 {
        width: 320px;
        text-align: center;
        margin: 0 auto;
        margin-top: -0.5rem;
        margin-bottom: 2.6rem;
    }

    .careers__section-7 {
        margin-bottom: 4.2rem;
        width: 100%;
    }

    .careers__section-7 .careers__section--7-content {
        flex-direction: column;
        width: 350px;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .careers__section-7 .careers__section--7-content div {
        margin-bottom: 2rem;
        border-radius: 15px;
        width: 335px;
        height: 303px;
        align-self: center;
    }

    .careers__section-7 .careers__section--7-content h2 {
        padding-left: 2rem;
        padding-top: 2rem;
        margin-bottom: 1.5rem;
        width: 300px;
    }

    .careers__section-7 .careers__section--7-content p {
        font-size: 19px;
        padding-left: 2rem;
        width: 300px;
    }

    .careers__section-8 h2 {
        width: 360px;
    }

    .careers__section-8 .p__2 {
        width: 300px;
    }

    .careers__section-8 a {
        width: 190px;
    }

    /* || WORK AT DIAMOND | */
    .work__at--diamond-hero .content h2 {
        font-size: 54px;
        width: 340px;
        margin: 0 auto;
        text-align: center;
    }

    .work__at--diamond-section-1 {
        height: 650px;
        width: 100%;
        text-align: center;
    }

    .work__at--diamond-section-1 h2 {
        width: 370px;
        margin: 0 auto;
        font-size: 35px;
        text-align: center;
        padding: 4rem 2rem;

    }

    .work__at--diamond-section-2 {
        padding-left: 2.4rem;
        height: 1230px;
        padding-top: 6.3rem;
    }

    .work__at--diamond-section-2 .p__1 {
        font-size: 22px;
    }

    .work__at--diamond-section-2 h2 {
        width: 300px;
        font-size: 55px;
    }

    .work__at--diamond-section-2 div {
        display: flex;
        flex-direction: column;
    }

    .work__at--diamond-section-2 div p {
        width: 310px;
        font-size: 18px;
    }

    .work__at--diamond-section-2 {
        font-size: 18px;
    }

    .work__at--diamond-section-3 {
        width: 100%;
        height: 750px;
        padding-left: 2.4rem;
    }

    .work__at--diamond-section-3 h2 {
        width: 300px;
        padding-top: 10.1rem;
        font-size: 37px;

    }

    .work__at--diamond-section-3 p {
        font-size: 18px;
    }

    .work__at--diamond-section-4 {
        height: 1460px;
        color: white;
        padding: 0 2.4rem;
        padding-top: 4rem;
    }

    .work__at--diamond-section-4 .pg__1 {
        font-size: 28px;
    }

    .work__at--diamond-section-4 .work__at--diamond--section4-h2 {
        width: 310px;
        font-size: 48px;
    }

    .work__at--diamond-section-4 .work__at--diamond-section4-h2-2 {
        width: 310px;
        font-size: 38px;
    }

    .work__at--diamond-section-4 .pg__2 {
        font-size: 18px;
    }

    .work__at--diamond-section-5 {
        display: block;
        height: 595px;
        padding-left: 2.4rem;
        margin-top: -4rem;
    }

    .work__at--diamond-section-5 .p-4,
    .work__at--diamond-section-5 .p-5 {
        margin-top: -0.2rem;
        width: 310px;
        font-size: 18px;
        margin-bottom: 1rem;
    }

    .work__at--diamond-section-6 {
        padding-left: 2.4rem;
        height: 1060px;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-p1 {
        font-size: 28px;
        width: 310px;
    }

    .work__at--diamond-section-6 h2 {
        font-size: 48px;
        width: 310px;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-content-3 {
        display: block;
    }

    .work__at--diamond-section-6 .work__at--diamond-section-6-content-3 p {
        width: 310px;
        font-size: 18px;
        color: rgb(213, 213, 213);
        margin-right: 6rem;
        margin-bottom: 3rem;
    }

    .work__at--diamond-section-7 {
        padding-left: 2rem;
        padding-top: 12rem;
    }

    .work__at--diamond-section-7 h2 {
        font-size: 38px;
        width: 310px;
    }

    .work__at--diamond-section-8 {
        width: 100%;
        height: 1000px;
        background: black;
        color: white;
        padding-top: 4.6rem;
    }

    .work__at--diamond-section-8 .p__1 {
        font-size: 28px;
    }

    .work__at--diamond-section-8 .content__1-h2 {
        width: 340px;
        font-size: 48px;
    }

    .work__at--diamond-section-8 .p__2 {
        font-size: 23px;
        width: 340px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 {
        width: 85%;
        height: 480px;
        background: rgb(22, 22, 23);
        margin: 0 auto;
        display: flex;
        border-radius: 13px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 .image__container {
        width: 600px;
        height: 480px;
        overflow: hidden;
        margin-right: 3.5rem;
        border-radius: 13px 0 0 13px;
    }

    .work__at--diamond-section-8 .work__at--diamond-content-2 .image__container img {
        width: 600px;
        height: 480px;
        display: inline-block;
        border-radius: 13px 0 0 13px;
        margin-left: -8.5rem;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 {
        width: 100%;
        height: 170.1px;
        margin: auto 0;

    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 h2,
    .work__at--diamond-section-8 .work__at--diamond-div-2 p {
        width: 200px;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 h2 {
        margin-top: -1.5rem;
        font-size: 32px;
    }

    .work__at--diamond-section-8 .work__at--diamond-div-2 p {
        font-size: 20px;
    }

    /* || APPLY FOR WORK | */
    .apply__for--work {
        width: 100%;
        height: 470px;
        background-image: linear-gradient(rgba(115, 100, 211, 0.7), rgba(22, 22, 22, 0.8)), url(../img/apply-for-work-backgroundimage.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        color: #fff;
        padding-left: 4.5rem;
        padding-top: 12rem;
        margin-bottom: 4rem;

    }

    .apply__for--work h2 {
        font-size: 55px;
    }

    .apply__for--work-form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        place-content: center;
        margin-top: -4rem;
    }

    .apply__for--work-form {
        width: 93%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    .apply__for--work-form-container .apply__for--work-form div .input-group-1 input,
    .apply__for--work-form-container .apply__for--work-form div textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid rgb(63, 19, 197);
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    .apply__for--work-form-container .apply__for--work-from div div label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .apply__for--work-form-container .apply__for--work-form div .input-group-1 label {
        color: rgb(63, 19, 197);
    }

    .apply__for--work-button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        border: none;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || CONTACT | */
    .contact__section-1 {
        text-align: center;
        margin-top: 10rem;
        margin-bottom: 3rem;
        /* font-size: 31px; */
    }

    .contact__section-1 {
        margin-bottom: 2.8rem;
    }

    .contact__section-1 h2 {
        font-size: 40px;
    }

    .contact__h2 {
        padding: 0;
        width: 190px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    .contact__section-2 {
        display: block;
        padding-left: 14.1rem;
    }

    .contact__section-2 {
        padding: 0;
        text-align: center;
    }

    .contact__section-2 div h2,
    .contact__section-2 div p {
        width: 300px;
        margin: 0 auto;
    }

    .contact__section-2 div h2 {
        margin-bottom: 1.5rem;
    }

    .contact__section-2 div p {
        font-size: 19px;
        color: #333;
    }

    .contact__form--container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        place-content: center;
    }

    .contact__form--container {
        margin-top: -1.7;
    }


    .contact__from {
        width: 93%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    .contact__form--container .contact__form div .input-group-1 input,
    .contact__form--container .contact__form div textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #8B8B8F;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    .contact__form--button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
        border: none;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    /* || HEALTH AND SAFETY | */

    .about__content1-p {
        background: rgba(255, 255, 255, 0.959);
        padding: 15px;
        font-size: 1.5rem;
        padding-left: 2rem;
        font-weight: bolder;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 20px 20px 120px rgba(0, 0, 0, 0.1);
    }

    .health__and--safety-content-1 {
        margin-bottom: 4rem;
        position: relative;
        height: 624px;
    }

    .health__and--safety-content-1 .health__and--safety-container {
        width: 400px;
        position: absolute;
        margin-top: 21.5rem;
    }

    .health__and--safety-content-1 .health__and--safety-container h2 {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .health__and--safety-content-1 .health__and--safety-container p {
        margin-bottom: 1.8rem;
        font-size: 18px;
        width: 350px;
    }

    .health__and--safety-content-1 .image__container {
        width: 600px;
        margin-left: 2.4rem;
        margin-top: -1.8rem;
    }

    .health__and--safety-content-1 .image__container img {
        width: 329px;
        height: 420px;
    }

    .health__and--safety-content-2 {
        margin-left: 1.3rem;
        margin-bottom: 4rem;
    }

    .health__and--safety-content-2 h2 {
        margin-bottom: 2rem;
        font-size: 28px;
    }

    .health__and--safety-content-2 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 3.5rem;
    }

    .health__and--safety-content-2 p {
        font-size: 18px;
        margin-bottom: 2.5rem;
        width: 340px;
        color: #333;
    }

    .health__and--safety-content-3 {
        background: rgb(27, 42, 57);
        color: white;
        padding-left: 1.3rem;
        padding-top: 2rem;
        height: 912px;
        margin-bottom: 4rem;
    }

    .health__and--safety-content-3 h2 {
        margin-bottom: 2rem;
        padding: 0.6rem 0;
    }

    .health__and--safety-content-3 .content__container1 {
        margin-top: -0.1rem;
    }

    .health__and--safety-content-3 .content__container1 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .health__and--safety-content-3 .content__container1 h2 {
        font-size: 28px;
    }

    .health__and--safety-content-3 .content__container2 {
        display: block;
    }

    .health__and--safety-content-3 .content__container2 div {
        width: 400px;
    }

    .health__and--safety-content-3 .content__container2 .div-1 {
        margin-right: 3rem;

    }

    .health__and--safety-content-3 .content__container2 h2 {
        margin-bottom: 1.5rem;
        width: 340px;
    }

    .health__and--safety-content-3 .content__container2 div h2 {
        font-size: 23px;
        margin-bottom: 0.6rem;
    }

    .health__and--safety-content-3 .content__container2 div p {
        color: rgb(225, 230, 233);
        font-size: 18px;
        width: 340px;
    }

    .health__and--safety-content-3 .content__container2 div .p-1 {
        margin-bottom: 3rem;
    }

    .health__and--safety-content-4 {
        padding-left: 1.3rem;
        margin-bottom: 4rem;
    }

    .health__and--safety-content-4 h2 {
        font-size: 28px;
        margin-bottom: 2rem;
    }

    .health__and--safety-content-4 div {
        background: rgb(60, 158, 135);
        width: 60px;
        height: 8px;
        margin-left: 0.1rem;
        margin-bottom: 4rem
    }

    .health__and--safety-content-4 p {
        font-size: 18px;
        color: #333;
        margin-bottom: 2.5rem;
        width: 340px;
    }

    /* || TERMS OF USE USES THE SAME CSS STYLE OF MEDIA QUERRY 540PX | */

    /* || INTELLECTUAL PROPERTY | */
    /* NOTICE DIAMOND-TRANDE-MARK-LIST CONTENTS HAVE THE SAME CLASS NAME WITH INTELLECTUAL-PROPERTY */
    .intellectual__propert--guidelines {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .intellectual__propert--guidelines h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .intellectual__property--content {
        padding: 0 2rem;
        margin-bottom: 3rem;
    }

    .intellectual__property--content p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .intellectual__property--content p span {
        font-weight: bolder;
        color: black;
    }

    .intellectual__property--content p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .intellectual__property--content p a:hover,
    .intellectual__property--content p a:focus {
        text-decoration: underline;
    }

    /* || DIAMOND-TRADE-MARK-LIST CONTINUATION OF CSS STYLE | */
    .trade__marks--generic-title {
        display: flex;
        margin-top: 3rem;

    }

    .trade__marks--generic-title div {
        margin-right: 4.7rem;
        width: 100px;

    }

    .trade__marks--generic-title div p {
        font-weight: bolder;
        color: #333;
    }

    .trade__marks--generic {
        display: flex;
        background: rgb(245, 245, 247);
        margin-bottom: 0.8rem;
    }

    .trade__marks--generic div {
        margin-right: 4.3rem;
        width: 299px;
    }

    /* || DIAMOND-WEB-BADGES | */
    .diamond__web--badges-first-content {
        text-align: center;
        margin-top: 1.8rem;
        margin-bottom: 3rem;
        border-top: 1px solid #333;
    }

    .diamond__web--badges-first-content h2 {
        font-size: 33px;
        width: 350px;
        text-align: center;
        margin: 0 auto;
    }

    .diamond__web--badges-second-content {
        display: flex;
        padding: 0 5rem;
        margin-bottom: 6rem;
    }

    .diamond__web--badges-second-content .first__div {
        margin-left: -1.1rem;
    }

    .diamond__web--badges-second-content div {
        width: 120px;
        margin-right: 3rem;
    }

    .diamond__web--badges-second-content div .image__container,
    .diamond__web--badges-second-content div .image__container img {
        width: 80px;
        height: 80px;
    }


    .diamond__web--badges-second-content div .image__container {
        margin-bottom: 0.5rem;
    }

    .diamond__web--badges-second-content div p {
        color: rgb(20, 112, 201);
    }

    .diamond__web--badges-third-content {
        text-align: center;
        margin-bottom: 4rem;
    }

    .diamond__web--badges-third-content h2,
    .diamond__web--badges-third-content p {
        width: 300px;
        margin: 0 auto;
    }

    .diamond__web--badges-third-content h2 {
        margin-bottom: 1rem;
    }

    .diamond__web--badges-third-content p {
        font-size: 17px;
        margin-bottom: 1rem;
    }

    .diamond__web--badges-third-content a {
        font-size: 17px;
        display: block;
        color: rgb(20, 112, 201);
        text-decoration: none;
    }

    .diamond__web--badges-third-content a:hover,
    .diamond__web--badges-third-content a:focus {
        text-decoration: underline;
    }

    /* || RIGHTS-&-PERMISSIONS | */
    .rights__and--permissions {
        text-align: center;
        padding: 4rem 2rem;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin-top: 3px;
        margin-bottom: 3rem;
    }

    .rights__and--permissions h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .rights__and--permissions-content1 {
        padding: 0 2rem;
        margin-bottom: 3rem;
    }



    .rights__and--permissions-content1 p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content1 p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }


    .rights__and--permissions-content1 p a:hover,
    .rights__and--permissions-content1 p a:focus {
        text-decoration: underline;
    }

    .rights__and--permissions-content2 {
        padding: 0 2rem;
        margin-bottom: 1.3rem;
    }

    .rights__and--permissions-content2 ul li {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content2 ul li a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .rights__and--permissions-content2 ul li a:hover,
    .rights__and--permissions-content2 ul li a:focus {
        text-decoration: underline;
    }

    .rights__and--permissions-form-container {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        padding: 0 2rem;
    }

    .rights__and--permissions-form {
        width: 100%;
        max-width: 1010px;
    }

    .input-group-1 {
        margin-bottom: 30px;
        position: relative;
    }

    input,
    textarea {
        width: 100%;
        padding: 18px;
        outline: 0;
        border: 1px solid #D2D2D7;
        color: #8B8B8F;
        background: transparent;
        font-size: 15px;
        border-radius: 15px;
    }

    label {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #8B8B8F;
        cursor: text;
        transition: 0.2s;
    }

    button {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        outline: none;
        background: #1371E3;
        border-radius: 20px;
        width: 130px;
        cursor: pointer;
    }


    input:focus~label,
    input:valid~label,
    textarea:focus~label,
    textarea:valid~label {
        top: -35px;
        font-size: 14px;
    }


    .row-1 .input-group-1 {
        flex-basis: 48%;
    }

    .rights__and--permissions-content3 {
        padding: 0 2rem;
    }

    .rights__and--permissions-content3 p {
        font-size: 17px;
        color: #333;
        margin-bottom: 1.2rem;
    }

    .rights__and--permissions-content3 p a {
        display: inline-block;
        text-decoration: none;
        color: rgb(20, 112, 201);
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .rights__and--permissions-content3 p a:hover,
    .rights__and--permissions-content3 p a:focus {
        text-decoration: underline;
    }

    /* || PIRACY-PREVENTION USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */

    /* || COPYRIGHT-INFRINGEMENT USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */

    /* || COUNTERFEIT PREVENTION USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */
    .counterfeit__prevention--form-container {
        margin-top: -1.6rem;
        margin-bottom: 2rem;
    }

    .counterfeit__prevention--button {
        margin-top: -1rem;
    }

    /* || POLICIES IDEAS USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */

    /* || SLA USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX| */

    /* || CONTACT LEGAL USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX | */

    /* || PRIVACY POLICY USES THE SAME CSS STYLE WITH MEDIA QUERRY 540PX| */

    /* || INTERNSHIP USES THE SAME CSS STYLE WITH MAX WIDTH: 540PX | */

    .internship__section-4 {
        margin-bottom: 5rem;
    }


    .internship__form-container {
        margin-bottom: -3rem;
    }

    /* || FOOTER SECTION | */
    .footer {
        padding-top: 5rem;
        padding-left: 0;
        flex-direction: column;
        align-items: center;
        height: 770px;
        text-align: center;

    }

    .footer section .paragraph {
        color: #999ea3;
        font-weight: lighter;
        margin-bottom: 2rem;
        font-size: 30px;
    }

    .footer section,
    .footer section p {
        width: 300px;
        margin-bottom: 3rem;
        font-size: 22px;
    }

    .footer section p {
        margin-bottom: 0.5rem;
    }

    .footer section p a {
        color: #959faa;
        font-weight: lighter;
        text-decoration: none;
    }

    .footer section p a:hover,
    .footer section p a:focus {
        color: rgb(250, 90, 3);
    }

    .footer section.section__4 {
        width: 360px;
        margin-left: 1.6rem;
    }

    .section__4 .ancortag {
        display: inline-block;
        color: #999ea3;
        font-size: 22px;
        margin-right: 2rem;
        margin-top: 7.9rem;
    }

    .section__4 {
        padding-left: 0;
        margin-top: -130px;
    }

    .section__4 .ancortag:hover,
    .section__4 .ancortag:focus {
        color: rgb(250, 90, 3);
    }

    .footer-p {
        background: rgb(27, 43, 52);
        width: 100%;
        height: 4.5rem;
        font-size: 18px;
        text-align: center;
        color: #999ea3;
        margin: 0;
        padding: 0 18px;
        padding-top: 13px;
    }

    /* || COLOR SCHEME | */
    :root {
        color-scheme: light dark;
        /* || GENERAL SETTINGS | */
    }


    @media (prefers-color-scheme: dark) {

        /* || GENERAL SETTINGS | */
        html {
            color: white;
        }

        h1,
        h2,
        h3 {
            color: white;
        }

        p {
            color: white;
        }

        /* || HOME PAGE | */
        .body__content-container .content__1 h2 {
            color: black;
        }

        .body__content-container .content__2 h2,
        .body__content-container .content__2 p {
            color: white;
        }

        .body__content-container .content__4 h2,
        .body__content-container .content__4 p {
            color: white;
        }

        .body__content-container .content__5 h2,
        .body__content-container .content__5 p {
            color: white;
        }

        .body__content-container .content__6 h2,
        .body__content-container .content__6 p {
            color: white;
        }

        .body__content-container .content__7 h2,
        .body__content-container .content__7 p {
            color: white;
        }

        .body__content-container .content__8 h2,
        .body__content-container .content__8 p {
            color: white;
        }

        .body__content-container .content__9 h2,
        .body__content-container .content__9 p {
            color: white;
        }

        /* || OTHER BUSINESS BRANDS */
        .brands-content-1 a div h2,
        .brands-content-2 a div h2,
        .brands-content-3 a div h2,
        .brands-content-4 a div h2 {
            color: black;
        }

        .brands-content-1 a div p,
        .brands-content-2 a div p,
        .brands-content-3 a div p,
        .brands-content-4 a div p {
            color: black;
        }

        .brands-content-5 h2,
        .brands-content-5 p {
            color: white;
        }

        .brands-content-7 a div h2,
        .brands-content-7 a div p {
            color: black;
        }

        .brands-content-8 a div h2,
        .brands-content-8 a div p {
            color: black;
        }

        .brands-content-9 a {
            color: white;
            outline: 2px solid white;
        }

        .brands-content-9 a:hover,
        .brands-content-9 a:focus {
            background: white;
            color: black;
        }

        .pgw-content-1 div h2,
        .pgw-content-1 div p {
            color: black;
        }

        .pgw-content-2 h2,
        .pgw-content-2 p {
            color: white;
        }

        .pgw-content-3 h2,
        .pgw-content-3 p {
            color: white;
        }

        .pgw-content-4 .cnt__container h2,
        .pgw-content-4 .cnt__container p {
            color: white;
        }

        .pgw-content-5 .ctn-container h2,
        .pgw-content-5 .ctn-container p {
            color: white;
        }

        .pgw-content-6 .ctn-container h2,
        .pgw-content-6 .ctn-container p {
            color: white;
        }

        .pgw-content-7 .ctn-container h2,
        .pgw-content-7 .ctn-container p {
            color: white;
        }

        .pgw-content-8 .ctn-container h2,
        .pgw-content-8 .ctn-container p {
            color: white;
        }

        .pgw-content-9 .ctn-container h2,
        .pgw-content-9 .ctn-container p {
            color: white;
        }

        .pgw-content-10 .ctn-container h2,
        .pgw-content-10 .ctn-container p {
            color: white;
        }

        .pgw-content-11 .ctn-container h2,
        .pgw-content-11 .ctn-container p {
            color: white;
        }

        .pgw-content-12 .ctn-container h2,
        .pgw-content-12 .ctn-container p {
            color: white;
        }

        .pgw-content-13 .ctn-container h2,
        .pgw-content-13 .ctn-container p {
            color: white;
        }

        .pgw-content-14 .ctn-container h2,
        .pgw-content-14 .ctn-container p {
            color: white;
        }


        /* || PARTNERSHIP | */
        .title {
            color: black;
        }

        .partnership__content-2 h2,
        .partnership__content-2 .p-1,
        .partnership__content-2 p {
            color: white;
        }

        .partnership__content-3 h2,
        .partnership__content-3 p {
            color: white;
        }

        .column div h2 {
            color: white;
        }

        /* || ABOUT | */
        .about__content1-p {
            color: black !important;
        }

        .about__content-2 .content__container1 h2,
        .about__content-2 .content__container1 p {
            color: white;
        }

        .about__content-2 .content__container2 h2,
        .about__content-2 .content__container2 p {
            color: white;
        }

        .about__content-3 p {
            color: white;
        }

        .about__content-5 p {
            color: white;
        }

        .about__content-6 .container-1 h2,
        .about__content-6 .container-1 p {
            color: black;
        }

        /* || STAFFS | */
        .staff__title {
            color: white;
        }

        .staff__content-1 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-1 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-2 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-2 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        .staff__content-3 .staff__content-container .staffs__ancortag .staff__content-ancortag {
            color: white;
        }

        .staff__content-3 .staff__content-container .staff__content--ancortag2 {
            color: white;
        }

        /* || PHRONESIS W CHISOM EKEH | */
        .about__staff--section-2 .about__s--content-1 P,
        .about__staff--section-2 .about__s--content-2 P {
            color: white;
        }

        /* || CAREERS | */
        .careers__section-7 .careers__section--7-content div h2,
        .careers__section-7 .careers__section--7-content div p {
            color: black;
        }

        .careers__section-8 .p__2 {
            color: white;
        }

        /* || CONTACT | */
        .contact__section-2 div h2,
        .contact__section-2 div p {
            color: white;
        }

        .contact__form--container .contact__form .contact__form--h2 {
            color: white;
        }

        /* || HEALTH AND SAFETY | */
        .about__content1-p {
            color: black !important;
        }

        .health__and--safety-content-2 p {
            color: white;
        }

        .health__and--safety-content-4 p {
            color: white;
        }

        /* || TERMS OF USE | */

        .terms__of--use-content h2,
        .terms__of--use-content p {
            color: white;
        }

        /* || INTELLECTUAL PROPERTY | */
        .intellectual__property--content P,
        .intellectual__property--content p span {
            color: white;
        }

        /* || DIAMOND WEB BADGES | */
        .diamond__web--badges-second-content .first__div p,
        .diamond__web--badges-second-content div p {
            color: white;
        }

        /* || DIAMOND TRADEMARK LIST | */
        .intellectual__property--content p {
            color: white;
        }

        .trade__marks--generic-title div p {
            color: white;
        }

        .trade__marks--generic div p {
            color: black;
        }

        /* || RIGHTS AND PERMISSIONS | */
        .rights__and--permissions-content1 P {
            color: white;
        }

        .rights__and--permissions-content2 ul li {
            color: white;
        }

        .rights__and--permissions-content3 p {
            color: white;
        }

        /* || COPYRIGHT INFRINGEMENT | */
        .copyright__infringement--section-1 p {
            color: white;
        }

        .copyright__infringement--section-2 ul li {
            color: white;
        }

        /* || PIRACY PREVENTION | */
        .piracy__prevention-section-1 p {
            color: white;
        }

        .piracy__prevention-content p {
            color: white;
        }

        /* || COUNTERFEIT PRODUCTSY | */
        .counterfeit__prevention P {
            color: white;
        }

        /* || POLICIES IDEAS | */
        .policies__ideas--section p {
            color: white;
        }

        /* || PRIVACY POLICY | */
        .privacy__policy--section-1 p {
            color: white;
        }

        .privacy__policy--section-2 p,
        .privacy__policy--section-2 .p__1 {
            color: white;
        }

        .privacy__policy--section-4 p {
            color: white;
        }

        .privacy__policy--section-5 p {
            color: white;
        }

        /* || SLA | */
        .software__license--agreement-header p {
            color: white;
        }

        .software__license--agreement-content h2 {
            color: black;
        }

        /* || INTERNSHIP | */
        .internship__section-1 p {
            color: white;
        }

        .internship__section-2 ul li {
            color: white;
        }

        .internship__section-3 ul li {
            color: white;
        }

        .internship__section-4 ul li {
            color: white;
        }

        /* || NEWS | */
        .news__content-1 a div h2,
        .news__content-1 a div p {
            color: black;
        }

        .news__content-2 a div h2,
        .news__content-2 a div .news__p--content-1 {
            color: black;
        }

    }
}