@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
--text-color: #666;
--text-font-family:"Poppins", sans-serif;
--theme-color1: #aa2532;
--theme-color2: #001048;
--bs-breadcrumb-divider: '\e628';
}


/**,::after,::before{
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
}*/

.offcanvas{
transition: all .7s ease;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
}

body{
overflow-x: hidden;
font-family:"Poppins", sans-serif;
}

.top-side{
background: var(--theme-color2);
padding: 0;
}

.top-links{
background: #912031;
padding: 6px 0;
}

.top-links ul{
  margin: 0;
}

.top-links ul li a{
  text-decoration: none;
  color: var(--bs-white);
  font-size: 14px;
font-weight: 500;
}

.top-links ul li a i{
padding-right: 4px;
}

.logo{
background: var(--theme-color1);
padding: 15px 20px;
}

.navbar {
  padding:0px;
  background: var(--theme-color1);
  border-bottom: 4px solid #f64400;
}

#navbarTogglerDemo02 {
justify-content: end;
}


.navbar-light .navbar-nav .nav-link {
  padding:10px 15px;
  font-weight: 500;
color: var(--bs-white);
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  position: relative;
  letter-spacing: 0.2px;
  font-size: 15px;
}



/*.navbar-light .navbar-nav .nav-link::after{
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
background: var(--theme-color1);
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}


.navbar-light .navbar-nav .nav-link:hover::after, .navbar-light .navbar-nav .nav-link:focus::after, .navbar-light .navbar-nav .nav-link.active::after {
  left: 0;
  right: 0;
}*/

.dropdown-toggle::after {
display: inline-block;
border: none;
}


.navbar-light .navbar-nav .nav-link:hover::after, .navbar-light .navbar-nav .nav-link.active::after{
opacity: 1;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
color: var(--bs-white);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: var(--bs-white);
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  vertical-align: middle;
  border-top: 4px dashed;
/*  border-top: 4px solid\9;*/
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;

}

.dropdown-item {
padding: 10px 14px;
position: relative;
font-size: 15px;
font-family: var(--text-font-family);
color: var(--text-color);
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
border-radius: 0;
font-weight: 500;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  background-color: var(--theme-color1);
}

.dropdown:hover .dropdown-menu{
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}

.dropdown .dropdown-menu{
visibility: hidden;
display: block;
opacity: 0;
-webkit-transition: all 320ms linear 0ms;
-moz-transition: all 320ms linear 0ms;
-ms-transition: all 320ms linear 0ms;
-o-transition: all 320ms linear 0ms;
transition: all 320ms linear 0ms;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
border-radius: 0px;
}


 .dropdown-submenu {
      position: relative;
      cursor: pointer;
    }

    .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -1px;
      display: none;
      position: absolute;
    }

     @media (min-width: 992px) {
      .dropdown-submenu:hover > .dropdown-menu {
        display: block;
      }
    }

.dropdown-submenu .dropdown-menu {
left: 98%;
}

.social-links{
  display: flex;
  margin: 0;
  padding: 0;
  margin-right: 40px;
}

.social-links li{
list-style: none;
}

.social-links li a{
text-decoration: none;
color: var(--bs-white);
font-size: 20px;
padding: 0 10px;
}


.carousel-caption{
text-align: left;
}

.carousel-caption h2{
font-weight: 800;
font-size: 43px;
margin-bottom: 25px;
}


.ban1{
left: 7%;
right: 53%;
top: 20%;
}


.carousel-caption a{
text-decoration: none;
font-family: var(--text-font-family);
color: var(--bs-white);
position: relative;
overflow: hidden;
background: #F64400;
padding: 12px 25px;
display: inline-block;
z-index: 9;
border-radius: 10px;
font-weight: 600;
font-size: 18px;
}


