/* ========== Css Font Style Here */
@font-face {
  font-family: "RoobertTRIAL_Regular";
  src: url("../fonts/RoobertTRIAL_Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MagnatBold";
  src: url("../fonts/MagnatBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

/* ========== Css Root Style Here */
:root {
  /* Colors */
  --dark_color: #030A1D;
  --white_color: #ffffff;

  /* Size */
  --manu_text: 20px;

  /* Fonts */
  --font_roobert_regular: "RoobertTRIAL_Regular", "Inter", system-ui;
  --font_magnat_bold: "MagnatBold", "Inter", system-ui;
}
body {
  font-family: var(--font_roobert_regular);
  background-color: #030A1D;
}
/* ========== My Button Css Here  */
/* Base button */
.viewon_button {
	display: inline-block;
	position: relative;
	height: 50px;
	line-height: 50px;
	padding: 0 28px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	background: linear-gradient(88deg, #1d40f1, #05e5e2e0);
	white-space: nowrap;
	transition: transform 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, color 0.5s ease;
}

/* --- Grow Right --- */
.viewon_button.grow-right {
	transform-origin: left;
}

.viewon_button.grow-right:hover {
	transform: scaleX(1.2);
	box-shadow: 0 0 25px rgba(29, 64, 241, 0.6), 0 0 45px rgba(94, 132, 231, 0.5);
	background: #655cda;
	color: #fff;
}

/* --- Grow Center --- */
.viewon_button.grow-center {
	transform-origin: center;
}

.viewon_button.grow-center:hover {
	transform: scaleX(1.2);
	box-shadow: 0 0 25px rgba(29, 64, 241, 0.6), 0 0 45px rgba(94, 132, 231, 0.5);
	background: #655cda;
	color: #fff;
}

/* --- Grow Left --- */
.viewon_button.grow-left {
	transform-origin: right;
}

.viewon_button.grow-left:hover {
	transform: scaleX(1.2);
	box-shadow: 0 0 25px rgba(29, 64, 241, 0.6), 0 0 45px rgba(94, 132, 231, 0.5);
	background: #655cda;
	color: #fff;
}


/* ========== Navbar Css Style Here  */
.container-fluid {
  padding-right: 50px;
  padding-left: 50px;
}
.navbar {
	height: 100px;
	background-color: var(--dark_color);
	position: relative !important;
	z-index: 9999 !important;
}
.navbar-brand img {
  height: 60px;
}
.nav-item .nav-link {
  font-size: var(--manu_text);
  color: var(--white_color);
  margin-right: 60px;
  font-family: var(--font_roobert_regular);
}

.menu-icon {
	width: 30px;
}
.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 0;
}
/* ========== Hero Section Css Style Here  */
#hero_section_area {
  position: relative;
  background-color: var(--dark_color);
  background-image: url(../img/hero/bg.png);
  background-size: cover; /* makes image cover entire section */
  background-position: center; /* centers the image */
  background-repeat: no-repeat; /* prevents tiling */
}

#hero_section_area .hero_content {
	padding: 150px 0 0 0;
	z-index: 999;
	position: relative;
}
#hero_section_area .hero_content h1 {
  font-family: var(--font_roobert_regular);
  font-size: 64px;
  font-weight: 650;
  color: var(--white_color);
}
#hero_section_area .hero_content p {
	font-family: var(--font_roobert_regular);
	font-weight: 400;
	font-size: 20px;
	letter-spacing: -1.5%;
	line-height: 35px;
	color: var(--white_color);
	margin-bottom: 40px;
	opacity: .7;
}
#hero_section_area .hero_img {
  display: flex;
  justify-content: center;
}
#hero_section_area .hero_img img {
  margin-top: 50px;
}
#school_sponsar {
  padding-top: 120px;
  padding-bottom: 50px;
  background-color: var(--dark_color);
}
#school_sponsar p {
  font-family: var(--font_roobert_regular);
  font-weight: 650;
  font-style: SemiBold;
  font-size: 20px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  margin-top: 24px;
  margin-left: 20px;
}

/* ========== Whats Mettars  Section Css Style Here  */
#matters_area {
  background-color: var(--dark_color);
  padding-top: 50px;
}
#matters_area .mettar_title h3 {
  font-family: var(--font_roobert_regular);
  font-weight: 650;
  font-size: 64px;
  letter-spacing: -1.5%;
  color: var(--white_color);
}
#matters_area .mettar_title p {
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  width: 80%;
}
#matters_area .mettars_image {
  margin-top: 70px;
  margin-bottom: 60px !important;
}
#matters_area .mettars_image .matters_logo_over {
  position: absolute;
  top: -50px;
  left: 0;
}
#matters_area .mettars_image .matters_img_card {
  position: absolute;
  bottom: 20px;
  width: 100%;
}

