body{padding:0px;margin:0px;list-style:none;color:#000;}

p{padding:0px;margin:0px;}

a{padding:0px;margin:0px;outline:none;}

ul{list-style:none;padding:0px;margin:0px;}

label{list-style:none;padding:0px;margin:0px;}

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

h1,
h2,
h3,
h4,
h5,
h6,
p{padding:0px 0 15px 0;margin:0px;}

input[type="text"]::-webkit-placeholder{opacity:1;}

input[type="text"]::-moz-placeholder{opacity:1;}

input[type="password"]::-webkit-placeholder{opacity:1;}

input[type="password"]::-moz-placeholder{opacity:1;}

input[type="search"]::-webkit-placeholder{opacity:1;}

input[type="search"]::-moz-placeholder{opacity:1;}

input[type="email"]::-webkit-placeholder{opacity:1;}

input[type="email"]::-moz-placeholder{opacity:1;}

input[type="tel"]::-webkit-placeholder{opacity:1;}

input[type="tel"]::-moz-placeholder{opacity:1;}

textarea::-moz-placeholder{opacity:1;}

textarea::-webkit-placeholder{opacity:1;}

a:hover{outline:none !important;text-decoration:none;}

a:active{outline:none !important;text-decoration:none;}

a{text-decoration:none !important;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

button,
input[type="submit"]{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;-webkit-appearance:none;outline:none;}

input,
button{-webkit-appearance:none;}

input:focus,
textarea:focus{outline:none;box-shadow:none;}

button:focus,
input[type="submit"]:focus{outline:none;box-shadow:none;}

figure{margin:0px !important;padding:0px;}

img{max-width:100%;object-fit:cover;}

a,
span,
strong,
em{display:inline-block;}

body,
p{font-family:var(font2);}
:root {
    --font1: "Source-Sans";
    --font2: "Raleway";

    --font-120: 120px;
    --line-120: 130px;

    --font-80: 80px;
    --line-80: 90px;

    --font-75: 75px;
    --line-75: 85px;

    --font-60: 60px;
    --line-60: 70px;

    --font-56: 56px;
    --line-56: 66px;

    --font-50: 50px;
    --line-50: 60px;

    --font-32: 32px;
    --line-32: 42px;

    --font-30: 30px;
    --line-30: 40px;

    --font-28: 28px;
    --line-28: 38px;

    --font-25: 25px;
    --line-25: 35px;

    --font-24: 24px;
    --line-24: 30px;

    --font-20: 20px;
    --line-20: 28px;

    --font-22: 22px;
    --line-22: 28px;

    --font-14: 14px;
    --line-14: 22px;

    --font-p: 18px;
    --line-p: 28px;

    --font-18: 18px;
    --line-18: 28px;

    --font-15: 15px;
    --line-15: 25px;

    --font-16: 16px;
    --line-16: 24px;

    --font-12: 12px;
    --line-12: 14px;

    --r-60: 60px;
    --r-20: 20px;
    --r-10: 10px;
    --r-6: 6px;
    --r-4: 4px;
    --r-8: 8px;
    --container: 1440px;
    --container-big: 1620px;
    --p-150: 150px;
    --p-100: 100px;
    --p-120: 120px;
    --p-60: 60px;
    --p-15: 15px;
    --p-20: 20px;
    --p-80: 80px;
    --h-60: 60px;
    --h-55: 55px;
    --h-80: 80px;
    --v-60: 65px;
    --gap1: 4rem;
    --overlay: linear-gradient(0deg, rgba(9, 40, 48, 0.7), rgba(9, 40, 48, 0.7)),
        linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 18.54%);
}



.p-60{ padding: var(p-60) 0;}


p,
body{color:#140300;font-size:var(--font-p);line-height:var(--line-p);font-family:var(--font2);}


.btns{ background:#E95D06;border:1px solid #E95D06;padding:0 40px;line-height:65px;min-width:251px;text-align:center;font-size:var(--font-20);text-transform:uppercase;color:#fff; font-weight: 700; margin: 10px 0;}
.btnWh{background:#D5E5F4;color:#0F2A57;border-color:#D5E5F4;}
.btnBl{background:#0F2A57;color:#fff;border-color:#0F2A57;}


.btns:hover{background:#0F2A57;color:#fff;border-color:#0F2A57;}
.btnWh:hover{background:#0F2A57;color:#fff;border-color:#0F2A57;}
.btnBl:hover{background:#D5E5F4;color:#0F2A57;border-color:#D5E5F4;}


.tophead{ position: relative; padding: var(--p-120) 0;}
.tophead h2,.tophead h1{color:#0F2A57;font-size:var(--font-56);line-height:var(--line-56);text-transform:uppercase; font-weight: 700;}

.tophead h3{font-size:var(--font-30);line-height:var(--line-30);}
.tophead h4{font-size:var(--font-25);line-height:var(--line-25);}
.tophead h5{font-size:var(--font-20);line-height:var(--line-20);}


.tophead h6{color:#E95D06;text-transform:uppercase;font-size:var(--font-20);line-height:var(--line-20);font-family:var(--font1); font-weight: 700;
  padding-bottom: 5px;
  letter-spacing: 0px;}


.font-20 p, .font-20 li{ font-size:var(--font-20);line-height:var(--line-20); }


.container{max-width:var(--container); position: relative;}

.container-big{max-width:var(--container-big);}

/*==========================
Header
==========================*/

.header_sec {
  position: absolute;
  width: 100%;
  background: #1E293BCC;
  backdrop-filter: blur(15px);
  border-bottom: 1px solid #BDC4D057;
  top: 0px;
  left: 0px;z-index: 111;
}



.navbar-brand{margin:0px;padding:0px;max-width:142px;}



/*==========================
Menu
==========================*/

.menu_sec{display:flex;align-items:center;margin:0;padding:0;gap:12px;}

.menu_sec > li{list-style:none;position:relative;}

.menu_sec li a{color:#ffffff;font-family:var(--font1); text-transform:uppercase;padding:18px 11px;display:block;transition:.3s;font-size:var(--font-16);line-height:var(--line-16);}

.menu_sec > li:hover > a{ color: #d95d05;}
.menu_sec > li.current-menu-item > a,
.menu_sec > li.current-menu-parent > a{ font-weight: 700;}

/*==========================
Dropdown
==========================*/

.menu_sec .sub-menu{position:absolute;left:0;top:100%;min-width:240px;background:#fff;padding:0;margin:0;opacity:0;visibility:hidden;transition:.3s;box-shadow:0 10px 30px rgba(0,0,0,.15);z-index:999;}



.menu_sec .dropdown-menu li{list-style:none;}

.menu_sec .dropdown-menu li a{display:block;padding:14px 20px;color:#202b3d;font-size:var(--font-16);font-weight:400;border-bottom:1px solid #eee;transition:.3s;}

.menu_sec .dropdown-menu li:last-child a{border-bottom:none;}

.menu_sec .dropdown-menu li a:hover{background:#f46b08;color:#fff;}
.drop-arw{
  position: absolute;
  top: 16px;
  right: 0px;
  color: #fff;font-size: 15px;
}
.drop-arw::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 7 Free";
  color: #fff;
  font-weight: 900;
}
.menu_sec li.dropdown{ padding-right: 10px;}




/*==========================
Right Section
==========================*/

.header-right{display:flex;align-items:center;gap:10px;margin-left:15px;}

.header-extra-logo img{height:21px;width:auto;}

.quote-btn{  padding:0px 30px; font-family:var(--font1); line-height: 55px; font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;transition:.3s;text-decoration:none; min-width: auto;}




.footerSec{ width: 100%; background: url(../images/footer-bg.jpg) no-repeat center center #0F2A57BA; background-size: cover; color: #fff;}
.foot_Top{ padding: 80px 0 50px 0; width: 100%;}


.footerSec p{ color: #D1DAE9;}
.footerSec h5{ color: #fff; font-weight: 600; text-transform: uppercase; font-size:var(--font-18); line-height:var(--line-18); font-weight: 600; letter-spacing: 8%; padding-bottom: 10px;}
.footerSec li a{ color: #D1DAE9; font-weight: 400;}
.contactInfo li a, .contactInfo li p{ color: #A1AEC5; font-weight: 400; font-family: var(--font1);}
.contactInfo li p a{ color: #A1AEC5;}
.ftBx li a{ width: 50px; height: 50px; background: #D5E5F4; border-radius: 100%; display: flex;
  align-items: center;
  justify-content: center;}
.ftBx ul{ display: flex;}
.ftBx li{ margin-right: 10px;}
.footLogo{ margin-bottom: 20px;}
.ftBx li a:hover{ background: #E95D06;}
.ftBx li a:hover img{ filter:brightness(0) invert(1);}
.footmenu ul li, .contactInfo ul li {
  padding: 0px;
  margin: 14px 0;
}
.contactInfo ul li img{ margin-right: 10px;}
.foot_btmIn{ width: 100%; border-top: 1px solid #FFFFFF21; padding: 20px 0; display: flex;
  align-items: center;
  justify-content: space-between;}
.foot_btmIn p, .foot_btmIn p a{ color: #A4B5D2;}
.foot_btmIn p a:hover, .contactInfo li a:hover,.contactInfo li p a:hover, .footerSec li a:hover { color: #fff;}


.foot_btmIn li{ display: inline-block; margin-left: 31px;}
.foot_btmIn li a{ display: inline-block; color: #A4B5D2; font-weight: 400;}

.foot_btmIn p, .foot_btmIn ul{ padding: 10px 0;}


.contactInfo p{ padding-bottom: 0px;}
.footbox2, .footbox3, .footbox4{ padding-left: 60px;}

.footbox4 .header-extra-logo img {
  height: auto;
  width: auto;
  max-width: 189px;
}


.up-arw{ transform: rotate(-45deg); position: relative; top: 2px;}


.banner-content h6{ color: #D5E5F5; font-size:var(--font-28); line-height:var(--line-28); font-weight: 600; font-family: var(--font1); text-transform: uppercase; padding-bottom: 0px;}


.banner-content h1{ color: #fff; font-size:var(--font-75); line-height:var(--line-75); font-weight: 700; font-family: var(--font2); text-transform: uppercase;}
.banner-content h1 em{ font-style: normal; color: #E95D06;}
.banner-content p{ color: #fff; font-size:var(--font-22); line-height:var(--line-22); font-weight: 600; font-family: var(--font2); max-width: 500px;}


.home-banner{ background-size: cover !important; background-attachment: fixed !important; padding-top: 83px;}
.complement-list {
  width: 100%;
  display: flex;
  border-top: 1px solid #FFFFFF26;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.complement-list li{ color: #fff; font-weight: 700; font-size:var(--font-22); line-height:var(--line-22); padding: 19px 41px;}
.complement-list li .media{ align-items: center;}
.complement-list li img{ margin-right: 10px;}


.header-extra-logo1 img{   height: 31px;}






.help-section{
    position: relative;
    padding: 170px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; text-align: center;   background-attachment: fixed !important; background-size: cover !important;
}

.help-section::before{
    content: "";
    position: absolute;
    inset: 0;
    background: #1E293BE3;
}

.help-section .container{
    position: relative;
    z-index: 2;
}

.help-content{
    max-width: 680px; margin: 0px auto;
}

.help-content h2{
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.help-content p{
    color: #FFFFFF; font-weight: 600;  font-size: var(--font-20);
  line-height: var(--line-20);
    margin-bottom: 35px;
}

.help-buttons{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.help-buttons .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s;
}

.help-buttons .btn-primary{
    background: #f26522;
    color: #fff;
}

.help-buttons .btn-primary:hover{
    background: #d95517;
}

.help-buttons .btn-secondary{
    background: #fff;
    color: #0b1b35;
}

.help-buttons .btn-secondary:hover{
    background: #f2f2f2;
}

.help-buttons .btn::after{
    content: "\2192";
    margin-left: 10px;
    transition: .3s;
}

.help-buttons .btn:hover::after{
    transform: translateX(4px);
}




.field-insights{
    position: relative;
}

.comonnext-prv{
    display: flex;
    align-items: center;
    gap: 12px;
}

.comonnext-prv button{
    width:60px;
    height: 60px;
    border: 1px solid #D5E5F4;
    border-radius: 50%;
    background: #D5E5F4;
    color: #0F2A57;
    cursor: pointer;
    transition: .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comonnext-prv button i{
    font-size: 18px;
}

.comonnext-prv button:hover{
    background: #0F2A57;
    color: #fff;
    border-color: #0F2A57;
}
.featured-engine .comonnext-prv button:hover{
    background: #E95D06;
    color: #fff;
    border-color: #E95D06;
}

.blog-box{
    background: #fff;
    overflow: hidden; border: 1px solid #DBDDE8;margin-top: 20px;
}

.blog-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.blog-pic{width: 100%; height: 420px; position: relative;}
.blog-pic:before{ width: 100%; height: 100%; content: ""; position: absolute; top: 0px; left: 0px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }




.blog-content{
    padding: 25px;
}

.blog-content span{
    display: inline-block;
    color: #E95D06;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;font-size: var(--font-18);
  line-height: var(--line-18); font-family: var(--font1);
}

.blog-content h4{
    font-size: var(--font-24);
  line-height: var(--line-24); font-family: var(--font2); font-weight: 600;
}

.blog-content h4 a{
    color: #000000;
    text-decoration: none;
}

.read-more{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #0F2A57;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;font-size: var(--font-20);
  line-height: var(--line-20); font-family: var(--font1); margin-top:10px;
}

.read-more:hover{
    color: #d18b39;
}

.blog-slider.owl-carousel .owl-stage{
    display: flex;
}

.blog-slider.owl-carousel .owl-item{
    display: flex;padding: 2px 2px 43px;
}

.blog-slider.owl-carousel .item{
    width: 100%;
}

.blog-box{
    height: 100%;
}







.counter-box {
    text-align: left;
    padding: 26px 35px 14px;
    border: 1px solid #DBDDE8;
    margin-top: 18px;
    height: 100%; border-right: none;
}
.counter-box h3 span{  font-family: var(--font1); 
    font-size:90px; line-height: 90px;
    font-weight:700;
    color:#0F2A57;
    margin-bottom: 0; 
}
.counter-box h3 {
  font-size: 60px;
  line-height: 60px;
  color: #E95D06;
  padding: 0px;
  text-transform: uppercase;
  font-family: var(--font1);
  font-weight: 700;
}
.counter-box p{
    margin:0;
    font-size: var(--font-20);
  line-height: var(--line-20); font-family: var(--font1);text-transform: uppercase;
    color:#333; padding: 0px; max-width: 240px;
}
.col-lg-3:last-child .counter-box{ border-right: 1px solid #DBDDE8;}



.service_sec{
    position:relative;
    background:#082b67;
    background-size:cover !important;
    background-position:center;
    overflow:hidden; background-attachment: fixed !important;
}



.service_sec .container{
    position:relative;
    z-index:2;
}

.service_left{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

.service_circle{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 828px;
    height: 828px;
    flex-direction: column;
    border-radius: 100%;
    overflow: hidden;

}

.product_tags{
    display:flex;
    justify-content:center;
    gap:3px;
    margin-bottom:15px;
    flex-wrap:wrap;
}

.product_tag{
    border:2px solid #00A63E;
    color:#00A63E;
    border-radius:30px;
    padding:6px 12px 5px;
    font-size:15px;
    font-weight:800;
    line-height:1;text-transform: uppercase;
    background:#fff;
}

.category_item{
    margin-bottom:20px;
}

.category-logo {
    max-width: auto !important;
    width: 175px !important;
    height: auto;
    display: block;
    margin: 0;
}

.category-icon{
    width:70px;
    height:70px;
    object-fit:contain;
    margin:0 auto 15px;
    display:block;
}

.avableBx{ backdrop-filter: blur(20px);
background: #F8F9FD;
box-shadow: 0px 4px 86px 0px #00000033; border-radius: 25px; padding: 30px 20px 20px; text-align: center; bottom: 0px;
  right: 32px;
  max-width: 246px;position: absolute;
}
.avableBx strong{ width: 100%; color: #0F2A57; font-size: 78px; line-height: 48px; font-weight: 700; text-transform: uppercase; font-family: var(--font1);}
.avableBx em{ width: 100%; color: #E95D06; font-size: 20px; line-height: 20px; font-weight: 700; text-transform: uppercase; font-family: var(--font1); font-style: normal;}




.service_left img{
    max-width:600px;
    width:100%;
    height:auto;
    display:block;
}

.service_content{
    color:#fff;
    padding-left:50px;
}



.service_content h2{
    color:#fff;    max-width: 90%;
}

.service_content p{
    font-size: var(--font-20);
  line-height: var(--line-20); font-weight: 600; font-family: var(--font1); color:#fff;    max-width: 90%;
}

.service_content ul{
    margin:20px 0 20px;
    padding:0;
    list-style:none;
    border:1px solid #C4D1E64D
}

.service_content ul li{
    position:relative;
    padding:22px 30px 22px 82px;
    border-bottom:1px solid #C4D1E64D;
    color:#fff;
    font-size: var(--font-25);
  line-height: var(--line-25); font-weight: 600; font-family: var(--font1); background: #0F2A57;
}

.service_content ul li:last-child{
    border-bottom:none;
}

.service_content ul li:before{
    content:"";
    position:absolute;
    left:28px;
    top:28px;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff; background: url(../images/check_circle.svg) no-repeat left center;
}

.darktheam{ color: #fff; background-attachment: fixed !important; background-size: cover !important;}
.selection-guide:before{ width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; background: #1E293BE3; content: "";}
.darktheam h2, .darktheam p{ color: #fff; }

.selection-guide .help-buttons .btns {
  min-width: auto;
  padding: 0 25px;
  margin-top: 14px;
}
.selcgidRow{ margin-top: 40px;}


.guide-imgBg {
  background: #D5E5F4;
  border: 1px solid #FFFFFF40;
  height: 100%;
  display: flex;
  align-items: center;
}



.applications-section{ background: #F8F9FD;}
.application-card{ width: 100%; position: relative; height: 327px;}
.application-card .w-100{ width: 100%; height: 100%;}
.application-card:before{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(180deg, rgba(0, 0, 0, 0) 64.98%, rgba(0, 0, 0, 0.6) 100%); width: 100%; height: 100%; position: absolute; bottom: 0px; content: "";}
.application-content{ position: absolute; bottom: 0px; width: 100%; left: 0px; padding: 30px;}
.application-content h4{ color: #fff; font-size: var(--font-32);
  line-height: var(--line-32); font-weight: 700; font-family: var(--font1); text-transform: uppercase; padding-bottom: 5px;}
.application-content p{ color: #fff; font-size: var(--font-24);
  line-height: var(--line-24); font-weight: 400; font-family: var(--font1); padding-bottom: 5px;}
.explore-btn{ color: #E95D06; font-size: var(--font-20);
  line-height: var(--line-20); font-weight: 600; font-family: var(--font1); text-transform: uppercase; margin-top: 10px;}

.bigpic .application-card, .bigpic .lftGals{ height: 100%;}
.explore-btn:hover{ color: #fff;}
.application-content .icon{ margin-bottom: 15px;}



.featured-item:hover{ box-shadow: 0px 4px 14px 0px #0F2A5729;}
.boxitem{ padding: 8px;}
.featured-item{ background: #fff; overflow: hidden; color: #333; margin-top: 20px; padding: 25px 25px 40px; position: relative; border: 1px solid #DBDDE8;}
.productTop{
  position: absolute;
  top: 0;
  width: 100%;
  left: 0px;
  padding: 25px 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.cataLogo {
  width: auto !important;
  height: 27px;
  margin-top: 14px;
  float: right;
}
.productTop .lftRw{ max-width: 59%;}

.featured-item h3{ font-size: var(--font-30);
  line-height: var(--line-30); font-weight: 700; font-family: var(--font1); padding: 0 10px; color: #0F2A57;}
.featured-item h3 a{ color: #0F2A57; }
.featured-item p{ padding: 0 10px; font-size: var(--font-20);
  line-height: var(--line-20); font-weight: 400; font-family: var(--font1); color: #000;}
  .featured-item ul{ width: 100%; display: inline-block;}
.featured-item ul li{ font-size: var(--font-16);
  line-height: var(--line-16); font-weight: 400; font-family: var(--font1); color: #333; border-bottom: 1px solid #EDEDED; padding: 6px 10px; text-transform: uppercase; width: 100%; float: left;}
.featured-item ul li:last-child{ border: none;}  
  
  
.product-tags span {
  border: 2px solid #00A63E;
  color: #00A63E;
  border-radius: 30px;
  padding: 6px 12px 5px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  background: #fff; text-transform: uppercase;
}
.product-tags{ text-align: right;}

.productPic{
  max-width: 100%;
  padding: 20px;
  height: 390px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 57px;
  overflow: hidden;
}
.shortDtl{ min-height: 148px;}
.productPic a{ width: 80%;}



.featured-item ul li strong{ font-weight: normal; float: left;}
.featured-item ul li em{ font-style: normal;  float: right;}



.viewspac {
  color: #0F2A57;
  font-size: var(--font-20);
  line-height: var(--line-20);
  font-weight: 600;
  font-family: var(--font1);
  display: flex;
  margin-top: 20px;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
}
.viewspac:hover{ color: #E95D06;}


.mw-50{ max-width: 50%;}


.lighttheam{ background: #F8F9FD; }


.productHov {
  position: absolute;
  top: 35%;
  left: 0px;
  width: 100%;
  height: auto;
  text-align: center;
  transform: translateY(-50%); display: none;
}

.productHov .btns{ font-size: var(--font-18); padding: 0 25px;}
.productHov .btns .up-arw{ top: 1px;}


.prdcatLogo{ width: 100%; display: inline-block;}
.prdcatLogo .cataLogo {
  width: auto !important;
  height: 36px;
  margin-top: 14px;
  float: none;
  margin: 20px auto 30px;
}

.quick-slider .productPic a {
  width: 100%;
}

.quick-item{ padding: 25px 15px 12px;}
.quick-item .shortDtl{ margin-top: 10px;}
.quick-item .productTop{ padding: 25px 15px 12px;}
.quick-item:hover .productPic img{ opacity: 30%;} 
.quick-item:hover .productHov{ display: block;}
.quick-item .productPic{ height: 270px;}
.quick-slider{ margin: 0 -8px;}



.why-box{ background: #0F2A57; border-bottom: 1px solid #C4D1E64D; padding:30px 109px 30px 30px;}
.why-box:last-child{ border: none;}
.why-list{ border: 1px solid #C4D1E64D; margin-top: 15px;}
.why-box h5{ font-size: var(--font-25); line-height: var(--line-25); font-weight: 600; font-family: var(--font1); padding-bottom: 0px; text-transform: uppercase;}
.why-box p{ font-size: var(--font-20); line-height: var(--line-20); font-weight: 400; font-family: var(--font1); padding-bottom: 0px; }
.why-icon{ margin-right: 20px;}

.why-choose-section h2{ max-width: 90%;}

.bottmTxt p{ color: #333333; font-family: var(--font1); font-size: var(--font-22); line-height: var(--line-22);  }

.solution-box{ background: #FFFFFF; padding: 15px; height: 100%;}
.solution-img{ height: 260px; overflow: hidden;}
.solution-img img{ height: 100% !important;}
.solution-content{ padding: 31px 0 0 0;}
.solution-content h5{ font-size: var(--font-25); line-height: var(--line-25); text-transform: uppercase; color: #000; font-weight: 600; font-family: var(--font1);}

.bottom-text h4{ font-size: var(--font-30); line-height: var(--line-30); text-transform: uppercase; color: #000; font-weight: 600; font-family: var(--font1);}

.bottom-text p{ font-size: var(--font-25); line-height: var(--line-25); color: #000; font-weight: 400; font-family: var(--font1);}
.contact-btn{ color: #000; font-family: var(--font1); font-weight: 600; min-width: auto !important; line-height: 56px; }
.download-btn{ color: #000; font-family: var(--font1); font-weight: 600; text-transform: uppercase; font-size: var(--font-18); line-height: var(--line-18);margin-right: 49px;}
.download-btn span{ text-decoration: underline; margin-right: 10px;} 


.resource-box{
    border: 1.33px solid #DBDDE8;
    padding:40px 35px;
    height:100%;
    transition:.3s;
    background:#fff;
}
.resource-box h4{ font-size: var(--font-30); line-height: var(--line-30); text-transform: uppercase; color: #000; font-weight: 600; font-family: var(--font1); padding-bottom: 6px;}

.resource-box p{ font-size: var(--font-22); line-height: var(--line-22); color: #000; font-weight: 400; font-family: var(--font1);}

.learn-more{ color: #807B78; font-size: var(--font-18); line-height: var(--line-18); font-weight: 400; font-family: var(--font1);}
.learn-more span{ text-decoration: underline;}

.iconssup{ height: 68px;}

.resource-box:hover h4{ color: #fff;}
.resource-box:hover p{ color: #F0F0F0;}
.resource-box:hover .learn-more{ color: #FF7E2E;} 
.resource-box:hover{ background: #0F2A57;}
.resource-box:hover img{ filter:brightness(0) invert(1);}

.resource-box.active-box h4{ color: #fff;}
.resource-box.active-box p{ color: #F0F0F0;}
.resource-box.active-box .learn-more{ color: #FF7E2E;} 
.resource-box.active-box{ background: #0F2A57;}
.resource-box.active-box img{ filter:brightness(0) invert(1);}


.accessories-box{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    background:#fff;
    border:1px solid #DBDDE8;
    padding:30px 15px;
    height:100%;
    text-decoration:none;
    transition:.3s;
}

.accessories-box:hover{
    box-shadow: 0px 4px 34px 0px #0F2A5729;
}

.accessories-image{
    height:250px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.accessories-image img{
    max-width:100%;
    max-height:240px;
}
.accessories-box h4{ color: #0F2A57;font-size: var(--font-24);
  line-height: var(--line-24); text-transform: uppercase; font-weight: 700; font-family: var(--font1); padding-bottom: 6px;}


.accessories-section .row{ margin: 0 -.5rem;}
.accessories-section .col-lg-4{ padding: 0 .5rem;}


.wpcf7-form label{
    display:block;
    font-size:var(--font-18); line-height: var(--line-18);
    font-weight:700;
    color:#000;
    margin-bottom:3px;
    text-transform:uppercase;
}

.form-select, .form-control{
    width:100%;
    height:52px;
    border:1px solid #D9D9D9;
    border-radius:0;
    padding:12px 15px;
    font-size:var(--font-18); line-height: var(--line-18);
    box-shadow:none; color: #00000099;	
}

textarea.wpcf7-form-control{
    height:180px;
    resize:none;
}

.wpcf7-radio{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
}

.wpcf7-radio .wpcf7-list-item{
    margin:0;
}



.wpcf7-spinner{
    display:none;
}
.wpcf7-form-control-wrap {
  position: relative;
  width: 100%;
}

.contact-contareatophead p br{ display: none;}
.contact-contareatophead p{ padding: 0px !important;}
.btns.wpcf7-submit {
  min-width: 240px !important;
  margin: 0px;
}
.form-select{ background-image: url("../images/drop.png") !important;}

.wpcf7-radio span{ color: #1E1E1E; font-size:var(--font-20); line-height: var(--line-20); text-transform: capitalize !important; font-weight: 400;}
.wpcf7-radio input {
  width: 20px;
  height: 20px;
  background: url(../images/Radio2.png) no-repeat center center;
    background-size: auto;
  background-size: 100% 100% !important;
  margin: 0 6px 0 0;
  position: relative;
  top: 5px;
}
.wpcf7-radio input:checked{ background: url(../images/Radio1.png) no-repeat center center;}


.imgDiv {
    padding: 0px !important;
    width: 639px;
    height: 639px;
}
.imgDiv img{ width: 100% !important; height: 100% !important;     max-width: 100%;}
.avableBx p{ padding: 0xp !important;}


.service_content ul li:before{ top: 50%; transform: translateY(-50%); }
.service_content ul li{     min-height: 110px;
    display: flex;
    align-items: center;}
.avableBx p{ padding:0px;}

.whitebg h2{color:#000;}
.lighttheam .why-box, .whitebg .why-box { background: none; border-bottom: none;
    padding: 20px 0;}
.lighttheam .why-list, .whitebg .why-list {
    border: none;
    margin-top: 15px; color:#000;
}
.lighttheam .why-list p, .whitebg .why-list p{ color:#000;}

.mw-600{ max-width: 600;}
.mw-60{ max-width: 60%;}
.mw-70{ max-width: 70%;}
.mw-80{ max-width: 80%;}
.mw-90{ max-width: 90%;}


.what-we-do-box{ background: #fff;}
.what-we-do-content{ width: 100%; padding: 20px;}
.what-we-do-content h5{ color: #0F2A57; font-size: var(--font-22);
  line-height: var(--line-22); text-transform: uppercase; font-weight: 700; font-family: var(--font1); padding-bottom: 6px;}
.what-we-do-content p{ color: #000; font-size: var(--font-16);
  line-height: var(--line-16); font-weight: 400; font-family: var(--font1); padding-bottom: 6px;}
.what-we-do-content .learn-more{ color: #0F2A57; font-size: var(--font-14);
  line-height: var(--line-14); font-weight: 600; font-family: var(--font1); text-transform: uppercase; }

.what-we-do-image{ height: 285px; overflow: hidden;}
.what-we-do-image img{ width: 100% !important; height: 100% !important;}




.journey-timeline{
    display:flex;
    justify-content:space-between;
    position:relative;
    margin-top:70px;
    gap:20px;
}

.journey-timeline::before{
    content:"";
    position:absolute;
    top:14px;
    left:0;
    width:100%;
    height:2px;
background: linear-gradient(90deg, rgba(233, 93, 6, 0) 0%, rgba(233, 93, 6, 0.208461) 6.91%, #E95D06 50%, rgba(233, 93, 6, 0.249619) 91.82%, rgba(233, 93, 6, 0) 100%);


}

.timeline-item{
    flex:1;
    position:relative;
    text-align:center;
}

.timeline-dot{
    width:18px;
    height:18px;
    border:3px solid #E95D06;
    background:#fff;
    border-radius:50%;
    display:inline-block;
    position:relative;
    z-index:2; top: 3px;
}

.timeline-year{
    margin:25px 0 20px;
    font-size:34px;
    font-weight:700;
}

.timeline-icon img{
    width:55px;
    margin-bottom:20px;
}

.timeline-content{
    max-width:250px;
    margin:auto;
}

.timeline-content h4{
    margin-bottom:15px;
}

.timeline-content p:last-child{
    margin-bottom:0;
}

.journey-item{ text-align: center;}
.journey-date {
    color: #0F2A57;
    font-size: var(--font-25);
    line-height: var(--line-25);
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--font1);
    padding: 18px 0;
}
.journey-item p{ color: #000000; font-size: var(--font-16); line-height: var(--line-16); font-family: var(--font1); margin-top: 20px;}
















@media (min-width: 1400px) and (max-width: 9000px) {
.selection-guide .col-lg-7 {
    width: 55%;
  }
.selection-guide .col-md-5{ width: 45%;}

.inner-ban .col-md-7 {
    width: 65%;
  }
.inner-ban .col-md-5{ width: 35%;}

.inner-ban .banner-image{
  min-height: 530px;
  display: flex;
  align-items: flex-end;
}
.inner-ban .banner-image img{ width: auto;
  position: absolute;
  object-fit: inherit;
  bottom: 0px;
  right: 0px;
  max-width: 535px;}



.page-accessories .banner-image{ align-items: center;}
.page-contact-us .banner-image img{
  width: auto;
  position: absolute;
  object-fit: inherit;
  bottom: 0px;
  right: 0px;
  max-width: 560px;
}



}
@media (min-width: 1300px) and (max-width: 1399px) {
.inner-ban .col-md-7 {
    width: 60%;
  }
.inner-ban .col-md-5{ width: 40%;}


.inner-ban .banner-image{
  min-height: 400px;
  display: flex;
  align-items: flex-end;
}

.page-accessories .banner-image{ align-items: center;}

.page-contact-us .banner-image img{
  width: auto;
  position: absolute;
  object-fit: inherit;
  bottom: 0px;
  right: 0px;
  max-width: 500px;
}







}
@media (min-width: 992px) and (max-width: 9000px) {
    .nav_top .dropdown .dropdown-menu {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        max-height: 0;
        display: block;
        opacity: 0;
        visibility: hidden;
        margin: 0px;
        border: none;
        border-bottom: 2px solid #ccc;
        background: #fff !important;
        width: 150px;
        padding: 0px;
        border-radius: 0;
        left: 0;
        right: inherit;
        padding: 5px 8px 8px;
        box-shadow: inherit;
    }

    .nav_top .dropdown:hover .dropdown-menu {
        max-height: 300px;
        opacity: 1;
        visibility: visible;
        /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/
    }
}

@media only screen and (max-width: 1799px) {
    :root {

		--font-120: 110px;
	    --line-120: 110px;
	
	    --font-80: 75px;
	    --line-80: 85px;
	
	    --font-75: 70px;
	    --line-75: 80px;
	
	    --font-60: 60px;
	    --line-60: 70px;
	
	    --font-56: 56px;
	    --line-56: 66px;
	
	    --font-50: 50px;
	    --line-50: 60px;
	
	    --font-32: 32px;
	    --line-32: 42px;
	
	    --font-30: 30px;
	    --line-30: 40px;
	
	    --font-28: 28px;
	    --line-28: 38px;
	
	    --font-25: 25px;
	    --line-25: 35px;
	
	    --font-24: 24px;
	    --line-24: 30px;
	
	    --font-20: 20px;
	    --line-20: 28px;
	
	    --font-22: 22px;
	    --line-22: 28px;
	
	    --font-14: 14px;
	    --line-14: 22px;
	
	    --font-p: 18px;
	    --line-p: 28px;
	
	    --font-18: 18px;
	    --line-18: 28px;
	
	    --font-15: 15px;
	    --line-15: 25px;
	
	    --font-16: 16px;
	    --line-16: 24px;
	
	    --font-12: 12px;
	    --line-12: 14px;









        --r-60: 50px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 8px;
        --container: 1440px;
        --container-big: 1620px;
        --p-150: 120px;
        --p-100: 90px;
        --p-120: 100px;
        
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 80px;
        --h-60: 60px;
        --h-55: 55px;
        --h-80: 80px;
        --v-60: 65px;
    }



.service_circle{ width: 700px;
  height: 700px; padding: 88px;}

.counter-box h3 span{ font-size: 72px;
  line-height: 66px;}

.counter-box{ padding: 20px 27px 8px;}







}

@media only screen and (max-width: 1599px) {
    :root {


		--font-120: 90px;
	    --line-120: 90px;
	
	    --font-80: 70px;
	    --line-80: 80px;
	
	    --font-75: 65px;
	    --line-75: 75px;
	
	    --font-60: 50px;
	    --line-60: 60px;
	
	    --font-56: 50px;
	    --line-56: 60px;
	
	    --font-50: 45px;
	    --line-50: 55px;
	
	    --font-32: 27px;
	    --line-32: 37px;
	
	    --font-30: 24px;
	    --line-30: 34px;
	
	    --font-28: 22px;
	    --line-28: 30px;
	
	    --font-25: 20px;
	    --line-25: 30px;
	
	    --font-24: 20px;
	    --line-24: 30px;
	
	    --font-20: 18px;
	    --line-20: 28px;
	
	    --font-22: 20px;
	    --line-22: 28px;
	
	    --font-14: 14px;
	    --line-14: 22px;
	
	    --font-p: 18px;
	    --line-p: 28px;
	
	    --font-18: 17px;
	    --line-18: 27px;
	
	    --font-15: 14px;
	    --line-15: 24px;
	
	    --font-16: 14px;
	    --line-16: 24px;
	
	    --font-12: 12px;
	    --line-12: 14px;





        --r-60: 40px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 1340px;
        --container-big: 1400px;
        --p-150: 100px;
        --p-100: 90px;
        --p-120: 100px;
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 70px;
        --h-60: 50px;
        --h-55: 50px;
        --h-80: 70px;
        --v-60: 55px;
    }

.btns{ line-height: 56px;}


.product-tags span{ padding: 4px 8px 3px;
  font-size: 11px;}

.selection-guide .col-lg-7 {
    width: 55%;
  }
.selection-guide .col-md-5{ width: 45%;}
.blog-pic{ height: 320px;}



}

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


		--font-120: 80px;
	    --line-120: 80px;
	
	    --font-80: 60px;
	    --line-80: 70px;
	
	    --font-75: 55px;
	    --line-75: 65px;
	
	    --font-60: 45px;
	    --line-60: 55px;
	
	    --font-56: 40px;
	    --line-56: 50px;
	
	    --font-50: 40px;
	    --line-50: 50px;
	
	    --font-32: 24px;
	    --line-32: 34px;
	
	    --font-30: 21px;
	    --line-30: 31px;
	
	    --font-28: 20px;
	    --line-28: 30px;
	
	    --font-25: 18px;
	    --line-25: 28px;
	
	    --font-24: 18px;
	    --line-24: 28px;
	
	    --font-20: 15px;
	    --line-20: 25px;
	
	    --font-22: 17px;
	    --line-22: 27px;
	
	    --font-14: 14px;
	    --line-14: 22px;
	
	    --font-p: 15px;
	    --line-p: 25px;
	
	    --font-18: 15px;
	    --line-18: 25px;
	
	    --font-15: 13px;
	    --line-15: 23px;
	
	    --font-16: 13px;
	    --line-16: 23px;
	
	    --font-12: 11px;
	    --line-12: 14px;


        --r-60: 40px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 1140px;
        --container-big: 1220px;
        --p-150: 90px;
        --p-100: 80px;
        --p-120: 90px;
        
        
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 60px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 60px;
        --v-60: 50px;
    }


 .service_circle {
    width: 600px;
    height: 600px;
    padding: 88px;
  }
 .btns {
    line-height: 48px;
    padding: 0 30px;
    min-width: auto !important;
  }
.header-extra-logo img {
  height: 16px;}
.header-extra-logo1 img {
  height: 22px;
}
.navbar-brand{ max-width: 114px;}
.quote-btn{ padding: 0 16px !important;
  line-height: 40px !important;}
.menu_sec li a{ padding: 12px 10px;}
.drop-arw {
  top: 9px;
  right: 0px;
  color: #fff;
  font-size: 11px;
}
.cataIcon{ height: 30px;}
.product-tags span{ padding: 4px 12px 3px;
  font-size: 11px;}
.prdcatLogo .cataLogo{ height: 22px;}
.productHov .btns {
  font-size: 13px;
  padding: 0 13px;
  line-height: 39px;
}

.productPic{ height: 240px;}
.featured-item{ padding: 25px 12px 40px;}
.quick-item {
  padding: 25px 12px 12px;
}
.quick-item .productPic {
  height: 215px; margin-top:30px;
}

.why-box{ padding: 20px 90px 20px 20px;}
.why-icon {
  margin-right: 10px;
  width: 44px;
}
.comonnext-prv button {
  width: 50px;
  height: 50px;}
.cataLogo{ height: 21px;}
.featured-item p{ font-size: 13px;
  line-height: 18px}

.avableBx strong{ font-size: 64px;
  line-height: 41px;}
.avableBx{ border-radius: 15px;
  padding: 30px 13px 15px;}
.avableBx em{ font-size: 16px;
  line-height: 16px;}
.service_content {
  padding-left: 17px;
}
.service_content ul li {  padding: 12px 30px 13px 82px;min-height: 98px;
  display: flex;
  align-items: center;}
.blog-pic{ height: 270px;}
.blog-content {
  padding: 14px;
}

.help-content {
  max-width: 523px;
  margin: 0px auto;
}

.blog-slider.owl-carousel .owl-item{ padding: 2px 2px 20px;}


.productPic img{ width: auto !important;
    margin: 0px auto !important;}


.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.solution-img{ height: 200px;}

.comonnext-prv button {
    width: 45px;
    height: 45px;
  }
.comonnext-prv{ display: flex;}






}

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


		--font-120: 70px;
	    --line-120: 80px;
	
	    --font-80: 50px;
	    --line-80: 60px;
	
	    --font-75: 45px;
	    --line-75: 55px;
	
	    --font-60: 35px;
	    --line-60: 35px;
	
	    --font-56: 30px;
	    --line-56: 40px;
	
	    --font-50: 30px;
	    --line-50: 40px;
	
	    --font-32: 20px;
	    --line-32: 30px;
	
	    --font-30: 20px;
	    --line-30: 30px;
	
	    --font-28: 18px;
	    --line-28: 28px;
	
	    --font-25: 17px;
	    --line-25: 27px;
	
	    --font-24: 17px;
	    --line-24: 27px;
	
	    --font-20: 14px;
	    --line-20: 24px;
	
	    --font-22: 15px;
	    --line-22: 25px;
	
	    --font-14: 13px;
	    --line-14: 20px;
	
	    --font-p: 14px;
	    --line-p: 24px;
	
	    --font-18: 14px;
	    --line-18: 24px;
	
	    --font-15: 13px;
	    --line-15: 23px;
	
	    --font-16: 13px;
	    --line-16: 23px;
	
	    --font-12: 11px;
	    --line-12: 14px;


        --r-60: 40px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 950px;
        --container-big: 1000px;
        --p-150: 80px;
        --p-100: 70px;
        --p-120: 80px;
        
        
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 60px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 60px;
        --v-60: 50px;
    }

.menu_sec li a {
    padding: 8px 5px;
  }
 .header-extra-logo img {
    height: 10px;
  }
.header-extra-logo1 img {
    height: 15px;
  }
.navbar-brand {
    max-width: 97px;
  }
.drop-arw {
    top: 6px;
    right: 0px;
    color: #fff;
    font-size: 8px;
  }
 .service_circle {
    width: 500px;
    height: 500px;
    padding: 75px;
  }
.avableBx strong {
    font-size: 49px;
    line-height: 39px;
  }
.avableBx {
    border-radius: 15px;
    padding: 20px 12px 11px;
    max-width: 180px;
  }
.service_content ul li::before{ width: 27px;
  height: 30px; background-size: 100%;}
.service_content ul li {
    padding: 12px 24px 13px 63px;
    min-height: 86px;
    display: flex;
    align-items: center;
  }
 .counter-box h3 span {
    font-size: 61px;
    line-height: 60px;
  }
.counter-box {
    padding: 13px 18px 2px;
  }
.footmenu ul li, .contactInfo ul li {
  padding: 0px;
  margin: 4px 0;
}
.footerSec li a, .footerSec p{ font-size: 13px;
  line-height: 19px;}
.ftBx li a {
  width: 43px;
  height: 43px;}
.foot_Top {
  padding: 35px 0 18px 0;
  width: 100%;
}
.footbox2, .footbox3, .footbox4 {
  padding-left: 44px;
}
.foot_btmIn{ padding: 4px 0;}


.what-we-do-section .col-md-6{width: 50%;}
.journey-timeline{ gap: 0; flex-wrap: wrap;}
.journey-item {
    text-align: center;
    width: 33.333%;
}
.journey-timeline::before{ display: none;}
.journey-timeline{ margin-top: 24px; }


.mw-600{ max-width: 600;}
.mw-60{ max-width: 80%;}
.mw-70{ max-width: 80%;}
.mw-80{ max-width: 100%;}
.mw-90{ max-width: 100%;}






}
@media only screen and (max-width: 991px) {
    :root {


        --r-60: 40px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 950px;
        --container-big: 100%;
        --p-150: 90px;
        --p-100: 60px;
        --p-120: 70px;
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 60px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 60px;
        --v-60: 50px;
    }

    /*MENU*/
    .nav_top .navbar-toggler {
        border-color: transparent;
        background: transparent;
        color: #fff !important;
    }

    .nav_top .navbar-toggler {
        margin: 20px 0;
        margin-right: 0;
        background: none;
        width: 30px;
        height: 38px;
        border-radius: 6px;
        padding: 0px;
    }

    .nav_top .navbar-toggler .icon-bar {
        display: block;
        width: 100%;
        height: 3px;
        border-radius: 12px;
        background-color: #f8991b;
    }

    .nav_top .navbar-toggler .icon-bar+.icon-bar {
        margin-top: 6px;
    }

    .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 12px;
        background-color: #fff;
    }

    .navbar-toggler {
        margin-right: 15px;
    }

    .navbar-toggler {
        padding: 10px;
    }

    .navbar-collapse {
        width: 710px;
        text-align: left;
        background: #1d394e;
        z-index: 999;
        top: 0px !important;
        height: 100%;
        right: -710px;
        position: fixed;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        height: 100%;
        overflow-y: auto;
        padding: 137px 20px;
        margin: 0px !important;
        left: inherit !important;
        transition: all 0.3s ease;
    }

    .normalMenu .hidemenu.navbar-collapse.show {
        right: 0px;
    }

    .navbar-toggler.showtoggle {
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .closed {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 30px;
        opacity: 1 !important;
        color: var(--c-org) !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        font-size: var(--font-h4);
        line-height: var(--line-h4);
        font-family: var(--font1);
        font-weight: 600;
    }

    .menu_sec li a {
        color: #fff;
        padding: 10px 0;
        width: 100%;
    }

    .menu_sec li {
        margin: 0px !important;
        padding: 0px !important;
        border-bottom: 1px solid rgba(231, 243, 245, 0.1);
    }

    .menu_sec li a {
        width: 100%;
        display: inline-block;
    }

    .menu_sec li,
    .normalMenu .drop-arw i {
        font-size: 20px;
        font-weight: 700;
        line-height: 40px;
    }

    .menu_sec {
        padding: 0px 70px !important;
        visibility: hidden;
        opacity: 0;
    }

    .drop-arw {
        position: absolute;
        right: 0;
        color: #fff;
        font-size: 15px;
        width: 55px;
        height: 59px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 22222;
        top: 0px;
    }

    .nav_top .dropdown .dropdown-menu {
        background: #fff !important;
        margin: 0px !important;
        padding: 0px !important;
        float: left;
        width: 100%;
        box-shadow: none !important;
        border: none !important;
    }

    .menu_sec li {
        width: 100%;
        display: inline-block;
        float: left;
    }

    .menu_sec li .dropdown-menu li:last-child {
        border: none;
    }

    .navbar-collapse .menu_sec {
        visibility: visible;
        opacity: 1;
    }

    .menu_sec li>a::after {
        display: none;
    }

    .nav_top .dropdown .dropdown-menu {
        position: relative;
        display: none;
        transition: inherit;
        max-height: inherit;
        top: 0px !important;
        transform: inherit !important;
        opacity: 1;
        visibility: visible;
    }

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

    .navbar-collapse {
        width: 710px;
        text-align: left;
        background: #1E293B;
        z-index: 999999;
        top: 0px !important;
        height: 100%;
        right: -710px;
        position: fixed;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        height: 100%;
        overflow-y: auto;
        padding: 72px 20px;
        margin: 0px !important;
        left: inherit !important;
        transition: all 0.3s ease;
    }

    .navbar-collapse.show {
        right: 0px;
    }
.menu_sec {
    padding: 0 10px !important;}

.navbar{ padding: 0px;}
.nav_top .navbar-toggler {
    margin: 11px 0;
}
.navbar-toggler:focus{ box-shadow: none;}
.header_sec{ backdrop-filter: inherit;}
.menu_sec{ gap: 0;}

.header-right {
    display: flex;
    align-items: center;
    gap: 0;
    margin-left: 0;
    justify-content: center;
    flex-wrap: wrap;
  }
 .header-right .header-extra-logo {
    width: 50%;
    text-align: center;
    margin: 20px 0;
  }

 .header-extra-logo img {
    height: 21px;
  }
 .header-extra-logo1 img {
    height: 32px;
  }
.quote-btn {
    padding: 0 16px !important;
    line-height: 40px !important;
    width: 208px;
    margin-top: 37px;
  }

.complement-list li{ padding: 10px 18px;}



.application-card{ height: 210px;}
.application-content{ padding: 16px;}
.ps-5 {
  padding-left: 1.3rem !important;
}
.featured-item{ margin-top: 0;}
.quick-slider {
  margin: 0;
}
.mt-5 {
  margin-top: 1.1rem !important;
}

.selection-guide .col-lg-7 {
    width: 100%;
  }
.selection-guide .col-md-5 {
    width: 100%;
  }
.selection-guide{ text-align: center;}
.service_left{ max-width: 700px;
  margin: 0px auto 39px;}

.ps-5 {
  padding-left: 1.4rem !important;
}

.counter-box {
    padding: 20px;
    border: 1px solid #DBDDE8;
    margin: 0;
  }

.counter-section .col-lg-3{ padding: 5px !important;}
.counter-section .row{ margin:0 -5px !important;}
.counter-box p{ max-width: 100%;}
.blog-box{ margin-top: 0;}
.footbox2, .footbox3, .footbox4 {
    padding-left: 10px;
  }


.banner-image{
  max-width: 339px;
  margin: 0px auto;
}

.guide-imgBg{ justify-content: flex-end;}
.guide-imgBg img{
  max-width: 121px;
}
.service_content {
    padding-left: 0;
  }


.my-4 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
.inner-ban .col-md-5{ display: none;}
.inner-ban .col-md-7 {
    width: 100%;
  }
.inner-ban{ padding-top: 83px;
  padding-bottom: 83px;}


.what-we-do-image {
    height: 200px;
    overflow: hidden;
}



.engine-table-wrapper{ min-height:auto;}

.inner-ban .banner-content{ padding-top: 45px; padding-left:30px; padding-right:30px;}

}

@media only screen and (max-width: 800px) {
:root {
--font-75: 34px;
    --line-75: 44px;



}



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


		--font-120: 70px;
	    --line-120: 80px;
	
	    --font-80: 50px;
	    --line-80: 60px;
	
	    --font-75: 39px;
	    --line-75: 48px;
	
	    --font-60: 35px;
	    --line-60: 35px;
	
	    --font-56: 30px;
	    --line-56: 40px;
	
	    --font-50: 30px;
	    --line-50: 40px;
	
	    --font-32: 20px;
	    --line-32: 30px;
	
	    --font-30: 20px;
	    --line-30: 30px;
	
	    --font-28: 16px;
	    --line-28: 26px;
	
	    --font-25: 17px;
	    --line-25: 27px;
	
	    --font-24: 17px;
	    --line-24: 27px;
	
	    --font-20: 14px;
	    --line-20: 24px;
	
	    --font-22: 15px;
	    --line-22: 25px;
	
	    --font-14: 13px;
	    --line-14: 20px;
	
	    --font-p: 14px;
	    --line-p: 24px;
	
	    --font-18: 14px;
	    --line-18: 24px;
	
	    --font-15: 13px;
	    --line-15: 23px;
	
	    --font-16: 13px;
	    --line-16: 23px;
	
	    --font-12: 11px;
	    --line-12: 14px;


        --r-60: 40px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 950px;
        --container-big: 1000px;
        --p-150: 80px;
        --p-100: 50px;
        --p-120: 60px;
        
        
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 60px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 60px;
        --v-60: 50px;
    }	
	
	.banner-content{ text-align: center;}
.banner-content p{ margin: 0px auto;}	
.banner-content h1 br{ display: none;}	
.banner-image {
    max-width: 200px;
    margin: 0px auto;
  }	
	
 .navbar-collapse {
    width: 80%;}
.drop-arw{ width: 22px;
    height: 42px;}

.complement-list li{ font-size: 13px; line-height: 15px;}
.complement-list li img {
  margin-right: 6px;
  width: 19px;
}

.mw-50 {
  max-width: 70%;
}
 .ps-5 {
    padding-left: 10px !important;
  }
.why-image{ margin-bottom: 20px;}
.help-buttons {justify-content: center; gap: 7px;}
.counter-section .col-lg-3 {
    padding: 5px !important;
    width: 50%;
  }
.help-section{   padding: 100px 0;}
.h-100 {
  height: auto !important;
}

.solution-img{ height: 150px;}


.what-we-do-section .col-md-6{width: 50%;}
.journey-item {  width: 50%;}
.mw-60 {
        max-width: 80%;
    }
    .mw-70 {
        max-width: 90%;
    }
.mw-80 {
        max-width: 100%;
    }
    .mw-90 {
        max-width: 100%;
    }

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

    :root {


        --r-60: 30px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 100%;
        --container-big: 100%;
        --p-150: 80px;
        --p-100: 50px;
        --p-120: 60px;
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 50px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 50px;
        --v-60: 50px;
    }


.comonnext-prv button {
    width: 40px;
    height: 40px;
    font-size: 10px;
  }
.comonnext-prv button i {
  font-size: 14px;
}
.mw-50 {
    max-width: 79%;
  }

.foot_btmIn {
    padding: 4px 0;
    flex-wrap: wrap;
    justify-content: center;
  }
.foot_btmIn li{ margin: 0 11px;}


.my-3 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}




}

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

    :root {


        --r-60: 30px;
        --r-20: 15px;
        --r-10: 10px;
        --r-6: 6px;
        --r-4: 4px;
        --r-8: 7px;
        --container: 100%;
        --container-big: 100%;
        --p-150: 80px;
        --p-15: 15px;
        --p-20: 20px;
        --p-80: 40px;
        --h-60: 40px;
        --h-55: 40px;
        --h-80: 50px;
        --v-60: 50px;
    }

.service_circle {
    width: 400px;
    height: 400px;
    padding: 75px;
  }

.footbox2, .footbox3{ width: 50%;}
.foot_btmIn {
    padding: 4px 0;
    flex-wrap: wrap;
    justify-content: center;
  }
.foot_btmIn li{ margin: 0 11px;}

.accessories-image {
  height: 160px;}
.accessories-image img {
  max-width: 100%;
  max-height: 151px;
}

















}

@media only screen and (max-width: 480px) {
	
  :root {
    --font-75: 30px;
    --line-75: 35px;
    --font-p: 14px;
    --line-p: 24px;
    --font-22: 13px;
    --line-22: 22px;
    --font-56: 24px;
    --line-56: 33px;
    --p-120: 50px;
  }	
 .btns {
    line-height: 38px;
    padding: 0 14px;
    min-width: auto !important;
    font-size: 10px !important;
  }
	.banner-image {
    max-width: 135px;
    margin: 0px auto;
  }
	
.complement-list li {
    font-size: 11px;padding: 6px 6px;
    line-height: 14px;
  }	
	
.d-flex .comonnext-prv{ display: none !important;}	
.mw-50 {
    max-width: 100%;
  }	
.boxitem {
  padding: 1px;
}	
.why-image {
    margin-bottom: 20px;
    height: 300px !important;overflow: hidden;
  }
.why-box {
    padding: 11px 20px 11px 8px;
  }
.why-box p {
  font-size: 13px;
  line-height: 18px;}
.why-icon {
    margin-right: 7px;
    width: 34px;
  }
.category-logo{ width: 95px !important;}
.avableBx strong {
    font-size: 36px;
    line-height: 26px;
  }
.avableBx em {
    font-size: 12px;
    line-height: 10px;
  }
.avableBx {
    border-radius: 10px;
    padding: 14px 10px 8px;
    max-width: 131px;
  }	

.application-content .icon {
  margin-bottom: 6px;
  width: 26px;
}
.application-content p{ font-size: 14px;
  line-height: 17px;}
 .application-card {
    height: 300px !important;
  }
.service_content ul li {
    padding: 6px 24px 7px 46px;
    min-height: 70px;
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 23px;
  }
.service_content ul li::before {
    width: 19px;
    height: 30px;
    background-size: 100%;left: 17px;
  }

.guide-imgBg img {
    max-width: 100%;
  }	


.what-we-do-section .col-md-6{width: 100%;}
.journey-item {  width: 50%;}


.mw-600{ max-width: 100%;}
.mw-60{ max-width: 100%;}
.mw-70{ max-width: 100%;}
.mw-80{ max-width: 100%;}
.mw-90{ max-width: 100%;}

.header-extra-logo1 img, .header-extra-logo img {
    height: auto;
  }

}

@media only screen and (max-width: 460px) { 
  .service_circle {
    width: 300px;
    height: 300px;
    padding: 77px;
  }
.product_tag{ padding: 4px 8px 3px;
  font-size: 10px;}  
.counter-box h3 span {
    font-size: 48px;
    line-height: 33px;
  }  
  .counter-box h3 {
  font-size: 45px;
  line-height: 46px;}
  .counter-box {
    padding: 13px;}
  
  .counter-section .col-lg-3 {
    padding: 5px !important;
    width: 100%;
  }
  }

@media only screen and (max-width: 400px) {
  .service_circle {
    width: 255px;
    height: 255px;
    padding: 58px;
  }
  
  
  
.col-6 {
  flex: 0 0 auto;
  width: 100%;
}  
  
  
 .journey-item {
        width: 100%;
    } 
  
  
  
  }
  
 html {
            scroll-behavior: smooth;
        } 
  
  
/* =========================================
           TABLE SECTION
        ========================================= */

        .engine-table-wrapper {
            width: 100%;
            min-height: 100vh;
            padding: 12px 16px;
            background: #1E293B;
            overflow-x: auto; border: 1px solid rgba(255,255,255,0.25);
        }

        .engine-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }

        /* =========================================
           HEADER
        ========================================= */

        .engine-table thead tr {
            border-bottom: 1px solid #89919d;
        }

        .engine-table th {font-family: var(--font1);
            padding: 5px 16px 16px;
            text-align: left;
            color: #ffffff;
            font-size: var(--font-15);
            font-weight: 400;
            letter-spacing: 0.55px;
            text-transform: uppercase;
            white-space: nowrap;
        }

        /* =========================================
           COLUMN WIDTHS
        ========================================= */

        .engine-table th:nth-child(1),
        .engine-table td:nth-child(1) {
            width: 11%;
        }

        .engine-table th:nth-child(2),
        .engine-table td:nth-child(2) {
            width: 10%;
        }

        .engine-table th:nth-child(3),
        .engine-table td:nth-child(3) {
            width: 8%;
        }

        .engine-table th:nth-child(4),
        .engine-table td:nth-child(4) {
            width: 9%;
        }

        .engine-table th:nth-child(5),
        .engine-table td:nth-child(5) {
            width: 13%;
        }

        .engine-table th:nth-child(6),
        .engine-table td:nth-child(6) {
            width: 34%;
        }

        .engine-table th:nth-child(7),
        .engine-table td:nth-child(7) {
            width: 13%;
        }

        /* =========================================
           TABLE ROWS
        ========================================= */

        .engine-table tbody tr {
            height: 74px;
        }

        .engine-table td {font-family: var(--font1);
            padding: 5px 8px;
            vertical-align: middle;
            font-size: 14px;
            color: #fff;
        }

        /* =========================================
           PLATFORM
        ========================================= */

        .platform-name {
            display: block;
            font-size: var(--font-20);
            font-weight: 600;
            line-height: 1.2;
            color: #ffffff;
        }

        .platform-series {
            display: block; font-weight: 400;
            margin-top: 7px;
            font-size: 11px;
            color: #6A7282;line-height: 11px;
        }

        .highlight .platform-name {
            color: #ff424b;
        }

        /* =========================================
           CYLINDER DOTS
        ========================================= */

        .cylinders {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .cylinders span {
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #f46a08;
        }

        /* =========================================
           EMISSION BADGES
        ========================================= */

        .emission-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;

            min-height: 26px;
            padding: 0 12px;

            border: 0.8px solid #00A63E;
            border-radius: 4px;

            color: #00C950;
            font-size: 10px;
            white-space: nowrap;
        }

        .emission-badge.stage {
            color: #8793a4;
            border-color: #4b586b;
        }

        /* =========================================
           HP CAPACITY
        ========================================= */

        .capacity {
            display: flex;
            align-items: center;
            gap: 30px;
            width: 100%;
        }

        .progress-wrapper {
            flex: 1;
            min-width: 150px;
        }

        /* Background bar */

        .progress-bar {
            position: relative;
            width: 100%;
            height: 4px;

            border-radius: 10px;
            background: #66758a;

            overflow: hidden;
        }

        /* Animated bar */

        .progress-fill {
            height: 100%;
            width: 0;

            border-radius: 10px;
            background: #f36a08;

            transition:
                width 1.5s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        /* Last row */

        .highlight .progress-fill {
            background: #ff424b;
        }

        /* Percentage */

        .percentage {
            width: 38px;
            flex-shrink: 0;

            color: #CFD5DF;
            font-size: 11px;
            text-align: left;
        }

        .highlight .percentage {
            color: #d9dde3;
        }

        /* =========================================
           APPLICATION
        ========================================= */

        .application {
            color: #CFD5DF;
            font-size: 14px;
            white-space: nowrap;
        }

        /* =========================================
           OPTIONAL ROW FADE-IN
        ========================================= */

        .engine-table tbody tr {
            opacity: 0;
            transform: translateY(15px);

            transition:
                opacity 0.6s ease,
                transform 0.6s ease;
        }

        .engine-table-wrapper.is-visible tbody tr {
            opacity: 1;
            transform: translateY(0);
        }

        .engine-table-wrapper.is-visible tbody tr:nth-child(1) {
            transition-delay: 0.05s;
        }

        .engine-table-wrapper.is-visible tbody tr:nth-child(2) {
            transition-delay: 0.10s;
        }

        .engine-table-wrapper.is-visible tbody tr:nth-child(3) {
            transition-delay: 0.15s;
        }

        .engine-table-wrapper.is-visible tbody tr:nth-child(4) {
            transition-delay: 0.20s;
        }

        .engine-table-wrapper.is-visible tbody tr:nth-child(5) {
            transition-delay: 0.25s;
        }

        .engine-table-wrapper.is-visible tbody tr:nth-child(6) {
            transition-delay: 0.30s;
        }

        .engine-table-wrapper.is-visible tbody tr:nth-child(7) {
            transition-delay: 0.35s;
        }

        /* =========================================
           RESPONSIVE
        ========================================= */

        @media (max-width: 1100px) {

            .engine-table-wrapper {
                padding: 25px;
            }

            .engine-table {
                min-width: 950px;
            }
        }

        @media (max-width: 768px) {

            .engine-table-wrapper {
                padding: 20px;
            }

            .engine-table {
                min-width: 950px;
            }
        }

        @media (max-width: 480px) {

            .engine-table-wrapper {
                padding: 15px;
            }

            .engine-table {
                min-width: 950px;
            }
        }

        /* =========================================
           REDUCED MOTION
        ========================================= */

        @media (prefers-reduced-motion: reduce) {

            .progress-fill,
            .engine-table tbody tr {
                transition: none;
            }
        }