body{ font-family: "Open Sans", sans-serif;     font-size: 1.1rem;}
html{ font-family: "Open Sans", sans-serif;}

h1, h2, h3, h4, h5, h6{font-family: "Montserrat", sans-serif;}

p{font-size: 1.1rem;}
.help-block{margin: 7px 10px;
    color: #ff0000;
    display:block;}
	
.form-control{box-shadow: none !important;}	
.form-select:focus	{box-shadow: none !important;}	
 @media (min-width: 992px) {
            .navbar {
                transition: background-color 0.3s ease;
                background-color: transparent !important;
            }
            .navbar.scrolled {
                background: linear-gradient(to right, #ffffff 90%, #062c53 10%) !important;
            }
			
			.fixed-top .bg-white{background: linear-gradient(to right, #ffffff 90%, #062c53 10%) !important;}
		.dropdown-mega .dropdown-menu[data-bs-popper] {

    left: 50%;
    transform: translateX(-50%);
    width: max-content;
}	
			
        }
.navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link.show {
    color: #ff0000;
}






.navbar .nav-item {margin-left: 7px;
    margin-right: 7px;}
.homeslider .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 55%;
    transform: translateX(50%);
    
    bottom: 5%;
    position: absolute;
}

.homeslider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.99);
}
.cliSwiper .swiper-slide{    text-align: center;}

.cliSwiper .swiper-slide .img-fluid{border:1px solid gray; padding:5px;}
.homeslider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
}
.navbar .logodiv {padding: 11px 0;}
.logodiv .logo{height:65px;}
.header-bg .navbar-text{  font-family: "Roboto", sans-serif;  display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #062c53;
    clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 18% 0);
    color: white !important;
    margin-left: 19px;
    padding: 13px 15px 13px 40px;}
	
.header-bg .navbar-text i{    color: #fff;
    font-size: 42px;
    margin-right: 15px;}