#matters_area .mettars_image .matters_card {
  border: 1px solid transparent; /* border thickness */
  border-radius: 10px;
  background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box,
    /* ভিতরের bg */ linear-gradient(90deg, #1d40f1, #05e5e2) border-box; /* border gradient */
  padding: 12px 15px 15px 15px;
  position: relative;
  margin-bottom: 16px;
}

#matters_area .mettars_image .matters_card h4 {
  font-family: var(--font_roobert_regular);
  font-weight: 650;
  font-size: 20px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  position: relative;
  margin-bottom: 0px;
}
#matters_area .mettars_image .matters_card p {
  font-family: var(--dark_color);
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  margin-bottom: 0px;
}
.matters_right_card {
  margin-top: 70px;
}
.matters_right_card .matters_card2 .count_box {
  position: relative;
  border-radius: 16px;
  background: linear-gradient(
    88deg,
    #6941d22b,
    rgba(5, 229, 226, 0.89),
    rgba(5, 229, 226, 0.26),
    rgba(5, 229, 226, 0.42),
    rgba(5, 229, 226, 0.85)
  );
  z-index: 0;
  overflow: hidden;
  width: 32px;
  height: 32px;
  text-align: center;
  padding: 3px;
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  margin-bottom: 12px;
}
.matters_right_card .matters_card2 .count_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin: 1px 0px 0px 1px;
  border-radius: 16px;
  background: var(--dark_color);
  z-index: -1;
}
.matters_right_card .matters_card2 h4 {
  font-family: var(--font_roobert_regular);
  font-weight: 650;
  font-size: 20px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  position: relative;
  z-index: 1;
}
.matters_right_card .matters_card2 p {
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  opacity: 0.7;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.matters_card2 {
  border: 1px solid transparent; /* border thickness */
  border-radius: 10px;
  background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box,
    /* ভিতরের bg */ linear-gradient(90deg, #1d40f1, #05e5e2) border-box; /* border gradient */
  padding: 12px 8px 30px 30px;
  position: relative;
  margin-bottom: 16px;
}
.matters_card2 img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

#mission_vision_section {
  padding-top: 90px;
  background-color: var(--dark_color);
}
#mission_vision_section h3 {
  font-weight: 650;
  font-size: 20px;
  color: var(--white_color);
  margin-bottom: 32px;
}
#mission_vision_section .vision_card p {
  font-weight: 400;
  font-size: 20px;
  color: var(--white_color);
  opacity: 0.7;
}
#mission_vision_section .mission_box {
  border: 1px solid transparent; /* border thickness */
  border-radius: 10px;
  background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box,
    /* ভিতরের bg */ linear-gradient(90deg, #1d40f1, #05e5e2) border-box; /* border gradient */
  padding: 12px 15px 15px 15px;
  position: relative;
  margin-bottom: 16px;
}
#mission_vision_section .mission_box p {
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 15px;
  color: var(--white_color);
  margin-top: 22px;
  position: relative;
  z-index: 1;
}
#mission_vision_section .mission_box .matters_card_bg_img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

#milestones_section_area {
  background-color: var(--dark_color);
}

.milestones_card {
  border: 1px solid transparent; /* border thickness */
  border-radius: 10px;
  background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box,
    /* ভিতরের bg */ linear-gradient(90deg, #1d40f1, #05e5e2) border-box; /* border gradient */
  padding: 12px 15px 15px 15px;
  position: relative;
  margin: 36px;
  padding: 45px;
}
.milestones_text h3 {
  font-family: var(--font_roobert_regular);
  font-weight: 650;
  font-size: 64px;
  letter-spacing: -1.5%;
  line-height: 60px;
  color: var(--white_color);
}
.milestones_text p {
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  opacity: 0.7;
}
.milestones_img img {
  width: 100%;
}
.milestones_card a {
  margin-top: 20px;
  margin-left: 40px;
}

#innovate_area {
  background-color: var(--dark_color);
  padding: 60px 0px;
}
.innovate_title h3 {
  font-family: var(--font_roobert_regular);
  font-weight: 650;
  font-size: 64px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  margin-bottom: 80px;
}
.innovate_text p {
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 20px;
  color: var(--white_color);
  opacity: 0.7;
  margin-bottom: 60px;
}
#future_area {
  background-color: var(--dark_color);
  padding: 70px 0px;
}
.future_title {
  background-image: url("../img/future/bg_effect.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.future_title h3 {
  font-family: var(--font_roobert_regular);
  font-weight: 650;
  font-size: 64px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  padding-top: 80px;
  padding-bottom: 30px;
}
.future_text p {
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  padding-top: 47px;
  padding-bottom: 65px;
  width: 70%;
  margin: 0 auto;
}
#need_know_area {
  background-color: var(--dark_color);
  text-align: center;
  padding-top: 90px;
}
.need_know_title h3 {
  font-family: var(--font_roobert_regular);
  font-weight: 650;
  font-size: 64px;
  letter-spacing: -1.5%;
  color: var(--white_color);
}
.need_know_title p {
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -1.5%;
  opacity: 0.7;
  color: var(--white_color);
}