.carousel-caption a::before {
  content: "";
display: block;
  height: 100%;
position: absolute;
top: 0;
  width: 140%;
  left: -20%;
  z-index: -1;
  background-color:var(--theme-color2);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: skew(-35deg) scaleX(0);
  -ms-transform: skew(-35deg) scaleX(0);
  transform: skew(-35deg) scaleX(0);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  -o-transition: transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  transition: transform .5s ease,-webkit-transform .5s ease;
  height: 110%;
}

.carousel-caption a:hover::before{
-webkit-transform: skew(-35deg) scaleX(1);
-ms-transform: skew(-35deg) scaleX(1);
transform: skew(-35deg) scaleX(1);
}

.carousel .carousel-item.active .animated1 {
  -webkit-animation: fadeInRight 1s ease-in-out 500ms both;
  animation: fadeInRight 1s ease-in-out 500ms both;
}
.carousel .carousel-item.active .animated2 {
  -webkit-animation: fadeInLeft 1s ease-in-out 500ms both;
  animation: fadeInLeft 1s ease-in-out 500ms both;
}
.carousel .carousel-item.active .animated3 {
  -webkit-animation: fadeInDown 1s ease-in-out 500ms both;
  animation: fadeInDown 1s ease-in-out 500ms both;    
}
.carousel .animated4 {
  -webkit-animation: fadeInUp 1s ease-in-out 500ms both;
  animation: fadeInUp 1s ease-in-out 500ms both;    
}


.carousel-caption {
transition: opacity 500ms;
}

.carousel .carousel-item img{
  width: 100%;
}

.carousel-inner > .carousel-item .carousel-caption {
  z-index: 99;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

.carousel .carousel-item.active .carousel-caption {
  z-index: 99;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;  
}

.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-control.right {
  background: none;
}
.carousel-control.left {
  background: none;
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
  opacity: 0;
}
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}


.sec-1{
text-align: center;
padding: 120px 0 50px; 
background: url(../images/sec1-bg.jpg) 0% 10%;
background-size: cover;
}

.sec-1 h2{
color: var(--theme-color2);
padding-bottom: 20px;
font-weight: 800;
font-size: 50px;
}


.sec-1 h2 span{
color: var(--theme-color1);
}

.sec-1 p{
line-height: 28px;
}

.abt-cer ul{
display: flex;
justify-content: center;
gap:80px;
align-items: center;
margin-top: 40px;
}

.abt-cer ul li img{
width: 100px;
}

.abt-cer ul li .ac3{
  width: 140px;
}


.sec2-title h2{
color: var(--theme-color2);
padding: 70px 0 50px;
font-weight: 800;
font-size: 50px;
}


.sec2-title h2 span{
color: var(--theme-color1);
}

.strength-caption{
padding: 0;
bottom: 18%;
left: 8%;
}

.strength-caption h2{
  font-size: 55px;
  margin: 0;
}


.sec-3{
padding: 70px 0;
}

.sec3-left h2{
color: #c7202f;
font-weight: 700;
font-size: 50px;
}

.sec3-left p{
line-height: 28px;
text-align: justify;
padding-right: 100px;
}

.sec3-left p strong{
 color: #c7202f; 
}

.sec3-left ul li{
  line-height: 28px;
}


.sec3-right{
position: relative;
}

.sec3-right::before{
content: '';
position: absolute;
left: -20px;
bottom: -20px;
background: var(--theme-color2);
height:93%;
width: 93%;
z-index: -1;
}

.sec-4{
padding: 70px 0;
background: url(../images/sec4-bg.jpg);
background-size: cover;
}

.sec4-left{
position: relative;
z-index: 9;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}

.sec4-left::before {
  content: '';
  position: absolute;
  left: -20px;
  top: -20px;
  background: var(--theme-color2);
  height: 93%;
  width: 93%;
  z-index: -1;
}

.sec4-left::after {
  content: '';
  position: absolute;
  right: -20px;
  bottom: -20px;
  background: var(--theme-color1);
  height: 93%;
  width: 93%;
  z-index: -1;
}

