@import "bootstrap.min.css";
@import "swiper-bundle.min.css";
@font-face {
    font-family: "Anaqa";
    src: url("../webfonts/Anaqa-Semibold.eot");
    src: url("../webfonts/Anaqa-Semibold.eot") format("embedded-opentype"),
        url("../webfonts/Anaqa-Semibold.woff2") format("woff2"), url("../webfonts/Anaqa-Semibold.woff") format("woff"),
        url("../webfonts/Anaqa-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Anaqa";
    src: url("../webfonts/Anaqa-Light.eot");
    src: url("../webfonts/Anaqa-Light.eot") format("embedded-opentype"),
        url("../webfonts/Anaqa-Light.woff2") format("woff2"), url("../webfonts/Anaqa-Light.woff") format("woff"),
        url("../webfonts/Anaqa-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Anaqa";
    src: url("../webfonts/Anaqa-Bold.eot");
    src: url("../webfonts/Anaqa-Bold.eot") format("embedded-opentype"),
        url("../webfonts/Anaqa-Bold.woff2") format("woff2"), url("../webfonts/Anaqa-Bold.woff") format("woff"),
        url("../webfonts/Anaqa-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Anaqa";
    src: url("../webfonts/Anaqa-Regular.eot");
    src: url("../webfonts/Anaqa-Regular.eot?#iefix") format("embedded-opentype"),
        url("../webfonts/Anaqa-Regular.woff2") format("woff2"), url("../webfonts/Anaqa-Regular.woff") format("woff"),
        url("../webfonts/Anaqa-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN Next LT Arabic";
    src: url("../webfonts/DINNextLTArabic-Regular.eot");
    src: url("../webfonts/DINNextLTArabic-Regular.eot?#iefix") format("embedded-opentype"),
        url("../webfonts/DINNextLTArabic-Regular.woff2") format("woff2"),
        url("../webfonts/DINNextLTArabic-Regular.woff") format("woff"),
        url("../webfonts/DINNextLTArabic-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Sakkal Majalla";
    src: url("../webfonts/SakkalMajalla.eot");
    src: url("../webfonts/SakkalMajalla.eot?#iefix") format("embedded-opentype"),
        url("../webfonts/SakkalMajalla.woff2") format("woff2"), url("../webfonts/SakkalMajalla.woff") format("woff"),
        url("../webfonts/SakkalMajalla.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('webfonts/Tajawal-Bold.eot');
    src: url('webfonts/Tajawal-Bold.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Tajawal-Bold.woff2') format('woff2'),
        url('webfonts/Tajawal-Bold.woff') format('woff'),
        url('webfonts/Tajawal-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('webfonts/Tajawal-Black.eot');
    src: url('webfonts/Tajawal-Black.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Tajawal-Black.woff2') format('woff2'),
        url('webfonts/Tajawal-Black.woff') format('woff'),
        url('webfonts/Tajawal-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('webfonts/Tajawal-ExtraLight.eot');
    src: url('webfonts/Tajawal-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Tajawal-ExtraLight.woff2') format('woff2'),
        url('webfonts/Tajawal-ExtraLight.woff') format('woff'),
        url('webfonts/Tajawal-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('webfonts/Tajawal-ExtraBold.eot');
    src: url('webfonts/Tajawal-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Tajawal-ExtraBold.woff2') format('woff2'),
        url('webfonts/Tajawal-ExtraBold.woff') format('woff'),
        url('webfonts/Tajawal-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('webfonts/Tajawal-Regular.eot');
    src: url('webfonts/Tajawal-Regular.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Tajawal-Regular.woff2') format('woff2'),
        url('webfonts/Tajawal-Regular.woff') format('woff'),
        url('webfonts/Tajawal-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('webfonts/Tajawal-Medium.eot');
    src: url('webfonts/Tajawal-Medium.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Tajawal-Medium.woff2') format('woff2'),
        url('webfonts/Tajawal-Medium.woff') format('woff'),
        url('webfonts/Tajawal-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('webfonts/Tajawal-Light.eot');
    src: url('webfonts/Tajawal-Light.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Tajawal-Light.woff2') format('woff2'),
        url('webfonts/Tajawal-Light.woff') format('woff'),
        url('webfonts/Tajawal-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



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

 
  /*
  margin-right: 0px;
  margin-left: 0px;
  height: 100%;
  width: 100%;height: 100%;
  width: 100;
  overflow-x: hidden; 
    left: 0;
  right: 0;
  bottom: 0;
  position: relative;
  overflow-x: hidden;*/
}

body {
    font-family: "Tajawal";
    font-weight: normal;
}

.btn {
    min-width: 157px;
    height: 80px;
    background: rgba(163, 134, 76, 0.24);
    font-weight: 600;
    font-size: 14px;
    color: rgba(67, 54, 31, 0.62);
}
.btn-primary {
    background: rgba(163, 134, 76, 0.24);
    border: none;
    color: #f0d1a0;
}
.btn-primary:hover {
    color: #d32027;
    background-color: #f0d1a0;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
a {
    transition: all 0.3s;
    text-decoration: none;
}
.form-control {
    height: 80px;
    background: rgba(163, 134, 76, 0.24);
    font-size: 25px;
    text-align: right;
    color: #f0d1a0;
    border: none;
}
.form-control:focus {
    box-shadow: none;
    background: rgb(240 209 160);
    color: #d32027;
}
.form-control::placeholder {
    color: #f0d1a0;
}
.form-group {
    margin-bottom: 30px;
}
textarea.form-control {
    height: auto;
    resize: none;
}
/* Header */
.topmenu {
    display: flex;
    align-items: center;
}

.topmenu .menuLink {
    display: flex;
    align-items: center;
}

.topmenu .socialLinks {
    display: flex;
    align-items: center;
    margin: 0 -10px;
    justify-content: flex-end;
}

.topmenu .socialLinks li {
    padding: 0 10px;
}
.topmenu .menuLink a svg,
.topmenu .socialLinks li a svg {
    width: 48px;
    height: 48px;
}
.headerCard .social-links li a:hover,
.topmenu .socialLinks li a {
    color: #fff;
}
.topmenu .menuLink a{
    color: #f0d1a0;
}
.topmenu .menuLink a:hover{
    color: #fff;
}
.topmenu .socialLinks li a:hover{
    color: #f0d1a0;
}
header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 70px 0;
    z-index: 99;
    transition: all 0.3s;
}
header.fixed {
    position: fixed;
    padding: 35px 0;
}

header.fixed .brandName img {
    height: 80px;
}
.hero-main {
    min-height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    padding: 100px 0 64px;
    position: relative;
}
@media screen and (max-width: 600px){
  .hero-main {
    padding-bottom: 30px !important;
  }
  .hero-main h1 {
    margin-bottom: 20px;
  }
}
.hero-main:after {
    content: "";
    width: 100%;
    height: 373px;
    background: linear-gradient(rgba(69, 51, 8, 0) 0%, #d32027 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.hero-main h1 {
    /*font-weight: 600;*/
    font-size: 85px;
    text-align: center;
    color: #f6b133;
}

.hero-main p {
    font-weight: 600;
    font-size: 45px;
    text-align: center;
    color: #fff;
    margin-bottom: 100px;
}

.hero-main span {
    font-weight: normal;
    font-size: 29px;
    text-align: center;
    color: #fff;
    display: inline-flex;
    margin-bottom: 13px;
}

.hero-main .container {
    position: relative;
    z-index: 8;
}

.bg-video-wrap {
   /* position: absolute; */
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    left: 0;
    right: 0;
    bottom: 0;
}
.hero-main video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
.wrapper {
    overflow: hidden;
}
.our-story {
    background: #d32027;
    position: relative;
    padding: 80px 0;
    z-index: 55;
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.our-story .container {
    position: relative;
    z-index: 5;
}
.image-26 {
    position: absolute;
    left: -519px;
    top: 130px;
    z-index: 5;
}
.image-8 {
    position: absolute;
    right: -406px;
    top: 333px;
    z-index: 5;
}
.title-media {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.title-media .media-body h4 {
    font-weight: 600;
    font-size: 53px;
    line-height: 82px;
    text-align: center;
    color: #739fa9;
    margin: 0;
}

.title-media .media-body h4 span {
    color: #f0d1a0;
}
.title-media .icon {
    margin-left: 10px;
}

.content p {
    font-family: "Tajawal";
    font-weight: normal;
    font-size: 21px;
    line-height: 44px;
    color: #fff;
    max-width: 892px;
}
.our-story .user {
    margin-top: 40px;
    display: flex;
    align-items: center;
}
.our-story .user .avatar {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 2px solid #a3864c;
    margin-left: 22px;
}

.our-story .user .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.our-story .user .name {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    margin-bottom: 8px;
}

.our-story .user span {
    display: block;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
}

.storyImg {
    position: absolute;
    width: 40vw;
    height: 95vh;
    left: -70px;
    -webkit-mask-image: url(../images/masking.png);
    mask-image: url(../images/masking.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.storyImg .story-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/mask2.jpg);
    background-size: cover;
        background-position: -300px 10px;
    background-position: center;
    background-attachment: fixed;
}

.our-vision {
    position: relative;
    z-index: 5;
    background-color: #6a0dad;
    min-height: 100vh;

    border-top: 24px solid #a3864c;
    border-bottom: 24px solid #a3864c;

    display: flex;
    align-items: center;
    
    padding: 100px 0;
        background-image: url(../images/bgguy.png);
    background-size: contain;
    background-repeat: no-repeat;
        background-position: bottom;
   
}
.our-vision .media .title-icon {
    display: flex;
    align-items: center;
}
.our-vision .media .title-icon i {
    margin-left: 20px;
    line-height: 1;
}
.our-vision .media .title-icon span {
    line-height: 1;
    display: inline-flex;
    flex: 1;
    font-weight: bold;
    font-size: 50px;
    text-align: left;
    color: #f0d1a0;
}
.our-vision .media {
    margin-bottom: 80px;
    max-width: 880px;
}

.our-vision .media p {
    font-family: "Tajawal";
    font-weight: normal;
    font-size: 21px;
    line-height: 44px;
    text-align: right;
    color: #fff;
}

.card-vision {
    background: rgb(226, 243, 247, 0.9);
    border: 1px solid #707070;
    padding: 25px;
        min-height: 213px;
}
.card-vision h4 {
    font-weight: bold;
    font-size: 20px;
    text-align: right;
    color: #d32027;
    margin-bottom: 7px;
    margin-top: 10px;
}

.card-vision p {
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
    text-align: right;
    color: #d32027;
    margin: 0;
}

.slider-vision .swiper-pagination {
    position: relative;
    bottom: auto;
    margin-top: 30px;
}
.swiper-pagination-bullet {
    background-color: #f0d1a0;
    opacity: 0.26;
}
.swiper-pagination-bullet-active {
    background-color: #f0d1a0;
    opacity: 1;
}

.cardSlider {
    max-width: 813px;
    position: relative;
}
.cardSlider .swiper-button-prev,
.cardSlider .swiper-button-next {
    top: 39%;
}
.cardSlider .swiper-button-prev:after,
.cardSlider .swiper-button-next:after {
    content: none;
}

.cardSlider .swiper-button-prev {
    left: -15px;
}
.cardSlider .swiper-button-next {
    right: -15px;
}
.card-sector {
    background: rgba(245, 177, 51, 0.12);
    padding: 40px 32px 20px;
    max-width: 614px;
}

.card-sector h3 {
    font-weight: bold;
    font-size: 50px;
    line-height: 78px;
    color: #f0d1a0;
    margin: 0 0 6px;
}
.card-sector h3 i {
    line-height: 1;
    margin-left: 12px;
}

.card-sector h4 {
    font-size: 38px;
    color: #b8c69a;
    margin: 0 0 12px;
    line-height: 57px;
}
.cardTree i {
    display: block;
    margin-bottom: 14px;
}

.cardTree {
    border-radius: 13px;
    background: rgba(245, 177, 51, 0.12);
    padding: 16px 15px 8px;
}

.card-sector .row {
    margin: 0 -5px;
}
.card-sector .row [class*="col-"] {
    padding: 0 5px;
    margin-bottom: 10px;
}

.cardTree h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-align: right;
    color: #f0d1a0;
}

.cardTree .counter {
    font-weight: 600;
    font-size: 28px;
    text-align: right;
    color: #b8c69a;
    display: flex;
    align-items: center;
}

.cardTree .counter span {
    font-weight: 600;
    font-size: 15px;
    text-align: right;
    color: #f0d1a0;
    margin-right: 14px;
}

.cardTree .headerCard {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}
.cardTree .headerCard .media-body {
    flex: 1;
    display: flex;
    font-weight: 600;
    font-size: 20px;
    text-align: right;
    color: #f0d1a0;
}

.cardTree .headerCard .media-body .icon {
    margin-left: 22px;
}

.cardTree .headerCard .text {
    font-weight: 600;
    font-size: 15px;
    text-align: right;
    color: #f0d1a0;
}

.cardTree .cardBody .form-control {
    height: 50px;
    background: rgba(240, 209, 160, 0.34);
    border: none;
    border-radius: 0;
    margin-left: 12px;
}
.cardTree .cardBody .btn {
    min-width: 77px;
    height: 50px;
    background: rgba(240, 209, 160, 0.44);
    border: none;
    font-weight: 600;
    font-size: 14px;
    color: rgba(67, 54, 31, 0.62);
}
.cardTree .cardBody .btn:hover{
    background: rgba(240, 209, 160, 0.2);
}
.cardTree .cardBody .form-control::placeholder {
    color: rgba(67, 54, 31, 0.62);
}

.opportunities {
    background-image: url(../images/bg-opp.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
 /*  background-size: contain; */
    background-size: cover;
    min-height: 100vh;
 /*  background-position: center;  */
    background-position: right center;
    position: relative;  
    z-index: 5;
    background-color: #0a1470;
    border-top: 24px solid #a3864c;
    border-bottom: 24px solid #a3864c;
    display: flex;
    align-items: center;
    padding: 100px 0;
}

.opportunities .container {
    position: relative;
    z-index: 5;
}
.opportunities .cloud {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
@keyframes clouds-loop-2 {
    to {
        background-position: -1000px 0;
        }
}
@keyframes clouds-loop-1 {
    to {
        background-position: -1579px 0;
    }
}

.opportunities .cloud.cloud1 {
    background-image: url(../images/cloud2.png);
    background-repeat: repeat-x;
    animation: clouds-loop-2 15s infinite linear;
}
.opportunities .cloud.cloud2 {
    background-image: url(../images/cloudLarge.png);
    background-repeat: repeat-x;
    animation: clouds-loop-1 17s infinite linear;
}

.opportunities h2 {
    font-weight: bold;
    font-size: 60px;
    line-height: 88px;
    color: #f6b133;
    margin-bottom: 23px;
}

.opportunities h2 span {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    line-height: 57px;
}

.opportunities p {
    font-family: "Tajawal";
    font-weight: normal;
    font-size: 21px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 30px;
}

.card-space {
 background: rgba(184, 198, 154, 0.36);
 border: 0px solid #044c08;
 padding: 25px 25px 10px;

}
.card-space h4 {
    font-weight: bold;
    font-size: 27px;
    line-height: 1.8;
    color: #d32027;
    margin-bottom: 10px;
}

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

.card-space .icon {
    margin-bottom: 8.8px;
    display: block;
    height: 30px;
}
.card-space .number {
    font-weight: bold;
    font-size: 50px;
    text-align: left;
    color: #d32027;
    line-height: 1;
}

.card-space .counter span {
    font-weight: 300;
    font-size: 13px;
    color: #d32027;
}

.content-main .row {
    margin: 0 -10px;
}
.content-main .row [class*="col-"] {
    padding: 0 10px;
    margin-bottom: 20px;
}

.content-main {
    max-width: 690px;
    margin: 0 auto;
}

.team {
    position: relative;
    z-index: 5;
    background-color: #d32027;
}
.team .container {
    position: relative;
    z-index: 5;
}
.title {
    text-align: center;
    font-weight: bold;
    font-size: 62px;
    color: #f0d1a0;
    line-height: 97px;
    margin: 0 0 70px;
}

.card-team {
    position: relative;
}
.card-team:after {
    /*SPC*/
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(rgba(69, 51, 8, 0) 0%, #d32027 100%);
    cursor: pointer;
}
.card-team:hover:after {
    background: none;
}
.card-team .media-team {
    display: flex;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
}
.card-team .media-team .media-body {
    flex: 1;
    text-align: left;
}

.card-team .media-team .media-body h4 {
    margin: 0;
   /* font-family: "Sakkal Majalla";*/
    font-weight: normal;
    font-size: 27px;
    color: #d32027;
}

.card-team .media-team .media-body p {
    font-family: "Tajawal";
    font-weight: normal;
    font-size: 12px;
    color: #d32027;
    margin: 0;
}

.card-team .media-team a {
    color: #d32027;
}
.card-team .media-team a svg {
    width: 28px;
    height: 28px;
}

.title-img img {
    width: 100%;
}

/* SPC */
.media-body img:hover {
    cursor: pointer;
}

.teamSlider {
    position: relative;

}

.teamSlider .swiper-button-prev:after,
.teamSlider .swiper-button-next:after {
    content: none;
}

.teamSlider .swiper-button-prev {
    left: -75px;
}
.teamSlider .swiper-button-next {
    right: -75px;
}

.slider-team .swiper-wrapper .swiper-slide:nth-child(odd) .card-team {
    margin-top: 80px;
}
/*.swiper-slide .title-img img{ height: 250px; width: auto;}*/
.team {
    padding: 170px 0;
    display: flex;
    align-items: center;
}

.team .shape {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
}
.team .tree {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    max-width: 100%;
}

.contact {
    /*SPC*/
    position: relative;
    z-index: 5;
    background-color: #d32027;
    border-top: 6px solid #a3864c;
    
  /*  border-bottom: 24px solid #a3864c;
    display: flex;
    align-items: center;
    padding: 72px 0 45px; */
}

.contact h3 {
    font-weight: bold;
    font-size: 53px;
    text-align: right;
    color: #f0d1a0;
    margin: 0;
}
.headerCard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;

     /* display:inline-block; */
}

.contact .media-press {
    display: flex;
}
.contact .media-press .icon {
    width: 53px;
    margin-left: 22px;
}

.contact .media-press .media-body h4 {
    font-weight: bold;
    font-size: 25px;
    line-height: 47px;
    text-align: center;
    color: #f0d1a0;
    margin-bottom: 25px;
}

.contact .media-press .media-body p {
    font-size: 17px;
    line-height: 47px;
    text-align: center;
    color: #b8c69a;
    margin: 0;
}

.contact .media-press .media-body p span {
    margin-left: 16px;
}
.media-press {
    padding: 32px;
    background: rgba(255, 255, 255, 0.06);
    margin-bottom: 10px;
}

.headerCard .social-links {
    display: flex;
    align-items: center;
    margin: 0 -20px;
}
.headerCard .social-links li a {
    color: #f0d1a0;
}
.headerCard .social-links li a svg {
    width: 36px;
    height: 36px;
}

.headerCard .social-links li {
    padding: 0 20px;
}


footerWin {
    position: relative;
    z-index: 5;
    background: #4c0404;

    border-top: 16px solid #a3864c;
   /* border-bottom: 24px solid #a3864c;  old background 044c08 */
    display: flex;
    align-items: center;
   
    padding: 34px 0 18px;
}
footerWin .quick-links {
    display: flex;
    align-items: center;
    margin: 0 10px;
}
footerWin .quick-links li a {
    font-weight: 300;
    font-size: 21px;
    text-align: left;
    color: #f0d1a0;
}
footerWin .socialLinks li a:hover,
footerWin .quick-links li a:hover {
    color: #fff;
}
footerWin .quick-links li {
    padding: 0 10px;
}

footerWin .row {
    align-items: center;
}

footerWin .socialLinks {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
footerWin .socialLinks li a {
    color: #f0d1a0;
}
footerWin .socialLinks li a svg {
    width: 20px;
    height: 20px;
}

footerWin .socialLinks li {
    margin: 0 9px;
}
footerWin .copyrightsWin {
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    color: #f0d1a0;
    margin-top:25px;
}







footer {
    position: relative;
    z-index: 5;
    background: #044c08;

    border-top: 24px solid #a3864c;
    border-bottom: 24px solid #a3864c;
    display: flex;
    align-items: center;
   
    padding: 72px 0 45px;
}

footer .quick-links {
    display: flex;
    align-items: center;
    margin: 0 15px;
}
footer .quick-links li a {
    font-weight: 300;
    font-size: 21px;
    text-align: left;
    color: #f0d1a0;
}
footer .socialLinks li a:hover,
footer .quick-links li a:hover {
    color: #fff;
}
footer .quick-links li {
    padding: 0 15px;
}

footer .row {
    align-items: center;
}

footer .socialLinks {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
footer .socialLinks li a {
    color: #f0d1a0;
}
footer .socialLinks li a svg {
    width: 24px;
    height: 24px;
}

footer .socialLinks li {
    margin: 0 9px;
}
footer .copyrights {
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    color: #f0d1a0;
    margin-top:50px;
}
.menu {
    position: fixed;
    width: 260px;
   /* background-color: #317134; 
   background: #c6ae86; 
    background: #317134; 044c08 dark
    6a0dad purple
    #00bfff blue
    d32027 red / rgb(211, 32, 39)
    */
    height: 100%;
    right: 0;
    top: 0;
    z-index: 111;
    transform: translateX(100%);
    transition: all 0.3s; max-width: 100%;

    border-left: 24px solid #a3864c;
    display: flex;
    padding: 72px 0 45px;

     /* background-color: #317134; */
    
    background-image: -moz-linear-gradient(
    90deg,
    #044c08 0%,
    #044c08 25%,
    #d32027 50%,
    #d32027 75%,
    #d32027 100%
  );
  background-image: -webkit-linear-gradient(
    90deg,
    #044c08 0%,
    #044c08 25%,
    #d32027 50%,
    #d32027 75%,
    #d32027 100%
  );
  background-image: -ms-linear-gradient(
    90deg,
    #044c08 0%,
    #044c08 25%,
    #d32027 50%,
    #d32027 75%,
    #d32027 100%
  );

  /* background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgb(106, 13, 173)), url(../images/menu-bkgnd.jpg);
   background-size: cover;
    background-repeat: no-repeat;
    background-position: -10px 10px;
    background-position: center;
    background-attachment: fixed; */

 /* background-image: url(../images/menu-bkgnd.jpg);  background-position: -300px 10px;*/
 
  
}

.menu ul {position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);padding: 0px 10%;text-align: center;}

.menu ul a {color: #fff;padding: 10px;display: block;}
.menu ul li a:hover{color: #f0d1a0;}
a.m-close {
    position: absolute;
    top: 20px;
    right: 20px;
}
a.m-close img {
    width: 18px;
    filter: invert(93%) sepia(82%) saturate(511%) hue-rotate(311deg) brightness(99%) contrast(91%);
}
.menu.open { transform: translateX(0%);}
.modal-content{
    background:#013113;
    /*
    background:#33044c;
    background-image:url('../images/modalbg.png') !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain; */
    color:#f0d1a0;
}
.modal-header{
    border-bottom: 0px solid #317134;
}
.btn-close{
    color:#f0d1a0 !important;
    margin:10px;
}

/* Style the tab */
.tab {
  overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: center;
 /* border: none;*/
  outline: none;
  cursor: pointer;
  padding: 0px 0px;
  transition: 0.3s;
  border: 1px solid #f0d1a0;
  border-radius: 7px;
  color:#f0d1a0;
  font-size: 20px;
  margin:10px; 
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #f0d1a0;
  color: #d32027;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #f0d1a0;
  color: #317134;
  border: 2px solid #a3864c;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}
.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.iconify[data-icon='dashicons:arrow-down-alt2'] {
   font-size: 25px;
}
.button-close {
  background-color: transparent;
  border: none;
  color: #f0d1a0;
  position: absolute;
  top: -70px;
  cursor: pointer;

}
.button-close span{
  font-size: 4rem;
}
.media-team .media-body {
    flex: 1;
    text-align: right;
}
#modal-info .modal-content{
    background-image:none !important;
    background:#d32027;
    color:#f0d1a0;
}
.btn-close{
  filter: brightness(0) invert(1);
}