/* -------------------------------------------------
--------------------------------------------------- */
/* Import Fonts & All CSS */

@import url(css/bootstrap.min.css);
@import url(css/owl.carousel.min.css);
@import url(css/owl.theme.default.min.css);
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=IBM+Plex+Sans+Devanagari:wght@100;200;300;400;500;600;700&display=swap');

/* :: Reboot CSS */
* {
  margin: 0;
  padding: 0;
}

body {
  font-weight: 500;
  font-size: 16px;
  background-image: url(img/wavy-gradient-curve-home.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-family: "IBM Plex Sans Devanagari", sans-serif;
  height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Source Sans Pro", sans-serif;
  color: #282b2d;
  line-height: 1.3;
  font-weight: 700;
}

a,
a:active,
a:focus,
a:hover {
  color: #282b2d;
  text-decoration: none;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  outline: none;
  font-weight: 500;
  font-family: "Source Sans Pro", sans-serif;
}

li {
  list-style: none;
}

p {
  line-height: 1.7;
  color: #575a7b;
  font-size: 17px;
  font-weight: 500;
  font-family: "Source Sans Pro", sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  margin: 0;
  padding: 0;
}

.container{
  max-width: 1024px;
}
.section-content{
    margin: 0 auto;
    display: flex;
    justify-items: center;
    justify-content: center;
    gap: 30px;
    flex: 1;
    width: 100%;
}
header {
    padding: 6px 0;
    background: rgb(255 255 255 / 0.4);
}
.header-content{
    margin: 0 auto;
    display: flex;
    justify-items: center;
    justify-content: space-between;
    gap: 60px;
}
.logo{
    display: flex;
    justify-content: center;
    height: 60px;
    width: auto;
    
}
.slides {
    width: 420px;
    display: flex;
   
    justify-items: center;
    margin: 50px 0 0;
}
.frame-details{
  display: flex;
  flex: 1;
}
.right-screen {
    display: flex;
    height: 100vh;
    align-items: center;
    background: #164a77;
}
.single-content {
    background: #fff;  
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 1px 4px #999;
    margin: 5px;
}
.single-content-details {
    padding: 10px 15px;
    text-align: left;
    height: 330px;
    background: #044189;
    color: #ffffff;
}

h3{
    color: #fff;
    font-size: 1.7rem;
    line-height: 3rem;
    width: 100%;
   
    font-weight: 400;
}
ul {
     margin: 15px 0;
}
ul li{
    margin: 10px 0;
   
    line-height: 1.4;
 
    font-size: 16px;

}

.frame-details {
    display: flex;
    flex: 1;
    justify-items: center;
    flex-direction: column;
    margin: 50px 0;
    gap:50px;
}


.feature-block {
    
    padding: 40px 40px 15px ;
    
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.button {
    display: flex;
    gap: 30px;
    margin: 50px 0 40px;
}

.button a {
    display: block;
    padding: 30px;
    font-size: 24px;
    border-radius: 14px;
    /* border: 4px solid #053b88; */
    text-align: center;
    background: #f5f5f5;
    width: 50%;
}
.button a:hover {
    color:#fff;
    background: #d62414;
}
.contact-info {
    display: block;
    text-align: left;
    padding: 10px;
    font-size: 14px;
    line-height: 1.7;
    color: #fff;
    margin-top: 20px;
}

.message {
    text-align: center;
}
.message h1 {
        font-size: 70px;
        color: #fff;
    }
.message .topic {
        margin-bottom: 10px;
        color: #fff;}
 .message .topic p{
            margin-bottom: 0px;
            color: #fff;
        }
    
 .message p.time {
        font-size: 20px;
        margin: 20px 0;
        color: #f5f5f5;
    }
 .message h4{
        color: #f5f5f5;
    }
 .message p.note {
        font-size: 14px;
        color: #c5161d;
    
    
    }





.owl-theme .owl-dots .owl-dot span{
    background: #044189;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #d62414;
}

.feature-block-detail h3 {
    color: #fff;
    text-align: center;
    
}
.button.type-2 {
    flex-direction: column;
    margin:0px;}
 .button.type-2 a{
        padding: 15px;
        width: 100%;
    }


.frame-details.service h3 {
    color: #000;
    text-align: center;
}

section.counter-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;
    gap: 20px;
}
section.counter-screen  h2{
        color: #c5161d;
        font-size: 90px;
         letter-spacing: 1px;
        line-height: 1;}
section.counter-screen  h2 span{
            display: block;
            margin: 10px 0;
            text-align: center;
        }
    
 section.counter-screen   .text {
    font-size: 70px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    line-height: 2;
    }
 section.counter-screen h1{
        color: #c5161d;
        font-size: 190px;
        line-height: 1;
    }


.slide-caption {
    background: #053b88;
    padding: 10px;
    color: #fff;
   
}
.slide-caption h1,
.slide-caption h2,
.slide-caption h3,
.slide-caption h4,
.slide-caption h5,
.slide-caption h6 ,.slide-caption p{color: #fff}

.counter-frame .section-content{
   margin: 50px 0 0;
    display: flex;
    gap: 80px;
    justify-content: center;}
    .counter-frame .section-content   .counter-details {
        display: flex;
        gap: 10px;
        flex-direction: column;
        width:420px;}
        .counter-frame .section-content   .counter-details .counter-box {
            border: 2px solid #c5161d;
            border-radius: 26px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 10px 5px;}
            .counter-frame .section-content   .counter-details .counter-box .counter{
                color: #000;
                font-size: 36px;
                line-height: 1;
            }
            .counter-frame .section-content   .counter-details .counter-box .number{
                font-weight: 400;
                font-size: 60px;
                line-height: 1;
            }
        
    
    .counter-frame .section-content  .video-frame {
        flex: 1;
    }
    



.carousel-indicators [data-mdb-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #d62412;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6sease;
}
.height-100 {
    height: 90vh;
    display: flex;
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
}


section.screen-frame  .left-content {
     display: flex;
    flex-direction: column;
    align-items: center;  /* Centers children horizontally */
    justify-content: center; /* Centers children vertically */
    height: 100vh; /* Ensure the parent has enough height */
    position: relative;}
 
    section.screen-frame .header-content {
            margin: 0 auto;
            display: flex;
            justify-items: center;
            justify-content: space-between;
            gap: 60px;
            padding: 20px;
            background: rgba(220, 220, 220, 0.65);
           width: 100%;
        }

.counter-details {
    background: #f5f5f5;
    height: 100vh;
}
    .counter-details .counter-box {
        font-size: 42px;
        padding: 12px;
            display: flex;
           border: 1px solid #999;
           border-top:none;
           gap: 20px;
    }
           .counter-details .counter-box:first-child {
                    background: #d62412;
                    color: #fff;
           }
                    .counter-details .counter-box:first-child span{
                        height: 70px;
                    }
                
                .counter-details .counter-box span{
                width: 50%;
                height: 90px;
                display: flex;
               
                align-items: center;}

                .counter-details .counter-box.counter{
                     justify-content: left;
                     font-weight: normal;
                }
                .counter-details .counter-box.number{
                     justify-content: center;
                }
       
    
        .counter-details.type-1 .left-content {
                 justify-content: flex-start; /* Centers children vertically */
                 overflow:hidden;}
                 .counter-details.type-1 .left-content .header-content {
                            position: absolute;
                            bottom: 0;
                            width: 100%;
                        
                        }
                        
                            .counter-details.type-1 .left-content.header-top .header-content {
                                position: static !important;
                            }
.feature-block-detail {
    max-width: 480px;
    margin: 0 auto;
    width: 100%;
}
.screen-slides,
.carousel-inner,
.carousel-item {
    height: calc(100vh - 100px); /* Fullscreen minus header */
}

.video-slide video {
    width: auto;
    height: 100%;
    object-fit: cover; /* Ensures video covers the full area */
}



.carousel-item img {
     width: auto;
    height: 100%;
    object-fit: contain;
    transition: transform 0.8s ease-in-out; /* Prevents left-side loading */
}
@media screen and (max-width: 1024px){
    .container {
     max-width: 900px; 
}
    .feature-block {
        
        padding: 20px 20px 15px;
        gap: 20px;
    }
}
@media screen and (max-width: 900px){
    .container {
     max-width: 767px; 
}
    
}
@media screen and (max-width: 767px){
    .container {
     max-width: 750px; 
    }
    .section-content{
        flex-direction: column;
        gap: 1px;
    }
    .frame-details{
        order: 1;
    }
    .slides{
        order: 2;
        width: 100%;
    }
    .feature-block {
        
        padding: 40px 40px 15px;
        
    }
}

section.login-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;}
    section.login-screen  .logo {
        margin-bottom: 30px;
    }
    section.login-screen   .card {
        width: 380px;}
        section.login-screen   .card   h5.card-title {
            text-align: center;
            font-weight: 800;
            font-size: 20px;
            letter-spacing: 1px;
        }
        section.login-screen   .card    .card-body {
            padding: 30px;
        }