*{margin: 0px; padding: 0px; box-sizing: border-box;}
img, video{max-width: 100%;}
a,a:hover,a:visited,a:active,a:focus{text-decoration: none;}
ul{margin: 0px; padding: 0px;}
p{margin: 0px;}


/* body{font-family: 'Oswald', sans-serif;} */

header .header-bottom{padding: 10px 0px; background-color: #fff; left: 0px; right: 0px; z-index: 99;} 
header .header-bottom .navbar{padding: 0px;}
/* header .header-bottom .navbar .navbar-brand img{width: 90%;} */
header .header-bottom .navbar .navbar-brand{width:200px;}
header .header-bottom .navbar .navbar-brand img, footer .footer-top h3 img{border-radius: 50px;}
header .header-bottom .navbar .navbar-nav{align-items: center; justify-content: end; gap: 14px;}
header .header-bottom .navbar .navbar-nav .nav-link{color: #000000; font-size: 16px; font-weight: 400; position: relative; transition: .5s;     font-family: 'Open Sans';}
header .header-bottom .navbar .navbar-nav .nav-link:hover{color: #f77345}
header .header-bottom .navbar .navbar-nav .nav-link::before{position: absolute; content: ''; width: 0px; height: 2px; background-color: #f77345; bottom: 7px; transition: .5s; z-index: 1;}
header .header-bottom .navbar .navbar-nav .nav-link:hover::before{width: 100%;}
header .header-bottom .navbar .navbar-toggler{color: #127bbd; box-shadow: none; border: 2px solid #127bbd; border-radius:0px;}
header .header-bottom .navbar .offcanvas{width: 280px;}

/* header ko sticky karna ki */
.sticky .header-bottom{background-color: #fff;}
.sticky{background-color:#000000cc ; left: 0; right: 0;z-index: 999; position: fixed !important; top:0px; animation: slideDown .5s ease-out;}

@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(10);
    }
  }
header .heaberbooyem .offcanvas-title{color: #020202; }

.main{
  background: linear-gradient(180deg,#f1f6fa,#f9f8ff);
}

/* slider */

#slider .inr{align-items: center;}
#slider{background-image: url(../images/banner.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 45px 50px; position: relative; z-index: 1;}
#slider::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background-color: #00000080; z-index: -1;}
#slider .content h3{color: #fff; font-weight: 600; font-size: 30px; margin-top: 30px;}
#slider .content p{color: #fff; font-size: 16px; font-weight: 600;}
#slider .form-bg{box-shadow: 2px 2px 2px 8px rgba(229, 229, 229, 0.22); background-color: #fff8ed; padding: 30px 10px; border-radius: 10px;}
#slider form.row{row-gap: 10px;}
#slider form h3{color: #30343f; font-size: 25px; font-weight: 500; text-align: center;}
#slider form h3 span{color: #ff80a7;}
#slider form .form-label{color: #808080; font-size: 16px;}
#slider form .form-control{background-color: #fff; padding: 8px 10px; font-size: 14px; border-radius: 0px; color: #000;}
#slider form .form-control:focus{box-shadow: none; border-color: #ff80a7;}
#slider form .form-control::placeholder{color: #3b3b3b;}
#slider form .btn{background-color: #ff80a7; color: #fff; padding: 10px 35px; border-radius: 30px; text-transform: uppercase;}
#slider form .btn:hover{background-color: #ff80a7;}
#slider .form-bg .text{text-align: center; font-size: 11px; margin: 15px 0px 5px; color: #696969;}
#slider .form-bg .text-a{text-align: center; margin-top: -10px;}
#slider .form-bg .text-a a{font-size: 11px; border-bottom: 1px solid ;}

/* why-fasdes */

#why-fasdes{padding: 50px 0px;}
#why-fasdes .row{row-gap: 25px;}
#why-fasdes h2{font-size: 35px; font-weight: 700; text-align: center; margin-bottom: 50px;}
#why-fasdes h2 span{color: #4a90e2;}
#why-fasdes .iner{text-align: center; padding: 25px 10px; display:flex; flex-direction:column; justify-content:start;}
#why-fasdes .iner h3{font-size: 22px; font-weight: 700; margin-bottom: 10px;}
#why-fasdes .iner p{font-size: 14px; color: #6c757d; font-weight: 600;}

/* top-recruiters */

#top-recruiters{padding: 30px 50px 40px;}
#top-recruiters .row{row-gap: 25px;}
#top-recruiters h2{font-size: 35px; font-weight: 700; text-align: center; margin-bottom: 20px;}
#top-recruiters h2 span{color: #4a90e2;}
#top-recruiters .text{text-align: center; color: #6c757d; font-size: 21px; font-weight: 400; margin-bottom: 100px;}
#top-recruiters .imgs{border: 1px solid #d3d3d3; border-radius: 10px; padding: 20px; text-align: center; margin: auto; height: 110px; display: flex; align-items: center; justify-content: center;}
#top-recruiters .imgs img{width: 40%; max-height: 100%; object-fit: contain;}
@media (max-width: 768px) { 
    #top-recruiters .imgs img{width: 80%;} 
    #top-recruiters .imgs {padding:0;}
}
#top-recruiters .request-btn {text-align: center;}
#top-recruiters .request-btn a{padding: 10px 50px; display: inline-block; background-color: #ff80a7; color: #fff; text-transform: uppercase; font-weight: 600; border-radius: 30px;}

/* programmes-offered */

#programmes-offered{padding: 30px 50px 40px;}
#programmes-offered .row{row-gap: 25px;}
#programmes-offered h2{font-size: 35px; font-weight: 700; text-align: center; margin-bottom: 20px;}
#programmes-offered h2 span{color: #4a90e2;}
#programmes-offered .text{text-align: center; color: #6c757d; font-size: 21px; font-weight: 400; margin-bottom: 100px;}
#programmes-offered .iner{border: 1px solid #e5e5e5; padding: 10px; border-radius: 10px;}
#programmes-offered h4{background-color: #dbdbdd; color: #000; padding: 16px 20px; text-align: center; font-size: 16px; letter-spacing: 1px; margin-bottom: 0px;}
#programmes-offered .imgs img{height: 100%; object-fit: cover; width: 100%;}

.programm-row{display:flex; justify-content:center;}

#programmes-offered .request-btn {text-align: center;}
#programmes-offered .request-btn a{padding: 10px 50px; display: inline-block; background-color: #ff80a7; color: #fff; text-transform: uppercase; font-weight: 600; border-radius: 30px;}

/* about-fasdes */

#about-fasdes{background-image: url(../images/graphics.jpg); background-size: cover; background-position: center center; padding: 50px 50px; position: relative; z-index: 1;}
#about-fasdes::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background-color: #000000ad; z-index: -1;}
#about-fasdes .content{text-align: center;}
#about-fasdes .content h3{font-size: 35px; color: #fff; font-weight: 600; margin-bottom: 30px;}
#about-fasdes .content p{color: #fff; margin-bottom: 15px; font-size: 16px;     text-align: justify;}





/* footer */

footer{background-color: #fff; padding: 50px 20px 15px;}
footer .footer-top h3{font-size: 16px; margin-bottom: 15px; color: #000;}
footer .footer-top h3 img{width: 67%;}
/* footer .footer-top .text{font-size: 16px; width: 82%; font-family: 'Varela Round', sans-serif; color: #000; text-align: justify; margin-bottom: 20px;} */
footer .footer-top .icon li a{width: 40px; height: 40px; display: inline-block; border-radius: 50px; color: #ffffff; text-align: center; line-height: 40px;}
footer .footer-top .info li{color: #000; margin-bottom: 15px; font-size: 16;} 
footer .footer-top .info li i{font-size: 12px;}
footer .footer-top .info li a{color: #000; font-size: 16; display: inline-block;}

.logoicon{border-top: 1px solid #000; margin-top: 27px; padding-top: 15px;}
.logoicon .imgsc{text-align: center;}
.logoicon .imgsc img {width: 244px; padding: 5px 20px 12px; display: inline-block; background-color: #040203; border-radius: 30px;}

/* model */

.modal .forem .icon-input {position: relative;}
.modal .row{row-gap: 10px;}
.modal .modal-content{background-color: #f8f8f8; padding: 30px;}
.modal .forem span {position: absolute; top: 9px; left: 23px; color: #09a4d4;}
.modal .forem .form-control {background-color: #fff; padding: 10px 40px; box-shadow: none; border: transparent;
border-radius: 0px; margin-bottom: 10px; font-size: 18px; font-family: 'Varela Round', sans-serif;}
.modal form .btn{background-color: #ff80a7; color: #fff; padding: 10px 35px; border-radius: 30px; text-transform: uppercase;}
.modal form .btn:hover{background-color: #ff80a7;}
.modal form h3{color: #30343f; font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.modal form h3 span{color: #ff80a7;}
.modal form h6{color: #757575; font-size: 14px; margin-bottom: 20px;}


/* whatapp */
.quickcontact {
width: 40px;
position: fixed;
top: 77%;
right: 30px;
z-index: 9999;}