.sec4-right{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.sec4-right h2 {
  color: #c7202f;
  font-weight: 700;
  font-size: 50px;
}

.sec4-right p{
line-height: 28px;
text-align: justify;
}


.sec-6{
background: url(../images/sec6-bg.jpg);
background-size: cover;
position: relative;
}


.sec6-left{
padding: 50px;
position: relative;
}

.sec6-overlay{
background: #007383;
mix-blend-mode: multiply;
height: 100%;
display: block;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}


.sec6-left p {
  line-height: 28px;
  text-align: justify;
  color: var(--bs-white);
  position: relative;
}

.sec6-left h3{
  padding: 20px 0;
  font-weight: 700;
    color: var(--bs-white);
     position: relative;
}

.sec6-left ul li{
color: var(--bs-white);
line-height: 28px;
 position: relative;
}

.sec6-left ul li::marker{
color: var(--bs-white);
}

.pro-banner{
  position: relative;
}

.pro-banner .pro-banner-content {
  position: absolute;
  top: 20%;
  left: 10%;
}


.pro-banner .pro-banner-content h2{
  font-weight: 700;
font-size: 43px;
margin-bottom: 25px;
color: var(--bs-white);
}

.pro-banner .pro-banner-content a {
  text-decoration: none;
  font-family: var(--text-font-family);
  color: var(--bs-white);
  position: relative;
  overflow: hidden;
  background: #F64400;
  padding: 12px 25px;
  display: inline-block;
  z-index: 9;
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
}

.pro-banner .pro-banner-content a::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 140%;
  left: -20%;
  z-index: -1;
  background-color: var(--theme-color2);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: skew(-35deg) scaleX(0);
  -ms-transform: skew(-35deg) scaleX(0);
  transform: skew(-35deg) scaleX(0);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  -o-transition: transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  transition: transform .5s ease,-webkit-transform .5s ease;
  height: 110%;
}

.pro-banner .pro-banner-content a:hover::before {
  -webkit-transform: skew(-35deg) scaleX(1);
  -ms-transform: skew(-35deg) scaleX(1);
  transform: skew(-35deg) scaleX(1);
}


.inner-matter{
padding: 60px 0;
}

.inner-matter p{
line-height: 28px;
}


.pro-tab a{
text-decoration: none;
background: #e3000f;
color: var(--bs-white);
font-weight: 600;
padding: 10px 15px;
display: block;
text-transform: uppercase;
font-size: 18px;
}


.pro-title h2{
color: #e3000f;
font-weight: 700;
text-align: center;
padding: 50px 0;
font-size: 42px;
}

.switch-pro{
  margin: 15px 15px 50px 15px;
}

.switch-pro img{
  padding-bottom: 20px;
}

.switch-pro h4{
/*color: var(--theme-color1);*/
color:#1a1a18;
font-weight: 600;
margin-bottom: 20px;
}

.switch-pro h4 span{
  display: block;
  font-weight: 400;
  font-size: 20px;
}

.switch-pro a{
color: #fe0101;
text-decoration: none;
font-weight: 600;
font-size: 18px;
display: flex;
align-items: center;
gap: 16px;
}

.switch-pro a img{
width: 40px;
}

