*{
    box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
body{
    font-family: 'Open Sans', sans-serif !important;
  
}
.secone{
    width: 100%;
    max-width: 66%;
    margin: auto;
    }
.sectwo{width: 100%;max-width: 100%;padding-left: 19%;margin-bottom: 5%;}
/*.sectwo1{width: 100%;max-width:80%;margin: auto;}*/
.sectwo12{width: 100%;max-width:80%;margin: auto;}
.modal-backdrop.show{
    opacity: 1 !important;
}
.text-center{
    text-align: center !important;
}
.main_text{
    color: #ffffff; 
}
.main_text1{
    color: #ffffff;
     margin-bottom:50px; 
}
#myBtn img {
    margin-bottom: 5px;
}
.main_text p{font-weight: 600;font-size: 11px;}
body > section > div.blue_bg.text-center.desk > div > div:nth-child(1) > div > div > p{font-size: 18.6px;}
.main_text h1{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 22.5px;
    padding-left: 27%;
    padding-bottom: 12px;
    /* padding-top: 30px; */
}
.ref ol li::marker {
    font-weight: 700;
}
.ref ol{padding: 10px;}
.ref ol li{padding: 2px 0px;}
.main_text h1 span{
    font-weight: 700;
    color: #ee7e22;
}
.main_text h3{
    font-weight: 500;
    text-transform: uppercase;
    color: #113d69;
    font-size: 22px;
    margin-top: 20px;
}
.textleft{
    text-align: right;
   font-weight: bold;
    padding-right: 20px;
    font-size: 11px;
    color: #113d69;
    /* top: 88%; */
}
p{margin-bottom: 10px !important;}
.mob{display: none;}
.blue_bg{
    background: #14759e;
    padding: 40px 0px;
}
.videocon{width: 100%;max-width: 82%;margin: auto;}
.videocon img{border-style: solid; border-width: 5.5px 5.5px 4px 4px;border-color: #13658f;}
.videobox{width: 100%;
max-width: 74%;
margin: auto;}
.btn1 {
  width: 74%;
  border: 2px solid black;
  background-color: transparent;
  color: #ffffff;
  padding: 3px 9px;
  font-size: 12px;
  cursor: pointer;
  font-weight: bolder;
  margin-top: 8%;
  margin-bottom: 9%;
}
.img-fluid2{width: 100%;max-width: 47%;height: auto;}
.img9{position: absolute;bottom: -122px;width: 100%;margin: auto;}
.pd-5{padding-bottom: 5% !important;}
.success1 {
  border-color: #ee7e22;
  /* color: green; */
}
.ogrtxt{color: #ee7e22;font-weight: 900;}
.mbr {margin-bottom: 10px !important;text-align: left;}
.linkblue{color: #14759e;text-decoration: none;}
.ref{font-size: 10.77px;color: #1e1e1e;line-height: 12px;text-align: left;margin-bottom: 4%;}
/*.ref p{margin-bottom: 2px !important;}*/
.refmain{
    color: #000000;
    font-size: 13.08px;
    font-weight: 600;
}
.videocon p{font-size: 15.35px;margin-bottom: 17px !important;}
.left-img{
    position: absolute;
    padding-left: 20px;
    bottom: -44%;
}
.border1{border-top: 1px solid #ffffff;margin: 4% 14%;}

.top{background:#f2f2f2;width: 100%;height: 26px; }

.inner-content h2{
    font-weight: 500;
    text-transform: uppercase;
    color: #113d69;
    font-size: 37.91px;
}
 .mbl{padding-left:14px;}
.inner-content h2 span{
    font-weight: 700;
}
.inner-content p{
    color: #113d69;
    font-size: 21.5px;
    font-weight: 600;
}
.sub-title{
    padding-bottom: 15px;
}
.modtxt{padding-bottom: 5px;}
.blue_bg{
    background: #14759e;
    padding: 40px 0px;
}
.blue_bg h4 {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
.blue_bg p{
    color: #fff;
    padding: 0 20px;
}
body > section > div.blue_bg.text-center.mob > div > div:nth-child(4) > div > p{font-size:21.5px;line-height: 25px;}
.bg-orange{
    background: #ee7e22;
    height:auto;
    padding-bottom: 10px;
    margin-top: -5px;
    padding-top: 22px;
}
.mbbp{margin-bottom: 6%;}

.text-center1 p{font-size: 18.6px;line-height:23px}
.era1{width: 10%;
    margin: auto;
    max-width: 10%;}
    .log1{width: 90%;
    max-width: 90%;
    margin: auto;}
    .era11{width: 19%;
    margin: auto;
    max-width: 19%;}
    .log11{width: 81%;
    max-width: 81%;
    margin: auto;}
    #myBtn{cursor: pointer;}
.sucessa{color: #ffffff;text-decoration: none;}
a.sucessa:hover{text-decoration: none;color: #ffffff;}
a.linkblue:hover{text-decoration: none;color: #14759e;}

/*Error page*/
.top1{background:#f2f2f2;width: 100%;height: 46px; vertical-align: middle;
    padding: 10px 20px; }
    .social{float: right;text-align: right;}
    .social a{padding: 0px 4px;}
    .errormain{font-size: 41px;line-height: 43px;color: #113d69;margin-bottom:3%;}
.errtxtone{font-size: 14px;line-height: 17px;color: #113d69;padding: 6px 0px 0px;}
.errtxttwo{font-size: 15.33px;line-height: 17px;color: #426988;text-decoration: none;}
.errormain h2{font-size: 41px;line-height: 43px;color: #113d69;}

/*video*/
.modal-backdrop {background:rgba(0,0,0,0.4)!important;}
.vi-head{border-bottom:none;padding:10px 20px; }
.vimodalcontent{
    width: 66%;
    height: 311px;
    left: 17%;}
.clsbtn{padding: 10px 0px !important;}
#vidmaincon{position: absolute;
    top: -8%;
    left: 3%;
    width: 93%;
    height: 100%;}
    #vidmaincon12{position: absolute;
    top: -8%;
    left: 3%;
    width: 93%;
    height: 100%;}
    .clsucc{width: 23%;
    border: 3px solid #ee7e22 !important;
    color: #ee7e22;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    height: 38px;margin-right: 8px;box-shadow: -3px 0px #fcd}
    .modfot{justify-content: center;border-top: 0px;padding-bottom: 25px;padding-top: 7px;}
    .btn-sucess
    {width: 23%;
    background: #ee7e22 !important;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    height: 38px;
    border-radius: 0px;
    box-shadow: 0px 5px #fcd4c2;}
    .madbodp{width: 80%;
        margin:auto;}
        .refmt{margin-top: 7%;text-align: center;}
    .footercontainer{width: 100%;
    max-width:89%;}
    .hrf{border-top: 1px solid #113d69; width: 94%;margin: auto;}
    #exampleModalCenter > div > div > div.modal-body.modtxt > div.madbodp > p:nth-child(2){text-align: center;
    padding: 13px 0px 11px;}
    .txtcen{text-align: center;}
    .pbb{padding-bottom: 4px;}
    .mtbtn{margin: 8% auto 9%}
    .modtxt h5{width: 70%; margin: auto;color:#113d69;font-size:15.39px;font-weight: 600px;text-align: center;margin-bottom: 4%;padding: 26px 20px 0px;line-height: 19px;text-align: center;  }
   .madbodp p{color:#113d69;font-size:13.85px;line-height: 20px;text-align: center;  }
 body > section > div.bg-white.desk{margin-top: 12.5% !important;}


@media screen and (max-width:1600px) and (min-width: 1200px) { 
    body > section > div.bg-white.desk{margin-top: 15% !important;}}
@media screen and (max-width:1200px) and (min-width: 997px) {
     .inner-content h2{font-size: 31.91px;}
 .inner-content p{font-size: 15.5px;}
 .sectwo{padding-left: 20%;}
 .inner-content{padding-left: 8%;}
 body > section > div.bg-white.desk{margin-top: 18.5% !important;}
 .img9 {
    bottom: -108px;}
    .mbl{padding-left:14px;}
    .left-img {
    position: absolute;
    padding-left: 20px;
    bottom: -46%;}
    .sectwo12 {
    width: 100%;
    max-width: 85%;
    margin: auto;}
    
    
}
@media screen and (max-width: 1000px) and (min-width: 800px) {
 .inner-content h2{font-size: 28.91px;}
  body > section > div.bg-white.desk{margin-top:17.5% !important;}
 .inner-content p{font-size: 14px;}
 .sectwo{padding-left: 8%;}
 .main_text h1,.pd-5{font-size: 18.5px;}
   .text-center p,.main_text p{font-size: 12.6px;}
   .videocon p{font-size: 13px;}
   .videocon{max-width: 94%;}
   .btn1{font-size: 10px;}
   .img9{bottom: -85px;}
   .refmain{font-size: 10.5px;}
   .ref{font-size: 8.77px}
   .era1{width: 16%;
    margin: auto;
    max-width: 16%;}
    .log1{width: 84%;
    max-width: 84%;
    margin: auto;}
    .footercontainer {
    width: 100%;
    max-width: 99%;}
    .inner-content{padding-left: 5%;}
    .sectwo12 {
    width: 100%;
    max-width: 85%;
    margin: auto;}
    
   
}
@media screen and (max-width: 800px) and (min-width:768px) {
 .inner-content h2{font-size: 28.91px;}
 .inner-content p{font-size: 14px;}
 .sectwo{padding-left: 8%;}
 .main_text h1,.pd-5{font-size: 18.5px;} 
  body > section > div.bg-white.desk{margin-top:19.5% !important;}
   .text-center p,.main_text p{font-size: 12.6px;}
   .videocon p{font-size: 10px;}
   .btn1{font-size: 10px;}
   .img9{bottom: -85px;}
   .refmain{font-size: 10.5px;}
   .ref{font-size: 8.77px}
   .era1{width: 16%;
    margin: auto;
    max-width: 16%;}
    .log1{width: 84%;
    max-width: 84%;
    margin: auto;}
    .footercontainer {
    width: 100%;
    max-width: 99%;}
    .inner-content{padding-left: 5%;}
    
   
}

@media (max-width:767px) {
.left-img img.img-fluid {
    max-width: 100%;
}
/*p.refmain:first-child {
    margin-bottom: 2px !important;
}
p.refmain {
    margin-bottom: 10px !important;
}*/
.refmt {
    margin-top: 12%;
    text-align: center;
}   
.img-fluid2 {
    width: 100%;
    max-width: 75%;
    height: auto;
}
.img9 {
    position: absolute;
    bottom: -100px;
    width: 100%;
    margin: auto;
    right: 0px;
}
#myBtn img {
    cursor: pointer;
    margin-bottom: 5px;
}
    
    .img-fluid {
    max-width: 317px;
    height: auto;
    }
    .sectwo12 {max-width: 94%;}
    .bg-orange{padding-bottom: 0px;
    }
    .main_text1{margin-bottom: 42px;}
    .vmb{margin-bottom: 9%}
    .border1{margin: 4% 4% 9%;}
    .inner-content h2{font-size: 31.96px;}
    .left-img{
        position: relative;
       bottom: 0px;
       text-align: center;
    }
    .btn1{width: 65%;}
    .main_text h1{font-size: 25px;}
    body > section > div.blue_bg.text-center.mob > div > div:nth-child(1) > div > div > p{font-size: 25.5px;}
    .inner-content p{font-size: 15px;line-height: 23px;}
    .videocon p{font-size: 19px;line-height: 24px;}
    body > section > div.blue_bg.text-center.mob > div > div:nth-child(4) > div > p{font-size:17.5px !important;line-height: 22px;}
    .videobox {
    width: 100%;
    max-width: 100%;
    margin: auto;}
    .videocon {
    width: 100%;
    max-width: 100%;
    margin: auto;}
    .era1{width: 26%;
    margin: auto;
    max-width: 26%;}
    .log1{width: 74%;
    max-width: 74%;
    margin: auto;}
    .inner-content h2{text-align: center;}
    .refmain{font-size: 15px;line-height: 17px;}
    .ref{font-size: 13px;line-height: 16px;}
    .textleft {
    text-align: left;
    position: absolute;
    bottom: -37%;
    right: 20px;padding-right: 0px;}
    .linkblue p{word-break: all;}
    .main_text h1{padding-left: 0px;}
    .inner-content p{text-align: center;}
    .mob{display: block;}
   .desk{display: none;}
   .sectwo{padding-left: 0px;}
   .bg-orange{margin-top: -14px;}
    .errormain h2{font-size: 36px;line-height: 38px;}
   .vimodalcontent {
    width: 100%;
     left: 0%; }
     #vidmaincon {position: absolute;
    top: -8%;
    left: 8%;
    width: 84%;
    height: 95%;}
    #vidmaincon12 {position: absolute;
    top: -8%;
    left: 8%;
    width: 84%;
    height: 95%;}
    .errormain{margin: 10% 0% 16%;}
    .footercontainer {
    width: 100%;
    max-width: 99%;}
    .clsucc {font-size: 10px;line-height: 12px;width: 30%;}
    .btn-sucess {font-size: 10px;line-height: 12px;width: 30%;}
   
}
@media (max-width: 576px) { 
   
}

@media (max-width:500px) {
.img9 {
    bottom: -85px;
}
    .sectwo12{width: 100%;max-width:90%;margin: auto;}
    .btn1{width: 85%;}
   .mod-dia{margin: 0px;}
   .vimodalcontent {
    width: 100%;
     left: 0%;
     height: 220px; }
     .modtxt h5{padding: 9px 20px 0px;}
     #loadModal > div > div > div.modal-body.modtxt > div.madbodp > p:nth-child(2){padding-bottom: 14px !important;}
     .clsucc{box-shadow: none;}
     .hrf {width: 100%;}
     .clsucc {width: 40%;}
    .btn-sucess {width: 40%;}
    .madbodp{width: 73%;}
    .madbodp p{font-size: 12.85px;}
    .main_text p {font-size:11.5px; }
}
@media (max-width: 400px) {
    .ref ol{padding:10px 25px;}
/*.sectwo1{width: 100%;max-width:100%;margin: auto;} */

    .btn1{width: 95%;}
    .era11{width: 31%;
    margin: auto;
    max-width: 31%;}
    .log11{width: 69%;
    max-width: 69%;
    margin: auto;}
  .era1{width: 28%;max-width: 28%;}
  .log1{width: 72%;max-width: 72%;}
  .social a{padding: 0px 9px;}
  .textleft {
    text-align: left;
    position: absolute;
    bottom: -37%;
    right: 20px;
    padding-right: 0px;
}}
@media (max-width:360px) {
    .sectwo12 {
    width: 100%;
    max-width: 96%;
    margin: auto;}
    .mtbtn{margin-left: 2%;} 
    .btn1{width: 97%;} 
    .inner-content h2{font-size: 26.96px;}
    .inner-content p{font-size: 13.5px;line-height: 23px;}}
@media (max-width:320px) {
    .mtbtn{margin-left: 2%;} 
    .btn1{width: 97%;}
    .inner-content p {
    font-size: 15.5px !important;
    line-height: 19px;}
    .videocon p{font-size: 16px;}
   

   
}