/* New Css Start */
@media (min-width: 991px) {
body .navbar .stellarnav ul ul li:hover a {
  color: #fff !important;
}
}
/* New Css End */

body{ width:100%; padding:0; margin:0; background:#fff; font-family: "Saira", serif; }
a{ outline:none; text-decoration:none; }
a:focus, a:hover{ outline:none; text-decoration:none; }
ul{ padding:0; margin:0; list-style:none; }
@media screen and (min-width:1350px) { 
	.container{ max-width:1224px; }
}


.navbar-default{ padding:0; margin:0; background:#FDFDFD; border:none; display: block; }
/*.navbar-default .container{ position:relative; }
.navbar-default .menu-block{ position:absolute; top:30px; right:0; z-index:999; }*/
.stellarnav{ transition:all 0.3s ease-in-out; }

/*-- Moblie Menu 1 --*/
.stellarnav .menu-toggle span.bars span { width: 28px; height: 2px; background-color: #fff; display: block; margin: 8px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.stellarnav.active .bars span:nth-child(2){ opacity:0; }
.stellarnav.active .bars span:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg); }
.stellarnav.active .bars span:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg); }




.navbar.fixed-header{ position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999; }


.menu-text-width{ width:100% !important; }


.navbar .container-fluid{ max-width:1807px; margin: 0 auto; display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; }
.navbar .logo-block{ margin:0; padding:0; }
.navbar .logo-block a{ display:inline-block; max-width:170px; }
.navbar .logo-block a img{ width:100%; }

.navbar .menu-block{ margin:0; padding:0; }
.navbar .menu-block .stellarnav.dark{ background:transparent; padding:8px 0; }
.navbar .menu-block ul > li a{ color:#000; padding:33px 17px; font-family:inherit; font-size:18px; font-size:20px; font-weight:700; line-height:1.1; }
.navbar .menu-block .stellarnav li.has-sub > a::after{ border: none; content:"\f078"; font-family: 'Font Awesome 6 Pro'; font-size:10px; font-weight:600; margin-left: 6px; position:relative; bottom:3px; }

.navbar .stellarnav li li {
	background-color: #fff;
}

.navbar .stellarnav ul ul li{
  padding-left: 20px;
}

.navbar .stellarnav ul ul li a{
  padding-block: 10px;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 10px;
}

.navbar .stellarnav ul ul li a::before{
  content: '';
  --size:7px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--dark-blue);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -10px;
}

.navbar .stellarnav ul ul li:hover{
  background-color:var(--dark-blue);
}

.navbar .stellarnav ul ul li:hover a{
  color: #fff;
}

.navbar .stellarnav ul ul li:hover a::before{
  background-color: #fff;
}



