/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/*Font import*/
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap');

/*Setup fonts*/
body {
font-family: 'Sora', sans-serif;
  background-color: #23272A;
  color:#fff;
  font-size:18px;
  line-height: 1.4;
}
html, body{
overflow-x:hidden;
margin: 0px;
}


.hs-button {
    font-weight: 600!important;
    text-decoration: none;
    text-transform: uppercase;
    padding: 25px;
    font-size: 18px;
}

.container .row-fluid:first-of-type {
    max-width: 1330px;
    width:100%;
    margin: auto;
    

}
.container {
  padding: 70px 45px!important;
  position:relative;
  overflow:hidden;
}

h2{
font-size:45px!important;
}


/*Hero Section*/
.herogroup {
    text-align: center;
}
.mainheading h1 {
    font-size: 70px;
    width: 80%;
    margin: auto;
    line-height: 120%;
}

.herotxt {
    padding: 40px 18%;
}

/*Why join us Section*/
.whiterow{
background-color: #F1FAF7;
  color:#272B43!important;
  margin-top:30px;
  border-radius: 60px 60px 0px 0px;
  text-align:center;
}
.xiconheading {
    font-weight: 700;
    font-size: 23px;
    margin: 20px 0px;
}
.iconboxesxwrxa .iconbox {
    width: auto!important;
    margin-left: 0px!important;
    max-width: 33.3%;
    text-align: center;
    padding:30px 55px;
}
.secondheading strong {
    background: linear-gradient(180deg, rgba(248,250,255,1) 50%, rgba(0,237,148,1) 50%);
}

@media(max-width:768px){
  .iconboxesxwrxa .iconbox {
    max-width: 100%;
  }
}


/*What do we do section*/
.whatdowedoright {
    text-align: right;
}



/*A glimspe inside*/
.rightcolx .widget-type-custom_widget {
    width: 46%!important;
    float:right!important;
}
@media(max-width:768px){
.rightcolx .widget-type-custom_widget {
    width: 100%!important;
}
}
@media(min-width:1139px){
  .glimpse .row-fluid:first-of-type{
  display:flex!important;
  align-items: center;
  }
  .rightcolx  {
    padding-left:50px;
    padding-top:90px;
}
}


/*Who we are section*/
.whoweareiconbx {
    display: flex!important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.iconwhwa {
    display: inline-flex!important;
    width: fit-content;
    margin-right:10px;
}
.textwhwa {
    display: inline-flex!important;
    width: fit-content;
}
.textwhwa h2 {
    line-height: 0px;
}

.whitebgxa {
    background-color: #FEFCFF;
    color: #282D37;
    text-align: center;
    padding: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}
.whowearesubhea {
    font-size: 25px;
}
.whowearetxt {
    padding: 40px 10%;
}

/*Footer section*/
.footx {
    padding: 20px 30px!important;
  background-color:#F1FAF7!important;
  font-size:15px!important;
}
.footx a{
color:#252D33!important;
font-weight:500!important;
}




/*Tablet CSS*/
@media (min-width: 768px) and (max-width: 1139px){


}

/*Tablet and mobile */
@media (max-width: 1139px){
    body{
  font-size:16px!important;
  }
  .glimpse .row-fluid:first-of-type , .whatdowedoleft, .whatdowedoright{
    display: flex!important;
    flex-wrap: wrap;
}
  .rightcolx .widget-type-custom_widget {
  float:left!important;
    margin-left:0px!important;
  }
    #leftcolx, .rightcolx  , .whatdowedoleft, .whatdowedoright{
    width: 100%!important;
      margin-top:30px;
}
  .hs-button {
    font-size: 15px!important;
    font-weight: 600!important;
    padding: 18px!important;
  }
  .whatdowedoleft .row-fluid-wrapper {
    width: 100%!important;
    min-width: 100%;
    margin-bottom:10px;
}
}


/*Mobile css*/

@media (max-width:768px) {
  .container {
    padding: 40px 20px!important;
}
  .herogroup img {
    max-width: 90px!important;
}
  .iconwhwa img {
    max-width: 30px!important;
}

  .whatdowedoleft {
  margin-bottom:50px;
  }
  .mainheading h1{
  font-size: 2.5rem;
  }
  h2 {
      font-size: 30px!important;
  }
.herotxt {
    padding: 30px 10px;
}
  .iconboxesxwrxa .iconbox {
    margin-left: 0!important;
    max-width: 100%;
    padding: 25px 0px!important;
}
  .xiconheading {
    font-size: 19px!important;
    margin: 10px 0!important;
}
  .whitebgxa {
  padding: 35px 15px!important;
  }
  .whowearetxt {
    padding: 15px 0px!important;
}
  .whowearesubhea {
    font-size: 18px;
    margin-top:10px;
}
  .textwhwa h2 {
    line-height: 1em;
}
  
  .mainheading h1 {
    width: 102%!important;
}



/*Rows before*/
.firstsection{
margin-bottom:-90px;
padding-bottom:180px!important;
}

.firstsection:before {
    background: url(//5092267.fs1.hubspotusercontent-na1.net/hubfs/5092267/raw_assets/public/Landing-pages/secint/img/first.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover!important;
    content: "";
    display: block;
    height: 100%;
    min-height: 100vh!important;
  top:0px;
    left: 0;
    opacity: .2;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.secondsection:before {
    background: url(//5092267.fs1.hubspotusercontent-na1.net/hubfs/5092267/raw_assets/public/Landing-pages/secint/img/second.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover!important;
    content: "";
    display: block;
    height: 100%;
    min-height: 100%!important;
    top: 0px;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.thirdsection{
padding-bottom:90px;
}
.thirdsection:before {
    background: url(//5092267.fs1.hubspotusercontent-na1.net/hubfs/5092267/raw_assets/public/Landing-pages/secint/img/third.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover!important;
    content: "";
    display: block;
    height: 100%;
    min-height: 100%!important;
    bottom: 0px;
    left: 0;
    opacity: .9;
    position: absolute;
    width: 100%;
    z-index: -1;
}