/* @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    */
/*****************************************/



Calibri-Light.svg

@font-face {
  font-family: 'Calibri';
  src: url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Bold.eot');
  src: url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Bold.eot#iefix') format('embedded-opentype'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Bold.woff2') format('woff2'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Bold.woff') format('woff'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Bold.ttf') format('truetype'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Calibri';
  src: url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Light.eot');
  src: url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Light.eot#iefix') format('embedded-opentype'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Light.woff2') format('woff2'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Light.woff') format('woff'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Light.ttf') format('truetype'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Light.svg#Calibri-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Calibri';
  src: url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri.eot');
  src: url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri.eot#iefix') format('embedded-opentype'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri.woff2') format('woff2'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri.woff') format('woff'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri.ttf') format('truetype'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri.svg#Calibri')https://f.hubspotusercontent-eu1.net/hubfs/25371083/fonts/ format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Calibri';
  src: url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Italic.eot');
  src: url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Italic.eot#iefix') format('embedded-opentype'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Italic.woff2') format('woff2'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Italic.woff') format('woff'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Italic.ttf') format('truetype'),
    url('https://25371083.fs1.hubspotusercontent-eu1.net/hubfs/25371083/fonts/Calibri-Italic.svg#Calibri-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
*{
  box-sizing: border-box;
}

body{
  padding: 0;
  margin: 0;
  font-family: Calibri !important;  
  direction: rtl;
}
.justify-center {
  justify-content: center;
}
.banner-section{
  background-repeat: no-repeat;
  background-size: 90%;
  background-color: #013247;
  background-position-y: bottom !important;
}

.webinar-content .col-7{
  width: 100%;
}

.webinar-content .col-5{
  display: none;
}

.banner-section .hero-form__form-title{
  font-size: 28px;
}

.banner-section input[type="submit"]{
  font-size: 18px;
}


.hero-form__outer-wrapper{
  direction: ltr;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
.hero-form__outer-wrapper > .hero-form__text-wrapper{
  width: 50%;
  padding: 130px 0 0 20px;
}
.hero-form__outer-wrapper > .hero-form__text-wrapper + div{
  width: 30%;
  direction: rtl;
}
.legal-consent-container p {
  text-align: right;
}

.header-container-wrapper .row-fluid [class*="span"] {
  min-height: 0px;
}

.hero-form-wrapper form .hs-button {
  border: 2px solid #0f5029;
  cursor: pointer;
}  

.content-section .inner-content {
  padding-top: 10px;
} 


@media (min-width: 992px) and (max-width:1599px){  
  .banner-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }  
}


@media (min-width: 992px){
  .hero-form__outer-wrapper > .hero-form__text-wrapper + div{
    width: 27%;
  }
}

@media (max-width: 1199px){
  .banner-section{
    background-size: 80%;
  }
}
@media (max-width: 1175px){
  .hero-form__outer-wrapper > .hero-form__text-wrapper + div{
    width: 38%;
  }
}
@media (max-width: 1100px){
  .banner-section{
    background-size: 70%;
  }
}

@media (max-width: 991px){
  .hero-form__outer-wrapper > .hero-form__text-wrapper{
    width: 100%;
    padding: 50px 20px 0 20px;
    padding-top: 35%;
  }
  .hero-form__outer-wrapper > .hero-form__text-wrapper + div{
    width: 100%;
  }
  .hero-form-wrapper{
    margin-top: 0 !important;  
  }
  .webinar-content .col-7 img{
    margin-bottom: 30px;
  }
  .banner-section{
    background-size: contain;
    background-color: #013247;
    background-position-y: top !important;
  }
}

@media (max-width: 767px){
  .hero-form__outer-wrapper .hero-form__text-wrapper{
    padding-top: 33%;
  }
}

@media (max-width: 640px){
  .hero-form__outer-wrapper .hero-form__text-wrapper{
    padding-top: 32%;
  }
  .hero-form__outer-wrapper > .hero-form__text-wrapper + div form input{
    box-sizing: border-box;
  }
}

@media (max-width: 480px){
  .hero-form__outer-wrapper .hero-form__text-wrapper{
    padding-top: 30%;
  }
}