.accordion-item:first-of-type .accordion-button {
  border: 1px solid transparent;
  border-radius: 10px;
  background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box,
    linear-gradient(90deg, #1d40f1, #05e5e2) border-box;
  position: relative;
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -1.5%;
  color: var(--white_color);
}
.accordion-button:not(.collapsed) {
  border: 1px solid transparent;
  border-radius: 10px;
  background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box,
    linear-gradient(90deg, #1d40f1, #05e5e2) border-box;
  position: relative;
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -1.5%;
  color: var(--white_color);
}
.accordion-button:focus {
  border: 1px solid transparent;
  border-radius: 10px;
  background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box,
    linear-gradient(90deg, #1d40f1, #05e5e2) border-box;
  position: relative;
}
.accordion-button {
  border: 1px solid transparent;
  border-radius: 10px;
  background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box,
    linear-gradient(90deg, #1d40f1, #05e5e2) border-box;
  position: relative;
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  margin-bottom: 25px;
}
.accordion-item {
  background-color: var(--dark_color);
  border: 1px solid rgba(0, 0, 0, 0);
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b6fe00;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 109, 253, 0);
}
.accordion-body {
  padding: 0px;
  text-align: start;
  font-family: var(--font_roobert_regular);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -1.5%;
  color: var(--white_color);
  opacity: 0.7;
  padding-bottom: 15px;
}
.need_know_faq {
  margin-top: 94px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(10px - 1px);
  border-bottom-left-radius: calc(10px - 1px);
}
/* ======= Contact Section Css Here  */
#contact_area{
  background-color: var(--dark_color);
  padding-bottom: 140px;
}
.contact_title{
  background-image: url(../img/contact/title_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 130px 0;
}
.contact_title h3{
font-family: var(--font_roobert_regular);
font-weight: 650;
font-size: 64px;
letter-spacing: -1.5%;
color: var(--white_color);
}
#contact_area .contact_box {
	border: .5px solid transparent;
	border-radius: 10px;
	background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box, linear-gradient(90deg, #1d40f1, #05e5e2) border-box;
	padding: 12px 15px 15px 15px;
	position: relative;
	margin-bottom: 16px;
}
#contact_area .contact_box h3 {
	font-family: var(--font_roobert_regular);
	font-weight: 650;
	font-size: 22px;
	letter-spacing: -1.5%;
	margin-top: 22px;
	position: relative;
	z-index: 1;
  color: var(--white_color);
}
#contact_area .contact_box img {
	width: 35px;
	margin-top: 10px;
}
#contact_area .contact_box p {
	font-family: var(--font_roobert_regular);
	font-weight: 400;
	font-size: 15px;
	color: var(--white_color);
	margin-top: 8px;
	position: relative;
	z-index: 1;
  opacity: .7;
}
#contact_area .contact_box p a{
	font-family: var(--font_roobert_regular);
	font-weight: 400;
	font-size: 15px;
	color: var(--white_color);
	margin-top: 8px;
	position: relative;
	z-index: 1;
  opacity: .7;
  text-decoration: none;
}
#contact_area .contact_box .matters_card_bg_img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

/* Footer Section Css Here  */
#footer_area{
  background-color: var(--dark_color);
  position: relative;
  padding-top: 53px;
  padding-bottom: 170px;
}
#footer_area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; /* line height */
  background: linear-gradient(
    to right,
    transparent,
    #00e5ff,
    transparent
  );
}
#footer_area .footer_link h4{
font-family: var(--font_roobert_regular);
font-weight: 400;
font-size: 16px;
letter-spacing: 0%;
color: var(--white_color);
}
#footer_area .footer_link ul li a{
font-family: var(--font_roobert_regular);
font-weight: 400;
font-size: 16px;
letter-spacing: 0%;
color: #928DA8;
text-decoration: none;
}
#footer_area .footer_link ul li{
margin-bottom: 16px;
}
#footer_area .footer_link ul{
margin-left: 0 !important;
list-style-type: none;
padding-left: 0px !important;
}

