*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
h1, h2, h3, h4, h5, h6, p{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}











.latest-news{
    padding: 90px 0;
    position: relative;
}
.latest-news .video{
    width: 100%;
}
.latest-news .row{
    align-items: center;
}
.latest-news .geading{
    position: relative;
}
.latest-news .geading .line img{
    position: absolute;
    top: -154px;
    left: 70px;
}
.latest-news .geading h3{
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #595959;
}
.latest-news .geading h3{
    color: #fff !important;
}
.latest-news .geading{
    width: 100%;
    height: 240px;
    /* background-color: #006F35; */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.latest-news .wrapper ul{
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: end;
}

.latest-news .wrapper ul li{
    width: 100%;
    padding: 15px 15px;
    background-color: #EDEDED;
    text-align: center;
    border: 1px solid #595959;
    border-radius: 10px;
}
.latest-news .wrapper ul li{
    width: 100%;
    position: relative;
    z-index: 9;
}
.latest-news .wrapper ul{
    width: 100%;
}
.latest-news .wrapper{
    width: 100%;
}
.latest-news .wrapper ul li a{
    font-size: 20px;
    color: #595959;
    font-weight: 600;
}
.latest-news .wrapper ul .one{
    width: 88%;
    position: relative;
}
.latest-news .wrapper ul .one::after{
    background-image: url(../image/r-2.png);
    
    background-position: center;
    background-size: 40px;
    background-repeat: no-repeat;
    /* background-color: #390430;
    width: 40px;
    height: 40px;
    border-radius: 50%; */
    top: 0;
    left: -1049px;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    z-index: 9999;
}
.latest-news .wrapper ul .two{
    position: relative;
}
.latest-news .wrapper ul .two::after{
       background-image: url(../image/r-3.png);
    background-position: center;
    background-size: 40px;
    background-repeat: no-repeat;
    top: 0;
    left: -896px;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    z-index: 9;
}
.latest-news .wrapper ul .three{
    position: relative;
    z-index: 9 !important;
}
.latest-news .wrapper ul .three::after{
    background-image: url(../image/r-1.png);
    
    background-position: center;
    background-size: 40px;
    background-repeat: no-repeat;
    top: 11px;
    left: -1194px;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    z-index: 9;
}
.latest-news .wrapper ul .four{
    width: 93%;
}
.latest-news .wrapper ul .four::after{
    background-image: url(../image/r-4.png);
    background-position: center;
    background-size: 40px;
    background-repeat: no-repeat;
    top: 0;
    left: -936px;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    z-index: 9;
}
.menu-12{
    padding-top: 183px !important;
    padding-bottom: 50px;
}
.latest-news .wrapper ul .five::after{
    background-image: url(../image/r-5.png);
    background-position: center;
    background-size: 40px;
    background-repeat: no-repeat;
    top: 0;
    left: -960px;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
}
.latest-news .wrapper ul .six{
    width: 96%;
}
.latest-news .wrapper ul .six::after{
    background-image: url(../image/r-6.png);
    background-position: center;
    background-size: 40px;
    background-repeat: no-repeat;
    top: 0;
    left: -1135px;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
}
.latest-news .wrap{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
}
.latest-news .wrap img{
        position: absolute;
    left: -90px;
    top: 24px;
}
.latest-news .wrap.wrap-1 img{
       position: absolute;
    left: -195px;
    top: 24px;
}
.latest-news .wrap.wrap-2 img{
       position: absolute;
    left: -115px;
    top: 43px;
}
.latest-news .wrap.wrap-4 img{
       position: absolute;
    left: -82px;
    top: 38px;
}
.latest-news .wrap.wrap-6 img{
       position: absolute;
    left: -151px;
    top: 29px;
}
@media screen and (min-width: 1400px) and (max-width: 2500px){
.latest-news .wrapper ul .one::after{
    left: -1323px;
}
.latest-news .wrapper ul .three::after{
    left: -1469px;
}
.latest-news .wrapper ul .two::after{
    left: -1153px;
}
.latest-news .wrapper ul .four::after{
left: -1198px;
}
.latest-news .wrapper ul .five::after{
    left: -1214px;
}
.latest-news .wrapper ul .six::after{
    left: -1376px;
}
.latest-news .wrap.wrap-1 img{
        left: -285px;
}
.latest-news .wrap.wrap-2 img{
    left: -181px;
}
.latest-news .wrap.wrap-3 img{
    left: -150px;
}
.latest-news .wrap.wrap-4 img{
    left: -148px;
}
.latest-news .wrap.wrap-5 img{
    left: -160px;
}
.latest-news .wrap.wrap-6 img{
    left: -242px;
    
}
}
.latest-news .geading .two-3{
    width: 160px;
    display: block !important;
    animation: myAnimation linear 1s infinite alternate;
}
@keyframes myAnimation{
    0%{
        margin-top: -20px;
    }
     0%{
        margin-top: 20px;
    }
}
@media screen and (min-width: 991px) and (max-width: 1199px){
.latest-news .wrapper ul .one::after{
    left: -772px;
}
.latest-news .wrapper ul .three::after{
    left: -867px;
}
.latest-news .wrapper ul .two::after{
    left: -647px;
}
.latest-news .wrapper ul .four::after{
    left: -669px;
}
.latest-news .wrapper ul .five::after{
    left: -669px;
}
.latest-news .wrapper ul .six::after{
    left: -788px;
}
.latest-news .wrap.wrap-1 img{
    left: -109px;
}
.latest-news .wrap.wrap-2 img{
    left: -40px;
}
.latest-news .wrap.wrap-3 img{
    left: -15px;
}
.latest-news .wrap.wrap-4 img{
    left: 0px;
}
.latest-news .wrap.wrap-5 img{
    left: -23px;
}
.latest-news .wrap.wrap-6 img{
    left: -65px;
}
}
@media screen and (min-width: 300px) and (max-width: 990px){
    .banner .heading-wrapper{
    display: none;
}
    .about .logo-wrap .box h3{
    font-size: 16px !important;
}
.latest-news img{
    display: none;
}
.latest-news .wrapper ul .one::after{
    display: none;
}
.latest-news .wrapper ul .three::after{
    display: none;
}
.latest-news .wrapper ul .two::after{
    display: none;
}
.latest-news .wrapper ul .four::after{
    display: none;
}
.latest-news .wrapper ul .five::after{
    display: none;
}
.latest-news .wrapper ul .six::after{
    display: none;
}
.latest-news .wrapper ul .four{
    width: 100%;
}
.latest-news .wrapper ul .six{
    width: 100%;
}
.latest-news .wrapper ul .one{
    width: 100%;
}
.latest-news .row{
    gap: 30px;
}

}












/* about */
.about{
    padding: 250px 0 250px 0;
    /* background-color: #fff; */
    background-image:url('../image/bg-image-14.jpg');;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
}
.about .logo-wrap .logo img{
    width: 200px;
}
.about .logo-wrap{
    position: relative;
}
.about .logo-wrap .box{
    position: absolute;
    background-color: #174973;
    width: 100px;
    height: 82px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #000;
}
.about .logo-wrap .box h3{
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}
.about .logo-wrap .box.box-1{
    top: -250px;
    left: 0;
}
.about .logo-wrap .box.box-2{
        top: -239px;
    left: 111px;
}
.about .logo-wrap .box.box-3{
    top: -194px;
    left: 208px;
}
.about .logo-wrap .box.box-4{
    top: -128px;
    left: 285px;
}
.about .logo-wrap .box.box-5{
    top: -40px;
    left: 310px;
}
.about .logo-wrap .box.box-6 {
    top: 50px;
    left: 308px;
}
.about .logo-wrap .box.box-7 {
    top: 137px;
    left: 279px;
}
.about .logo-wrap .box.box-8 {
top: 210px;
    left: 214px;
}
.about .logo-wrap .box.box-10 {
    top: 270px;
    left: 0;
}
.about .logo-wrap .box.box-9 {
    top: 253px;
    left: 111px;
}


.about .box-wrapper .box{
   background-color: #17497321;
   width: 100%;
   padding: 110px 25px;
   text-align: center;
   border: 1px solid #000;
}
.about .box-wrapper .box p{
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
}
.about .box-wrapper .box.one{
    margin-top: -100px;
}
.about .box-wrapper .box.two{
    margin-top: 50px;
    background-color: #D6DCE5;
}
.about .box-wrapper .row{
    align-items: start;
}
@media screen and (min-width: 991px) and (max-width: 1199px){
    .about .box-wrapper .box p{
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
}
}
@media screen and (min-width: 300px) and (max-width: 990px){
.about .logo-wrap{
    margin-bottom: 330px;
}
.about .logo-wrap .box h3{
    font-size: 20px;
}
.about {
    display: none;
}
}
@media screen and (min-width: 300px) and (max-width: 470px){
    .about .logo-wrap .box.box-1{
    top: -190px;
    left: 0;
}
.about .logo-wrap .box.box-2{
    top: -126px;
    left: 190px;
}
.about .logo-wrap .box.box-3{
    top: 41px;
    left: 206px;
}
.about .logo-wrap .box.box-4{
    top: 202px;
    left: 190px;
}
.about .logo-wrap .box.box-5{
    top: 270px;
    left: 0px;
}
.about .logo-wrap .box{
    position: absolute;
    background-color: #174973;
    width: 150px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #000;
}


}

/* Base animation state */
/* .about .logo-wrap .box {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease;
} */

/* When visible */
/* .about .logo-wrap .box.show {
  opacity: 1;
  transform: translateY(50px);
} */
/* .about .logo-wrap .box:hover{
    
} */
/* Hover effect */
/* .about .logo-wrap .box:hover {
  background-color: #0f3250;
  transform: scale(1.1);
  transition: all 0.4s ease;
} */

/* Animated content fade */
/* .about .box-wrapper .box-content {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
} */
/* .about .box-wrapper .box-content.active {
  opacity: 1;
  transform: translateY(0);
} */
/* --- Scroll + Hover Animation Effects --- */

/* Base animation for left side boxes */
.about .logo-wrap .box {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease;
}
/* 
.about .logo-wrap .box.show {
  opacity: 1;
  transform: translateY(0);
} */
.about .logo-wrap .box:hover{
    scale: 1.2;
    z-index: 999;
}



/* 
.navbar.navbar-expand-lg.one{
    display: none;
} */
@media screen and (min-width: 300px) and (max-width: 990px){
    .navbar.navbar-expand-lg.one{
    display: block;
}
.single-page{
    padding: 0 !important;
}
.menu-12{
    padding-top: 10px !important;
}
}
.heading.two-one{
    display: block;
}
@media screen and (min-width: 300px) and (max-width: 990px){
    .heading.two-one{
    display: block;
}
}

/* .heading.tyo-2{
    display: none !important;
} */
@media screen and (min-width: 300px) and (max-width: 990px){
    .heading.tyo-2{
    display: block !important;
}
}

































/* Hover color and zoom */
/* .about .logo-wrap .box:hover {
  background-color: #0f3250; */
  /* transform: scale(1) !important; */
  /* transition: all 0.4s ease; */
/* } */

/* --- Right side dynamic text positioning --- */
/* .about .box-wrapper {
  position: relative;
  min-height: 300px; 
  display: flex;
  justify-content: center;
  align-items: center;
} */

.about .box-wrapper .box-content {
  position: absolute;
  top: 0;
  left: -163px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.about .box-wrapper .box-content.active {
  opacity: 1;
  transform: translateY(0);
  z-index: 2;
}

/* optional for better visual */
.about .box-wrapper .box-content .box {
  width: 100%;
  padding: 50px 0;
  background-color: transparent;
  border: none;
}
.about .box-wrapper .box-content .box h5{
    color: #0B3C7F !important;
    font-size: 24px;
    padding-bottom: 15px;
    font-weight: 800;
    text-align: left !important;
}
/* .about .box-wrapper .box-content .box p{
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 200 !important;
    line-height: 20px;
} */
.about .box-wrapper .box-content .box p {
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  text-align: left !important;
}









/* #heaber .heading{
    display: none;
}
#heaber .navbar{
    display: none;
} */
.about .logo-wrap .box{
    opacity: 1 !important;
}
@media screen and (min-width: 300px) and (max-width: 990px){
    #heaber .heading{
    display: block;
}
#heaber .navbar{
    display: block;
}
.menu-item{
    position: relative;
    left: 0;
    right: 0;
    box-shadow: none !important;
} 
}





