@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Noto+Sans+Bengali:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {

  --blue: #144785;

  --indigo: #6610f2;

  --purple: #6f42c1;

  --pink: #e83e8c;

  --red: #dc3545;

  --orange: #fd7e14;

  --yellow: #ffc107;

  --green: #28a745;

  --teal: #20c997;

  --cyan: #17a2b8;

  --white: #fff;

  --gray: #6c757d;

  --gray-dark: #343a40;

  --primary: #01080f;

  --secondary: #6c757d;

  --success: #28a745;

  --info: #17a2b8;

  --warning: #ffc107;

  --danger: #dc3545;

  --light: #f8f9fa;

  --dark: #041525;
  

  --breakpoint-xs: 0;

  --breakpoint-sm: 576px;

  --breakpoint-md: 768px;

  --breakpoint-lg: 992px;

  --breakpoint-xl: 1200px;

  --font-family-sans-serif: 'Noto Sans Bengali', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}

*,
*::before,
*::after {

  box-sizing: border-box;

}

html {

  font-family: 'Cinzel', serif;

  line-height: 1.15;

  -webkit-text-size-adjust: 100%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {

  display: block;

}

body {

  margin: 0;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  font-family: 'Noto Sans Bengali', sans-serif;

  font-size: 1.2rem;

  font-weight: 400;

  line-height: 1.6;

  color: #2a2a2b;

  text-align: left;

  background-color: #fff;

}

h1,
h2,
h3,
h4,
h5,
h6 {

  font-family: 'Cinzel', serif;

}

.welcome {

  font-family: 'Cinzel', serif;

}

.title {

  background-color: #e8983e;

  color: aliceblue;

  padding-left: 2rem;

}

.title a,
.title a:visited {

  color: #212529;

}

.headeroverlay {

  position: absolute;

  top: 0px;

  width: 100%;

  height: 100%;

  background-color: #000000;

}

.headerimage {

  position: relative;

}

.headerimage img {

  width: 100%;

}

.jumbotron {

  padding: 0px
}

.bg-dark {

  background-color: #0c2c56 !important;

}

.display-4 {

  font-weight: 300;

  line-height: 1.2;

}

.nav-link:hover,
.nav-link:focus {

  text-decoration: none;

  background-color: #e8983e;

}

.nav-link:hover a,
.nav-link a:focus {

  color: #212529;

}

.navbar-dark .navbar-nav .nav-link {

  color: rgba(255, 255, 255, 1.0);

}

footer .nav-link:hover a,
footer .nav-link a:focus {

  color: #fff;

}

.navbar-nav {

  padding-right: 2rem;

}

.card {

  margin: 30px auto;

  border-radius: 10px;

  box-shadow: 5px 5px 30px 7px rgba(0, 0, 0, 0.25), -5px -5px 30px 7px rgba(0, 0, 0, 0.22);

  cursor: pointer;

  transition: 0.4s;

}

.card .card_image img {

  width: inherit;

  height: inherit;

  border-radius: 40px;

  object-fit: cover;

}

.card .card_title {

  text-align: center;

  border-radius: 0px 0px 40px 40px;

  font-family: sans-serif;

  font-weight: bold;

  font-size: 30px;

  height: 40px;

}

.title-white {

  color: white;

}

.title-black {

  color: black;

}

@media all and (max-width: 500px) {

  .card-list {

    /* On small screens, we are no longer using row direction but column */

    flex-direction: column;

  }

}

/* ----------------------------------------------------------------

    Hero CTA

-----------------------------------------------------------------*/



.footer {

  background-color: #00173596;

  color: #fff;

  font-size: 1.1rem;

}

.footer .nav-link {

  color: #fff;

}

.footover {

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

}

.logoheaderimage {

  z-index: 100;

  position: relative;

  top: -26px;

  margin-bottom: 74px;

  margin-left: 85px;

  height: 34px;



  overflow: visible;

}

@media (max-width: 990px) {

  .wflink-section {

    position: relative;

    margin-top: 10px;

    z-index: 0;

  }

  #footer {

    padding: 25px;

  }

}

.content_container {

  padding-bottom: 2rem;

  padding-top: 2rem;

}

.parallax-section {

  min-height: 400px;

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.parallax-home {

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

}

.parallax-content {

  padding-top: 100px;

  padding-bottom: 100px;

}



.navbar-pages {

  min-height: 125px;

}



.pagetitle hr {

  margin-top: .5rem;

  margin-bottom: 3rem;

  /* border: 100px; */

  border-top: 3px solid rgb(230 153 76);

}





.jumbotron {



  margin-bottom: 2rem;

  background-color: #fff;



}



blockquote {

  margin: 0px 25px 0rem;

}

@media screen and (max-width: 1224px) {

  .logoheaderimage {

    top: 5px;

    margin-bottom: 50px;

    margin-right: 15px;

  }

}

@media screen and (max-width: 768px) {

  .navbar-brand {

    font-size: 1.0rem;

  }

  .pagesjumbo {

    text-align: right !important;

    margin-left: 100px;

    background-color: #fff;

  }

  .welcome {
    background-color: #fecf7357;
  }

}

@media screen and (min-width: 769px) and (max-width: 1224px) {

  .welcome {

    color: #fff;

    text-align: left;

    max-width: 64dvw;



    top: -200px;

    left: -1dvw;

    margin-bottom: -123px;

    padding: 9px;

    border-radius: 10px;

    background-color: #0e2c54de;

  }

  .pagesjumbo {

    text-align: right !important;

    margin-left: 100px;

    background-color: #fff;

  }

}

@media screen and (min-width: 1225px) {

  .welcome {

    color: #fff;
    position: relative;

    text-align: left;

    max-width: 51dvw;

    top: -200px;

    margin-bottom: -123px;

    left: -10dvw;

    padding: 9px;

    border-radius: 10px;

    background-color: #0e2c54de;

  }

}
#topnav{
  background-color: #062852;
 
}
.bg-wfcoc-blue{
background-color:#052752;
}