/* @import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;400;500;600;700&family=Satisfy&display=swap"); */
/* bold font */
@font-face {
  font-family: sanfrancisco;
  src: url(../../fonts/sanfrancisco/SFUIText-Bold.otf);
}
/* heavy font */
@font-face {
  font-family: sanfrancisco;
  src: url(../../fonts/sanfrancisco/SFUIText-Heavy.otf);
}
/* Lite font  */
@font-face {
  font-family: sanfrancisco;
  src: url(../../fonts/sanfrancisco/SFUIText-Light.otf);
}
/* medium font */
@font-face {
  font-family: sanfrancisco;
  src: url(../../fonts/sanfrancisco/SFUIText-Medium.otf);
}
/* regular font */
@font-face {
  font-family: sanfrancisco;
  src: url(../../fonts/sanfrancisco/SFUIText-Regular.otf);
}
/* semibold font */
@font-face {
  font-family: sanfrancisco;
  src: url(../../fonts/sanfrancisco/SFUIText-Semibold.otf);
}

/* \fonts end */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: sanfrancisco;
  /* font-family: "Roboto", sans-serif; */
  /* font-family: "Josefin Sans", sans-serif; */
}
/* h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Satisfy", cursive;
} */

.fs-18 {
  font-size: 18px;
}

.fs-16 {
  font-size: 16px;
}

.fs-14 {
  font-size: 14px;
}

.fs-12 {
  font-size: 12px;
}

.m-top {
  margin-top: 116px;
}

:root {
  --color: #068bd6;
  --themeText: #fedd00;
}

.text-warning {
  color: white!important;
}

.color {
  color: var(--color);
}

.backColor {
  color: var(--color);
}

.p-100 {
  padding: 50px 0px;
}

.pb-100 {
  padding-bottom: 50px;
}

.pt-100 {
  padding-top: 50px;
}

.pera {
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: block;
  line-height: 2;
  margin-bottom: 4px;
  color: #5e848c;
  word-spacing: 2px;
}
p{
  line-height: 28px !important;
  color: #000000 !important;
  letter-spacing: 1px !important;
}
#navbar {
  background-color: var(--color);
}

.heading_2 {
  font-size: 60px;
  letter-spacing: -3px;
  margin-bottom: 0;
  line-height: 1.2;
  color: var(--color);
}

@media (max-width: 768px) {
  .heading_2 {
    font-size: 30px;
    letter-spacing: normal;
    margin-bottom: 0;
    line-height: normal;
    color: var(--color);
  }
}

.butn {
  border: 0;
  padding: 10px 20px;
  font-weight: 500;
  background-color: #fedd00;
  color: black;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  margin-top: 5px;
}

.butn:hover {
  transform: translatey(-5px);
  transition: all 0.3s ease-in-out;
}

/* / home page start  / */

/* / section1  / */

.navbar-brand img {
  width: 250px;
}

.slider {
  background: url("./img/slider1.jpg") no-repeat center/cover;
  width: 100%;
}

.image {
  position: relative;
}

.image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(16, 16, 66, 0.33);
  z-index: 1;
}

.img_body {
  position: absolute;
  bottom: 0%;
  z-index: 1;
  left: 0;
  color: white;
  line-height: 1.1;
  margin-bottom: 31px;
  /* transform: translate(-50%); */
  text-align: center;
  width: 100%;
}

.img_body h1 {
  font-size: 80px;
}

.img_body h6 {
  font-size: 18px;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
  position: absolute;
  top: 40%;
  background: white;
  width: 70px;
  height: 60px;
  margin-left: 20px;
  border-radius: 5px;
}

.carousel .carousel-control-next {
  margin-left: auto;
  margin-right: 20px;
}

.carousel .carousel-control-next:hover {
  background: var(--color);
}

.carousel .carousel-control-prev:hover {
  background: var(--color);
}

.carousel .carousel-control-next:hover i {
  color: white;
}

.carousel .carousel-control-prev:hover i {
  color: white;
}