.mcb-img{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.mcb-img img{
width: 60%;
}


.mcb-img.mcb2-img img{
  width: 42%;
}


footer{
padding: 50px 0;
background: var(--theme-color2);
}

.ft-left h4{
color: #f64400;
font-size: 22px;
font-weight: 600;
}

.ft-left p{
  color: var(--bs-white);
  font-size: 15px;
}

.ft-right h4{
color: #f6aa00;
font-size: 20px;
}

.ft-right p a{
  text-decoration: none;
  color: var(--bs-white);
}

.ft-right p span{
 color: #f6aa00; 
}

.ft-right ul {
  padding-left: 15px;
}

.ft-right ul li::marker{
color: var(--bs-white);
}

.ft-right ul li a{
    text-decoration: none;
  color: var(--bs-white);
}


@media only screen and (min-width:0px) and (max-width:390px){ 
.navbar-toggler {
  padding: 4px 9px !important;
}


}



@media only screen and (min-width:0px) and (max-width:575px){ 

.logo img{
  width: 250px;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.top-side {
  display: flex;
    border-bottom: 4px solid #f64400;
}

.top-links {
  background: none;
}

.navbar {
  background: none;
  border-bottom: 0px solid #f64400;
  justify-content: end;
height: 100%;
}

.navbar-light .navbar-nav .nav-link {
  color: var(--text-color);
}

.offcanvas .btn-close{
  box-shadow: none !important;
font-size: 13px;
color: var(--bs-white);
}

.sub-menu .dropdown-menu {
  left: 30%;
}

.navbar-toggler {
  background: #912031;
  color: var(--bs-white);
  padding: 6px 12px;
  font-size: 17px;
}


.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  color: var(--theme-color2);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: var(--theme-color2);
}

.dropdown .dropdown-menu {
visibility: visible;
opacity: 1; 
display: none;
-webkit-transform: none; 
-moz-transform: none; 
-ms-transform: none);
-o-transform: none; 
transform:none; 
-webkit-transform-origin: none; 
-moz-transform-origin: none; 
-ms-transform-origin: none; 
-o-transform-origin: none; 
transform-origin: none; 
}

.dropdown .dropdown-menu.show {
  display: block;
}

.dropdown-item {
  padding: 1px 25px 0;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}


.dropdown-submenu .dropdown-menu {
  left: 0;
  position: relative;
  max-width: 100%;
  margin: 0 10px;
}

.ban1 {
  right: 35%;
  top: 15%;
}

.carousel-caption h2 {
  font-size: 23px;
  margin-bottom: 15px;
}

.carousel-caption a {
  padding: 8px 10px;
  font-size: 15px;
}

.strength-caption h2 {
  font-size: 35px;
}

.sec4-right h2 {
  margin-top: 50px;
}

}

@media only screen and (min-width:576px) and (max-width:767px){ 
.dropdown .dropdown-menu {
visibility: visible;
opacity: 1; 
display: none;
-webkit-transform: none; 
-moz-transform: none; 
-ms-transform: none);
-o-transform: none; 
transform:none; 
-webkit-transform-origin: none; 
-moz-transform-origin: none; 
-ms-transform-origin: none; 
-o-transform-origin: none; 
transform-origin: none; 
}

.dropdown .dropdown-menu.show {
  display: block;
}

.dropdown-item {
  padding: 1px 25px 0;
  font-size: 14px;
  line-height: 30px;
}
}


@media only screen and (min-width:768px) and (max-width:991px){
.dropdown .dropdown-menu {
visibility: visible;
opacity: 1; 
display: none;
-webkit-transform: none; 
-moz-transform: none; 
-ms-transform: none);
-o-transform: none; 
transform:none; 
-webkit-transform-origin: none; 
-moz-transform-origin: none; 
-ms-transform-origin: none; 
-o-transform-origin: none; 
transform-origin: none; 
}

.dropdown .dropdown-menu.show {
  display: block;
}

.dropdown-item {
  padding: 1px 25px 0;
  font-size: 14px;
  line-height: 30px;
}
}



@media only screen and (min-width:1635px) and (max-width:1920px){ 
.carousel-caption h2 {
  font-size: 55px;
}

.sec6-left {
  padding: 80px;
}


}


 @media (min-width: 992px){
.navbar-toggler {
  display: none;
}
}

@media only screen and (min-width:992px) and (max-width:1199px){ 

}

@media (width:1024px){

}


@media only screen and (min-width:1200px) and (max-width:1399px){ 

}

@media (min-width:1400px){ 

}