body{font-family: 'Poppins', sans-serif; font-weight:400;}
p{font-family: 'Poppins', sans-serif; font-size:16px; font-weight:400;}
h2{font-size:50px; font-weight:600; color:#000;}
header{width:100%; float:left;}
section{width:100%; float:left; padding:100px 0;}
footer{width:100%; float:left;}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif;}
ul{margin:0; padding:0}
li{list-style:none}
a:hover{text-decoration:none;}
.color-white{color: #fff;}
.redbtn{padding:15px 25px; color:#fff; font-size:16px; margin-top:20px; display:inline-block;
background: #b70e1a;
background: -moz-linear-gradient(left, #b70e1a 0%, #5c0114 100%);
background: -webkit-linear-gradient(left, #b70e1a 0%,#5c0114 100%);
background: linear-gradient(to right, #b70e1a 0%,#5c0114 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b70e1a', endColorstr='#5c0114',GradientType=1 );}

.redbtn:hover{background: #008bca; color:#fff;
background: -moz-linear-gradient(left, #008bca 0%, #00477e 100%);
background: -webkit-linear-gradient(left, #008bca 0%,#00477e 100%);
background: linear-gradient(to right, #008bca 0%,#00477e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bca', endColorstr='#00477e',GradientType=1 );}


.bluebtn{padding:15px 25px; color:#fff; font-size:16px; margin-top:20px; display:inline-block;
background: #008bca;
background: -moz-linear-gradient(left, #008bca 0%, #00477e 100%);
background: -webkit-linear-gradient(left, #008bca 0%,#00477e 100%);
background: linear-gradient(to right, #008bca 0%,#00477e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bca', endColorstr='#00477e',GradientType=1 );}

.bluebtn:hover{color:#fff; display:inline-block;
background: #b70e1a;
background: -moz-linear-gradient(left, #b70e1a 0%, #5c0114 100%);
background: -webkit-linear-gradient(left, #b70e1a 0%,#5c0114 100%);
background: linear-gradient(to right, #b70e1a 0%,#5c0114 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b70e1a', endColorstr='#5c0114',GradientType=1 );}

.divwrap{display:flex;}

header{position:absolute; top:0; left:0; z-index:9;}
/*.fixed{z-indeX:9; position: fixed; top: 0; left: 0; animation: smoothScroll 1s forwards;}@keyframes smoothScroll {	0% {		transform: translateY(-40px);	}	100% {		transform: translateY(0px);	} }*/
.logo{width:252px; padding:20px 30px; float:left;
background: #0386c3; /* Old browsers */
background: -moz-linear-gradient(left, #0386c3 0%, #580014 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0386c3 0%,#580014 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0386c3 0%,#580014 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0386c3', endColorstr='#580014',GradientType=1 ); /* IE6-9 */}
.logo img {
    float: right;
    width: 202px;
    height: 133px;
    object-fit: cover;
}
/*---------------------------------------------------
------------------------------------------------------
BANNER SECTION
----------------------------------------------------------*/

.banner{padding:0; position:relative;}
.banner .logo-img img {
    width: 180px;
    height: auto;
    margin-bottom: 30px;
}
.banner img{width:100%}
.bannertext{position:absolute; top:33%; right:0; left:0; margin:0 auto;}
.bannertext h2{font-weight:700; color:#fff; font-size:74px;}
.bannertext h3{color:#fff; font-size:40px;}
.bannertext p{color:#fff; font-size:18px; padding:0; width:1002px; margin:0 auto;}
.bannertext a{}

/*---------------------------------------------------
------------------------------------------------------
ABOUT SECTION
----------------------------------------------------------*/
.abouttext h3{font-size:24px; color:#d90026}
.abouttext h2{margin:25px 0}
.abouttext ul{margin-top:15px;}
.abouttext ul li{display:block; background:url(../images/tick.png) no-repeat 0 7px; padding:7px 0 0 31px;}
.abouttext a{margin-top:30px; float:left;}
.call{float:left; margin-top:30px; margin-left:30px;}
.call img{float:left; margin:10px 20px 0 0}
.call p{float:left; font-size:18px;}
.call p a{color:#000; margin:0px;}

/*---------------------------------------------------
------------------------------------------------------
BLUERED SECTION
----------------------------------------------------------*/
.bluered{padding:0px;}
.blueDiv{width:50%; float:left; padding:100px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003367+1,0070ab+100 */
background: #003367; /* Old browsers */
background: -moz-linear-gradient(left, #003367 1%, #0070ab 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #003367 1%,#0070ab 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #003367 1%,#0070ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003367', endColorstr='#0070ab',GradientType=1 ); /* IE6-9 */
}

.redDiv{width:50%; float:left; padding:100px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cb0023+1,780019+100 */
background: #cb0023; /* Old browsers */
background: -moz-linear-gradient(left, #cb0023 1%, #780019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #cb0023 1%,#780019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #cb0023 1%,#780019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb0023', endColorstr='#780019',GradientType=1 ); /* IE6-9 */
}

.bluered h2{color:#fff;}
.bluered h3{color:#fff; font-size:24px;}
.bluered a{border:2px #fff solid; width:35px; height:35px; display:inline-block; text-align:center; line-height:30px; color:#fff; margin-top:20px;}


/*-------------------------------------------------------

SERVICES SECTION

----------------------------------------------------------*/
.righttext{}
.righttext h3{font-size:24px; color:#d90026}
.righttext h2{color:#000; margin:25px 0;}
.righttext h4{font-size:24px; background:#e3e3e3; border-left:4px #d90026 solid; padding:40px; margin-top:45px;}

.dot{float:right; position:relative; margin:-60px 30px 0 0}

/*---------------------------------------------------
------------------------------------------------------
BLUE RED SECTION
----------------------------------------------------------*/
.bluered_sec{height:779px;
background: #003367;
background: -moz-linear-gradient(left, #003367 0%, #c5042c 100%);
background: -webkit-linear-gradient(left, #003367 0%,#c5042c 100%);
background: linear-gradient(to right, #003367 0%,#c5042c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003367', endColorstr='#c5042c',GradientType=1 );}
.bluered_sec h2{color:#fff; padding-right:110px;}
.blue_part img{margin-top:40px;}

.red_part{padding-left:30px;}
.carousel-inner{border:2px #fff solid; padding:30px; margin-top:50px;}
.testimonials img{width:67px; float:left; height:67px; margin-right:30px;}
.texti_name h4{color:#fff;}
.testimonials p{color:#fff;}

.carousel-indicators{bottom:-50px; left:inherit; right:0; margin:0;}
.carousel-indicators li{ border-radius:50%; width:10px; height:10px;}
img.icfimage {
    background: #fff;
    margin: 51px 0 12px 0;
    width: 158px;
    height: 99px;
    object-fit: contain;
    padding: 0 5px;
}

/*---------------------------------------------------
------------------------------------------------------
BLOG SECTION
----------------------------------------------------------*/
.hdtext{text-align:center; margin:50px 0;}
.hdtext h3{color:#d90026; font-size:24px;}
.hdtext h2{color:#000;}

.blogbox{float:left; width:100%; margin-top:30px;}
.blogbox img{width:100%;}
.blogbox h4{color:#000; font-size:24px; margin:25px 0; float:left; width:100%;}
.blogbox p{color:#1e1e1e}
.blogbox img {
    height: 280px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.video-container {
    position: relative;
    width: 100%;
    max-height: 330px;
    overflow: hidden;
}

video {
    display: block;
    width: 100%;
    height: 330px;
}

.video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; /* Adjust as needed */
    height: auto;
    z-index: 2;
    /*pointer-events: none;*/ /* Ensure overlay doesn't block video controls */
    transition: opacity 0.3s ease; /* Smooth fade-out */
}

.video-overlay.hidden {
    opacity: 0;
    visibility: hidden;
}


/*---------------------------------------------------
------------------------------------------------------
FOOTER SECTION
----------------------------------------------------------*/
footer{padding:120px 0 30px 0;
background: #008bca;
background: -moz-linear-gradient(left, #008bca 0%, #00477e 100%);
background: -webkit-linear-gradient(left, #008bca 0%,#00477e 100%);
background: linear-gradient(to right, #008bca 0%,#00477e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bca', endColorstr='#00477e',GradientType=1 );}

.footmiddle{padding:60px 0;}
.footmiddle h4{color:#fff; font-size:24px; margin-bottom:30px;}
.footmiddle p{color:#fff; font-size:16px;}
.footnav ul li{color:#fff; font-size:16px; padding-bottom:6px;}
.footnav ul li a{color:#fff; font-size:16px;}
footer hr{border-color:rgba(255,255,255,0.4); margin:0px;}
.copyright{margin-top:30px;}
.copyright p{color:#fff; font-size:13px; text-align:center; margin:0px; padding:0;}



.toggle-btn {
    cursor: pointer;
    background-color: #003367;
    color: white;
    border: 1px solid #003367;
    outline: none;
    border: none;
    padding: 5px 10px;
    font-size: 1rem;
    border-radius: 3px;
  }
  
  
  .blogbox p  {
    overflow: hidden;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.5em; /* Approx height for 3 lines */
    transition: max-height 0.8s ease-in-out;
  }
  
  .blogbox.expanded p {
    display: block; /* Remove clamping when expanded */
  max-height: 800px; /* Large enough to show all content */
  transition: max-height 0.8s ease-in-out;
  }





@media screen and (min-width:320px) and (max-width:767px){
section{padding:40px 0}
h2{font-size:18px;}
p{font-size:14px;}
li{font-size:14px;}
.divwrap{display:inline-block;}

    .logo {
        width: 110px;
        padding: 9px 8px;
    }

    .logo img {
        width: 95px;
        height: 55px;
    }
.banner img{height:370px; object-fit:cover;}
.bannertext h3{font-size:25px;}
.bannertext h2{font-size:24px;}
.bannertext p{font-size:14px; width:auto; padding:0 12px;}
.redbtn{padding:6px 10px; margin-top:10px; font-size:14px;}
.bluebtn{padding:6px 10px; margin-top:10px; font-size:14px;}


.abouttext h3{font-size:16px;}
.abouttext{margin-top:30px;}
.abouttext h2{margin:15px 0;}
.call{margin-left:8px;margin-top: 8px;}
.call p{font-size:14px;}
.call img{width:30px; margin:0px 5px 0 0;}

.blueDiv{width:100%; padding:20px; margin-bottom:9px; text-align:center;}
.bluered h3{font-size:16px;}
.bluered a{margin-top:5px; width:25px; height:25px; line-height:23px; font-size:13px;}
.redDiv{width:100%; padding:20px;  text-align:center;}

.righttext{margin-top:0;}
.righttext h4{font-size:16px; margin-top:10px; padding:15px;}
.righttext h3{font-size:16px;}
.righttext h2{margin:15px 0;}


.bluered_sec{height:auto; padding-bottom:30px;}
.bluered_sec h2{padding:0px}
.blue_part img{margin-top:20px;}
.red_part{padding:30px 0 0 0;}
.carousel-inner{padding:10px; margin-top:20px;}
.testimonials .divwrap{display:flex;}
.texti_name h4{font-size:16px;}

.blogbox h4{font-size:18px; margin-bottom:10px;}
.hdtext{margin:0px;}

footer{padding-top:60px; text-align:center;}
.footmiddle{padding:30px 0;}
.footabout{margin-bottom:30px;}
.footnav{margin-bottom:30px;}
.footmiddle h4{font-size:18px; margin-bottom:15px;}
.footmiddle p{font-size:14px;}
.footnav ul li a{font-size:14px;}
.footnav ul li{font-size:14px;}
	.bannertext {
    top: 27%;
}
video {
    display: block;
    width: 100%;
    height: 192px;margin: 0 0 39px 0;
}
.video-overlay {
    position: absolute;
    top: 41%;}
}
@media screen and (min-width:400px) and (max-width:600px){
.bannertext p{padding:0 20px;}	
}

@media screen and (min-width:768px) and (max-width:991px){
h2{font-size:30px;}
p{font-size:15px;}
li{font-size:15px;}

.logo {
        width: 173px;
    }
.logo img {
        width: 119px;
        height: 80px;
        float: left;
    }
.bannertext h3{font-size:35px;}
.bannertext h2 {
        font-size: 38px;
    }
.bannertext p{font-size:16px;}
.redbtn{padding:10px 20px; margin-top:10px;}
.bluebtn{padding:10px 20px; margin-top:10px;}

.call{margin-left:8px;}
.call p{font-size:15px;}
.call img{width:30px; margin:10px 5px 0 0;}

.blueDiv{padding:40px;}
.redDiv{padding:40px;}

.righttext h4{padding:20px; font-size:20px;}

.bluered_sec{height:auto;}
.bluered_sec h2{padding:0px;}
.red_part{padding-left:0px;}
.carousel-inner{padding:10px;}
.texti_name h4{font-size:18px;}
.hdtext{margin:0px;}

.blogbox h4{font-size:18px;}

footer{padding-top:60px;}
.footmiddle{padding:30px 0;}
.footabout{margin-bottom:30px;}
.footnav{margin-bottom:30px;}
.footmiddle h4{font-size:18px; margin-bottom:15px;}
.footmiddle p{font-size:14px;}
.footnav ul li a{font-size:14px;}
	.bannertext p {
		width: 90%;
	}
.blogbox img {
    height: 205px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

}

@media screen and (min-width:768px) and (max-width:900px){
h2{font-size:25px;}
p{font-size:13px;}
li{font-size:13px;}	
.footmiddle h4{font-size:14px; margin-bottom:15px;}
.footmiddle p{font-size:13px;}
.footnav ul li a{font-size:13px;}
.footnav ul li{font-size:13px;}
video {
    display: block;
    width: 100%;
    height: 187px;
}
}

@media screen and (min-width:992px) and (max-width:1200px){
h2{font-size:35px;}
p{font-size:15px;}
li{font-size:15px;}	
.footmiddle h4{font-size:16px; margin-bottom:15px;}
.footmiddle p{font-size:15px;}
.footnav ul li a{font-size:15px;}
.footnav ul li{font-size:15px;}
footer{padding-top:80px;}
.righttext h4{padding:25px; font-size:20px;}
}