.main-outer {
  font-family: CiscoSans;
  font-size: 16px;
  line-height: 1.3;
  color: #10284a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  text-rendering: optimizeLegibility;
  max-width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

a {
  text-decoration: none !important;
}

a:hover,
a:active {
  text-decoration: none !important;
}

img {
  max-width: 100%;
  line-height: 0;
  vertical-align: middle;
}

.overall {
  margin: 0;
  padding: 0;
}

.main-outer *,
.main-outer h1,
.main-outer h2,
.main-outer h3,
.main-outer h4,
.main-outer h5,
.main-outer h6 {
  margin: 0;
  padding: 0;
}

.d-flex {
  display: flex;
}

.bg-midnightblue {
  background-color: #03294c;
}

.bg-skyblue {
  background-color: #00bceb;
}

.bg-lightgrey {
  background-color: #ededed;
}

.bg-lightblue {
  background-color: #cff7ff;
}

.bg-grey {
  background-color: #dbdfe2;
}

.bg-blue {
  background-color: #004673;
}

.bg-darkblue {
  background-color: #03294b;
}

.sec_title h2 {
  color: #0d274d;
  font-size: 34px;
  font-weight: 200;
  line-height: 1.3;
  text-align: center;
}

p {
  color: #414344;
  font-size: 26px;
  font-weight: 200;
  line-height: 1.4;
  letter-spacing: 0.1px;
}

b {
  font-weight: 400;
}


.btn {
  background-color: #0051AF !important;
  color: #fff !important;
  font-size: 22px;
  font-weight: 300 !important;
  line-height: 1.3;
  border-radius: 40px;
  display: inline-block;
  padding: 22px 40px;
}

.btn:hover,
.btn:active {
  background-color: #0060ad !important;
  color: #fff !important;
  outline: none !important;
}

.sec1,
.sec2,
.sec3,
.sec4,
.sec5,
.sec6,
.sec7,
.sec8 {
  padding: 80px 100px;
  position: relative;
}

/* Sec-1 */
.sec1 .sec1_left {
  flex: 1;
  align-self: center;
}

.sec1 .sec1_right {
  flex: 1.4;
}

.sec1 h1 {
  color: #0d274d;
  font-size: 54px;
  font-weight: 200;
  line-height: 1.3;
  text-align: left;
  margin-bottom: 30px;
}

/* sec2 */
.sec2 .sec2_left {
  width: 20%;
}

.sec2 .sec2_left img{
  display: block;
  margin: 0 auto;
}

.sec2 .sec2_right {
  width: 80%;
}

.sec2 .sec2_right p {
  color: #fff;
}

.sec2 .sec2_right p:first-child {
  margin-bottom: 40px;
}

.sec2 .sec2_right h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 40px;
}

/* sec3 */
/*.sec3{
  background-image: url(../images/img3.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}*/
.sec3{
  position: relative;
  padding: 100px 100px 120px;
}
.sec3 .sec3_main_img img{
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}
.sec3 .sec3_main{
  margin-top: 30%;
  position: relative;
  z-index: 1;
}
.sec3 .sec3_left,
.sec3 .sec3_right {
  flex: 1;
}

.sec3 .sec3_title {
  background-color: #00bceb;
  padding: 13px 65px 6px;
  border: 1px solid #0d274d;
  width: 9%;
  display: block;
  margin: 0 15% 0 auto;
}

.sec3 .sec3_left .sec3_title h2{
  color: #0d274d;
}

.sec3 .sec3_title h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
}

.sec3 .sec3_list{
margin-top: 60px;
}

.sec3 .sec3_left .sec3_list{
  margin-right: 40px;
  min-height:150px;
}

.sec3 .sec3_right .sec3_list{
  margin-left: 40px;
  min-height:150px;
}

.sec3 .sec3_list .texts {
  width: 85%;
}

.sec3 .sec3_list .icons {
  width: 15%;
  text-align: right;
}

.sec3 .sec3_left .sec3_list .texts p {
  text-align: right;
}

.sec3 .sec3_left .sec3_list .texts h6{
  text-align: right;
}

.sec3 .sec3_list .texts h6{
  color: #0d274d;
  font-size: 26px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.1px;
    padding-bottom: 10px;
}

.sec3 .sec3_list .texts p:first-child {
  padding-bottom: 10px;
}

.sec3 .sec3_right .sec3_list .icons {
  text-align: left;
}

.sec3 .sec3_right .sec3_title {
  margin: 0 auto 0px 15%;
  background-color: #0055a4;
}
.sec3 .space_top{
  padding-top: 20px;
}

/* sec5 */
.sec5 {
  position: relative;
  padding: 100px 100px 10%;
  margin-bottom: 100px;
}
.sec5 .sec3_main {
  margin-top: 6%;
}
.sec5 .sec3_main_img_1{
  position: relative;
  top: 60px;
}
.sec5 .sec3_main_img_1 img{
display: block;
  margin-left: auto;
  margin-right: auto;
  }
  .sec5 .sec3_list .texts {
    width: 100%;
}
.sec5 .sec3_list p{
  font-size: 24px;
}
.sec5 .sec3_list h6 {
  font-size: 24px !important;
}
.sec5 .sec5_img{
  flex: 1;
}
.sec5 .sec5_img img{
 display: block;
 margin: 0 auto;
}
.sec5 .sec3_main_img img{
  bottom: 0;
}
.sec5 .main_img_two, .sec5 .main_img_mobile{
  display: none !important;
}
/* sec6 */
.sec6 p {
  color: #fff;
  text-align: center;
  font-size: 30px;
}

