@font-face{
	font-family: "Comfortaa";
	src: url("../css/fonts/Comfortaa.ttf") format("truetype");
}
@font-face{
	font-family: "raleway";
   src:url("../css/fonts/raleway.ttf") format("truetype");
}
@font-face{
	font-family: "raleway";
   src:url("../css/fonts/raleway.ttf") format("truetype");
}
@font-face{
	font-family: "av";
   src:url("../css/fonts/av.otf") format("opentype");
}
@font-face{
	font-family: "ps";
   src:url("../css/fonts/ps.ttf") format("truetype");
}
@font-face{
	font-family: "mt";
   src:url("../css/fonts/mt.ttf") format("truetype");
}
@font-face{
	font-family: "mon";
   src:url("../css/fonts/mon.ttf") format("truetype");
}
body {
    font-family: 'raleway';   
    
}

.display-none {
    display: none;
}

::selection {
    /*user-select: none; */
     
    }
nav {
    
    /* border-bottom:px solid #183fd8; */
    padding-top: -70px;
   
}
.navbar a {
    color: black;
    font-weight: bold;
    /* font-size: 14px; */
}
.logoImage{
    height: 125px;
    width: 126px;
    margin-top: -10px;
    z-index: 1;
    position: relative;
}
.vision-logo{
    margin-top: 7px;
}

#main-index-heading{
    font-size: 49px;
}

/* scroll bar  */
body::-webkit-scrollbar {
    background-color:#fff;
    width:16px
}

/* background of the scrollbar except button or resizer */
body::-webkit-scrollbar-track {
    background-color:#fff
}

/* scrollbar itself */
body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom, #183ed8b4,#1134c0c9, #0435fa) ;
    border-radius:16px;
    border:4px solid #fff
}

/* set button(top and bottom of the scrollbar) */
body::-webkit-scrollbar-button {display:none}

/* end of scroll bar */

.main-section {
    margin-top: -17px;
    background: url('../img/homee.jpg');
    background-size: cover;
   height: 540px;
}
.main-section2 {
    margin-top: -15px;
    background-image: linear-gradient(97deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 45%, transparent 45%), url('../img/whatwedo.JPG');
    background-size: cover;
   height: 618px;
}
.tenders-main-section {
    margin-top: -17px;
    background: url('../img/tenders.jpg');
    background-size: cover;
   height: 540px;
}

.careersMainSection{
    margin-top: -17px;
    background: url('../img/careers.jpg');
    background-size: cover;
   height: 600px;
}
/* MEDIA SECTION */

#mediaMainSection{
margin-top: 75px;


}
.aboutUs{  
   
    background: url('../img/aboutUs.jpg');
    height: 540px;
    background-size: cover;
}
.beforeSection
{
    margin-top: 44px;
}
#pf{
    font-size: 15px;
}
.btn-blue {
    background: #183fd8;
    color: white;
    width: 250px;
    border-radius: 30px;      
}
.btn-blue:hover{
    color: white;
}
.cards-section {
   margin-top: 0px;
    background: url('../img/home2.jpg');
    background-size: cover;
    height: 580px;
}
.index-cards {
    /* background: #e3e8f1; */
    border:none;
    border-radius: 30px;

}

.i-cards{
    border-radius:30px;
    border: none;
}


.index-cards:hover {
background: #183fd8;
color: #ffffff;
}


.bg-bluish{
    background: #183fd8;
    color: white;
}

.font-bold{
    font-weight: bold;
}


.main-footer{
   background: url("../img/footer.jpg");
   background-size: cover;
}

.bottom-links{
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
}

.bottom-links:hover{
    text-decoration: none;
    color: #ffffff;
    font-weight: bolder; 
}

.our-flex{
    display: flex;
    flex-direction: column;
    height: 240%;
    justify-content: center;
}

.btn-bluish{
    background: #183fd8;
    color: white;
    border:none;
}
.btn-bluish:hover{
    color:white;
}

.main {
    margin-top: 74px;
}
.main2 {
    margin-top: 127px;
}


.blue-text{
    color: #183fd8;

}

.btn-blue-block{
    color:#183fd8;
    background: #ffff;
    border-radius:  30px;
    height: 50px;
    border: solid 3px #183fd8;
}
.btn-blue-block:hover {
    color: #e3e8f1;
    background: #183fd8;
}
.footer-row{
    margin-top: 145px;
}
.footer-row2{
    margin-top: 80px;
}
.fontincrease{
    font-size: 20px;
    font-weight: bolder;
}