.header-btn a {background: linear-gradient(86.32deg, #1A5C98 0%, #001F3C 190%); color: #fff !important; padding: 18px 25px !important; border-radius: 5px !important;}

.top-header{ margin:0; padding:9px 0; background:#001528; }
.top-header .container-fluid{ max-width:1807px; margin:0 auto; }
.top-header .content-block{ margin:0; padding:0; display:flex; align-items:center; justify-content:space-between; }
.top-header .content-block .lt-block{ margin:0; padding:0; }
.top-header .content-block .lt-block ul{ margin:0; padding:0; display:flex; align-items:center; gap:18px; }
.top-header .content-block .lt-block ul li a{ margin:0; padding:0; display:flex; align-items:center; gap:9px; color:#fff; font-family:inherit; font-size:12px; line-height:1; font-weight:500; }
.top-header .content-block .lt-block ul li a i{ font-size:15px; }

.top-header .content-block .rt-social{ margin:0; padding:0; }
.top-header .content-block .rt-social ul{ margin:0; padding:0; display:flex; align-items:center; gap:8px; }
.top-header .content-block .rt-social ul li a{ margin:0; padding:0; width:24px; height:24px; background:#fff; border-radius:3px; display:inline-block; color:#001528; font-size:12px; display:flex; align-items:center; justify-content:center; }


.et_pb_social_icon.et-social-facebook a.icon::before{ content:"\f39e"; font-family: "Font Awesome 6 Brands"; }

.et_pb_social_icon.et-social-linkedin a.icon::before{ content:"\f0e1"; font-family: "Font Awesome 6 Brands"; }


body #page-container .et_pb_section .et_pb_button_7::after, body #page-container .et_pb_section .et_pb_button_8::after, body #page-container .et_pb_section .et_pb_button_9::after{ content: "\f061"; font-family: "Font Awesome 6 Pro" !important; }

body #page-container .et_pb_section .et_pb_button_3:before{content: "\f0c5"; font-family: "Font Awesome 6 Pro" !important;}
body #page-container .et_pb_section .et_pb_button_4:before{content: "\f0ed"; font-family: "Font Awesome 6 Pro" !important;}

body #page-container .et_pb_section .et_pb_button_3:after,
body #page-container .et_pb_section .et_pb_button_5:after,
body #page-container .et_pb_section .et_pb_button_8:after,
body #page-container .et_pb_section .et_pb_button_4:after,
body #page-container .et_pb_section .et_pb_button_6:after{ content: "\f061"; font-family: "Font Awesome 6 Pro" !important; }

.et_pb_toggle_title:before{content: "\2b"; font-family: "Font Awesome 6 Pro" !important;}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before{content: "\f068" !important;}

.et_pb_blurb_0 .et-pb-icon, .et_pb_blurb_1 .et-pb-icon{font-family: "Font Awesome 6 Pro" !important;}
.et_pb_blurb_2 .et-pb-icon{content: "\f02f" !important; font-family: "Font Awesome 6 Pro" !important;}

body #page-container .et_pb_section .et_pb_button_2:after,
body #page-container .et_pb_section .et_pb_button_3:after,
body #page-container .et_pb_section .et_pb_button_4:after,
body #page-container .et_pb_section .et_pb_button_5:after,
body #page-container .et_pb_section .et_pb_button_6:after{content: "\f061"; font-family: "Font Awesome 6 Pro" !important;}



.et_pb_section.et_pb_section_21.et_pb_with_background.et_section_regular.custom{background-image:linear-gradient(190deg,rgba(0,0,0,0.07) 31%,#000000 100%),url('../wp-content/uploads/2.jpg') !important; background-position: center bottom 34% !important; padding-block: 0;}


















/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 1699px){
.navbar .menu-block ul > li a{ font-size:17px; }
.navbar .container-fluid{ padding:0 60px; }
.top-header .content-block{ padding:0 12px; }
.navbar .menu-block .stellarnav.dark{ width:max-content; }



}

@media screen and (max-width: 1399px){
.navbar .menu-block ul > li a{ font-size:15px; }
.navbar .menu-block li.mega-card a{ font-size:13px; }
.navbar .menu-block li.mega-card a span{ font-size:10px; }
.navbar .menu-block li.header-btn a{ font-size:13px; }
.navbar .menu-block ul > li a{ padding:33px 13px; }
.navbar .logo-block a{ max-width:100px; }



}

@media screen and (max-width: 1199px){
.navbar .menu-block ul > li a{ padding:30px 10px; }
.navbar .container-fluid{ padding:0 35px; }
.navbar .menu-block .stellarnav.dark{ width:100%; }




}

@media screen and (max-width: 991px){
.navbar .menu-block .stellarnav.mobile .menu-toggle{ background:linear-gradient(230.23deg,#1a5c98 -2.97%,#001f3c 152.68%); border-radius:12px; padding:0px; padding-left:8px; }
.navbar .menu-block .stellarnav .menu-toggle span.bars{ margin:0; }
.navbar .menu-block .stellarnav.mobile > ul{ position:absolute; width:calc(100% - 30px); left:0; right:0; margin:0 auto; background:#fff; padding:10px; z-index:99; }
.navbar .menu-block ul > li a{ padding:10px 15px; font-size:18px; }
.navbar .menu-block ul > li{ border-bottom:1px solid #F7F7F7; }
.navbar .menu-block .stellarnav li.open > a.dd-toggle i{ transform: rotate(180deg); width:24px; height:24px; background:#F0F3F6; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; }
.navbar .menu-block .stellarnav li > a.dd-toggle i{ width:24px; height:24px; background:#F0F3F6; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; }

.navbar .menu-block .menu-text-width{ display:none; }
.navbar .menu-block li.mega-card a > span{ display:none; }
.navbar .menu-block li.mega-card a > i{ width:auto; height:auto; top: 6px; right:initial; left: 8px; opacity:1; }
.navbar .menu-block li.mega-card a{ padding-left:35px; font-size:16px; font-weight:400; border:none; }
/*.navbar .menu-block li.mega-card a{ display:flex; gap:8px; align-items:center; }*/
.navbar .menu-block li.mega-card{ width:100% !important; border-bottom:1px solid #F7F7F7; }
.navbar .menu-block li.mega-card a:hover{ border:none; }
.stellarnav.mobile > ul > li > a.dd-toggle{ top: 8px; }
.navbar .logo-block a{ max-width:150px; }

}


/* custom blog inner page css */
.custom-blog-inner-body-sr{font-family: "Inter", sans-serif;}
.custom-blog-inner-body-sr p{font-size: 18px; font-weight: 300; line-height: 27px; padding-bottom: 18px !important;}
.custom-blog-inner-body-sr li{font-size: 18px; font-weight: 300; line-height: 26px;}
.custom-blog-inner-body-sr h1{ font-family: "Saira", sans-serif; font-size: clamp(1.5625rem, 1.3079rem + 1.358vw, 2.9375rem); font-weight: 600; line-height: 1; }
.custom-blog-inner-body-sr .accordion-header { display: flex; align-items: center; cursor: pointer; font-size: clamp(1.125rem, 1.0833rem + 0.2222vw, 1.35rem); gap: 5px; padding-bottom: 15px; font-weight: 700;}
.custom-blog-inner-body-sr .accordion-icon { width: 20px; text-align: center; font-size: 20px; transition: 0.3s; font-weight: 700;}
.custom-blog-inner-body-sr .accordion-body { max-height: 0; overflow: hidden; padding: 0 15px;}
.custom-blog-inner-body-sr .accordion-body.open { padding: 15px; max-height: 500px;}
.custom-blog-inner-body-sr .et_pb_module.et_pb_post_nav_0_tb_body.et_pb_posts_nav.nav-single{margin-top: 32px;}
.custom-blog-inner-body-sr blockquote p{padding: 0 !important;}



	.stellarnav ul li a.dd-toggle {
          margin-top: -12px !important;
    }




/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){
  .top-header .content-block{flex-wrap: wrap; justify-content: center; gap: 18px;}
  .top-header .content-block .lt-block ul{flex-wrap: wrap; justify-content: center;}




}

@media screen and (max-width:575px){
.navbar .container-fluid{ padding:0 25px; }
.home-sliders .desc .top-text h1{ font-size:35px; }
.navbar .container-fluid{ padding:0 10px; }



}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
/* inner page responsive css.................................................................... */
/* inner-product banner start */
@media screen and (max-width:991px){

}

@media screen and (max-width:500px){

}
/* inner-product banner end */


/* inner-defult css start  */
@media screen and (max-width:991px){

}

@media screen and (max-width:767px){

}

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


}

@media screen and (max-width:500px){

}
@media screen and (max-width:400px){


}
/* inner-defult css start  */



/* inner-product uds-protocol-stack css start */ 
@media screen and (max-width:991px){


}

@media screen and (max-width:500px){

}

@media screen and (max-width:400px){

}