body {
    padding: 0;
    font-family: Google Sans !important;
    font-size: 14px !important;
}
ul li{list-style:none;}
.div-1 {background-image: linear-gradient(to left top, #0f3b5f, #0a3451, #082c43, #082536, #091d29);padding: 80px 40px 40px 40px; font-size: 18px; color: #fff; position: relative;max-width:350px !important;max-height:400px !important;}
.div-2 { /*background-image: linear-gradient(to left top, #0f3b5f, #0a3451, #082c43, #082536, #091d29);*/background-color:#fff; padding: 40px 10px 10px 10px; font-size: 16px; color: #062740;position: relative;min-height:300px !important;}
.div-3 { /*background-image: linear-gradient(to left top, #0f3b5f, #0a3451, #082c43, #082536, #091d29);*/background-color:#fff; padding: 80px 40px; font-size: 18px; color: #062740; position: relative;max-width:350px !important;max-height:450px !important;}
.div::after {background-image: url()}
.bg-img {background-image: url(../Images/Layer1bg.png);position: relative;background-repeat: no-repeat;background-size: cover;min-height: 100vh;background-position: center;}
.bg-img1 { background-image: url(../Images/Group8.png);position: relative; background-repeat: no-repeat; background-size: cover;height: auto;background-position: left center;background-attachment:fixed;}
.div-3::after { content: "";position: absolute;background-image: url(../Images/Layer9.png);height: 60px !important; width: 50px !important;right: 0%;bottom: 0%;background-repeat:no-repeat;}
.div-3::before {content: ""; position: absolute;
background-image: url(../Images/Layer9-9.png);height: 60px !important;width: 50px !important;left: 0%;top: 0;background-repeat:no-repeat;}
.div-2::before { content: "";position: absolute;background-image: url(../Images/Layer9-9.png); height: 60px !important; width: 50px !important; left: 0%; top: 0;background-repeat:no-repeat;}
.div-2::after { content: "";  position: absolute; background-image: url(../Images/Layer9.png); height: 60px !important; width: 50px !important;right: 0%; bottom: 0%;background-repeat:no-repeat;}
.level::after { content: ""; position: absolute;width: 60px;height: 2px; background-color: #fff; left: -4%;top: 50%;}
.about { background-image: url(../Images/hrcimg11.jpg); height:100%;background-repeat: no-repeat; background-size: cover;  max-width: 100%;}
.about-contant { padding: 160px;color: #fff;}
.main-btn { background-color: #0e3554; border: 1px solid; padding: 10px 60px;color: #fff;text-decoration:none !important;}
.main-btn:hover,.main-btn:focus { background-color: #0e3554 !important; border: 1px solid !important; padding: 10px 60px;color: #fff !important;}
.overlay-img {
  background-image: url(../Images/bg.png);  position: relative; background-repeat: no-repeat;  background-size: cover;  height: 90vh; background-position: center;}
.overlay img {height: 90vh;}
.list { padding: 0px 20px; font-size: 16px;margin-bottom: 30px !important;}
.list ul li {  margin: 10px; }
.blue-bg {background-image: url(../Images/Group8.png);position: relative;background-repeat: no-repeat;background-size: cover; background-position: center; background-attachment: fixed;z-index:1;}
.blue-bg-1 {background-image: url(../Images/Group8.png); position: relative; background-repeat: no-repeat; background-size: cover; background-position: center;background-attachment: fixed; /*height: 100vh;*/z-index:1;}
.blue-bg:before ,.blue-bg-1:before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: -1;}
.padding-50 {padding-bottom: 150px;}
.shape { background-color: #fff; padding: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.three-img { background-image: url(../Images/sq.png); background-repeat: no-repeat; background-size: cover; background-position: center; width: 87%; margin: auto; height: 49vh;}
.shape::after {  content: ""; position: absolute; background-image: url(../Images/Layer9.png); height: 60px !important; width: 50px !important; right: 0%; bottom: 0%;}
.shape::before {  content: "";  position: absolute; background-image: url(../Images/Layer9-9.png);height: 60px !important; width: 50px !important; left: 0%;top: 0;background-repeat:no-repeat;}
a { text-decoration: none;}
.location { padding: 40px;}
.form-control {padding: 2.375rem 0.75rem;}
.location h1 { color: #0f3b5f;}
.footer-bg { background-color:#0e3554;  position: relative; background-repeat: no-repeat; background-size: cover; min-height: 70vh; background-position: center;}
.icn { /*background-color: #78a8ca;padding: 26px 11px 14px 12px; border-radius: 50%;*/}
.location-icn ul li a i {font-size: 28px;padding:10px;border-radius:50%;background-color:#78a8ca;}
.suport ul li {font-size: 18px;}
.suport ul li a:hover {border-bottom: 1px solid #fff;text-decoration: none;}
.sq { position: relative;}
.sq::after { content: ""; position: absolute; border: 3px solid #fff; width: 140px; height: 140px; right: 20%; top: -19%;transform: rotate(45deg); cursor: pointer; }
.sq:hover { top: -29%; transform: rotateY(180deg); }

@media(max-width: 276px) {
    .flip-box { width: 65%;}
    .socialM{display:none !important;}

}

@media(max-width: 576px) {
.list { padding: 0; }
 .three-img { height: 36vh; margin: 0;  width: 100%; background-position: center;height: 38vh;}
 .overlay-contant h1 {font-size: 21px !important;}
.overlay-contant ul li {font-size: 13.3px;}
 .div-2 {margin-top: 20px; }
 .div-3 { margin-top: 20px;}
 .level::after {width: 24px; top: 33%; left: 1%; }
 .bg-img { min-height: 90vh;}
 .list {margin-top: 0%;}
.flip-box { width: 65% !important;}
section.main-banner{height:90vh;}
.socialM{display:none !important;}
}
@media(max-width: 768px) {
 .list {padding: 0; }
.list ul li {margin: 0;}
 .three-img { height: 36vh; margin: 0; width: 100%; background-position: center;height: 38vh; }
.level::after {left: 1%; }
.bg-img { min-height: 60vh; }
.div-2 {padding: 43px 23px;}
.bg-img { min-height: 90vh; }
.list {margin-top: 0%;}
.main-banner .caption{padding-top:5% !important;}
.flip-box { width: 54% !important;}
.div-2 ul li ft{font-size:16px;} 
.socialM{display:none !important;}
}
@media(max-width:993px) {
 .three-img { width: 100%;height: 32vh;}
 .list { padding: 20px; margin-top: 0%; }
 .div-2 { padding: 43px 23px; }
 .div-3 { padding: 43px 23px;}
 .overlay-img { height: 75vh;}
 .overlay img { height: 75vh;}
 .bg-img { min-height: 90vh;}
 .lister{margin-top:20%;}
 .div-2 ul li ft{font-size:16px;} 
.socialM{display:none !important;}

}
@media(max-width: 1600px) {
    .lister{margin-top:30%;}
 .div-2 ul li ft{font-size:18px;} 

/*    .lister ul li {padding:20px 20px;}

*/}   
@media(max-width: 1700px) {
    .lister{margin-top:30%;}
/*    .lister ul li {padding:20px 20px !important;}
*/
}
.flip-box { display: flex;flex-wrap: wrap;position: relative; padding: 75px 60px 75px 60px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);border: 13px solid #78a8ca; border-radius: 20px; cursor: pointer;}
.flip-box:hover .back { transform: rotateY(0deg); z-index: 10;}
.flip-box:hover .front {transform: rotateY(180deg); z-index: -1; }
.flip-box .back, .flip-box .front { position: relative;background-color: transparent; color: white; display: flex; justify-content: center;align-content: center; flex: 0 0 100%;-webkit-transition: all 1s cubic-bezier(0.5, 1, 0.5, 1);transition: all 1s cubic-bezier(0.5, 1.3, 0.5, 1.3); transform-style: preserve-3d; background-size: cover; background-position: center;  }
.flip-box .back { background-color: #0e3554; position: absolute; left: 0; top: 0;  bottom: 0; width: 100%; z-index: -1;transform: rotateY(-180deg);}
.flip-box .front { z-index: 10;}
.flip-box .front .content { font-size: 2rem;}
.flip-box .content { display: flex; justify-content: center; align-items: center;flex-direction: column;-webkit-transform: translateZ(50px);transform: translateZ(50px); text-shadow: 0px 0px 2px black;}
.list ul li img{margin-left:-26px;}
::-webkit-scrollbar {width: 10px;height:10px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #062740;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #062740;}
.heading-footer ul li a{color:#fff;}
.map {
    background-image: url(../Images/map_k.png);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*height:100vh;*/
}
a{text-decoration:none;}
a:hover{color:#2a6496;}
#background-video {
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    position:absolute;
    width:100%;
}
.information{width:30%;}

.main-banner {
    position: relative;
    max-height: 100%;
    overflow: hidden;
    margin-bottom: -7px;
}
#bg-video {
    min-width: 100%;
    min-height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    object-fit: cover;
    z-index: -1;
}
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}
.main-banner .caption {
    position: absolute;
    top: 50%;
    /*transform: translateY(-50%);*/ /*padding-top:20% !important;*/ height:100vh;}
.lister ul li{
    padding:9px 9px;
}
.scan{width:100%;padding:10px;}
/*.diveder{*/
 /*width:300px;height:3px;background-color:#78a8ca;margin:auto;border-radius:20px;*/
 /*background-image:url(../images/sq.png);width:100%;height:40vh;background-repeat:no-repeat;
}*/
.scrollup {
    width: 60px !important;
    height: 60px !important;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-align: center;
    padding: 16px 6px 6px 6px;
    z-index: 100;
    display: none;
    background-color: #001E49;
    border-radius: 50%;
}
.owl-nav{display:none;}
.owl-dots{display:none;}
.about1 { background-image: url(../Images/hrcimg.jpg); background-repeat: no-repeat; background-size: cover; height:100%; background-attachment:fixed;}
.about2 { background-image: url(../Images/hrcimg3.jpg); background-repeat: no-repeat; background-size: cover; height:100%; background-attachment:fixed;}
.btn-index{margin-top:-2%;}
.div-3{margin:auto;}.div-2{margin:auto;}
.video-pro{position:relative;width:100vw;height:100vh;overflow:hidden !important;}
@media(max-width: 576px) {
    .video-pro{height:90vh;}

}
.list-img {background-image: url(../Images/video9.jpg);position: relative;background-repeat: no-repeat;background-size: cover;height: 100vh;background-position: center;}
/*.video video{min-width:100vw;height:100vh !important;}.video1 img{min-width:100vw;height:100vh !important;}*/
.lister-section ul li{color:#fff;}
/*.video video{min-width:100vw;height:100vh !important;}*/.video1 img{min-width:100vw;height:100vh !important;}
/*.video video{min-width:100vw;height:100vh !important;}*/.video1 img{min-width:100vw;height:100vh !important;}
@media(min-width: 1700px) {
    .flip-box {
        padding:90px 60px !important;
    }
}