.carousel-control-prev i {
  color: black;
}

.carousel-control-next i {
  color: black;
}

.navbar {
  background-color: var(--color);
}

.navbar ul li {
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #fff;
  padding: 20px 10px;
  display: block;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.nav-item {
  padding: 25px 20px;
  transition: all 0.3s ease-in-out;
}

/* / .section2  / */
.process .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  font-size: 160px;
  font-weight: 700;
  color: #f8f8f8;
  line-height: 0.8;
  z-index: -1;
}

.section2 h3 {
  font-size: 24px;
  letter-spacing: -1px;
  margin-bottom: 16px;
}

.section2 p {
  line-height: 28px;
  color: #5e848c;
  letter-spacing: 1px;
}

.grid {
  cursor: pointer;
}

.grid:hover .box {
  border: 2px solid var(--color);
  transition: all 0.4s ease-in-out;
}

.box {
  cursor: pointer;
  border: 2px solid lightcyan;
  transition: all 0.4s ease-in-out;
}

/* / .section3  / */

.category {
  z-index: 1;
}

.category .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: -40px;
  font-size: 160px;
  font-weight: 700;
  color: white;
  line-height: 0.8;
  z-index: -1;
}

.section3 {
  background-color: #f3fbff;
  height: 650px;
}

.section3 p {
  line-height: 28px;
  color: #5e848c;
  letter-spacing: 1px;
}

.section3 .imag img {
  width: 55px;
  margin: 0 auto 15px;
}

.section3 .imag {
  background: #ffffff;
  min-height: 200px;
  min-width: 200px;
  text-align: center;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.3s linear;
  margin-bottom: 30px;
}

.section3 .imag:hover {
  background-color: var(--color);
  transition: all 0.3s ease-in-out;
  color: white;
}

.section3 .imag:hover span {
  color: white;
}

.section3 span {
  color: white;
}

.section3 span {
  font-size: 18px;
  margin-bottom: 0;
  color: #001d23;
  font-weight: 700;
}

/* / .section4  / */
.section4 .bgimage .bg_body {
  transform: translate(35%, -178%);
}

.section5 {
  background-color: #f3fbff;
}

.swipe p {
  text-align: start;
  line-height: 2;
  letter-spacing: 2px;
}

/* .swipe .icon {
    width: 50px;
    height: 50px;
    background: lightcyan;
  }
  .swipe .icon:hover {
    background-color: var(--color);
    color: white;
  } */

.Feedbacks .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: -40px;
  font-size: 160px;
  font-weight: 700;
  color: white;
  line-height: 0.8;
  z-index: -1;
}

/* / swiper slider  / */

swiper-container {
  width: 100%;
  height: 100%;
}

swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swipe {
  background-color: white;
}

footer {
  background: var(--color);
}

.first_slide img {
  height: calc(100vh - 116px);
  object-fit: cover;
}
/* / section5  / */

@media (max-width: 1440px) {
  .category .overlay {
    font-size: 60px;
  }

  .Feedbacks .overlay {
    font-size: 40px;
  }

  .process .overlay {
    font-size: 60px;
  }

  .img_body h1 {
    font-size: 72px;
  }
}

@media (max-width: 1023.98px) {
  .section3 {
    height: auto;
  }
}

@media (max-width: 767.98px) {
  .carousel .carousel-control-prev {
    margin-left: 10px;
  }

  .carousel .carousel-control-next,
  .carousel .carousel-control-prev {
    width: 30px;
    top: 50%;
    height: 30px;
    margin-right: 10px;
  }
}

/* / home page end  / */

/* event start */
.event {
  background: url(../../images/event.jpg) no-repeat center/cover;
  width: 100%;
  height: 350px;
}

.event h1 {
  font-size: 62px;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.3px;
  margin-bottom: 0;
  position: relative;
}
/* event end */
/* support start */
.support {
  background: url(../../images/support.jpg) no-repeat center/cover;
  width: 100%;
  height: 350px;
}
.support h1 {
  font-size: 62px;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.3px;
  margin-bottom: 0;
  position: relative;
}
/* support end */
/* / about start  / */

