.hero.ovrl .out-h:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #030C7B; opacity: .3; z-index: 2; }
.out-h { padding-left: 25px; padding-top: 25px; padding-right: 25px; padding-bottom: 160px; min-height: 550px; }
.out-h h2 { z-index: 4; }
.out-h h2 .bigger { font-size: 140%; }
.out-h h1 { z-index: 4; }
.out-h img { height: 100%; object-fit: cover; }
.out-h img { object-position: 33%; }
 .ot { padding-top: 60px; }
.ot.bg .gr_in { padding-top: 120px; padding-bottom: 120px; }
.art { padding: 60px 0px; }
.art .ot > h2 { margin-bottom: 30px; }
.ofg { margin-bottom: 50px; }
.oioo { padding: 25px 50px; }
.oioo > h2 { z-index: 2; margin-bottom: 20px; }
.oioo:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #030C7B; opacity: .6; z-index: 2; }
.dll { opacity: .81; z-index: 2; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 45px; }
.dll + picture img { height: 100%; object-fit: cover; }
.gr_in .el .media { min-height: 70px; }
.gr_in .el .media img { max-height: 70px; }
.gr_in { padding: 40px 20px; display: grid; grid-column-gap: 60px; grid-row-gap: 65px; }
.gr_in picture { height: 100%; }
.gr_in > picture > img { height: 100%; object-fit: cover; }
.gr_in:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #030C7B; opacity: .6; z-index: 2; }
.gr_in .el { z-index: 2; }
.gr_in.m { padding-left: 150px; padding-right: 150px; }
.trp { grid-template-columns: repeat(3, 1fr); }
.anim_me.fnsh { transform: translateY(0px); opacity: 1; }
.db_ar > .ds { width: 50%; padding-right: 30px; }
.db_ar > .md { width: 50%; }
.db_ar picture { width: 100%; }
.db_ar picture img { width: 100%; height: auto; }
.md > img { left: 50%; transform: translate(-50%, -50%); top: 50%; height: calc(100% - 60px); }
.db { grid-template-columns: repeat(2, 1fr); }
.tr-cnt { left: 55%; }
.ct_tm { margin-top: 80px; margin-bottom: 80px; }
.ct_tm form { max-width: 65%; }
.ct_tm form .group__submit > button { min-height: 58px; border-radius: 12px; cursor: pointer; border: 0px; outline: none; max-width: 280px; width: 100%; font-size: 19px; line-height: 23px; color: #fff; }
.ct_tm form .grp > a { top: 50%; transform: translateY(-50%); right: 15px; }
.ct_tm form .grp > input, .ct_tm form .grp > textarea { text-align: left; height: 65px; border-radius: 15px; outline: none; padding-left: 20px; padding-right: 20px; line-height: 28px; border: 2px solid #030C7B; }
.ct_tm form .grp > input::-webkit-input-placeholder, .ct_tm form .grp > textarea::-webkit-input-placeholder { color: #8B8C96; }
.ct_tm form .grp > textarea { height: 150px; padding-top: 15px; resize: none; }
.ct_tm form .group__submit > button { min-height: 58px; border-radius: 12px; cursor: pointer; border: 0px; outline: none; max-width: 280px; width: 100%; font-size: 19px; line-height: 23px; color: #fff; }
.flex60{flex: 0 0 60%;}
.columngp20{column-gap: 18px;}
.flex25{ padding: 12px;flex: 0 0 22.5%; column-gap:16px; margin:48px 0 25px; border-radius:12px; border: 2px solid #030C7B; min-height: 85px;font-size: 19px;line-height: 1.5;}
@media (min-width:1500px) {
     .out-h { padding: 25px; padding-bottom: 140px; }
}
@media (max-width: 991px) { 
     .smlst.top.hero .out-h { padding-bottom: 160px; }
     .top.hero .out-h { padding-bottom: 240px; padding-top: 15px; }
     .out-h { min-height: 0px; padding-top: 20px; padding-bottom: 280px; }
     .ot { padding-top: 35px; }
     .gr_in.m { padding-left: 80px; padding-right: 80px; }
     .trp { grid-template-columns: repeat(2, 1fr); }
     .tr-cnt.on_dsk { left: 0px; }
     .flex25{flex:0 0 48%; min-height: 85px;margin:15px 0;font-size: 16px;}
     .fcol{flex-direction: column;}
     .dispBox{flex-wrap: wrap;margin-bottom:32px!important;}
     .flex25 img{max-width: 40px; height:auto;}
}
@media (max-width: 767px) {
     .ct_tm form { max-width: 100%; }
     .top.hero .out-h { padding-bottom: 280px; }
     .top.hero .out-h .title-1 { margin-bottom: 0px; }
     .out-h.ddq { padding-bottom: 48%; }
     .out-h.ddq img { object-position: 73%; }
     .out-h h2 { max-width: 100%; font-size: 16px; line-height: 20px; }
     .out-h { padding: 15px; padding-bottom: 130px; padding-top: 15px; }
     .top.hero .out-h { padding-bottom: 280px; }
     .top.hero .out-h .title-1 { margin-bottom: 0px; }
     .ot.bg .gr_in { padding-top: 65px; padding-bottom: 65px; }
     .art { padding-bottom: 0px; }
     .db_ar ul li span img { max-width: 12px; }
     .art .db_ar { flex-direction: column; }
     .db_ar > .ds { width: 100%; padding-right: 0px; }
     .db_ar > .md { width: 100%; }
     .art .ot > h2 { margin-bottom: 15px; }
     .art { padding-top: 40px; }
     .ofg { margin-top: 25px; margin-bottom: 25px; }
     .oioo { padding: 20px; }
     .oioo .dll { grid-template-columns: 1fr; grid-row-gap: 0px; }
     .gr_in { grid-row-gap: 35px; }
     .gr_in .el .media img { width: auto; }
     .gr_in.m { padding-left: 20px; padding-right: 20px; }
     .gr_in .el .media img { max-height: 40px; }
     .gr_in .el .media img, .gr_in .el .media { min-height: 0px; }
     .gr_in .el .title-3 { font-size: 18px; line-height: 22px; }
     .gr_in .el .title-4 { font-size: 16px; line-height: 22px; }
     .gr_in .el p { font-size: 12px; line-height: 16px; }
     .trp, .gr_in.m { padding: 25px 10px; grid-column-gap: 15px; }
     .ct_tm form .group__submit > button { max-width: 100%; }
     .flex25{ flex:0 0 100%; margin:12px 0; min-height: 72px; }
     .fcol .md img{width: 100%;}
}
@media (max-width: 480px) {
     .smlst.top.hero .out-h { padding-bottom: 0px; min-height: 215px; }
     .smlst.top.hero .out-h img { object-position: top right !important; }
     .out-h.ddq h1 { margin-bottom: 3px; }
     .out-h.ddq { padding-bottom: 68%; }
     .out-h.ddq img { object-position: 55%; }
     .out-h > h2 br { display: none; }
     .oioo > h2 br { display: none; }
     .gr_in .el .title-3 { font-size: 15px; line-height: 19px; }

}