.button-links{
    background: white;
    color: black;
    border: solid 2px rgba(0,0,0,0.17);
    border-radius: 20px;
    height: 50px;
    font-weight: bolder;
}


.active-btn{
    background: #183fd8;
    color: white;
    /* border: solid 2px rgba(0,0,0,0.17); */
    border-radius: 20px;
    height: 50px;
    font-weight: bolder;
}

.button-links:hover{
    background: #183fd8;
    color: #ffffff;
    border: none;
}

.flex{
    margin-top: 120px;
}

#projectSection{
    margin-top: -17px;
    background: url(../img/projects.jpg);
    background-size: cover;
    height:     560px ;

}
.flexing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 368%;
}
.img-contact{
margin-top: -73px;
}

#modalEdit{
    /* background: url("../img/images/574.jpg");
    background-size: cover; */
    border-radius: 20px;
}
#congrats{
    /* color: #183fd8; */
    font-weight: bold;
}

#publications-links{
    text-decoration: none;
    color: black;
}
#spanning{
  position: relative;
  top: -5px;
}
.btn-read{
    border: 2px solid rgba(0,0,0,0.17);
    border-radius: 7px;
    color: #183fd8;
    font-size: 14px;
}
.btn-read:hover{
    border: 2px solid #183fd8;
    color: white;
    background: #183fd8;
}
.new-cards{
    border-radius: 15px;
}
.c_image{
    height: 200px;
}
#recentImg:hover{
background: rgba(0, 0, 0, 0.7);
}

#linksA:hover{
color: #ffff;
}
.mleft{
    margin-top: -32px;
}


/* SERVICE CHARTER AUDIO */
audio:hover, audio:focus, audio:active
{
-webkit-box-shadow: #FFF;
-moz-box-shadow: #FFF;
box-shadow: #FFF;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}


audio
{
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #006773;
-webkit-box-shadow:  2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}



/* .linksCards{
    background: url(../img/oncards.jpg);
    background-size: cover;
    color: #e3e8f1
} */


/* DEPENDING ON SCREENS */
/* SMALL SCREEN */
@media only screen and (max-width: 700px){
    .flex-area {
        margin-top: 50px;
    }
    .main-section{
        margin-top: 70px;
        height: 400px;  
    }
    #partnersSection{
        margin-top: 100px;
    }
    .cards-section {
    margin-top: 30px;
      background:#ffffff !important;
     }
     .beforeSection{
         margin-top: 120px;
     }
     .index-cards {
        height: 180px;
        border: 1px solid #e3e8f1;
     }
     #partnersSection{
         margin-top: 775px;
     }
     .cardsNews{
         margin-top : 104px;
     }
   #wedoSec{
       margin-top:180px;
   }
   .footer-row2{
       margin-top: 0px;
   }
   .footer-row{
       margin-top: 180px
   }
   #projectSection{
       background: #ffffff;
       margin-top: 50px;
   }
   .main-section2{
       margin-top: 40px;
   }
   #wedoSec{
       margin-top: 50px;
       margin-bottom: -30px;
   }
   .img-oops{
       height: 300px;
   }
   .main{
   margin-top: 120px;
   }
   #buttonsforNav{
       margin-top: -360px;
       margin-bottom: 54px;
   }
   .flexing{
       margin-top: -35px;
       
   }
   .main-section{
    background: #ffff;
    }
    .main-section2{
     background: #ffff;
     }
    .aboutUs{
        background:#ffff;
    }
    .logoImage{
        height: 50px;
        width: 50px;
        margin-bottom: 0px;
    }
    .navigation{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        background: #ffff;
    }
    #flexBoxing{
        margin-top: 150px;
    }
   #ourVision{
       margin-top: 225px;
   }
   .EachNewsSection{
       margin-top: 70px;
   }
   .careersMainSection{
       background: #FFF;
   }
}

/* LARGE SCREENS  */
@media only screen and (min-width: 1000px){
    .flex-area {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 150%;
    }
    .navbar ul a:hover {
        font-weight: bolder;
        border-bottom: solid 3px #183fd8 ;
    }
    .navbar .active {
    border-bottom: solid 3px #183fd8 ;
   }
   .logoImage{
    margin-bottom: -71px;
}
.contactSec{
    margin-top: -71px;
}
#ourVision{
    margin-top: 50px;
}
.cardsNews{
    margin-top: 90px;
}
}


.carousel-indicators .active{
    background-color: #0435fa;
}