/* / scetion 2  / */

.about {
  background: url(../../images/about.jpg) no-repeat center/cover;
  width: 100%;
  height: 350px;
}

.about h1 {
  font-size: 72px;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.3px;
  margin-bottom: 0;
  position: relative;
}

/* / section 3 / */
.about_sec_3 {
  margin-bottom: -8%;
}

.about_sec_3 .icon {
  width: 100px;
  height: 100px;
  background: red;
}

/* / .section 4  / */
.about_sec_4 h3 {
  font-size: 24px;
  letter-spacing: -1px;
  margin-bottom: 16px;
}

.about_sec_4 p {
  line-height: 28px;
  color: #5e848c;
  letter-spacing: 1px;
}

/* / .section 5 / */

.about_sec_5 {
  background: #001d23;
  height: 600px;
}

/* / section 6 / */

.about_sec_6 h3 {
  font-size: 24px;
  letter-spacing: -1px;
  margin-bottom: 16px;
}

.about_sec_6 p {
  line-height: 28px;
  color: #5e848c;
  letter-spacing: 1px;
}

.about_sec_6 .icon {
  background: #edf5f7;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 20px;
}

.about_sec_6 .img {
  margin-top: -40px;
}

/* / .section7  / */

.about_sec_7 {
  background: #f7f7f7;
  height: 400px;
}

.about_sec_7 .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: -40px;
  font-size: 160px;
  font-weight: 700;
  color: white;
  line-height: 0.8;
  z-index: -1;
}

/* / section end  / */

.about_sec_8 {
  margin-top: -8%;
}

.about_sec_8 .Founder {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.about_sec_8 .star {
  width: 70px;
  height: 70px;
  background-color: var(--color);
  color: white;
  position: absolute;
  top: -30px;
  right: 30px;
}

.about_sec_8 ul li {
  cursor: pointer;
}

.about_sec_8 ul .youtube:hover {
  background-color: rgb(87, 65, 135);
  transition: all 0.2s ease-in-out;
}

.about_sec_8 ul {
  position: absolute;
  right: 2px;
  bottom: 55px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.about_sec_8 ul .youtube {
  width: 70px;
  height: 70px;
  background-color: var(--color);
  color: white;
  transition: all 0.2s ease-in-out;
}

.founder2:hover ul {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 768px) {
  .about_sec_5 {
    height: auto;
  }

  .about_sec_3 .icon {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 1024px) {
  .about_sec_6 .img {
    margin-top: 0px;
  }
}

/* / Literary start / */

.Literary_sec_1 {
  background: url(../../images/Literary_sec_1.jpg) no-repeat center/cover;
  width: 100%;
  height: 350px;
}

.Literary_sec_5 .process .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: -40px;
  font-size: 160px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  line-height: 0.8;
  z-index: -1;
}

.Literary_sec_1 h1 {
  font-size: 62px;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.3px;
  margin-bottom: 0;
  position: relative;
}

.Literary_sec_end {
  background: url("./img/slider1.jpg") no-repeat center/cover;
  width: 100%;
  height: 650px;
  z-index: 1;
}

/* / section3  / */

/* media Coverage */
.media_coverage {
  background: url(../../images/media_coverage.jpg) no-repeat top/cover;
  width: 100%;
  height: 350px;
}

.media_coverage h1 {
  font-size: 62px;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.3px;
  margin-bottom: 0;
  position: relative;
}
/* \media Coverage */
@media (max-width: 1024px) {
  .Literary_sec_5 .process .overlay {
    font-size: 40px;
  }

  .Literary_sec_3 .date {
    position: relative;
  }

  .Literary_sec_3 .date2 {
    position: relative;
  }
}

/* / membership from  / */

.member {
  background: url(../../images/member.jpg) no-repeat center/cover;
  width: 100%;
  height: 350px;
}

.member h1 {
  font-size: 62px;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.3px;
  margin-bottom: 0;
  position: relative;
}

@media (max-width: 768px) {
  .member h1 {
    font-size: 20px;
  }
}

/* / contact  / */

.contact {
  background: url(../../images/contact.jpg) no-repeat center/cover;
  width: 100%;
  height:  350px;
}

.contact h1 {
  font-size: 62px;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.3px;
  margin-bottom: 0;
  position: relative;
}

.contact_3 .grids {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.contact_3 .grids:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease-in-out;
}

.contact_4 h6 {
  position: relative;
}

.contact_4 h6::before {
  content: "";
  position: absolute;
  top: 38%;
  left: 0;
  width: 36px;
  background-color: #295bab;
  height: 3px;
}

.rcicon {
  max-width: 80px;
  width: 100%;
  height: 80px;
  border-radius: 50%;
  background-color: var(--color);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  font-size: 22px;
}

.form-group label {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0 5px;
}

.form-group .form-control {
  border-radius: 10px;
  border: none;
  font-size: 16px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.175);
  height: 44px;
}

.form-group textarea.form-control {
  height: 120px;
}

/* / gallary start  / */

.gallary {
  background: url(../../images/gallery.jpg) no-repeat center/cover;
  width: 100%;
  height: 350px;
}

.gallary h1 {
  font-size: 62px;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.3px;
  margin-bottom: 0;
  position: relative;
}

/* / Section editor content / */
.tmc-editor p {
  color: red;
}

@media (max-width: 768px) {
  .gallary h1 {
    font-size: 20px;
  }
}

/* /* /* / / owl carousel  / / */
*/ */ #news-slider {
  margin-top: 80px;
}