/* ==================== 
======= Future Page css 
====================  */
.future_milestones_img{
  margin-top: 40px;
}
#future_card_area{
  background-color: var(--dark_color);
  padding-bottom: 180px;
}
.future_items_card h3{
  font-family: var(--font_roobert_regular);
font-weight: 650;
font-size: 20px;
letter-spacing: -1.5%;
color: var(--white_color);
margin-top: 8px;
margin-bottom: 44px;
}
.future_items_card h5{
  font-family: var(--font_roobert_regular);
font-weight: 400;
font-size: 18px;
letter-spacing: -1.5%;
color: var(--white_color);
margin-top: 8px;
}
.future_items_card p{
  font-family: var(--font_roobert_regular);
font-weight: 400;
font-size: 18px;
letter-spacing: -1.5%;
color: var(--white_color);
margin-bottom: 30px;
opacity: .7;
}
.future_items_card ul {
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
text-align: start;
margin: 0 auto;
}
.future_items_card ul li{
  font-family: var(--font_roobert_regular);
font-weight: 400;
font-size: 16px;
letter-spacing: -1.5%;
color: var(--white_color);
opacity: .7;
}

/* ==================== 
======= Course Page css 
====================  */
#hero_section_area{
  position: relative;
}
.course_hero .course_hero_img{
  position: absolute;
  top: -100px;
  right: 0;
  width: 70%;
}
.course_nav{
  background-color: unset !important;
  position: relative;
  z-index: 1;
}
.course_hero .hero_content {
	position: relative;
	z-index: 999;
}
.course_items_card {
  position: relative;
  border-radius: 16px;
  padding: 24px 16px;
  background: linear-gradient(
    340.78deg,
    rgba(5, 229, 226, 0.11) 6.73%,
    rgba(3, 10, 29, 0.15) 50.85%
  );
  z-index: 1;
  margin-bottom: 40px;
}

.course_items_card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 1px; /* border thickness */
  background: linear-gradient(
    109.76deg,
    rgba(5, 229, 226, 0.89) 8.09%,
    rgba(5, 229, 226, 0.26) 40.22%,
    rgba(5, 229, 226, 0.85) 68.21%,
    rgba(5, 229, 226, 0.42) 71.87%
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}
.course_items_card p{
font-family: var(--font_roobert_regular);
font-weight: 400;
font-size: 16px;
color: #D1C5F1;
}
.course_items_card span{
font-family: var(--font_magnat_bold);
font-weight: 700;
font-size: 20px;
text-align: center;
letter-spacing: 2%;
color: var(--white_color);
}
#course_card_area .course_box_title h3{
  font-family: var(--font_roobert_regular);
font-weight: 650;
font-size: 32px;
letter-spacing: 0%;
text-align: center;
color: var(--white_color);
margin-bottom: 48px;
position: relative;
z-index: 1;
}
#course_card_area{
  margin-bottom: 140px;
}
/* ==================== 
======= Innovate Page css 
====================  */