.banner-1 .box{
    border-radius: 50% !important;
}
.about .logo-wrap .box h3 {
    font-size: 13px !important;
}




.about .box-wrapper .submenu-box{
    border-radius: 5px !important;
}
#content-default .box.one{
    border-radius: 5px !important;
}





/* .box-wrap-2 .one{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.box-wrap-2 .one li{
    padding: 12px 15px;
    background-color: #0B3C7F;
    width: 240px;
    box-shadow: 0px 4px 4px 2px #00000030;
}
.box-wrap-2 .one li:hover{
    background-color: #051a38;
}
.box-wrap-2 li a{
    color: #fff;
}
.about .box-wrapper {
    position: relative;
    min-height: 350px;
    background: #ffffff00 !important;
    border: none !important;
    border-radius: 10px;
    padding: 30px;
    z-index: 1;
    margin-top: -80px !important;
}
.box-wrap-2 .one .two{
    position: relative;
   display: flex;
    flex-direction: column;
    gap: 5px !important;
}

.box-wrap-2 .one .two .wrapper{
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 100%;
}
.box-wrap-2 .one .two .wrapper i{
    color: #fff;
    font-size: 20px;
}
.box-wrap-2 .one .two ul{
    position: absolute;
    top: 0;
    left: 240px;
    display: none !important;
    display: flex;
    flex-direction: column;
    gap: 5px !important;
}
.box-wrap-2 .one .two ul LI{
    margin-top: 5px;
}
.box-wrap-2 .one .two ul{
    display: none !important;
}
.box-wrap-2 .one .two:hover ul{
    display: block !important;
}


.box-wrap-2 .heading h4{
    font-size: 30px;
    text-transform: uppercase;
    color: #192C7B;
    font-weight: 600;
    text-decoration: solid;
    padding-bottom: 5px;
    border-bottom: 2px solid #192C7B;
    width: 200px;
    line-height: 25px;
    margin-bottom: 10px;
}
.box-wrap-2 .one .two .three{
    position: relative;
    display: none;
}
.box-wrap-2 .one .two .three ul{
    position: absolute;
    top: 0;
    left: 240px;
    display: none;
}
.box-wrap-2 .one .two .three:hover ul{
    position: absolute;
    top: 0;
    left: 240px;
    display: block;
}
.box-wrap-2 ul{
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
} */


