@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&family=Raleway:wght@500;700&display=swap");



body {

    position: relative;

    font-family: "Poppins", sans-serif;

    background: #000;

    color: var(--white);

    overflow-x: hidden;

}



:root {

    --primary-color: #092e58;

    --theme-secondary-color: #896c42;

    --white: #fff;

    --black: #000;

    --gray: #a8a5a8;

}



p, span {

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    font-weight: 500;

    color: var(--primary-color);

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "Poppins", sans-serif;

}

h2{

    font-size: 2.875rem;

    font-weight: 600;

    color: var(--primary-color);

}

h4 {

    font-size: 1.375rem;

}

.img-auto {

    display: block;

    max-width: 100%;

    margin: 0 auto;

}

img{

    max-width: 100%;

}

a,

button {

    text-decoration: none !important;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



a:hover,

button:hover {

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



figure {

    margin: 0;

}



header .navbar {

    position: absolute;

    top: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 1rem 5% 0;

    width: 100%;

    z-index: 10;

    font-family: "Bebas Neue", sans-serif;

    font-size: clamp(0.66rem, 2vw, 1rem);

  }

  

  section {

    height: 100%;

    width: 100%;

    top: 0;

    position: fixed;

    visibility: hidden;
    /*z-index: 0 !important;*/
    /*opacity: 0 !important;*/
    /*visibility: hidden !important;*/

  }

section.active {
    z-index: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

  section .outer,

  section .inner {

    width: 100%;

    height: 100%;

    overflow-x: hidden;

  }
/*section.active .outer, section.active .inner {*/
/*    transform: translate(0%, 0%) !important;*/
/*}*/
  section .bg {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 1rem;

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    background-size: cover;

    background-position: center;
    /*transform: translate(-15%, 0%) !important;*/

  }

section.active .bg {
    transform: translate(0%, 0%) !important;
}


/* loder */



.preLoader {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: fixed;

}



.preLoader.black {

    background-color: #000;

    z-index: 30;

}



.preLoader.white {

    z-index: 20;

    background-color: #fff;

}



.socials {

    margin-top: 20px;

    display: flex;

    gap: 1rem;

}



.socials img {

    width: 25px;

    height: 25px;

}



/*header css*/



.navbar-nav {

    gap: 1rem;

}



.navbar-nav .nav-link,

.navbar-nav .nav-link.active {

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    color: var(--white);

    position: relative;

    text-transform: uppercase;

    font-weight: 300;

    letter-spacing: 1px;

    padding: 0 !important;

}



header .dropdown-toggle::after {

    border-top: 0;

}



header .dropdown-menu {

    background-color: var(--theme-color);

}



header .dropdown-menu li a {

    color: var(--white);

    text-transform: uppercase;

}



/* menu */



.hamburger {

    cursor: pointer;

    transform: translate3d(0, 0, 0);

    transition: opacity 0.3s ease;

    background-color: transparent;

    border: 0;

    padding: 0;

    vertical-align: middle;

    margin-right: 2rem;

}



.hamburger:focus {

    outline: none;

}



.hamburger__inner {

    display: block;

    height: 24px;

    width: 25px;

    position: relative;

}



.hamburger__inner:before,

.hamburger__inner:after {

    background-color: #fff;

    content: "";

    display: block;

    margin-left: -12px;

    height: 2px;

    width: 25px;

    position: absolute;

    top: 6px;

    left: 50%;

    transform-origin: center center;

    transition: top 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,

    transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



.hamburger__inner:after {

    top: 16px;

}



.is-active .hamburger__inner {

    color: #110f10;

}



.is-active .hamburger__inner:before,

.is-active .hamburger__inner:after {

    top: 50%;

    transition: top 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s,

    transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;

}



.is-active .hamburger__inner:before {

    transform: rotate(45deg);

}



.is-active .hamburger__inner:after {

    transform: rotate(-45deg);

}



.hamburger--black .hamburger__inner:before,

.hamburger--black .hamburger__inner:after {

    background-color: #110f10 !important;

}



.open .hamburger__inner:before,

.open .hamburger__inner:after {

    background-color: #fff;

}



.is-active .open .hamburger__inner {

    color: #fff;

}



/*overlay nav*/

.navigation-menu {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: 10;

    font-family: var(--font-family);

}



.navigation-menu .navigation-bg {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    opacity: 0;

}



.navigation-menu .navigation-bg.one {

    width: 4px;

    background-image: linear-gradient(to left bottom, #66aa2f, #69ac31, #6cae33, #6fb035, #72b237);

    opacity: 1;

}



.navigation-menu .navigation-bg.two {

    width: 0;

    background-image: linear-gradient(to right top, #00478c, #00488c, #00488d, #01498d, #01498d);

    opacity: 1;

}



.navigation-menu .navigation-wrapper {

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.navigation-menu .nav-inner {

    position: relative;

    text-align: right;

}



.navigation-menu .nav-inner .nav-link {

    font-size: 1.125rem;

    font-weight: 600;

    color: #fff;

    line-height: 2;

    text-transform: uppercase;

    opacity: 0;

}





.bg{

    background-position: fixed;

    background-position: top right;

    background-repeat: no-repeat;

}

.home .bg {

    background-image: url(../images/bg1.jpg);

}

.about .bg {

    background-image: url(../images/bg2.jpg);

}

.client .bg, .team .bg, .testimonial .bg  {

    background-image: url(../images/bg3.jpg);

}

.job .bg {

    background-image: url(../images/bg4.jpg);

}

.blog .bg {

    background-image: url(../images/bg6.jpg);

}

.contact .bg {

    background-image: url(../images/bg8.jpg);

}

.listStyle {

    display: flex;

    align-items: flex-start;

    flex-flow: row wrap;

    gap: 6px;

}

.listStyle li {

    flex: 0 0 40%;

}

.listStyle li span {

    padding-left: 1.5rem;

    position: relative;

}

.listStyle li span:before {

    content: "\f0a9";

    font-family: "Font Awesome 5 Pro";

    font-weight: 900;

    position: absolute;

    top: 0;

    left: 0;

    font-size: 14px;

    color: #7bb82d;

}

.secTitle {

    position: relative;

}

.secTitle h1 {

    font-size: 21.25rem;

    font-weight: 700;

    margin: 0;

    line-height: 0.8;

    color: #092e58;

    -webkit-text-fill-color: #ffffff00;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: rgb(9 46 88 / 50%);

    -moz-text-stroke-color: rgb(9 46 88 / 50%);

    position: absolute;

    top: 25%;

    left: 25%;

    transform: translate(-50%, -50%);

    z-index: -1;

}

.slick-prev, .slick-next {

    width: 3rem;

    height: 3rem;

    background: var(--primary-color);

    border-radius: 100px;

    opacity: 0.7;

    z-index: 1;

    top: 0;

    right: 0;

    left: auto;

}

.slick-prev {

    right: 4rem;

}

.slick-prev:hover, .slick-next:hover,

.slick-prev:focus, .slick-next:focus {

    background: var(--primary-color);

    opacity: 1;

}

.slick-next::before, .slick-prev::before {

    content: "\f178";

    font-family: "Font Awesome 5 Pro";

    font-weight: 900;

}

.slick-prev::before {

    content: "\f177";

}

.vacancieSlider .slick-prev,

.vacancieSlider .slick-next {

    top: -2rem;

    right: 2.5rem;

}

.vacancieSlider .slick-prev {

    right: 6.5rem;

}

.teamSlider .slick-prev, .teamSlider .slick-next,

.blogSlider .slick-prev, .blogSlider .slick-next,

.testimonialSlider .slick-prev, .testimonialSlider .slick-next {

    top: -2rem;

    right: 1rem;

}

.teamSlider .slick-prev,

.blogSlider .slick-prev,

.testimonialSlider .slick-prev {

    right: 5rem;

}

/* Slides CSS */

.home .bg video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    z-index: -1;

}

.home p {

    color: var(--white);

    margin: 0.5rem 0 0;

    letter-spacing: 2px;

    font-size: 1rem;

    font-weight: 100;

}

.home p {

    color: var(--white);

    margin: 0.5rem 0 0;

    letter-spacing: 2px;

    font-size: 1rem;

    font-weight: 100;

}

.about h2 span {

    display: block;

    font-size: 1.125rem;

}
.about h4, .client h4 {
    color: var(--primary-color);
    font-weight: 700;
}

.aboutSlider figure {

    background: #fff;

    width: 90%;

    margin: 2rem auto 0;

    box-shadow: 0 0 18px rgb(64 126 155 / 15%);

    padding: 15px;

}

.aboutSlider figure img {

    margin: 0 auto;
    width: 6rem;

}

.aboutSlider .slick-active + .slick-active + .slick-active + .slick-active {

    opacity: .3;

}

.about .secTitle h1 {

    left: 50%;

}

.client .secTitle {

    margin-bottom: 1rem;

}

.clientLogo {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-flow: row wrap;
    margin-top: 2rem;
}
.clientLogo .slick-arrow {
    top: -3rem;
}
.clientLogo li {

    flex: 0 0 23%;

}

.clientLogo .item {

    background: #fff;

    text-align: center;

    box-shadow: 0 0 18px rgb(64 126 155 / 15%);
    margin: 0 10px;

}

.clientLogo .item .img {

    padding: 10px;

}
.clientLogo .item .img img{
    margin: 0 auto;
    width: 6rem;
}
.clientLogo .item .content {

    background: var(--primary-color);

    padding: 5px 0;

}

.clientLogo .item .content p {

    color: var(--white);

    margin: 0;

    text-transform: uppercase;

    font-weight: 400;

}

.client .secTitle {

    margin-bottom: 1rem;

}

.clientLogo {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-flow: row wrap;

}

.clientLogo li {

    flex: 0 0 23%;

}

.clientLogo .item {

    background: #fff;

    text-align: center;

    box-shadow: 0 0 18px rgb(64 126 155 / 15%);

}

.clientLogo .item .img {

    padding: 20px 10px;

}

.clientLogo .item .content {

    background: var(--primary-color);

    padding: 5px 0;

}

.clientLogo .item .content p {

    color: var(--white);

    margin: 0;

    text-transform: uppercase;

    font-weight: 400;

}

.client .imgLeft {

        margin-left: -1rem;
            position: relative;
    z-index: 1;

}

.client .bg:before {

    content: '';

    width: 30%;

    height: 50%;

    background: #66aa2f;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

}

.client .container {

    position: relative;

    z-index: 2;

}

.vacanciesThumb {

    background: #fff;

    max-width: 22.5rem;

    margin: 0 auto;

}

.vacanciesThumb .img {

    height: 15.625rem;

    overflow: hidden;

}

.vacanciesThumb .img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    transition: ease all 0.5s;

}

.vacanciesThumb:hover .img img {

    transform: scale(1.2);

}

.vacanciesThumb .content {

    padding: 1.4rem;

}

.vacanciesThumb .content h4{

    font-weight: 600;

    color: var(--primary-color);

}

.vacanciesThumb .content span i {

    color: #66aa2f;

    margin-right: 6px;

}

.vacanciesThumb .content h5 {

    font-size: 1.125rem;

    font-weight: 600;

    color: var(--primary-color);

    margin-top: 8px;

}

.vacanciesThumb .content hr {

    border-top-color: #ccc;

}

.job .secTitle h1 {

    font-size: 18rem;

    left: 50%;

}

.themeBtn {
    background-image: linear-gradient(to right, #2e3192, #23449f, #1755ab, #1365b4, #1c75bc);
    border: 0;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 300;
    min-width: 14rem;
    text-align: center;
}

.themeBtn:hover, .themeBtn:focus {

    background-size: 150% 150%;

    background-position: center;

    background-blend-mode: lighten;

    color: var(--white);

}

.teamThumb {

    position: relative;

}

.teamThumb img {

    width: 100%;

}

.teamThumb .overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    min-height: 20%;

    padding: 2rem;

    background-image: linear-gradient(0deg, #092e58, transparent);

}

.teamThumb .overlay span {

    color: var(--white);

    font-weight: 100;

}

.blogThumb {

    position: relative;

}

.blogThumb .content {

    width: 30%;

    background: #fff;

    padding: 2rem;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}

.blogThumb .img {

    width: 80%;

    margin-left: auto;

}



.blogThumb .content h4 {

    font-size: 1.5rem;

    font-weight: 700;

    color: var(--primary-color);

    line-height: 1.4;

}



.blogThumb .content p {

    margin: 1rem 0;

}



.blogThumb .content a {

    color: var(--primary-color);

    font-weight: 500;

    border-bottom: 2px solid var(--primary-color);

}

.blog .secTitle h1 {

    left: 100%;

    font-size: 15rem;

}

.testimonial .secTitle {

    position: relative;

    z-index: 1;

}

.testimonial .secTitle h1 {

    top: 0;

    transform: translate(-25%, -100%);

    font-size: 15rem;

}

.testimonial .secTitle h2 {

    font-size: 5rem;

    margin: 0;

    line-height: 1;

}

.testimonial .testimonialShape {

    padding: 2rem 0;

    text-align: right;

    background: #66aa2f;

    margin-left: -10rem;

    margin-right: 6rem;

    position: relative;

}

.testimonial .testimonialShape img {

    margin-right: -6rem;

}

.testimonial .testimonialShape:after {

    content: '';

    width: 0;

    height: 0;

    border-top: 2.75rem solid #66aa2f;

    border-right: 2.75rem solid transparent;

    position: absolute;

    bottom: -2.75rem;

    right: 2.75rem;

}

.testimonial .testimonialSlider {

    margin-top: 6rem;

}

.testimonial .testimonialSlider p {

    font-size: 1rem;

}

.testimonial .testimonialSlider strong {

    margin-top: 6px;

    color: var(--primary-color);

}

.contact .secTitle h1 {

    font-size: 15rem;

    margin-right: -40rem;

    top: -40%;

}

.contact .contactInfo {

    background: #fff;

    box-shadow: 0 0 18px rgb(0 0 0 / 20%);

    padding: 1.5rem;

}

.contact h4 {

    color: var(--primary-color);

    font-weight: 600;

    margin-bottom: 1rem;

}

.contact .contactInfo .contInfo li {

    border-bottom: 1px solid #ccc;

}

.contact .contactInfo .contInfo li:last-child {

    border-bottom: 0;

}

.contactInfo .contInfo a {

    display: flex;

    align-items: flex-start;

    padding: 10px 0;

    gap: 10px;

    color: var(--primary-color);

    font-size: 14px;

}

.contactInfo .contInfo a i {

    position: relative;

    top: 3px;

}

.contactInfo .map {

    border: 1px solid #fff;

    box-shadow: 0 0 18px #0002;

    margin-top: 2rem;

    height: 250px;

}

.contactInfo .map iframe {

    width: 100%;

    height: 100%;

}

.formStyle .form-control {

    border-radius: 0;

    border: 0;

    border-bottom: 1px solid var(--primary-color);

    background: transparent;

    height: 3.125rem;

    margin-bottom: .8rem;

}

.formStyle textarea.form-control {

    height: 10rem;

}

.formStyle .themeBtn {

    width: 100%;

}

.formStyle .themeBtn span {

    color: var(--white);

}

.modalStyle .modal-title {
    color: var(--white);
    opacity: 1;
}
.modalStyle .modal-header {
    background-image: linear-gradient(to right, #2e3192, #23449f, #1755ab, #1365b4, #1c75bc);
}
.modalStyle .form-control {
    border-bottom-color: #ccc;
    padding: 0;
    margin-bottom: 2rem;
}
.modalStyle label, .modalStyle h4 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.modalStyle h4 {
    font-size: 1rem;
}
.modalStyle .themeBtn:hover, .modalStyle .themeBtn:focus {
    background: var(--black);
    color: var(--white);
}
.copyright {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 1rem 0;
    width: 100%;
    z-index: 10;
}

.copyright a {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
    text-shadow: 2px 2px 6px rgb(255 255 255 / 50%);
}
#modalblogdetails {
    max-height: 50rem;
    min-height: 20rem;
    overflow-y: auto;
}
#modalblogdetails > img {
    height: 10rem;
    width: 100%;
    object-fit: cover;
    object-position: top left;
}
#modalblogdetails h4 {
    margin: 1rem 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
}