html {
  scroll-behavior: smooth;
 
}


body {
  height: 100%;
 background: #ffffff;
 font-family: 'CiscoSans', Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 19px;
color: #5D656C;
}




.body-div {
max-width: 480px;
height:auto;
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: #ffffff;
overflow: visible;

}

.logo{
 margin: 0px auto;
 padding: 78px 0px 40px 0px;
 background-color: #ffffff;
 
}  

.container {
width: 100%;
margin: 0 auto;
padding: 0px 16px 0px 16px;


}


.blue {
  color: blue;
 background-color:#2dabf9;
}


h1 {
 
font-family: 'CiscoSans', Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 350;
line-height: 33px;
color: #394454; 
 margin-bottom: 24px;

 
 
} 
 
h2 {
font-family: 'CiscoSans', Arial, sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 200;
line-height: 44px;
color: #1B1C1D;


}


.body-text {
font-family: 'CiscoSans', Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 19px;
color: #5D656C;
}


.cx-text {
 
font-family: 'CiscoSans', Arial, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 350;
color: #005072;
padding-left: 10px;
 
 
} 


a {
 color: #0076d5; 
}
.blue-txt{
 color: #00bceb;
}


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


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}


.btn-blue {
 padding: 4px 20px 4px 20px ;
 background: #0076D5;
 border-radius: 40px;
 border: none;
 margin: 4px 0px 80px 0px;
 position: relative;
 cursor: pointer;
 color: #ffffff;
 font-family: 'CiscoSans', Arial, "sans-serif";
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  font-weight: 400; 
 
}

.btn-blue:hover {
 background: #0076D5;
}

.btn-blue a {text-decoration:none;} 




/**** FORM ********/

form {
  width: 100%;
  
}

input {
 width:100%;
 height:40px;
 background-color:#f4f6f8;
 border: 0; 
 border-bottom: 1px solid #AEB8C1;
 color:#1B1C1D;
 font-weight:300;
 margin:0px 0px 5px 0px;
 display:inline-block;
 padding: 0px 8px 0px 8px;
}

select {
 width:100%;
 height:40px;
 background-color:#f4f6f8 !important;
 border: 0; 
 border-bottom: 1px solid #AEB8C1;
 color:#1B1C1D;
 font-weight:300;
 margin:0px 0px 5px 0px;
 display:inline-block;
 padding: 0px 12px 0px 8px;
 
 
 
/** for the dropdown indicator */
      -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    background: url("https://image.path.cisco.com/lib/fe40157175640478751676/m/2/cx_down_caret.png") no-repeat right #fff;
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 12px; 
 
}


.input-label {
 
  color: #394454;
  font-family: 'CiscoSans', Arial, "sans-serif";
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  font-weight: 600; 
}


.styleSelect selectX {
  background: transparent;
   line-height: 1;
  border: 0;
  border-radius: 0;
   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #000;
}

.styleSelectX {
  overflow: hidden;
  background: url("https://image.path.cisco.com/lib/fe40157175640478751676/m/2/cx_down_caret.png") no-repeat right #fff;
 background-size: 12px;
 
  
}
 
 

@media screen and (min-width: 600px) {


.container {
width: 100%;
margin: 0 auto;
padding: 0px 0px 0px 0px;


}
 
 
h1 {
 

font-size: 36px;
font-style: normal;
font-weight: 350;
line-height: 44px;
color: #394454; 
 margin-bottom: 24px;

 
 
} 
 
h2 {

font-size: 32px;
font-style: normal;
font-weight: 200;
line-height: 44px;
color: #1B1C1D;


}


 
 
}
  
 


@media screen and (min-width: 768px) {

 
}
 
@media screen and (min-width: 960px) {
 


}

@media screen and (min-width: 1200px) {
 
.container {
width: 100%;
margin: 0 auto;
padding: 0px 0px 0px 0px;


}
 


 
h2 {

font-size: 32px;
font-style: normal;
font-weight: 200;
line-height: 44px;
color: #1B1C1D;


}



 

}

@media screen and (min-width: 1600px) {


}

/* CISCO FONT */
 /* CISCO FONT FACE */
 
 @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThin.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThin.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThin.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThin.ttf") format("truetype");
    font-weight: 100;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThinOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThinOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThinOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThinOblique.ttf") format("truetype");
    font-weight: 100;
    font-stretch: normal;
    font-style: italic
  }

  @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLight.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLight.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLight.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLightOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLightOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLightOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLightOblique.ttf") format("truetype");
    font-weight: 200;
    font-stretch: normal;
    font-style: italic
  }

@font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLight.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLight.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLight.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLight.ttf") format("truetype");
    font-weight: 300;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLightOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLightOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLightOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLightOblique.ttf") format("truetype");
    font-weight: 300;
    font-stretch: normal;
    font-style: italic
  }


  @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegular.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegular.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegular.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegular.ttf") format("truetype");
    font-weight: 400;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegularOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegularOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegularOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegularOblique.ttf") format("truetype");
    font-weight: 400;
    font-stretch: normal;
    font-style: italic
  }

@font-face{font-family:CiscoSans;src:url(https://www.cisco.com/c/dam/assets/fonts/cisco-sans/standard/CiscoSansTTMedium.woff2) format("woff2");font-display:swap;font-stretch:normal;font-style:normal;font-weight:500;unicode-range:U+0000-00FF,U+2000-20CF,U+2150-215F}

@font-face{font-family:CiscoSans;src:url(https://www.cisco.com/c/dam/assets/fonts/cisco-sans/standard/CiscoSansTTMediumOblique.woff2) format("woff2");font-display:swap;font-stretch:normal;font-style:oblique;font-weight:500;unicode-range:U+0000-00FF,U+2000-20CF,U+2150-215F}

  @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBold.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBold.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBold.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBold.ttf") format("truetype");
    font-weight: 700;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBoldOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBoldOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBoldOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBoldOblique.ttf") format("truetype");
    font-weight: 700;
    font-stretch: normal;
    font-style: italic
  }

  @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavy.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavy.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavy.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavy.ttf") format("truetype");
    font-weight: 900;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: 'CiscoSans';
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavyOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavyOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavyOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavyOblique.ttf") format("truetype");
    font-weight: 900;
    font-stretch: normal;
    font-style: italic
  }