body{
  padding:0;
  margin:0;
  font-family: "Inter", sans-serif;
}
*,*:after,*:before{
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/********Header**********/
.HeaderNavbar {
  float: right;
}

.RightSidePortionHeader button {
  background: #ffffff54;
  border-radius: 10px;
  padding: 8px 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.RightSidePortionHeader button:hover  {
  color: #fff;
}
.RightSidePortionHeader {
  display: flex;
  align-items: center;
}

.HeaderCircle {
  margin-left: 30px;
}

/***********Background section************/
.TopHeader {
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100%;
}
.BgLogoimage {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  transform: translate(-50%, -20%);
  left: 50%;
}
/**********Paragraph Heading Section******************/
.PragraphHeading h1 {
  color: var(--Grey, #ABABAB);
  font-size: 120px;
  font-weight: 700;
}

section.SetPaddingSectionWise{
  padding: 100px 200px;
}
.IniativesLogo {
  padding: 50px 0;
  display: flex;
  align-items: center;
}
.IniativesLogo h5 {
  font-size: 36px;
  font-weight: 400;
  color: #ABABAB;
  margin-left: 20px;
  margin-bottom:0;
}
/**********Only Image Section**************/
.ImageOnlyPortion img {
  width: 100%;
}

section.ImageSection {
  padding: 0 200px;
}
/**********Image Left Right Section*************/
.MaindivImageSection {
  display: flex;
  align-items: center;
  justify-content: center;
}
.LeftImageSection{
  background-position: center;
  background-size: cover;
  height: 622px;
  width: 50%;
  margin: 15% 5% 0% 0%;
  border-radius: 40px;
  display: flex;
  align-items: center;
}
.RightImageSection{
  background-position: center;
    background-size: cover;
    height: 622px;
    width: 50%;
    margin: 15% 0% 0% 5%;
    border-radius: 40px;
    display: flex;
    align-items: center;
    transform: translate(0px, 50%);
}
.indexLeftImageWhiteBox {
  padding: 50px 50px;
  background: #fff;
  width: 58%;
  margin-left: 50px;
  border-radius: 15px;
}

.indexLeftImageWhiteBox h6 {
  font-size: 20px;
  color: #ABABAB;
}
span.Bluecolor {
  color: #3DD0FA;
}
.indexRightImageWhiteBox{
  padding: 50px 50px;
  background: #fff;
  width: 58%;
  margin-left: 50px;
  border-radius: 15px;
}
.indexRightImageWhiteBox h6 {
  font-size: 20px;
  color: #ABABAB;
}
span.Greencolor{
  color: #07E782;
}
/*********Index About Section********************/
section.IndexAboutSection {
  margin-top: 15%;
}

.IndexAboutParagraph h2 {
  font-size: 81px;
  font-weight: 600;
  color: #ABABAB;
}
.IndexAboutButton {
  margin-top: 6%;
}

.IndexAboutButton button {
  color: #fff;
  border: 1px solid #242425;
  background: #242425;
  padding: 10px 35px;
  border-radius: 10px;
  font-size: 25px;
  font-weight: 400;
}
/************Research Theme Section**************************/
.ResearchthemeLogo {
  display: flex;
  align-items: center;
  padding:100px 30px;
}
.ResearchthemeLogo h5 {font-size: 36px;font-weight: 400;color: #ABABAB;margin-left: 20px;margin-bottom:0;}
.SeparateResearchTheme1 .row {
  width: 100%;
}

.SeparateResearchTheme1CaptionLeft {
  padding-left: 200px;
}
.SeparateResearchTheme1CaptionRight {
  padding-right: 200px;
}
.SeparateResearchTheme1 {
  padding: 110px 0;
  position:relative;
  transition:all 0.5s ease-in-out;
}
.SeparateResearchTheme1CaptionLeft h6 {
  font-size: 25px;
  color: #ABABAB;
}

.SeparateResearchTheme1CaptionRight h4 {
  font-size: 75px;
  color: #7C7C7C;
}
.SeparateResearchTheme1ImageOverlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition:all 0.5s ease-in-out;
}
.SeparateResearchTheme1:hover .SeparateResearchTheme1ImageOverlay{opacity:1;}
.SeparateResearchTheme1ImageOverlay img {
  width: 100%;
}
.SeparateResearchTheme1:hover .SeparateResearchTheme1CaptionRight h4{color:#fff}
.SeparateResearchTheme1:hover .SeparateResearchTheme1CaptionLeft h6{color:#fff}
section.ResearchThemesSection {
  padding-bottom: 50px;
}
/*********Success Image Left right Section*************************/
.SuccessAccelerateImage img {
  width: 100%;
}

.SuccessAccelerateCaption h3 {
  font-size: 50px;
  color: var(--Grey, #ABABAB);
  font-weight: 700;
}

.SuccessAccelerateCaption h6 {
  font-size: 16px;
  color: var(--Grey, #ABABAB);
  font-weight: 400;
}

.SuccessAccelerateCaption p {
  color: #ababab;
  font-size: 20px;
  font-weight: 400;
  margin: 40px 0;
}

.ProfileImageSuccess {
  display: flex;
  align-items: center;
}

.ProfileImageSuccess h5 {
  font-size: 16px;
  color: #ababab;
  font-weight: 400;
}

.ProfileImageSuccess img {
  margin-right: 20px;
}

.ProfileImageWithButton {
  text-align: right;
}

.ProfileImageWithButton button {
  font-size: 14px;
  color: #fff;
  border: 1px solid #acacac;
  background: #acacac;
  padding: 10px 30px;
  border-radius: 30px;
}
.SuccessAccelerateImage {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.SectionWisePartionImage{padding-bottom: 100px;}
.SetHeight{height:150px;}
button.PublicationEventsButton {
  color: #fff;
  border: 1px solid #242425;
  background: #242425;
  padding: 10px 35px;
  border-radius: 10px;
  font-size: 25px;
  font-weight: 400;
}
/***********Footer Section***************/
footer.FooterBg{
  background-position: center;
  background-size: cover;
  width: 100%;
}
.FooterHeading {
  padding: 140px 0;
}

.FooterHeading h2 {
  font-size: 120px;
  font-weight: 700;
  color: #fff;
}

.FooterHeading h4 {
  font-size: 93px;
  font-weight: 700;
  color: #fff;
}

.SubscribeNewsLetter h6 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom:20px;
}
.SubscribeNewsLetterInner {
  display: flex;
  align-items: center;
}

.SubscribeNewsLetterInner input {
  background: #587bea;
  padding: 10px 20px;
  border: 1px solid #587bea;
  color: #fff;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  height: 50px;
}
.SubscribeNewsLetterInner input:focus{outline: 0;}
.SubscribeNewsLetterInner button {
  padding: 10px 20px;
  color: #023CF5;
  border: 1px solid #fff;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  font-size: 20px;
  font-weight: 600;
  height: 50px;
}
.SubscribeNewsLetterInner button:focus{outline:0;}

.SubscribeNewsLetterInner input::placeholder {
  color: #ffffff75;
}
.FollowIcon{text-align:center;}
.FollowIcon ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.FollowIcon ul li {
  margin: 0 20px;
}

.FollowIcon li a i {
  color: #023CF5;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #fff;
  line-height: 50px;
  font-size: 24px;
  text-align:center;
}
.FollowIcon h6{
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom:20px;
}
.FooterBottomBg{
  padding: 50px;
  background: #023CF5;
}
@media only screen and (max-width:1580px){
  .indexLeftImageWhiteBox{
    width: 75%;
    margin-left: 30px;
    padding: 50px 30px;
  }
  .indexRightImageWhiteBox{
    width: 75%;
    margin-left: 30px;
    padding: 50px 30px;
  }
  .IndexAboutParagraph h2{font-size: 70px;}
  .IndexAboutButton button{font-size: 24px;}
  .SeparateResearchTheme1{padding:80px 0;}
  .SeparateResearchTheme1CaptionRight h4{font-size: 60px;}
  .SuccessAccelerateCaption h3{font-size:45px;}
  .FooterHeading h2{font-size: 100px;}
  .FooterHeading h4{font-size: 80px;}
}
@media only screen and (max-width:1366px){
  .PragraphHeading h1 {
    font-size: 90px;
  }
  
  section.SetPaddingSectionWise{
    padding: 100px 150px;
  }
  .indexRightImageWhiteBox{
    width: 70%;
  }
  .indexLeftImageWhiteBox{
    width: 70%;
  }
  .indexLeftImageWhiteBox h6{font-size: 18px;}
  .indexRightImageWhiteBox h6{font-size: 18px;}
  .IndexAboutParagraph h2{font-size: 60px;}
  .IndexAboutButton button{font-size: 20px;}
  .SeparateResearchTheme1CaptionRight h4{font-size: 50px;}
  .SuccessAccelerateCaption h3{font-size:40px;}
  .ProfileImageSuccess h5{font-size: 14px;}
  .SuccessAccelerateCaption p{font-size: 16px;}
  .SuccessAccelerateCaption h6{font-size: 14px;}
  .FooterHeading h2{font-size: 95px;}
  .FooterHeading h4{font-size: 70px;}
}
@media only screen and (max-width:1280px){
  .PragraphHeading h1 {
    font-size: 80px;
  }
  .FooterHeading h2{font-size: 90px;}
  .FooterHeading h4{font-size: 60px;}
}
@media only screen and (max-width:1024px){
  .PragraphHeading h1 {
    font-size: 60px;
  }
  .indexLeftImageWhiteBox h6{
    font-size: 14px;
  }
  .LeftImageSection{height:auto;}
  .RightImageSection{height:auto}
  .indexRightImageWhiteBox h6{font-size: 14px;}
  .indexLeftImageWhiteBox{width:80%;margin:40px;}
  .indexRightImageWhiteBox{width:80%;margin:40px;}
  .FollowIcon li a i{height: 45px;width: 45px;line-height: 45px;font-size: 18px;}
  .FollowIcon ul li{margin:0 10px}
  .SubscribeNewsLetterInner button{height:45px;}
  .SubscribeNewsLetterInner input{height:45px;}
  
}
@media only screen and (max-width:991.98px){
  section.SetPaddingSectionWise{padding:100px 100px;}
  section.ImageSection{
    padding:0 150px;
  }
  .PragraphHeading h1 {
    font-size: 40px;
  }
  .MaindivImageSection{display: block;}
  .LeftImageSection{width: 100%;margin:5% 0;}
  .RightImageSection{width:100%;transform:translate(0, 0);margin:10% 0;}
  .indexLeftImageWhiteBox{width:85%;}
  .indexRightImageWhiteBox{width:85%;}
  section.IndexAboutSection{margin-top: 0%;padding: 0px 40px 40px 40px !important;}
  .IndexAboutParagraph h2{font-size: 40px;}
  .SeparateResearchTheme1{padding:50px 0;}
  .SeparateResearchTheme1CaptionRight h4{font-size: 36px;}
  .SeparateResearchTheme1CaptionLeft h6{font-size: 20px;}
  .SeparateResearchTheme1CaptionRight{padding-right: 50px;}
  .SeparateResearchTheme1CaptionLeft{padding-left:50px;}
  .SuccessAccelerateCaption {margin-top: 30px;}
.SuccessAccelerateImage{height:60vh;}
.SuccessAccelerateCaption h3{font-size: 30px;}
.SuccessAccelerateCaption h6{font-size: 13px;}
.SuccessAccelerateCaption p{font-size: 14px;}
.ProfileImageSuccess h5{font-size: 13px;}
.ProfileImageWithButton button{font-size: 13px;}
.ProfileImageSuccess img{width:50px;}
.MobileMt30{margin-top:30px;}
.FooterHeading h2{font-size:70px;}
.FooterHeading h4{font-size:36px;}
.FollowIcon{text-align: left;margin-top:20px;}
.FollowIcon ul{justify-content: start;}
}
@media only screen and (max-width:600px){
  .indexLeftImageWhiteBox{margin:20px;width:100%;}
  .indexRightImageWhiteBox{margin:20px;width:100%;}
  .PragraphHeading h1 {
    font-size: 24px;
  }
  section.SetPaddingSectionWise {
    padding: 100px 40px;
  }
  .BgLogoimage img {
    width: 100%;
  }
  section.ImageSection{
    padding:0 50px;
  }
  .IndexAboutParagraph h2{font-size: 30px;}
  .IndexAboutButton button{font-size:16px;}
  .IndexAboutButton{margin-top:15%;}
  .IniativesLogo img {
    width: 50px;
}
.ResearchthemeLogo img {
  width:50px;
}
.IniativesLogo h5{font-size:24px;}
.ResearchthemeLogo h5 {font-size: 24px;}
.SeparateResearchTheme1CaptionRight h4{font-size: 20px;}
.SeparateResearchTheme1{padding:20px 0;}
.SeparateResearchTheme1CaptionLeft h6{font-size:16px;}
.SeparateResearchTheme1CaptionRight{padding-right: 20px;}
.SeparateResearchTheme1CaptionLeft{padding-left: 20px;}
.FooterHeading h2{font-size:40px;}
.FooterHeading h4{font-size:20px;}
.SubscribeNewsLetterInner{display: block;}
.SubscribeNewsLetterInner input{border-radius: 40px;margin-bottom:20px;width:100%;}
.FooterBottomBg{padding:20px;}
.SubscribeNewsLetterInner button{width:100%;border-radius: 40px;}
button.PublicationEventsButton{font-size:16px;padding:10px 25px;}
}