.sec6 .d-flex {
  margin-top: 30px;
}

.sec6 .box {
  flex: 1;
  padding: 30px 44px;
  text-align: center;
}

.sec6 .box p {
  padding-top: 30px;
  font-size: 28px;
}

/* sec7 */
.sec7 p {
  color: #0d274d;
  text-align: center;
  font-size: 30px;
}

.sec7 .d-flex {
  margin-top: 45px;
}

.sec7 .box {
  flex: 1;
  padding: 30px 33px;
  text-align: center;
}

.sec7 .box p {
  font-size: 26px;
  padding-top: 30px;
}

.progress {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  transform: rotate(-90deg) rotateX(180deg);
}

.progress circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 7s ease;
  stroke: #0d274d;
  stroke-width: 5px;
}

.progress .bar {
  stroke: #e2e2e2;
}

.progressdiv {
  position: relative;
}

.progressdiv:after {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 34px;
  transform: translate(-50%, -50%);
  content: attr(data-percent) "%";
  font-weight: 300;
  color: #000;
}

/* sec8 */
.sec8 {
  text-align: center;
  padding: 60px 100px;
}
.sec8 .btn span {
  font-size: 20px;
}
/* responsive view */
@media (max-width: 1280px){
.sec7 .box {
    padding: 30px 20px;
}
}
@media (max-width: 1200px) {

  .sec1,
  .sec2,
  .sec3,
  .sec4,
  .sec5,
  .sec6,
  .sec7,
  .sec8 {
    padding: 50px 40px;
  }
  br {
    display: none;
  }
  .sec1 h1 {
    color: #0d274d;
    margin-bottom: 5px;
}
p {
  font-size: 24px !important;
}
.sec2 .sec2_right p:first-child {
  margin-bottom: 10px;
}
.sec2 .sec2_right {
  padding-left: 20px;
}
.sec3 .sec3_main_img .main_img3{
  width: 85%;
}
.sec3 .sec3_main {
  margin-top: 40%;
}
.sec5 .sec3_main {
  margin-top: 4%;
}
.sec5 .sec3_main_img img{
  height: 78%;
}
.sec5 {
  margin-bottom: 50px;
}
.sec3 p {
  font-size: 20px !important;
}
.sec3 h6, .sec5 h6 {
  font-size: 20px !important;
}
.sec3 .sec3_left .sec3_list .texts {
  padding-right: 10px;
}
.sec3 .sec3_right .sec3_list .texts {
  padding-left: 10px;
}
.sec3 .sec3_left .sec3_list {
  margin-right: 15px;
}
.sec3 .sec3_list {
  margin-top: 25px;
}
.sec2 .sec2_right h2 {
  font-size: 32px;
}
.sec6 .box {
  padding: 15px 15px;
}
.sec7 .box {
  padding: 0px 3px;
}
.progress{
  width: 135px;
  height: 135px;
}
.progress circle, .progress .bar{
  cx: 65;
  cy: 65;
  r: 62;
}
.progressdiv:after {
  font-size: 24px;
}
.sec7 br{
  display: block !important;
}
.sec3 .sec3_right .sec3_list {
  margin-left: 10px;
}
.sec3 .sec3_title {
  width: 15%;
}
}

@media (max-width: 767px) {
  .d-flex {
    flex-direction: column;
  }

  .sec1,
  .sec2,
  .sec3,
  .sec4,
  .sec5,
  .sec6,
  .sec7{
    padding: 50px 30px;
  }
 
  .sec1 h1 {
    font-size: 36px;
    margin-bottom: 10px;
}
.sec2 .sec2_right, .sec2 .sec2_left, .sec3 .sec3_list .texts, .sec3 .sec3_list .icons {
  width: 100%;
  text-align: center;
}
.sec8{
  padding: 50px 15px;
}
.btn {
  font-size: 20px;
  padding: 15px 30px;
}
.sec8 .btn span {
  font-size: 18px;
}
.sec2 .sec2_right p:first-child {
  margin-bottom: 20px;
  margin-top: 20px;
}
.sec2 .sec2_right {
  padding-left: 00px;
}
.sec3 .sec3_right .sec3_list .texts {
  padding-left: 0px;
}
.sec3 .main_img3, .sec5 .main_img_line, .sec5 .main_img_one, .sec5 .main_img5{
  display: none !important;
}
.sec3 .sec3_main {
  margin-top: 5%;
}
.sec3 .sec3_title, .sec3 .sec3_right .sec3_title{
  margin: 0 auto 0 auto;
  width: 20%;
}
.sec3 .sec3_left .sec3_list {
  margin-right: 0;
}
.sec3 .sec3_list {
  margin-top: 30px;
}
.sec3 .sec3_left .sec3_list .texts p, .sec3 .sec3_right .sec3_list .icons {
  text-align: center;
}
.sec3 .sec3_list .texts {
  order: 1;
}
.sec3 .sec3_list .texts p:first-child {
  padding-top: 20px;
}
.sec3 .sec3_right {
  margin-top: 30px;
}
.sec3 .sec3_right .sec3_list {
  margin-left: 0;
}
.sec5 .main_img_two, .sec5 .main_img_mobile{
  display: block !important;
}
.sec6 .box, .sec7 .box {
  padding: 20px 10px;
}
.sec6 .box p {
  padding-top: 10px;
}

.sec3 .main_mobile{
  display: block !important;
  position: inherit !important;
}
.sec3 .sec3_left .sec3_list .texts h6 {
  text-align: center;
}
}
.sec3 .main_mobile{
  display: none;
}