@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
body{
  font-family: "DM Sans", sans-serif !important;
}
.dev_landing_banner{
      background-image: url(https://www.fastinfohub.com/assets-new/images/dev-landing/bg-fi-hub-landing.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
.dev_landing_banner_left h6{
font-size:28px;
line-height: 36px;
font-weight: bold;
}
.dev_landing_banner_left h6 span{
  color:#383838;
  display: block;
}
.hub_control{
  border:1px solid #A2A2A2;
  padding: 10px 16px;

}
.form_button_holder{
  padding: unset;
  height:44px;
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
  background-color:#060804 !important;
  color:#fff !important;
}
.form_button_holder:hover{
  border:unset;
  color:#fff !important;
}
.dev_landing_banner_right{
  padding-right:96px;
}
.dev_landing_banner_right p{
  color:#fff;
  font-size:16px;
  font-weight: bold;
}
.dev_landing_banner_right h5{
margin-top:28px;
color:#fff;
font-size:62px;
font-weight: 700;
line-height: 70px;
}
.dev_landing_banner_right h6{
  font-size:24px;
  color:#fff;
  line-height: 32px;
  margin-top:30px;
}
.dev_landing_banner_right h6 span{
  display: block;
}
.dev_landing_banner_left{
  padding: 25px 36px;
}
.common_gap{
  padding: 100px 0;
}
.two_section_right{
  display: flex;
  justify-content: flex-end;
}
.two_section_left h4{
  color:#161616;
  font-size:36px;
  line-height: 44px;
  font-weight: 700;
}
.two_section_left ul{
  margin-top:20px;
}
.two_section_left ul li{
      margin-bottom: 40px;
    position: relative;
    padding-left: 40px;
    color:#161616;
    font-size:20px;
    line-height: 28px;
}
.two_section_left ul li strong{
  font-weight: bold;
}
.two_section_left ul li::after {
    content:url(https://www.fastinfohub.com/assets-new/images/dev-landing/star-copy.webp);
    display: block;
    left: 0;
    position: absolute;
    top: 3px;
}
.new_section_common_sub_heading h4, .dev_landing_three_inner h4{
  font-size:32px;
  line-height: 40px;
  color:#000000;
  font-weight: 700;
}
.scroll-wrapper {
    overflow: hidden;
    width: 100%;
    background: white;
    margin-top:40px;
}
.scroll-content {
    display: flex;
    width: max-content;
    animation: scroll-left 20s linear infinite;
}
.fib_holder img {
  height: 60px;
  vertical-align: middle;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.get_new_started{
  width: 280px;
  margin:0 auto;
  text-transform: none;
}
.three_section{
  margin-bottom:100px;
}
.md_section_one_inner{
  width:70%;
  margin:0 auto;
}
.md_section_one_right{
  display:flex;
  align-items: center;
  height:100%;
  width:100%;
}
.md_section_one_right_inner p{
  color:#161616;
font-size: 18px;
    line-height: 26px;
font-style: italic;
}
.md_section_one_right_inner h5{
  margin-top:52px;
  color:#161616;
  font-size:32px;
  font-weight: 600;
}
.md_section_one_right_inner h6{
  color:#161616;
  font-size:18px;
  margin-top:6px;
}
.md_section_two_inner{
  width:80%;
  margin:0 auto;
}
.events_gallery_block p {
    color: #383838;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 18px;
}
.media_section_block {
margin-top:40px;
  padding: 74px 18px;
    border: 1px solid #E9E9E9;
}
.media_section_block_img {
  
    display: flex;
    align-items: center;
    justify-content: center;
}
.media_section_block_text p {
    margin-top: 30px;
    color: #191919;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    height:100px;
}
.mobile_img{
  display: none;
}
.dev_landing_three_block h5{
  font-size:23px;
  line-height: 31px;
}
.form-control{
      color: #000;
      font-weight: 400;
      transition: background-color 5000s ease-in-out 0s;
}
.hub_select {
  color: #767272; /* Default (placeholder) */
}

/* When user selects something, JS will add this class */
.hub_select.filled {
  color: #000; /* Black text after selection */
}
@media only screen and (max-width: 768px) {
  .media_section_block {
margin-top:40px;
  padding: 50px 18px;
}
.media_section_block_text p{
  height:unset;
}
  .mobile_img{
  display: block;
}
.two_section_right{
  justify-content: center;
}
.destop_img{
  display:none;
}
  .mobile_row{
    display: grid;
  }
  .mobile_row_one{
    order:2;
  }
  .mobile_row_two{
    order:1;
  }
  .dev_landing_banner_right{
    padding-right: 0;
  }
  .dev_landing_banner_left h6{
        font-size: 23px;
    line-height: 30px;
  }
  .dev_landing_banner_left {
    padding: 25px 15px;
}
.dev_landing_banner_right h5{
      font-size: 35px;
      line-height: 43px;
}
.dev_landing_banner_right p, .dev_landing_banner_right h6{
  text-align: center;
}
.dev_landing_banner_right h6 span{
  display: unset;
}
.dev_landing_banner_right h6{
  font-size:18px;
  line-height: 26px;
}
.dev_landing_banner{
      background-image: url(https://www.fastinfohub.com/assets-new/images/dev-landing/bg-mobile-hub-landing.webp);
}
.common_gap{
  padding: 50px 0;
}
.two_section_left h4, .new_section_common_sub_heading h4, .dev_landing_three_inner h4{
  font-size:28px;
  line-height: 36px;
  text-align: center;
}
.three_section{
  margin-bottom:50px;
}
.md_section_one_inner, .md_section_two_inner{
  width:100%;
}
.md_section_one_right{
  margin-top:30px;
}
.md_section_one_right_inner p{
      font-size: 18px;
    line-height: 26px;
}
.md_section_one_right_inner h5{
    margin-top: 30px;
    font-size: 27px;
}
.md_section_one_right_inner{
  text-align: center;
}
}