@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

:root {
    --botopadding: 10px 10px;
    --botoborder-radius: 12px;
    --botobgcolor: #EFEFEF;
  
  }

#bannerInner{
display:none;
/*
max-height: 300px;
height:300px; 
clear: both;
overflow: hidden;
padding: 0; 
*/
}

.botoCenter {
    margin: auto;
    max-width: 1100px;
    padding: var(--botopadding);
  }
/*flex column*/
.botoColumn-layout{
    display:flex;
    margin: 0 auto 0 auto;
    max-width: 1300px;
    flex-wrap: wrap;
  }
  
  .botoLeftColumn{
    flex:1;
    margin-right: 10px;
  }
  
  .botoRightColumn{
    flex:1;
    margin-left: 10px;
  }
  
  
  /*flex column end*/
  
  footer,p.intrafi{
    font-family: Calibri;
    font-size:large;
    font-weight: lighter;
    color:darkslategray;
    margin:auto;
  }
  
  h1,h2,a.intrafi{
    font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
    color:#081EA9;
    margin-top:30px;
    margin-bottom:auto;
    font-weight:bold;
  }
  
  
  h2.intrafi2{
    font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
    color:#00B3FA;
    margin-top:30px;
    margin-bottom:auto;
    font-weight:bold;
  }
  
  img.intrafi{
    float:right; 
    max-width:33%;
  }
  
  /* response video container */
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
  }
  
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* end response video container*/



/*  mobile view for card container start*/
@media only screen and (max-width:600px) {

  img.intrafi{
    display:none;
  }

  .botoLeftColumn{
    flex:1;
    margin-right: auto;
  }
  
  .botoRightColumn{
    flex:1;
    margin-left: auto;
  }

  .botoLeftColumn, .botoRightColumn{
    flex: 100%;
  }
}
