@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url('main.css');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/*!
// <weight>: Use a value from 200 to 1000
// <uniquifier>: Use a unique and descriptive class name
*/

.nunito-sans-<uniquifier> {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

.tajawal-extralight {
  font-family: "Tajawal", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.tajawal-light {
  font-family: "Tajawal", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.tajawal-regular {
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.tajawal-medium {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.tajawal-bold {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.tajawal-extrabold {
  font-family: "Tajawal", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.tajawal-black {
  font-family: "Tajawal", sans-serif;
  font-weight: 900;
  font-style: normal;
}


/* Canvas Homepage CSS starts */
:hover {
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.bio-website, body {
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.bio-website .section-title {
  display: block;
  margin-bottom: 25px;
  font-size: 42px;
}
.bio-website .bio-header {
  display: block;
  position: absolute;
  padding: 30px 0;
  z-index: 1;
}
.bio-website .bio-header .bio-nav {
  display: block;
}

.bio-website .bio-header .bio-nav {
  display: block;
}

.bio-website .bio-header .bio-nav .lang-link {
  display: inline-block;
    font-size: 18px;
    font-family: "Tajawal", sans-serif;
    font-weight: 600;
    border-radius: 25px;
    border: 2px solid #00B2A9;
    padding: 10px 15px;
    line-height: 9px;
    color: #000000;

}
.header-container {
  width: 90%;
  margin: auto;
}

.bio-website .bio-header .bio-identity {
  text-align: right;
}
.bio-website .bio-header .bio-identity a {
  display: inline-block;
}

.bio-website .bio-header .bio-identity .logo {
  display: block;
  width: 185px;
}

.bio-website .main-banner {
  display: block;
  padding: 120px 0 0;
}
.bio-website .main-banner .row {
  display: flex;
      align-items: center;
}
.bio-website .main-banner .banner-imgs {
  display: block;
}

.bio-website .main-banner .banner-imgs .banner-img {
  display: block;
  width: 100%;
}
.bio-website .main-banner .banner-caption {
  display: block;
  padding-left: 40px;
    padding-top: 65px;
}
.bio-website .main-banner .banner-caption .caption {
  display: block;
  color: #1C80FA;
  font-size: 80px;
}
.bio-website .aboutus-sec {
  display: block;
  background: #1C80FA;
background: linear-gradient(90deg,rgba(28, 128, 250, 1) 0%, rgba(0, 176, 167, 1) 100%);
padding: 50px 0;
color: #FFFFFF;
}
.bio-website .aboutus-sec .about-us {
display: block;
}
.bio-website .aboutus-sec .about-us .content-area {
  display: block;
}

.bio-website .aboutus-sec .about-us .content-area p {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.bio-website .bio-footer {
  display: block;
  background-color: #00B2A9;
  padding: 50px 0;
}
.bio-website .bio-footer .footer-bio-identity {
  display: block;
}
.bio-website .bio-footer .footer-bio-identity .footer-logo-link {
  display: block;
}
.bio-website .bio-footer .footer-bio-identity .footer-logo-link .footer-logo {
  width: 145px;
  display: block;
}
.bio-website .bio-footer .copyrights {
  color: #000000;
  display: block;
  font-size: 12px;
  margin-top: 50px;
}
.bio-website .bio-footer .footer-nav {
  display: block;
}
.bio-website .bio-footer .social-media {
  display: block;
}
.bio-website .bio-footer .social-media ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
}
.bio-website .bio-footer .social-media ul li{
  list-style-type: none;
  margin: 0 5px;
}
.bio-website .bio-footer .social-media .social-link {
  display: block;
}
.bio-website .bio-footer .social-media  .social-link .socail-icons {
  display: block;
  width: 32px;
}
.ar p {
  text-align: right;
}

.ar .bio-website .main-banner .banner-imgs .banner-img {
  transform: scaleX(-1);
}
.ar .bio-website .bio-header .bio-identity {
  text-align: left;
}
.ar .bio-website .bio-header .bio-nav .lang-link {
  font-weight: 400;
  padding: 14px 15px 8px;
}



@media screen and (min-width: 1600px) {
  .section .section-container {
    max-width: 1236px;
  }
  /* .bio-website .main-banner .banner-caption .caption {
    font-size: 120px;
} */
}
@media screen and (min-width: 1550px) {
  .section .section-container {
    max-width: 1236px;
  }
}

@media screen and (max-width: 1024px) {
  .bio-website .main-banner .banner-imgs .banner-img {
    width: 100%;
}
.bio-website .main-banner .banner-caption .caption {
  font-size: 60px;
}
  
}

@media screen and (max-width: 768px) {
  .bio-website .main-banner .row {
    display: flex;
}
.bio-website .main-banner .banner-caption .caption {
  font-size: 42px;
}
.bio-website .section-title {
  font-size: 36px;
}
.bio-website .aboutus-sec .about-us .content-area p {
  font-size: 18px;
  margin-bottom: 15px;
}
  
}

@media screen and (max-width: 481px) {
  .bio-website .bio-header .bio-identity .logo {
    width: 100%;
}
  .bio-website .main-banner .row {
    display: block;
}
.bio-website .main-banner .banner-caption {
  display: block;
  padding-left: 15px;
  padding-top: 28px;
  margin-bottom: 20px;
}
.bio-website .main-banner .banner-caption .caption {
  font-size: 32px;
        width: 90%;
        margin: auto;

}
.bio-website .bio-footer {
  text-align: center;
}
.bio-website .bio-footer .footer-bio-identity .footer-logo-link .footer-logo {
  width: 145px;
  display: block;
  margin: auto;
}
.bio-website .bio-footer .social-media ul {
  justify-content: center;
  margin-top: 20px;
}
  
}
/* canvas Homepage CSS Ends */