.post-slide .post-description {
  line-height: 24px;
  color: #808080;
  margin-bottom: 25px;
}

/* / dropzone  / */

.dz-image img {
  width: 100%;
  height: 100%;
}

.dropzone.dz-started .dz-message {
  display: block !important;
}

.dropzone {
  border: 2px dashed #028af4 !important;
}

.dropzone .dz-preview.dz-complete .dz-success-mark {
  opacity: 1;
}

.dropzone .dz-preview.dz-error .dz-success-mark {
  opacity: 0;
}

.dropzone .dz-preview .dz-error-message {
  top: 144px;
}

.tmc-editor p {
  color: #5e848c !important;
}

.swiper-horizontal {
  touch-action: pan-y;
  padding-bottom: 30px !important;
}

@media (min-width: 1540px) {
  .container {
    max-width: 1500px !important;
  }
}

@media (max-width: 1610px) {
  .navbar ul li {
    font-size: 18px;
    padding: 20px 10px;
  }
}

@media (max-width: 1199.98px) {
  .navbar ul li {
    font-size: 16px;
    padding: 3px 10px;
  }
  .first_slide img {
    min-height: 100%;
    height: auto;
    max-height: 800px;
    object-fit: fill;
    object-position: top;
  }
  .first_slide {
    height: 65vh;
    overflow-y: hidden;
  }

  .img_body h1 {
    font-size: 64px;
  }
}

@media (max-width: 767.98px) {
  .footer_rico {
    font-size: 14px;
    white-space: wrap;
  }
  .foot_heading {
    font-size: 18px;
  }
  .footer_items {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .co_p {
    font-size: 14px;
  }
  .first_slide img {
    max-height: 600px;
  }
  .first_slide {
    height: 50vh;
    overflow-y: hidden;
  }

  .img_body h1 {
    font-size: 48px;
  }
}

@media (max-width: 575.98px) {
  .navbar-brand img {
    width: 160px;
  }
  .m-top {
    margin-top: 84px;
  }
  .first_slide img {
    max-height: 250px;
  }
  .first_slide {
    height: 30vh;
    overflow-y: hidden;
  }
}

.image_top img {
  height: 350px;
  object-fit: contain;
}
.image_top img {
  height: 350px;
  object-fit: contain;
}
.image_top {
  box-shadow: 0px 0px 4px #ddd;
  border-radius: 6px 6px 0px 0px;
}