.box-wrap-2 UL{
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 260px;
    align-items: start !important;
    justify-content: start !important;
}
.box-wrap-2 UL li{
    background-color: #0B3C7F;
    padding: 12px 15px;
    width: 100%;
    box-shadow: 0px 4px 4px 2px #0000004a;
}
.box-wrap-2 UL li:hover{
    background-color: #081f40;
}
.box-wrap-2 UL li{
    position: relative;
}
.box-wrap-2 UL li ul{
    position: absolute;
    top: 0;
    left: 261px;
    display: none !important;
}
.box-wrap-2 UL li:hover ul{
   display: block;
}
.box-wrap-2 UL li:hover ul li{
    margin-bottom: 5px;
}

.box-wrap-2 UL li{
    display: flex;
    align-items: center;
    justify-content: start;
}
.box-wrap-2 UL li:hover ul{
    display: block !important;
}
.box-wrap-2 UL .wrapper{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.box-wrap-2 UL li a{
    color: #fff;
}
.box-wrap-2 UL .wrapper i{
    color: #fff;
}
.box-wrap-2 .heading h4{
    font-size: 25px;
    font-weight: 600;
    color: #0B3C7F;
    padding-bottom: 15px;
}
.about .box-wrapper {
    position: relative;
    min-height: 350px;
    background: #ffffff00 !important;
    border: none !important;
    border-radius: 10px;
    padding: 30px;
    z-index: 1;
    margin-top: -80px !important;
    overflow: visible !important;
}
.box-wrap-2{

}
.about .box-content{
    background-color: transparent !important;
    overflow: visible !important;
        /* margin-top: -60px; */
        margin-left: -100px;
}

.about .box-wrapper .heading h4{
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: -100px;
    border-bottom: 2px solid #0B3C7F;
    width: 588px;
}









.menu-12 li a{
    background-color: #0B3C7F !important;
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 5px;
    display: block;
}
.menu-12 li a:hover{
    background-color: #091f3f !important;
}
.menu-12 li a{
    color: #fff !important;
}


.menu-wrap-3{
    box-shadow: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    
}




.box-wrap-2 {
    margin-left: -125px !important;
}

.about .box-wrapper .box.one {
 margin-top: -15px; 
    /* margin-left: 161px;  */
    transform: translateX(166px);
}
.box-wrapper {
    position: relative;
    width: 100%;
    min-height: 0px !important;
}


/* .about .logo-wrap .box:hover {
    background-color: #0f3250;
    transform: none !important;
    transition: all 0.4s 
ease;
} */

/* .box-content .two .three{
    display: none !important;
}
.box-content .one .two:hover .three{
    display: block !important;
} */
.latest-news .wrapper ul li a {
    position: relative;
    z-index: 9999999 !important;
}



.latest-news{
    background-image:url('../image/bg-image-13.png');;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: gradient 20s linear infinite;
}
@keyframes gradient{
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}



@media screen and (min-width: 300px) and (max-width: 990px){
    .latest-news {
    padding: 30px 0 50px 0;
}
.cta {
    padding: 50px 0;
}

}



@media screen and (min-width: 1200px) and (max-width: 1400px){
/* .about .box-wrapper .box-content{
    left: -50px;
} */
.box-wrap-2 UL li ul{
    position: absolute;
    top: 0;
    left: 170px;
    display: none !important;
}

 .box-wrap-2 UL {
    display: flex
;
    flex-direction: column;
    gap: 5px;
    width: 260px;
    margin-left: 91px;
    align-items: start !important;
    justify-content: start !important;
}
}








.hero.bg-primary.text-white.text-center.py-5 h1{
    font-size: 24px;
}





.header .menuber.menu-1{
    opacity: 1 !important;
    visibility: visible !important;
}


.s-icon-wrapper .icon{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.s-icon-wrapper .icon i{
    font-size: 14px;
}
.s-icon-wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
}
 
.s-icon-wrapper .icon:hover{
    border: 1px solid #0d6efd;
}
.s-icon-wrapper .icon:hover i{
    color: #0d6efd;
}
.social-media{
    display: flex;
    align-items: center;
    gap: 30px;
    padding-top: 30px;
}







.navbar.menu-open .menuber{
    opacity: 1 !important;
    visibility: visible !important;
}



.about .logo-wrap .box{
    border-radius: 50% !important;
}


.box-wrap-2 ul li ul li ul{
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
.box-wrap-2 ul li ul li:hover ul{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}








@media screen and (min-width: 1200px) and (max-width: 1400px){
.navbar.navbar-expand-lg .container{
    width: 1350px;
    margin: 0 auto;
    max-width: 100%;
}
}