.course_hero .course_hero_img2{
  position: absolute;
  top: -100px;
  right: 0;
  width: 45%;
}
.innovate_hero{
  padding-bottom: 102px;
}
#innovate_form_area{
  position: relative;
  padding-bottom: 140px;
}
#innovate_form_area .innovate_top_effect{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.innovate_title{
  position: relative;
  z-index: 1;
}
.innovate_title h3 {
	font-family: var(--font_roobert_regular);
	font-weight: 650;
	font-size: 54px;
	letter-spacing: 0%;
	text-align: center;
	color: var(--white_color);
	margin-bottom: 80px;
	padding-top: 80px;
	text-align: start;
	text-align: center;
}
.innovate_title p{
font-family: var(--font_roobert_regular);
font-weight: 400;
font-size: 16px;
letter-spacing: 3%;
text-align: center;
color: #D1C5F1;
width: 80%;
margin: 0 auto;
padding-bottom: 32px;
}
.innovate_input {
    background: #030A1D;
    color: #8E7FB6;
    border: 0.5px solid transparent; /* Transparent base */
    border-radius: 10px;
    padding: 14px 16px;
    outline: none;
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;

    /* Border gradient fix */
    background-image: 
        linear-gradient(#030A1D, #030A1D), /* input bg */
        linear-gradient(
            90deg,
            rgba(149, 131, 198, 1) 0%,    /* Left strong */
            rgba(149, 131, 198, 1) 50%,   /* Center strong */
            rgba(149, 131, 198, 0.2) 100% /* Right faded */
        );
    background-origin: border-box;
    background-clip: padding-box, border-box; /* radius respect */
}

.innovate_input:focus {
    background-image: 
        linear-gradient(#030A1D, #030A1D), /* focused bg */
        linear-gradient(
            90deg,
            rgba(191, 169, 230, 1) 0%, 
            rgba(191, 169, 230, 1) 50%, 
            rgba(191, 169, 230, 0.2) 100%
        );
}

.innovate_input::placeholder {
    color: #8E7FB6;
    opacity: 0.8;
}
.form-control:focus {
	color: #8E7FB6;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13, 109, 253, 0);
}
/* ==================== 
======= About Us Page css 
====================  */
#whats_viewonai{
  padding-top: 130px;
}
.about_items_down_link{
  display: none;
}
.whats_viewonai_title h3{
font-family: var(--font_roobert_regular);
font-weight: 650;
font-size: 64px;
letter-spacing: -1.5%;
color: var(--white_color);
margin-bottom: 0px;
margin-bottom: 40px;
}
.whats_viewonai_title p{
font-family: var(--font_roobert_regular);
font-weight: 400;
font-size: 20px;
letter-spacing: -1.5%;
color: var(--white_color);
margin-bottom: 60px;
opacity: .7;
}
.about_us_slider_items{
  margin-right: 76px;
}
.about_us_slider_items .mission_box {
	border: 1px solid transparent;
	border-radius: 10px;
	background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box, linear-gradient(90deg, #1d40f1, #05e5e2) border-box;
	padding: 12px 15px 15px 15px;
	position: relative;
	margin-bottom: 16px;
}
.about_us_slider_items .mission_box h3 {
	font-family: var(--font_roobert_regular);
font-weight: 650;
font-size: 15px;
letter-spacing: -1.5%;
	margin-top: 27px;
	position: relative;
	z-index: 1;
  color: var(--white_color);
}
.about_us_slider_items .mission_box p {
	font-family: var(--font_roobert_regular);
	font-weight: 400;
	font-size: 15px;
	color: var(--white_color);
	margin-top: 18px;
	position: relative;
	z-index: 1;
  opacity: .7;
}
.about_us_slider_items .mission_box .matters_card_bg_img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.contact_title p{
  font-family: var(--font_roobert_regular);
font-weight: 400;
font-size: 20px;
letter-spacing: -1.5%;
color: var(--white_color);
}
.aboutus_card_title{
padding-bottom: 88px !important;
}
.about_number_box h3 {
	margin-top: 0px !important;
}
.about_number_box p {
	margin-bottom: 0px !important;
}

.future_innovatores_title h3{
font-family: var(--font_roobert_regular);
font-weight: 650;
font-size: 64px;
letter-spacing: -1.5%;
color: var(--white_color);
margin-bottom: 68px;
}
#future_innovators_area{
  padding-bottom: 160px;
}
#future_innovators_area .mettars_image {
	margin-top: 70px;
	margin-bottom: 60px !important;
}
#future_innovators_area .mettars_image .matters_img_card {
	position: absolute;
	bottom: 20px;
	width: 100%;
}
#future_innovators_area .mettars_image .matters_logo_over {
	position: absolute;
	top: -50px;
	left: 0;
}
#future_innovators_area .mettars_image .matters_card {
	border: 1px solid transparent;
	border-radius: 10px;
	background: linear-gradient(var(--dark_color), var(--dark_color)) padding-box, linear-gradient(90deg, #1d40f1, #05e5e2) border-box;
	padding: 12px 15px 15px 15px;
	position: relative;
	margin-bottom: 16px;
}
#future_innovators_area .mettars_image .matters_card h4 {
	font-family: var(--font_roobert_regular);
	font-weight: 650;
	font-size: 20px;
	letter-spacing: -1.5%;
	color: var(--white_color);
	position: relative;
	margin-bottom: 0px;
}
#future_innovators_area .mettars_image .matters_card p {
	font-family: var(--dark_color);
	font-weight: 400;
	font-size: 15px;
	letter-spacing: -1.5%;
	color: var(--white_color);
	margin-bottom: 0px;
}

/* =====================
======== Contact Us Page Css Here 
=====================  */
.contact_us_form h3 {
	font-family: var(--font_roobert_regular);
	font-weight: 650;
	font-size: 54px;
	line-height: 72px;
	color: var(--white_color);
	position: relative;
	z-index: 9999;
	line-height: 54px;
}
#contact_us_form_area .innovate_form_box{
  padding: 0 80px;
  margin-top: 40px;
  position: relative;
  z-index: 999;
}
.my_contact_here{
padding: 93px 0 0 0 !important;
}