.header-bg .navbar-text div small{font-size:15px; display:block}
.header-bg .navbar-text div .calls a{color:white; text-decoration:none;}
.bottombar{background: #06274A;     padding: 15px 0;}
.bottombar p{margin-bottom:0;     color: #7b838e;}


.bottombar p a{text-decoration:none; color:#ffffff}
.footer{background-color: #0b3156;padding: 58px 0 50px 0px;}
.footer h4{color:white}
.footer h5{color:white}
.footer .col-md-3 ul{    padding-left: 0px;
    margin-top: 10px;}
.footer .col-md-3 h4:after{width: 40px;
    height: 2px;     content: '';
    background: #ce220c;
    display: block;
    margin-top: 13px;}
	

.header-bg {    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); background:transparent;}	
.footer p{    font-size: 14px;color:white}
.footer li{    list-style: none;
    color: white;
    margin-bottom: 7px;
    padding-bottom: 5px;
    font-size: 14px;
    border-bottom: 1px solid #ffffff24;}
	
.footer span{line-height:normal; color:white; display:block;    margin-top:20px; font-weight: 600; margin-bottom:12px;}





.footer span:after {
    width: 40px;
    height: 1px;
    content: '';
    background: #ce220c;
    display: block;
    margin-top: 5px;
}


.footer ul{padding-left:0px;}	
.footer li a{color:white; text-decoration:none}
.footer .con a{    font-size: 14px; color:white; text-decoration:none}
.footer .socials  a{margin-right: 10px; color:white; font-size: 1.5em;}

.homeslider{  padding: 0px 0;    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;  background-image: url(../img/banner.jpg);
    }
	
	


.homeslider .swiper-button-next, .homeslider .swiper-rtl .swiper-button-prev {

    left: 53%;
    top: 94%;
}	


.homeslider .swiper-button-prev, .homeslider .swiper-rtl .swiper-button-next {
    
    left: 45%;
    top: 94%;
}
    
    
    
.homeslider .swiper-pagination-bullet-active{background-color:#ec3748}

.homeslider .swiper-button-next:after, .homeslider .swiper-button-prev:after{color:#ec3748}



.serviceSwiper .swiper-pagination-bullet-active{background-color:#ec3748}

.homeslider .swiper-slide p{ color:white;}	
.homeslider .swiper-slide span{ color:white;   font-family: "Roboto", sans-serif; font-size:38px; font-weight:700;}

.homeslider .swiper-slide .sliderbtn{    background-color: rgb(255, 0, 0);
    font-family: Roboto;
    text-transform: uppercase; text-decoration:none;
        padding: 10px 20px;
    display: inline-block;
    color: rgb(255, 255, 255);}
.sections{padding:70px 0}
.custlist li{margin-bottom:10px;}
.custlist .bi{color:#EC3748}
.custlist{list-style: none;
    padding-left: 0;}
.abt-us .col-md-12 h2{margin-bottom:15px; font-weight: 600; font-size:25px;
    color: #242424;}

.abt-us .col-md-6 h2{margin-bottom:15px; font-weight: 600; font-size:25px;
    color: #242424;}
	
	
.abt-us .col-md-6 h3 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    
}	
	
	.abt-us .col-md-12 h3 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    
}

.abt-page-sec {   padding: 40px 0;
    background-color: #0A3054;}
   
 
.abt-page-sec h3 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
}
.abt-page-sec h2 {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 25px;
    color: #ffffff;
}

.abt-page-sec p{ color: #ffffff;}
	
.abt-page-sec .custom-ul li	{ color: #ffffff;}
	





	
.sections .sub1:before {
    display: inline-block;
    margin: 4px 15px 4px 0;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #CE220C;
    width: 50px;
}	

.sections small{  position:relative;  font-weight: 600;
    color: #CE220C; margin-bottom: 20px;
    display: block;}
.custbtn { background-color: rgb(255, 0, 0);
    font-family: Roboto;
    text-transform: uppercase; text-decoration:none;
        padding: 10px 20px;
    display: inline-block;
    color: rgb(255, 255, 255);}	
.sections h2{    font-weight: 600;
    
    color: #242424;
    font-size: 36px;}
	
.sections .sub2:before {
    display: inline-block;
    margin: 4px 15px 4px 0;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #CE220C;
    width: 50px;
}

.sections .sub2:after {
    display: inline-block;
    margin: 4px 0 4px 15px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #CE220C;
    width: 50px;
}

.sec1{    position: relative;
    z-index: 9;
    padding-bottom: 290px; background-color: #0A3054;}
.sec2 .service {  border-radius: 20px 20px 0px 0px;  box-shadow: 0px 8px 20px -10px #DDDDDD; background:white}
.sec2 .service .serv{padding:15px;}

.sec2 .service .serv a{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    color: #CE220C;}
	
.sec2{    margin-top: -285px;
    z-index: 10;
    position: relative;
    padding-top: 0;}
.sec2 .service .serv p{display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;}	
			
.sec2 .swiper-wrapper	{padding-bottom:40px;}		
			
.sec2 .service .serv h3{height: 66px; border-bottom: #CFCFCF dashed;
    padding-bottom: 15px; font-weight:600;  font-size: 20px;
	
	
	a{font-weight:600; color:#212529; text-transform:capitalize; text-decoration:none;  font-size: 20px;}	
	
	}

.sec3{    position: relative;
    z-index: 9;
    padding-bottom: 100px;
    background-color: #0A3054;}	
	
.sec3 .swiper-button-next, .sec3 .swiper-button-prev	{color:#CE220C}
	
.sec4 .service .serv h3{margin-top:15px;}	
.sec4 .service .serv{align-self:center}	
.sec4 .service{    display: flex;
    gap: 15px;
    justify-content: start;}	
	
.sec4 .service img{object-fit: contain;}
.sec4 .container{   box-shadow: 0px 7px 20px -3px #7A7A7A;
    background: white;
	padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px 10px 10px 10px;}
.sec4 { padding-bottom: 35px;   margin-top: -60px;
    z-index: 10;
    position: relative;
    padding-top: 0;}
	
.video-wrap {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 66.30%;
    overflow: hidden;
    cursor: pointer;
}
.video-wrap img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.video-wrap .play-button {
    width: 90px;
    height: 60px;
    background-color: #db0000;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.video-wrap .play-button, .video-wrap img {
    cursor: pointer;
}

.video-wrap .play-button, .video-wrap .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.video-wrap .play-button, .video-wrap .play-button:before, .video-wrap iframe, .video-wrap img {
    position: absolute;
}

.video-wrap .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff;
}
.video-wrap iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}	
.sec3 .certiSwiper{padding-top:20px; padding-bottom:50px}	
	 .sec3 .swiper-pagination-bullet-active{background-color:#ffffff}
 .sec6 {
      margin: 0;
     
      display: flex;
      justify-content: center;
      align-items: center;
      background: 
        url('../img/testi.jpg') left / 40% 100% no-repeat,
        url('../img/testi1.jpg') right / 60% 100% no-repeat;
      background-color: #f0f0f0; /* Fallback color */
    }

.dropdown-mega .mega-content span{font-size: 1.25rem;
    font-family: "Montserrat", sans-serif;
    margin-top: 0; color:#062c53;
    margin-bottom: 10px;
	display:block;
    font-weight: 600;
    line-height: 1.2;}   
.dropdown-mega .mega-content .list-group{margin-bottom:15px; border-right: 1px solid #dee2e6;
    border-radius: 0;
	
	
	}
	
.dropdown-mega .mega-content .list-group .list-group-item{padding: 8px 0px !important; border: none;}	
	
	
	
.footer .logo{filter: brightness(0) invert(1);}
.sec7 .case p{display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}


    @media (max-width: 766px) {
        .solpage .row .col-md-12 h3{margin-bottom:15px;} 
        .solpage .row .col-md-6 .case {height:auto; margin-bottom:25px;}
    }









    /* Ensure responsiveness for smaller screens */
    @media (max-width: 768px) {
		
		.rel .col-md-6 { margin-bottom:20px;}
		
		.sec8 a.submit{margin-top: 5px;    padding: 12px 15px;}
       .sec6 {
        background: 
         
          url('../img/testi1.jpg') bottom / 100% 100% no-repeat;
      }
	  
.header-bg .navbar-text {        clip-path: none;
        margin-left: revert;
        justify-content: left;
        padding: 10px 10px 10px 10px; clip-path:none}
		
.header-bg .navbar-text i {

    font-size: 28px;
    margin-right: 10px;
}		

.mega-content{    height: 400px;
    overflow-y: scroll;}	  
.sec7 .case h3{          padding-bottom: 15px;   min-height:auto !important}




.homeslider { margin-top: 85px;
padding: 30px 0;}

.sections h2{font-size: 30px;}
.homeslider .swiper-slide span {    font-size: 30px;}

.footer .socials{margin-bottom:15px;}

 .bottombar .dsd{text-align:center !important}     
    }	
.sec6 .swiper-slide .testimonial {text-align:center;  position: relative;}
 .sec6 .swiper-slide .testimonial h4{color:#DE1919; margin-bottom:25px; text-align:center}
 .sec6 .swiper-slide .testimonial p{text-align:center}	
 .sec6 .swiper-slide .testimonial .img-fluid{margin-bottom:15px; width:70px; height:70px; border-radius:50%}	

  
  
 .sec6 .swiper-pagination-bullet-active{background-color:#ffffff}

.sec6 .swiper-slide::before {
  content: '\F6B0'; /* Unicode for opening double quote (curly) */
  position: absolute;     font-family: bootstrap-icons !important;
  left: 1px; /* Adjust position as needed */
  top: -10px; /* Adjust position as needed */
  font-size: 4rem; /* Adjust size as needed */
  color: #F5BE3C; /* Adjust color as needed */
}

.sec6 .swiper-slide::after {
  content: '\F6B0'; /* Unicode for closing double quote (curly) */
  position: absolute;     font-family: bootstrap-icons !important;
  right: 1px; /* Adjust position as needed */
  bottom: -10px; /* Adjust position as needed */
  font-size: 4rem; /* Adjust size as needed */
  color: #F5BE3C; /* Adjust color as needed */ transform: rotate(180deg);
}

.sec7 .case{width: 100%;
    background: #fff;
    box-shadow: 0px 0px 10px -8px #000;
    padding: 20px 20px 10px;
    border: 1px dashed #ebebeb;
    position: relative;}
	
.sec7 .case h3{ border-bottom: #CFCFCF dashed; min-height: 30px;   font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    
    padding-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
}
.sec7 .case a{
min-height: 52px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #212529;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 2px;}
	
.sec8{ padding: 30px 0;   background: #D0130F;}
.sec8 h3{    font-family: 'Roboto', Sans-serif;
    font-style: normal;
    font-weight: 300;
   
    margin-bottom:0;
    line-height: 45px;
    font-size: 25px;
    margin-top: 0px;}
	
.sec8 a{     text-decoration: none;
    color: white;
    text-transform: uppercase;   border-radius: 3px;
    font: 600 15px 'Roboto', Sans-serif;
    padding: 14px 30px;
    display: inline-block;
    line-height: 16px;
    border: 1px solid #CE220C;
    background-color: #062c53;}
	
	
.breadcrumbs {
	padding: 110px 0 25px 0;    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;  background-image: url(../img/breadcrumb.jpg);
	    color: white;
	}
	
.breadcrumbs h1{font: 700 35px 'Roboto', Sans-serif;}
.breadcrumbs span{color: white;
    font-weight: 600;
    font-family: 'Roboto';}
.abt .nav-link{text-align:left; border-radius:0}
.abt .nav-pills .nav-link{    padding: 20px 25px; font-weight: 600;   color: #000000; border-radius:0}

.abt .nav-fill .nav-item {    position: relative; margin-bottom: 10px;
   }
	
.abt .nav-fill .nav-item:before {
    position: absolute;
    top: 0px !important;
    left: -2px;
    width: 6px !important;
    height: 100% !important;
    background: transparent;
    content: '';
    background-color: #062c53;
    transition: all .3s ease;
    transform: none !important;
}	
.abt .nav-tabs{border-bottom:0; margin-bottom:20px;}
.abt .nav-fill .nav-item .nav-link, .abt .nav-justified .nav-item .nav-link{border: 2px solid #d4cfcf;}
.abt .nav-pills .nav-link.active, .abt .nav-pills .show>.nav-link {    background-color: #ce220c;
    color: white !important;
    border: 2px solid #ce220c !important;}
.abt{padding-top:35px;}	

.abt .tab-content h2{ font: 600 28px 'Roboto', Sans-serif;
    color: #242424;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: 0.3px;
    margin-bottom: 20px;}
	
.abt .tab-content h3{font-size:17px}

.abt .tab-content h2:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #CE220C !important;
    position: absolute;
    bottom: 0;
}

.contact h2 {margin-bottom: 20px; position:relative; font-size: 30px; font-weight: 600;
padding-bottom: 13px;}
.contact h2:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #CE220C !important;
    position: absolute;
    bottom: 0;
}

.contact .bi {     color: #062C53;
    width: 40px;
    height: 40px;
    display: block;
    align-self: center;
    text-align: center;}
.contact .bis { color: #062C53;
    border-color: #062C53;
    font-size: 25px;
    border: 1px solid;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    align-self: start;
    text-align: center;}	
.contact .con{margin-bottom:20px; display:flex; gap:15px}
.contact .con p{align-self: center; margin-bottom:0}

.contact .btn-custom {border-color: #062c53; background-color: #062c53;       font: 600 15px 'Roboto', Sans-serif; text-transform:uppercase;  color: #ffffff;}
	
.sidemenu{    background: #F7F7F7; border: 1px solid #EAEAEA;
    padding: 15px; margin-bottom:25px;}	
	
.solpage .sidemenu h2{font-size: 24px;
    color: #0a3054;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;}
.sidemenu ul li a{text-decoration:none; color: #242424;
    font-family: 'Open Sans', Sans-serif;}

.sidemenu ul li a:hover{color:#de1919}
.sidemenu ul li.active a {color:#de1919}
.solpage h2{margin-bottom:15px; font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #0A3054;
    font-size: 30px;}
.solpage .custom-ul {
  list-style: none;
  padding-left: 0;
}
.solpage .custom-ul li{margin-bottom:10px;}
.solpage .custom-ul li::before {
  content: "\f270";     vertical-align: text-top;
  font-family: "bootstrap-icons";
  margin-right: 8px;
  color: #de1919; /* Optional: Change icon color */
}	
.solpage .col-md-9 h3{margin-bottom:15px; font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #0A3054;}
	
.sideform .btn-custom {
    border-color: #de1919;
    background-color: #de1919;
    font: 600 15px 'Roboto', Sans-serif;
    text-transform: uppercase;
    color: #ffffff;
}	


.sideform {
   border: 1px solid #EAEAEA;
    padding: 0px 0 15px 0; margin-bottom:15px;
}
.sideform form{padding: 0 15px;}
.solpage .sideform h2 {
   font-size: 25px;
    background-color: #0a3054;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: white;
    padding: 8px 15px;
    text-align: center;
}

.solpage .col-md-6 .case{height: 100%;  padding:15px;   background-color: #F7F7F7;}

.solpage .col-md-6 .case h4 {    font-size: 20px;
    font-weight: 600;}
	
	
.solpage .col-md-6 .case h4 a{font-size: 20px;
    font-weight: 600;
    color: rgb(33, 37, 41);
    text-decoration: none;}
	
.form-control{box-shadow:none}	
.solpage .col-md-6 .case .btn-custom {
    border-color: #062C53;
    background-color:#062C53;
    font: 600 15px 'Roboto', Sans-serif;
        padding: 6px 12px;
    text-decoration: none; 
    border-radius: 5px;
    color: #ffffff;
}		
	.rel{background-color: #F5F5F5; padding:35px 0;}
	.rel .related{background-color: #ffffff; height:100%; padding:15px}
	
	
.rel .related	h3{    font-family: 'Montserrat', sans-serif;
    color: #0A3054; font-size:20px;}
.rel .related	h3 a { text-decoration:none;   font-family: 'Montserrat', sans-serif;
    color: #0A3054; font-size:20px;} 	
.rel .related .submit{ padding: 6px 12px;
    text-decoration: none;
    border-radius: 5px;
    color: #ffffff; border-color: #de1919;
    background-color: #de1919;
    font: 600 15px 'Roboto', Sans-serif;
    
    }
.rel h2{    
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #0A3054;
    font-size: 30px;}	
	
.sidemenu ul {margin-top: 1rem; position: relative; padding-left: 0;
    list-style: none;}
.sidemenu ul li{margin-bottom: 10px;
    border: 1px solid #EAEAEA;
    background: white;
    padding: 11px;}
.sidemenu ul li:last-child{border-bottom:0px; margin-bottom:0px;}

.for-banner-text {
    color: #ffffff;
}

.for-privacy-policy-sub-title {
    color: #686868;
}

.sections .container .row .col-12 .mb-4 {
    line-height: 30px;
    font-size: 20px;
    color: #686868;
}